@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	background-color:#33577c;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
a, a:visited,a:active, .link{
	color:#0031AD;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
a:hover, .link:hover{
	color:#F7AD10;
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
}
a img, a:link img, a:hover img , a:visited img , a:active img {
	border: 0px; !important
	text-decoration:none; !important
}

dt{
	margin-top:15px;
}

#adminactionsexpand, .adminactions{
	background-color:#DFDFDF;
	border:1px solid #CFCFCF;	
	padding:2px 3px;
}

.submitbutton{
	background-image:url(images/buttonbg.png);
	width:150px;
	padding:0px;
	margin:0px;
	border:0px;
	height:34px;
	overflow:hidden;
	font-size:14px;
	color:#37526f;
	font-weight:900;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	cursor:pointer;
	cursor:hand;
}

.submitbuttonlong{
	background-image:url(images/buttonbglong.png);
	width:250px;
	padding:0px;
	margin:0px;
	border:0px;
	height:34px;
	overflow:hidden;
	font-size:14px;
	color:#37526f;
	font-weight:900;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	cursor:pointer;
	cursor:hand;
}

/* For Brother Manager */
.tab{
	background-color:#EFEFEF;
	border-top:1px solid #33577C;
	border-right:1px solid #33577C;
	border-left:1px solid #33577C;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}

/* For content boxes */
#root{
	width:100%;
	position:relative;
}

#main{
	background-color:#FFFFFF;
	width:700px;
}
#header{
	height:160px;
}
#header ul{
	list-style-type: none;
	padding: 0;
	margin: 0.5em 0em 0em 0em;
}
#header li a{
	text-decoration:none;
	color:#00319C;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.formtextbox{
	background-color:#DFDFDF;
	border:1px #33577C solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 3px;
}
.formbutton{
	border:1px #33577C solid;
	font-size:12px;
	padding:2px 3px;
	background-color:#DFDFDF;
}
.formselect{
	background-color:#DFDFDF;
	border:1px #33577C solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:1px;
}


/***
* header login box
***/
#header_login{
	display:none; text-align:right; vertical-align:top; width:525px;
}
#header_login input{
	height:18px;
	background-color:#FFCC5F;
	border:1px #BF860B solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header_login .login_submit{
	border:1px #BF860B solid;
	font-size:10px;
	padding:2px 3px;
	height:20px;
	font-weight:bold;
	margin:2px 5px;
	background-color:#FFCC5F;	
}
#login_key, #login_house{
	position:relative; z-index:15; top:0; left;0px; width:27px; height:28px; overflow:hidden;
	cursor: hand;
	cursor: pointer;
}


/***
* Messages
***/

#success{
	margin:10px 20px 15px 20px;
	padding:5px 10px;
	background-color:#FFFF99;
	border:1px solid #EFEC5A;
}
#error{
	margin:10px 20px;
	padding:5px 10px;
	background-color:#FFD9DA;
	border:1px solid #FF5B60;
}

/*FOR MAIN PAGE*/
#hrbar{
	background-image:url(images/hr.jpg);
	background-repeat:repeat-x;
	height:8px;
	width:700px;
	overflow:hidden;
}
#content{
	padding:20px;
	vertical-align:text-top;
}
#content h1{
	font-family:Lucida Sans,Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#00319c;
}
#content h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00319c;
	margin:0px;
	padding:0px;
}
#content p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:2px 0px 0px 0px;
}

/*FOR PAGES*/
#pagecontent{
	padding:10px 10px 30px 10px;
	width:680px;
	border-top:1px solid #33577C;
	overflow:hidden;
	background-color:#FFFFFF;
}
#pagecontent h1{
	font-family:Lucida Sans,Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#00319c;
}
#pagecontent h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#00319c;
	margin:0px;
	padding:0px 0px 5px 0px;
}
#pagecontent h3{
	color:#002D5B;
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	clear:both;
}
#pagecontent p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin:10px 0px 0px 0px;
}
#pagecontent a{
	font-size:12px;
	text-decoration:none;
	color:#002D5B;
}
#pagecontent a:hover{
	color:#ECAD08;
	text-decoration:underline;
}
#pagecontent dt{
	font-weight:bold;
	padding-bottom:5px;
}
.bluebox{
 	border-spacing:0px;
	background-color:#EFEFEF;
	margin:5px auto;
	padding:9px;
	border:1px solid #CFCFCF;
}
.redbox{
 	border-spacing:0px;
	background-color:#FFD9DA;
	margin:5px auto;
	padding:9px;
	border:1px solid #CFCFCF;
}
.greenbox{
 	border-spacing:0px;
	background-color:#CFFFDA;
	margin:5px auto;
	padding:9px;
	border:1px solid #00AF39;
}
.greenboxcontainer{
 	border-spacing:0px;
	background-color:#CFFFDA;
	margin:5px auto;
	padding:9px;
	border:1px solid #00AF39;
}
.yellowbox{
	background-color: #FFFF99;
	border-color: #EFEC5A;
	cursor: hand;
	cursor: pointer;
	/* padding:9px !important; */
}
.boxtitle{
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}
.boxsubtitle{
	font-size:12px;
	font-weight:bold;
}
.boxdate{
	float:right;
	width:125px;
	text-align:right;
	font-size:10px;
	color:#000000;
	margin-top:-5px;
}
.subbox{
	padding:10px;
}
.subboxform{
	padding:9px;
	background-color:#FFFF99;
	border:1px solid #EFEC5A;
	margin:5px auto;
}
.boxcontainer{
	padding-left:10px;
}
.requiredbox{
	border-left:3px solid #FF0000;
}
.reportingbox{
	border-left:3px solid #00AF28;
}
.developmentbox{
	border-left:3px solid #0300FF;
}
.servicebox{
	border-left:3px solid #A400BF;
}
#pagecontent #tabledata{
 	border-spacing:0px;
	background-color:#EFEFEF;
	width:680px;
	margin:auto;
	padding:0px;
	border:1px solid #CFCFCF;
}
#pagecontent #tabledata td{
	padding:4px;
}
#pagecontent #tabledata tr{
	background-color:#EFEFEF;
}
#pagecontent #tabledata .titlerow{
	background-color:#DFDFDF;
	text-align:center;
	font-weight:bold;
}
#pagecontent #tabledata .titlerow td{
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #CFCFCF;
}
#pagecontent #tabledata .titlecell{
	text-align:right;
	font-weight:bold;
	padding-right:2px;
	border:1px solid #CFCFCF;
}
#imgcontainer{
	padding:3px;
	border:#D3D3D3 1px solid;
	clear:both;
	margin:0px 10px 20px 10px;
	width:100px;
	height:125px;
}

/*FOR THEME TEMPLATE*/
#shadowleft{
	background-image:url(images/bgshadowleft.jpg);
	background-repeat:repeat-y;
	width:15px;
}
#shadowright{
	background-image:url(images/bgshadowright.jpg);
	background-repeat:repeat-y;
	width:15px;
	vertical-align:top;
}
#shadowbottom{
	background-image:url(images/bgshadowbottom.jpg);
	background-repeat:repeat-x;
	height:15px;
}
#shadowbottomright{
	background-image:url(images/bgshadowbottomright.jpg);
	background-repeat:no-repeat;
	width:15px;
	height:15px;
}
#shadowbottomleft{
	background-image:url(images/bgshadowbottomleft.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	width:15px;
	height:15px;
}
#footer{
	color:#a7b6c6;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*FOR FADER*/
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/* For Twitter Feed */
#twitter_update_list{
	margin:0px;
	padding:0px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
}

#twitter_update_list li{
	padding-bottom:15px;
}

/* For AJAX */
#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:100px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #33577C;	/* Dark green border */
	background-color:#FFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
	
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#33577C;
	color:#FFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}

/* For Calendar */
.calendar {
	width:700px;
	border:1px solid #000000;
	background-color:#B5CADF;
}
.calendar-month{
	font-size:20px;
	font-weight:bold;
	color:#0031AD;
	padding: 5px;
}
.calendar-month a, .calendar-month a:visited{
	text-decoration:none;
	color:#0031AD;
}
.calendar-day {
	width:100px;
	height:100px;
	border:1px solid #000000;
	vertical-align:top;
	background-color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.calendar-today{
	background-color:#FFF79F;
}
.calendar-day a, .calendar-day a:visited{
	color:#0031AD;
}
.calendar-daynumber{
	float:left;
	padding:0px 3px 0px 3px;
	margin:0px 3px 0px 0px;
	font-weight:bold;
	border:1px solid #CCCCCC;
}

/* For Chapter Summary Page */
.chapter_summary_info table{
	border: none;
	width:650px;
	margin:0px auto;
}
.chapter_summary_largenumber td{
	text-align:center;
	font-size:24px;
	text-weight:bold;
}
.chapter_summary_smalltext td{
	text-align:center;
	font-size:10px;
}
.chapter_summary_box{
	padding:5px;
	margin:15px 0px;
	background-color:#D1E1EF;
	border:1px solid #8BB7DF;
}
.chapter_summary_title a{
	font-size:18px !important;
	font-weight:bold;
}

/* For Mass Email Function */
#email_form table{
	width: 100%;
}
#email_form table tr td{
	vertical-align:top;
}
#email_form textarea{
	width:450px;
}