﻿/*Html Elements*/

/*-- reset --*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins,
kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, 
tr, th, td { border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;	background: transparent;
	/*width: 799px;*/
}

body	{ background:url(/images/body.jpg); background-repeat:repeat-x; background-color:#cee1f5; font-family: Verdana, Sans-serif; font-size: 12px; color: #1d1918;}
a		{ color:#0267cb; text-decoration:none;cursor:pointer;}
a:link, a:visited, a:active, a:selected { color:#0267cb; text-decoration:none;cursor:pointer;}
a:hover	{ color:#1d1918; text-decoration:none; cursor:pointer}
a:current{color:#0267cb; text-decoration:none;cursor:pointer;}
h1		{ font-size:34px; font-weight:bold; font-family:Helvetica; color:#000}
h2		{ font-size:28px; font-weight:bold; font-family:Helvetica; color:#000}
h3		{ font-size:24px; font-weight:bold; color:#000; line-height:30px;}
h4		{ font-size:16px; font-weight:bold; color:#222}
h5		{ font-size:16px; font-weight:bold}
h6		{ font-size:14px; font-weight:bold}
p		{ line-height:25px; text-align:justify; padding-bottom:10px}

/*Default*/
#wholePageWrapper{
			width:1024px;
			margin:0 auto;
	height: 480px;
}
#header{	height:50px;
        	float:left;
        	width:100%;
        	background-color: #009ACF;
}
.header-Text-left
{			
	        height:50px;
	        line-height:50px;
			font-family:Verdana;
        	font-size:30px;	
        	padding-left:50px;
        	font-weight:bold;
        	color:#fff;
        	width:797px;
        	float:left;
}
.header-Text-right 
{
			float:right;
			height:50px;
	        line-height:65px;
			font-family:Verdana;
        	font-size:13px;	
        	font-weight:bold;
        	width:220px;
        	text-align:right;
        	padding-right:20px;
}
.header-Text-right a
{
			color:#fff;
        	text-decoration:none;
}
.header-Text-right a:hover
{
			color:orange;
}

#header-Popup{	height:50px;
        	float:left;
        	width:83%;
        	background-color: #009ACF;
}
.header-Text-left
{			
	        height:50px;
	        line-height:50px;
			font-family:Verdana;
        	font-size:30px;	
        	padding-left:50px;
        	font-weight:bold;
        	color:#fff;
        	width:797px;
        	float:left;
}
.header-Text-right 
{
			float:right;
			height:50px;
	        line-height:65px;
			font-family:Verdana;
        	font-size:13px;	
        	font-weight:bold;
        	width:220px;
        	text-align:right;
        	padding-right:20px;
}
.header-Text-right a
{
			color:#fff;
        	text-decoration:none;
}
.header-Text-right a:hover
{
			color:orange;
}
#middle{	background-color: #fff !important;	
}
#footer{    border:green 1px solid;
        	height:50px;
        	float:left;
        	width:100%;
        	background-color: #009ACF;	
}
#left_nav{  background-color:inherit
}
#menu {		border-left: 0px solid #94AA74;
    border-right: 0px solid #94AA74;
    border-top: 0px solid #94AA74;
    border-bottom: 0px none #94AA74;
width: 170px !important;
	        margin: 0px 4px 10px 0px;
	            float:left;
}	
#menu li a {height: 32px;
  	        voice-family: "\"}\""; 
  	        voice-family: inherit;
  	        height: 24px;
	        text-decoration: none;	        
}	
#menu li a:link, #menu li a:visited {
	        color: #5E7830;
	        display: block;
	        background: url(/images/SchoolAdmin/menu1.gif);
	        padding: 8px 0 0 10px;
}
#menu li a:hover {
	        color: #26370A;
	        background: url(/images/SchoolAdmin/menu1.gif) 0 -32px;
	        padding: 8px 0 0 10px;
}
        	
#menu li a:active {
	        color: #26370A;
	        background: url(/images/SchoolAdmin/menu1.gif) 0 -64px;
	        padding: 8px 0 0 10px;
}
#menu ul {	list-style: none;
	        margin: 0;
	        padding: 0;
	        
}
#content{	width:850px;
        	float:left; 
        	background-color:inherit; 
        	min-height:439px;
        	
}


/*calendar*/
/* div for the calendar markup - text must be centered */
div#calendar {  margin : 0 auto;  padding : 10px 35px;  text-align : center;  width : 21em;  border-bottom : 1px solid #ddd; border-left : 1px solid #ddd;border-right : 1px solid #ddd;}

/* calendar heading color */
.calendar {  color : #0267cb; font-size:20px; font-weight:bold;}

/* list info - monospace font must be used */
ul#days, ul.weeks {  font-family : 'courier new', monospace;  list-style-type : none;  margin : 20px 0 20px 0;}

/* day-box span styles - adjust with padding */ 
ul#days li span {  background-color : #0267CB;  border : 1px solid #0267CB;  cursor : help;  font-weight : bold;  color : #fff;  padding : 5px;}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  {   color : #666;  text-decoration : none;  background-color : #FFC9B8;  border : 1px solid #f2f2f2;  padding : 5px;}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   {   background : transparent;  color : #666;  cursor : default;}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {  color : #000;  background-color : #f2f2f2;  border : 1px solid #f2f2f2;  text-decoration : none;  cursor : pointer;}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu {   color : #eee;  padding : 5px;  border : 1px solid #f2f2f2;  background-color : #f2f2f2;  cursor : default;}

/* to hide link separators */
span.sep {  display : none;}

/* this needs to be in conditional comment for IE only */
div#calendar {  font-size : 0.9em;  letter-spacing : 0.001em;}


/****************************/
.success{
			/*border:2px #c5d87f solid;
			color:#26450a;
			background-color:#e6efc2;*/
			border:2px red solid;
			color:green;
			background-color:#fbe2e5;
}
.error{
			border:2px #fac2c5 solid;
			color:#8b1f12;
			background-color:#fbe2e5;
}
.notice{
			border:2px #fed324 solid;
			color:#534721;
			background-color:#fff6bf;
}
.success, .error, .notice{
			/*width:890px;*/
			width:95%;
			font-weight:bold;
			font-size:12px;
			padding:5px;
			margin:15px auto;
			text-align:center;
}
/*AJAX LOADER*/
#pageLoader {
			width: 100%;
			height: 100%;
			background: black;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1000;
			opacity:.75;
			filter:alpha(opacity=75);
}
#pageLoader div{
			width:150px; 
			height:75px; 
			position: fixed;
			top:300px; 
			left:45%;
			border:2px solid #DF9007;
			z-index:1100;
			color:#DF9007;
			text-align:center;
			background:#fff url('/images/MyCeap-Loader.gif') no-repeat;
			background-position:top center;
}
.div-setYear-Con{
			padding-top:20px;
			margin:0 0 20px 20px;
}
.wrapper{	/*width:730px;*/
			width:910px;
			margin:0 auto;
}
/*Table*/
.tb_ALL{	margin:0 auto;
        	width:880px;
        	
}
.tr_ItemTemp td{
        	border-bottom:1px #e8e8e8 solid;
        	border-left:1px #e8e8e8 solid;
}
.tr_ItemTemp{
	background-color:#fff;
}
.tb_Title td{
			text-align:center;
        	font-weight:bold;
        	border:1px #d7d7d7 solid;
        	background-color:#e8e8e8;
}
.tb_ALL .TextBox{
			width:100%;
}
.tr_AlternateTemp{
			background-color:#ededed;
}
.tr_InsertTemp{
			background-color:#e8e3e3;
}

 /*For image to be center*/
.imgContainer {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			height: 150px;
			width: 150px;
}
.imgContainer * {
			vertical-align: middle;
}
/*\*//*/
.wraptocenter {
			display: block;
}
.wraptocenter span {
			display: inline-block;
			height: 100%;
			width: 1px;
}
/**
.ajax__tab_tab{
			font-size:15px;
			font-weight:bold;
}
.ajax__tab_hover{
			color:#75a0ef;
}
.tab_container{
			width:900px;
			margin:0 auto;
			padding-bottom:20px;
			padding-top:20px;
}
.watermarked
        {
        	text-align:center;
        	color:Gray;
        	width:100%;
        }



/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #fff;
    xbackground-color: #aadff7;
    background-color: #4c93e8;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    
}

.accordionHeader a
{
	color: #9eadbf;
	font-size:12px;
	text-decoration:none;	
	
}

.accordionHeader  a:hover
{
 color: #f6ece0; /*#032c5e;*/
 text-decoration:underline;	
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: #fff;
    xbackground-color: #4c93e8;
    background-color: #ed8e27;/*f4961c;*/
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #fff;
	font-size:12px;
}
.accordionHeaderSelected  a:hover
{
 text-decoration:underline;	
}
.accordionContent
{
    background-color: #e0ebf1;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.accordionContent ul 
{
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;  
}
.accordionContent ul li
{ 
    padding-left:5px;
    margin:0px;
}
.accordionContent ul li a
{
    color:Blue;  
    line-height:17px;  
    font-size:12px;
}
.accordionContent ul li a:hover
{
    color:#8abcf9;    
}