/* begin overall style */
body
{
	margin: 4px;
	padding: 0;
	background: #073046;
	font: Arial,Helvetica,sans-serif;
	font-size:16;
}

.header{
  height: 80px;  
  
}

.header #title{
  color : #FFFFFF;
  padding-top:38px;  
  font-family : Garamond, Arial;  
  font-size: 32px;
  line-height:36px; 
  text-align:right; 	
}

.header_pop #title{
  color : #CCCC99;
  padding-top:7px;  
  font-family : Garamond, Arial;  
  font-size: 38px;
  line-height:36px; 
  text-align:center; 	
}

.headerPop{
  color:#FFFFFF;
  text-align:center;
  font-size:18px;
  margin-bottom:12px;
  background: #073046;  
  
}
.header_pop #close{  
  font-size:12px;
  text-align: center;
  line-height:14px;
}
.header_pop #close a{  
  font-size:12px;
  color: white;
  font-style:italic;
}

#logo{
	background: #073046 url('/images/main/logo2.jpg') repeat-x 0 0;
	background-repeat: no-repeat;
	height: 70px;	
}
#contentPop{
  font-size:16px;
  padding-top:0px;
  padding-bottom:20px;
  margin:20px;
  color:black;
  background-color:#FFFFFF;
  text-align:left;
  min-height:330px;
}

form{
  	font-size:16px;
}
input.text, input.password{
  font-size:16px;
  margin-bottom:4px;
  width:160px;
  height:16px;	
}


label{
  text-align: right;
  display: block;
  float:left;
  width:120px;
  padding-right:10px;
}
input[type=submit]{
	background-color: #CCCC99;
	border: solid 1px #669999;
	width:120px;
	height:24px;
	margin-left:160px;
}

fieldset{
  border: solid 1px #f47c23;	
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  padding-bottom:0px;
}
legend{
  color:#4c4c4c;
  font-weight:bold;	
}
hr{
  color:red;
  background-color:#CC9;
  height:2px;'
}
/*
 * Main div : container, header, footer, content
*/

#instructionTeachers{
	font-size:13px;
	margin-bottom:20px;
}

#instructions{
	font-size:14px;
	margin-bottom:20px;
	border: solid 2px silver;
	background-color:#bbd1d1;
	padding:10px;
}


td.border_table{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	text-align:center;
}
th.border_table{
	background-color: silver;
	border-top: 1px solid black;
	border-left: 1px solid black;	
	border-bottom: 1px solid black;	
	text-align:center;
}
table.border_table{
	border-right: 1px solid black;	
}
	
#footer{
  background-color: #f47c23;
  color: #032f46;  
  text-align:center;         
}
.a_footer{
	color:#032f46;	
	font-size:15px;
	font-weight: bold;
}
#content{
  background-color:#FFFFFF;
  font-size:16px;
  min-height:560px;
  padding-top:30px;
}

/* used to keep min width */
#prop{
  height: 600px;
  float:right;
  width:1px;	
}


/* frames around text (i.e. on login page)*/
.tinyColorFrame{
  background: #003333 url('/images/main/tinyColorFrame.gif') repeat-x 0 0;
  padding-left : 4px;
  color: white;
}

#windowCloseAlert{
	color:red;
	margin-bottom:20px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border:solid 1px silver;
	padding:6px;	
}
#dialogBoxSuccess{
  min-height:80px;
  background-color:silver;
  border:solid 2px gray;  
  margin-top:50px;
  margin-bottom:50px;
  padding:10px;
}

#loginRightSide{
  font-size:14px	
}

/* blue frame around div*/
.frameAround{
  border: solid 1px #669999;
  padding-top:8px;
  padding-left:15px;
}

/* bullets as image */
ul.square{
   list-style-image: url('/images/main/bullet_square.gif');
   padding-left:20px; 	
}

.left{float:left;margin-right:15px;}
.right{float:right;margin-left:15px;}

/* error summary for forms and other Yii components */
.errorSummary ul{
	color: red;
	padding:0px;	
	margin:0px;	
}

div #form1{
  border: solid 1px #669999;
  padding: 20px;	
  font-size: 16px;
  width:428px;
}
#form1 label{
  float: left;
  width: 150px;	
  
  padding-right:10px;
}

label.labelTop{
  color:#333333;
  font-size:13px;  
  float:none;
  padding-left:0px;
  margin-left:0px;
  text-align:left;	
}
#formInfo{
 	padding-bottom:10px;
}
#formErrorMsg{
  height:50px;	
}

div.contactform label{
  width:100px;	
}
div #formType1 label{
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;	
}
div #formType1 .button{
	margin-left: 260px;
}
div.loginform #button{
  padding-left: 140px;	
  padding-top:6px;
}

div.errorPageMsg{

	background-color:silver;
	border: solid 1px #669999;
	padding: 10px;
	margin-top :100px;
}

table.bookIndex td{
  height:22px;
}	
.hint{
	font-size:13px;
	color: red;
}

.ajaxDropdown{
	background-color:silver;
	font-size:13px;
	border: solid 1px #669999;
}

.grades_basicInfo{
  border:1px solid #600;
  background-color:#FC;
  padding:4px;
}
/********************* MENUBAR *******************/

#navbar{
  line-height : 28px;  
  background-image: url('../images/main/menubar2.jpg');
  background-repeat: no-repeat;   
  height:28px;
}

#jsddm
{	margin: 0;
	padding: 0
}

#jsddm li
{	
	float: left;
	list-style: none;
	font: 14px Arial;
	font-weight: bold;
	line-height: 28px;
	background: transparent;}

#jsddm li a
{	
	display: block;		
	padding: 0px 0px;
	text-decoration: none;
	text-align:center;
	width: 190px;
	color: #032f46;
	white-space: nowrap
}

#jsddm li a:hover
{	
}
		
#jsddm li ul
{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white
}
		
#jsddm li ul li
{	
	float: none;
	display: inline
}
		
#jsddm li ul li a
{	
	width: 190px;
	background: #f5c097;
	color: #24313C
}
			
#jsddm li ul li a:hover
{	
	background: #f47c23;
}

/**
 * CSS styles for form and input fields.
 *
 * These styles are used with form and input fields generated via yiic script.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.yiiForm
{
	border: 2px solid #B7DDF2;
	background: #EBF4FB;
	margin: 0;
	padding: 5px;
	width: 550px;
}

div.yiiForm label.required
{
}

div.yiiForm span.required
{
	color: red;
}

div.errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.errorSummary ul li
{
	list-style: square;
}


div#success{
	border:solid gray 2px;
	font-size:22px;
	min-height:350px;
	padding:20px;
	width:700px
}

.hidden {
	display:none;
}