﻿/*HTML tags*/
body
{
    padding: 19px 0 0 0;
	margin: 0;	 
	background-color: #01346B;	
	font-family:Arial, Tahoma;
	font-size: 12px;
	text-align: center; /*part 1 of centering hack*/
	position: relative;	
}

a.blueLink:link, a.blueLink:visited{ color:blue; text-decoration:none;}
a.blueLink:hover, a.blueLink:visited:hover{ color:blue; text-decoration:underline;}
 
a.whiteLink:link, a.whiteLink:visited{ color:white; text-decoration:none;}
a.whiteLink:hover, a.whiteLink:visited:hover{ color:white; text-decoration:underline;}
 
 a.blackLink:link, a.blackLink:visited{ color:black; text-decoration:none;}
a.blackLink:hover, a.blackLink:visited:hover{ color:black; text-decoration:underline;}

a.yellowLink:link, a.yellowLink:visited{ color:yellow; text-decoration:none;}
a.yellowLink:hover, a.yellowLink:visited:hover{ color:yellow; text-decoration:underline;}
/*END HTML tags*/
/*DIV id*/
#Header 
{
	  height:180px;
	  background-color: white;	
	  color:black;	  
	 
}

#Footer 
{
  height:50px;
  text-align: center;
}
#outside {
     
    width:1000px;
	background: white;
	text-align: left; 
	margin: 0 auto; /*part 2 of centering hack*/
	border-left:7px solid #4682B4;
	border-right:7px solid #4682B4;
	border-top:7px solid #4682B4;
	border-bottom:7px solid #4682B4;
	color:black;
	
	position: relative;
	}

#content
{
      
	text-align: left; /*part 2 of centering hack*/
	margin: 0 auto; /*part 2 of centering hack*/
	color:black;
	padding: 2px;
	position: relative;
} 
#loginBox {
    height:175px;
    width:200px;  	 
	background: #4682B4;
	text-align: center;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	padding: 2px 2px 28px 2px;
	 
	}
#loginTable
{
    
    margin:10px auto;
}	
#smallLogin
{
    height:125px;
    width:200px;   
	background: #4682B4;
	text-align: center;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	padding: 2px 2px 28px 2px;
	 
	}
	
/*END DIV id*/

/*CLASSES*/
.watermarked {	 
	background-color:#E0FFFF;
	color:gray;
}
.largerHeading
{
    font-size: 20px;
}
.largeHeading
{
    font-size: 18px;
}
.centerMe
{
 text-align:center;   
}
.smallHeading
{
    font-size: 16px;
}
.smallerHeading
{
    font-size: 14px;
}
.dodgerBlue
{
 color:#1E90FF;   
}
.YellowWarning
{
    color: #FFFF00;
}
.greenWarning
{
    color: green;
}
.blackText
{
    color: black;
}
.redWarning
{
    color: red;
    font-weight:bold;
}
.teacherColor
{
    color: Olive;
}
.whiteColor
{
    color: white;
}
.appPercentageRed
{
    position:absolute; 
    right:5px;
    font-size:14px;
    color:Red;
    
} 
.appPercentageGreen
{
    position:absolute; 
    right:5px;
    font-size:14px;
    color:Green;
    
}
.validatorCalloutHighlight 
{
    background-color: pink; 
   
}
.appBorder
{
  border-style:solid;
  border-width:1px;
  border-color:Black; 
  padding:2px 5px 2px 5px;
}
.formBox
{ 
	background: #4682B4;	
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	padding: 2px 2px 28px 2px;
}
.accordionContent
{
    background-color: white;
    border: 1px dashed #2F4F4F;
    border-top: none; 
}
.EditUserBox { height:0px; overflow:hidden; width:100%; }

 .accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4682B4;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.SchoolManagerPanel { height:0px; overflow:auto; padding:0px 3px 0px 5px;  }

/*END CLASSES*/