*
{
	padding:0px;
	margin:0px;
	font-family:cambria,"Times New Roman", Times, serif;
	font-size:medium;
}

#mainwrapper
{
	width:884px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border: 2px solid silver;
}

#loginwrapper
{
	width:884px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border: 2px solid silver;	
}

#reportwrapper
{
	width:844px;
	min-height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	border: 2px solid silver;	
	background-image: url('../images/bg_10.png');
}

.pwrapper
{
	height:30px;
	padding-bottom: 10px;
	padding-top: 0px;	
}

#banner
{
	height: 100px;
	margin:auto;
	background-color: #630d6d;
}

#bg
{ 
	background-image: url('../images/bg_10.png');
	background-color: #FFFFFF; /*#D8EAFC;/*#008080;*/
	
}

#crest
{
	height:74px;
	width:80px;
	margin:auto;
}

.app_name
{
	float:left;
	margin:auto;
	width:400px;
	padding-left:10px;
	padding-left:10px;
	color: black;
}

.app_text
{
	font-family:verdana,cambria ;
	font-size:xx-large ;
	color:#ffffff;
	font-weight: bolder ;
	text-align: center ;
	margin:auto;
	font-size: 30px;
}

.rpt_app_text
{
	font-family:verdana,cambria ;
	font-size:xx-large ;
	color:#000000;
	font-weight: bolder ;
	text-align: center ;
	margin:auto;	
}

.app_address
{
	width:210px;
	height: 90px;
	font-size:medium ;
	float:left;
	color:#000000;
	padding-left:10px;
	padding-right:10px;
	border-right: 1px solid silver;
	margin:auto;
}

.browsebutton
{
	width:200px;
    float:right; 
}

.app_addressright
{
	width:210px;
	height: 90px;
	font-size:medium ;
	float:right;
	color:silver ;
	padding-left:10px;
	padding-right:10px;
	border-left: 1px solid silver;
	margin:auto;
}

#menuwrapper
{
	background-color: #630d6d;
	height:32px;
}

#menu
{
	width:860px;/**732px;**/
	height: 30px;
	margin:auto;	
	padding-top:1px;
	background-color:#630d6d /*#3B5998*/;
}

#menu ul
{
	height: 30px;
	line-height: 30px;
}

.bar
{
	height:1px;	
}

#headerwrapper
{
	margin:auto;	
}

#menu li
{
	list-style: none;
	float:left;
	position: relative ;
	background: url(images/menu.gif) no-repeat top;
}

#menu ul ul
{
	position:absolute ;
	visibility: hidden ;
	width: 120px;
   	background: url(images/dropdown.gif) no-repeat top;	
}

#menu ul li:hover ul
{
	visibility: visible ;
	position: absolute ;
	background: url(images/drophover.gif) no-repeat top;	
}

#menu ul li a
{
   text-decoration:none;
   width:120px;
   font-family: verdana,cambria,times new roman;
   font-size: small ;
   height:30px;
   text-align:center;
   display: block;
   color:#ffffff ;
   margin-left:1px;
   margin-right:1px;
   text-indent: 10px;
}

#menu ul li a:hover 
{    
	background: url(images/hovermenu.gif) no-repeat top;   
}

#menu ul ul li 
{
	background: url(images/dropmenu.gif) no-repeat top;
	text-align: left;    
}

#header
{
	height:145px;
	clear:both ;
}

#logincontent
{
	height:520px;
	background-image: url('../images/bg_logo.gif');
	background-repeat:no-repeat ;
	background-position: center ;
	/*width:836px;*/
	background-color:white;
}

#content
{
	height:auto;
	background-image: url('../images/bg_10.png');
	background-color: #D8EAFC;
}

#shape
{
	width:840px;
}

#footer
{
	height:30px;
	margin:auto;
	background-color:#630d6d;
	color:silver ;
}

/* login form section */
#form
{
	padding-top:10px;	
}

#login
{
	width:300px;
	height:auto;
	padding:5px;
	margin-left:260px; /*auto;*/
	border-color:aqua ;
	/*border: 1px solid silver;*/
	background-color:transparent;
}

#Register
{
	width:630px;
	height:auto;
	padding:5px;
	margin-left:127px; /*auto;*/
	border-color:aqua ;
	/*border: 1px solid silver;*/
	background-color:transparent;
}

.textbox
{
	width:180px;
	height:20px;
}

.longtextbox
{
	float:left;
	width:500px;
	height:20px;
	background-color: white ;
}

.textboxes
{
	float:right;
	width:180px;
	height:20px;
}

.labels
{
	width:100px;
	float:left;
	text-align:right;
	padding-top:2px;	
}

.labcolor
{
	color:black ;
}

.clearpic
{
	clear: both;
	height:5px;	
}

.clear
{
	clear: both;
	height:5px;
}

.page
{
	clear: both;
	height:15px;
	background-color: #630d6d;
	color:silver;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left:15px;
	font-family: verdana,cambria,times new roman;
    font-size: small ;
    border-bottom: 2px solid silver;
    margin-bottom:10px;	
}

.button
{
	width:100px;
	height: 30px;
	border-bottom-style:outset ;
	border-spacing:0px;
	color:white ;
	background-image: url('images/button.gif');
	float:left;
	cursor:pointer ;	
}

.subjectbutton
{
	width:80px;
	height:25px;
	border-bottom-style:outset ;
	border-spacing:0px;
	color:white ;
	background-image: url('images/button.gif');
	cursor: pointer;
}

.searchbutton
{
	width:100px;
	height: 30px;
	border-bottom-style:outset ;
	border-spacing:0px;
	color:white ;
	background-image: url('images/button.gif');
	cursor: pointer ;
}

#passlink
{
	font-size:small;
	color:blue;
	margin-left:120px;
	text-align:center
}

/*end of login form section*/

/*beginning of info page styles */
.mtable
{
	width:750px;
	margin:auto auto 20px auto ;
	border: 1px solid fuchsia ;
	background-color: #ffffff;
}

.applabel
{
	width:170px;
	text-align:right;
	padding-top:2px;

}

.applabel2
{
	width:170px;
	text-align:right;
	padding-right:5px;
	padding-top:2px;
	padding-left:20px;
}

.leftstudentlabel
{
	width:150px;
	text-align:right;
	padding-top:2px;
}

.apptextbox
{
	float:left;
	width:180px;
	height:20px;
	background-color: white ;
}

.image
{
	height:140px;
	width:120px;
	float:right;
	/*border: 2px solid silver ; */
	margin-right:40px;
	margin-top:5px;
	margin-bottom: 20px;
	clear: both ;		
}

.assimage
{
	height:140px;
	width:120px;
	float:right;
	margin-right:30px;
}

.photo
{
	float:right;
	margin-top:10px;
	margin-right:25px;
}

.table
{
	width:750px;
	background-color:transparent;
	margin: auto;	
}

.medtable
{
	width:550px;
	background-color:transparent;
	margin: auto;
	float:left;
}

.bordertable
{
	width:720px;
	background-color: white ;
	margin:auto;
	border-right:thin black solid;
	border-top:thin black solid;	
}

.filtertable
{
	width:720px;
	margin-left:10px;
	height: 20px;
	margin-bottom:10px;
		
}

.headingtable
{
	width:700px;
	background-color: white ;
	padding-bottom: 20px;
	margin:auto;
}

.addwidth
{
	width: 150px;
	/**text-decoration: blink;**/
}

.tdrightpading
{
	padding-right:5px;
}

.tdleftpading
{
	padding-left:5px;
}

.tblr
{
	height:25px;
	/*background-color:#C3D5FD;*/	
}

.spacer
{
	height:30px;
}

.wspacer
{
	height:20px;
	background-color: white ;
}

.imageWrapper
{
	background-color: #ffffff;
}

.appformbuttons
{
	background-color: white ;
}

.Infoform
{
	/*margin:20px 0px 20px 0px;*/
}

.buttonswrapper
{
	width:412px;
	height: 30px;
	padding-left:170px;
	background-color: white ;
}

.tr
{
	height:40px;
}

.td
{
	width:150px;
}

#leftfoot
{
	float:left;	
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom: 2px;
	border-right: 1px solid silver;
	font-size:x-small ;
}

#rightfoot
{
	width: 149px;
	float:right;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:15px;
	border-left: 1px solid silver;
	font-size:x-small ;
}

.appprint
{
	float: right ;
	width:168px;
	margin-top:10px;
	margin-right:30px;
}

.applabel1
{
	width:130px;
	text-align:right;
	padding-top:2px;
	padding-left:15px;
	padding-right:5px;

}

.applabel4
{
	width:100px;
	text-align:left;
	padding-top:2px;
	padding-left:90px;
	padding-right:5px;
}

.applabel5
{
	text-align:left;
	padding-top:2px;
	padding-left:0px;
	padding-right:5px;
}

.applabel6
{
	text-align:right;
	padding-top:2px;
	padding-left:10px;
	padding-right:5px;
}

.applabel7
{
	width:150px;
	text-align:right;
	padding-top:2px;
	padding-left:15px;
	padding-right:5px;

}

.search
{
	width:720px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	background-color:#630d6d;
	height: 30px;
	padding:3px;
	clear:both;	
}

.appsearch
{
	width:500px;	
	margin-top:10px;
	margin-left:15px;
	float:left;
}

.apptable
{
	width:200px;
}

.appbutton
{
	width:80px;
	height:25px;
	border-bottom-style:outset ;
	border-spacing:0px;
	color:white ;
	background-image: url('images/button.gif');
	cursor: pointer;
}

/*----------------settings section-----------------------------*/
.settings
{	
	width:400px;
	background-color: white ;
	margin: auto;
}

.setingbutswrapper
{
	width:212px;
	height: 30px;
	padding-left:270px;
	background-color: white ;	
}

.setingbrwrapper
{
	width:100px;
	height: 30px;
	padding-left:320px;
	background-color: white ;
}

.usersbutton
{
	width:312px;
	height: 30px;
	padding-left:220px;
	background-color: white ;
}

/*************************error page Section*************************/
.errstyle
{
	height:15px;
	color:red ;
	font-size:medium ;
	text-align: center ;
	padding:10px;
}

.errormsg
{	
	height:15px;
	color:red ;
	font-size: small;
	text-align: center ;
}

/*************************error page Section*************************/
.columns
{
	width:50px;
	text-align:center ;
	padding-top:2px;
	padding:2px 5px 0px 5px;
	border-left:thin black solid;
	border-bottom:thin black solid;	
}

.columns1
{
	width:50px;
	text-align:center ;
	padding-top:2px;
	padding:2px 5px 0px 5px;
}

.sub
{
	height: 25px;
}

.bold
{
	font-weight: bold ;
	/*background-color: #E1EFFD;*/
}

.subcolumn
{
	width:350px;
	text-align:center;
	padding-top:2px;
	padding-left:15px;
	padding-right:5px;
	border-left:thin black solid;
	border-bottom:thin black solid;	
}

.subcolumn1
{
	width:350px;
	text-align:center;
	padding-top:2px;
	padding-left:15px;
	padding-right:5px;
}

.num
{
	width:20px;
	text-align:center ;
	padding-top:2px;
	padding:2px 5px 0px 5px;
	
	border-left:thin black solid;
	border-bottom:thin black solid;			

}

.aqua
{
	background-color:#D8EAFC;	
}

.sil
{
	background-color:#C3D5FD;
}

.sail
{
	width:150px;
	text-align:right;
	font-weight: bold ;
}

.sait
{
	width:320px;
	text-align:left;
}

.saimage
{
	height:110px;
	width:120px;
	float:right;
	/*border: 2px solid silver ; */
	margin-right:20px;
	margin-top:2px;
}

.saitable
{
	width:790px;
	background-color:transparent;
	border-right:thin black solid;
	border-top:thin black solid;
	/*margin:auto;*/	
}


.rpttable
{
	width:800px;
	margin: auto;	
	height:390px;
}

.reportwrap
{
	height:40px;
	width:750px;
	margin:auto;
	background-color:transparent;	 
}

/************************reports template ************************************/
.app_text_rpt
{
	font-family:verdana,cambria ;
	font-size:xx-large ;
	color:#000000;
	font-weight: bold;
	text-align: center ;
	margin:auto;	
}

.app_addressright_rpt
{
	width:200px;
	font-size:medium ;
	float:right;
	color:#000000;
	padding-left:10px;
	padding-right:10px;
	border-left: 1px solid silver;
	margin:auto;
}

#banner_rpt
{
	height: 100px;
	margin:auto;
	border-bottom:1px solid silver;
}

#footer_rpt
{
	color:#000000;
    width:100%;
    height:33px;
	border-top:1px solid silver;
	page-break-after: always;
    position:absolute;
    bottom:0;
    left:0;
}

#rptcontent
{
	padding:0px 30px 20px 30px;
	clear: both ;
	background-color:transparent ;
	/*background-image: url('../images/bg_10.png');*/
	padding-bottom:30px;
}

.rptpage
{
	clear: both;
	height:15px;
	color:#000000;
	padding-top:5px;
	padding-bottom: 5px;
	padding-left:15px;
	font-family: verdana,cambria,times new roman;
    font-size: small ;
    font-weight:bold;
    margin-bottom:10px;   
}

.filterbox
{
	width:100px;
}

.address
{
	width:250px;
	font-weight:normal;
	font-size: medium ;
	margin:auto;
	text-align: center ;
}

#rcrest
{
	height:74px;
	width:80px;
	float:left;
	margin:0px 0px 10px 10px;
}

.HAlphaColumns
{
/*	width:80px;*/
	text-align:left;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-left:thin black solid;
	border-bottom:thin black solid;	
/*	padding-top:2px;
	padding-right:5px;
	background-color: #E1EFFD;
*/		
}

.HNumColumns
{
/*	width:80px;*/
	text-align:right;
	font-weight:bold;	
	padding-left:5px;
	padding-right:5px;	
	border-left:thin black solid;
	border-bottom:thin black solid;	
/*	padding-top:2px;
	background-color: #E1EFFD;
*/		
}

.AlphaColumns
{
/*	width:80px;*/
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:thin black solid;
	border-bottom:thin black solid;	
/*	padding-top:2px;
	padding-right:5px;
	background-color: #E1EFFD;
*/		
}

.NumColumns
{
/*	width:80px;*/
	text-align:right;
	padding-left:5px;
	padding-right:5px;
	border-left:thin black solid;
	border-bottom:thin black solid;	
/*	padding-top:2px;
	padding-right:5px;
	background-color: #E1EFFD;
*/		
}

.txt
{
	width:50px	
}

.txtaddwidth
{
	margin-left:10px; 
	width:150px;
}

.txtareaaddwidth
{
	margin-left:10px; 
	width:320px;
}

.pos
{
	margin-left:60px;
	margin-bottom:10px;
}

.poswidth
{
	width:100px;
}

.lblSched
{
	padding-left:7px;
	padding-right:7px;
}

.txtcolor
{
	color:red;
}

.poscenter
{
	text-align:center;
}

.floatdiv
{
	float:left;
}

.floatdivr
{
	float:right;
}

.formcss
{
	width:700px;
	margin:auto;
	margin-left:120px;
}

.formcssupdate
{
	width:500px;
	margin:auto;		
	margin-left:110px;
}

.appcbo
{
	width:80px;
	text-align:right;
	padding-right:10px;
	padding-top:2px;
}

.appbutton1
{
	width:100px;
	height:25px;
	border-bottom-style:outset ;
	border-spacing:0px;
	color:white ;
	background-image: url('images/button.gif');
}

.divappbuttons
{
	width:212px;
	height: 30px;
	padding-left:310px;
	background-color: white ;
}

.tdappbutton1
{
	width:80px;
	text-align:right;
	padding-right:5px;
	padding-left:0px;
	padding-top:2px;
}

.cbopid
{
	width:50px;
}

.cbo1
{
	width:170px;
}

.stdprint
{
	float: right ;
	width:180px;
	margin-top:10px;
	margin-right:30px;	
}

.rdbtable1
{
	width:500px;
	background-color: white ;
	margin: auto;
}

.rdbtable2
{
	width:120px;
	background-color: white ;
	margin: auto;
}

.rdbtable3
{
	width:120px;
	background-color: white ;
	margin-left:270px;
}

.gobutton
{
	width:200px;
	height: 30px;
	border-bottom-style:outset ;
	border-spacing:0px;
	color:white ;
	background-image: url('images/button.gif');
	float:left;	
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
	display:		block;
	position:		fixed;
	z-index:		1000;
	top:			0;
	left:			0;
	height:			100%;
	width:			100%;
	-moz-opacity: 	0.6;
	-khtml-opacity: 0.6;
	opacity:		0.6;
	filter:			alpha(opacity=60);
	background:		black;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body
.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body
.loading 
.modal {
    display: block;
}