/*default color:#C9000A primary: #C2C2C2, secondary:#C9000A, contrast color:#808080 */

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-size: 1.5em;color: #C9000A;}

/*Banner and Header */
#wrapper{background:#C9000A url(logos/cce.jpg) repeat;border-bottom:solid 4px #C9000A;}
#header{}
#header #logo img{margin:0px 5px 0px 0px}	
#header .schoolname{margin:45px 0px 0px 5px;line-height:34px;color:#C9000A;}
#header .subschoolname{margin:76px 0px 0px 0px;}
#loginstatus a{background-color:#C9000A;}
.activelink{background-color:#C9000A;}


/*Main Content Contianer*/
.login-bg{background-color:;background-image:url(logos/trans.png);position:absolute;width:100%;height:100%;}
.bg-color-grey {background-color: #C2C2C2;}
#mainContent{border-top:solid 3px #C9000A;}
#mainContent #mainNav{background-color: #C2C2C2}

#ContentMain{border:solid 1px  #C2C2C2;}
    background-image: -webkit-linear-gradient(right , #a1c27c 3%, #ffffff 97%);
/*Side menu  */
#appMenu ul {color: #000;}
#appMenu .AspNet-TreeView-Root, #appMenu .AspNet-TreeView-Parent{background:#C9000A;background-image: -ms-linear-gradient(right , #C9000A 3%,  #C2C2C2 97%);
background-image: linear-gradient(right , #C9000A 3%,  #C2C2C2 97%);background-image: -o-linear-gradient(right , #C9000A 3%,  #C2C2C2 97%);
background-image: -moz-linear-gradient(right , #C9000A 3%,  #C2C2C2 97%);background-image: -webkit-linear-gradient(right , #C9000A 3%,  #C2C2C2 97%);
background-image: -webkit-gradient(linear,right top,left top,color-stop(0.03, #C9000A),color-stop(0.97,  #C2C2C2));border-bottom:1px solid  #C2C2C2}
#appMenu .AspNet-TreeView-Root a, #appMenu .AspNet-TreeView-Parent a {color: #fff;}
#appMenu .AspNet-TreeView-Leaf{background: #C2C2C2;background-image: -ms-linear-gradient(right ,  #C2C2C2 3%, #ffffff 97%);
background-image: linear-gradient(right ,  #C2C2C2 3%, #ffffff 97%);background-image: -o-linear-gradient(right ,  #C2C2C2 3%, #ffffff 97%);
background-image: -moz-linear-gradient(right ,  #C2C2C2 3%, #ffffff 97%);background-image: -webkit-linear-gradient(right ,  #C2C2C2 3%, #ffffff 97%);
background-image: -webkit-gradient(linear,right top,left top,color-stop(0.03,  #C2C2C2),color-stop(0.97, #ffffff));border-bottom:1px solid #fff}






#appMenu .AspNet-TreeView-Leaf a {color: #000;}
#appMenu .AspNet-TreeView-Leaf a:hover {background:  #C2C2C2;}


/* Tab Styles: Header */
div.tabButtonPane{background-color:#C9000A}
div.tabButtonDefault {background-color: #C2C2C2;border-right:1px solid #ccc;}
div.tabButtonDefault a:hover {color:#000000;}
div.tabButtonActive {color:#E1EBCF;background:#C9000A;border:1px solid  #C2C2C2;}
div.tabButtonActive a.selectButton {color:#fff;}

/* Toolbar Classes */
.toolbar{background: #C2C2C2;border:solid 1px  #C2C2C2;border-bottom:0px;background-image: -ms-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);background-image: -o-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: -moz-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);background-image: -webkit-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03,  #C2C2C2),color-stop(0.97, #ffffff));}
.addToolbutton a,.editToolbutton a,.saveToolbutton a, .deleteToolbutton a, .cancelToolbutton a, .newToolbutton a{color:#222;border-right:solid 1px  #C2C2C2;}
.addToolbutton a:hover,.editToolbutton a:hover,.saveToolbutton a:hover, .deleteToolbutton a:hover, .cancelToolbutton a:hover, .newToolbutton a:hover{text-decoration:underline;}



/*Teleric Tab Controls
----------------------------------------------------------*/
div.rtsLevel.rtsLevel1{border: 1px solid  #C2C2C2;color: #222;font-weight: bold;
background: #C2C2C2;border:solid 1px  #C2C2C2;background-image: -ms-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);background-image: -o-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: -moz-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);background-image: -webkit-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03,  #C2C2C2),color-stop(0.97, #ffffff));}
.rtsLI a{background-color:#C9000A;color:#fff;border-right:1px solid  #C2C2C2}
.rtsLI a:hover{background-color: #C2C2C2;color:#C9000A}
.rtsLI a.rtsSelected{background-color:#fff;color:#000;border:1px solid #C9000A;}

/*Search Table or Form Table
----------------------------------------------------------*/
.Search{border:1px solid #808080;border-bottom-style:dotted;color:#000;}
.Search b{color:#808080;}
.Search a{color:#C9000A;}
.Search table td:nth-child(even){border-right:1px dotted #808080;}
.Search table td:last-child{border:0px}

/* Result Table
----------------------------------------------------------*/

.Result table {border:1px solid  #C2C2C2;}
.Result table thead td, .Result table tr th {border:1px solid #C9000A;background:#C9000A;color:#fff;background-image: -ms-linear-gradient(top ,  #C2C2C2 3%, #C9000A 97%);
background-image: linear-gradient(top ,  #C2C2C2 3%, #C9000A 97%);background-image: -o-linear-gradient(top ,  #C2C2C2 3%, #C9000A 97%);
background-image: -moz-linear-gradient(top ,  #C2C2C2 3%, #C9000A 97%);background-image: -webkit-linear-gradient(top ,  #C2C2C2 3%, #C9000A 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03,  #C2C2C2),color-stop(0.97, #C9000A));}
.Result table td a{color:#000}
.Result table td {border:1px solid  #C2C2C2;}
.Result table tr:nth-child(even) td, .Result  table tbody tr.even td {background:#eee;color:#000;}
.Result table tr:nth-child(even) td a, .Result  table tbody tr.even td a{color:#000}
.Result .AspNet-GridView-Pagination{background-color: #C2C2C2;color:#C9000A;border:1px solid #C9000A;border-bottom:0px;background-image: -ms-linear-gradient(top ,#fff 3%,  #C2C2C2 97%);
background-image: linear-gradient(top , #fff 3%,  #C2C2C2 97%);background-image: -o-linear-gradient(top , #fff 3%,  #C2C2C2 97%);
background-image: -moz-linear-gradient(top , #fff 3%,  #C2C2C2 97%);background-image: -webkit-linear-gradient(top , #fff 3%,  #C2C2C2 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03, #fff),color-stop(0.97,  #C2C2C2));}
.Result .AspNet-GridView-Pagination a{color:#C9000A;padding:1px 5px;text-decoration:none;vertical-align:middle;}
.Result .AspNet-GridView-Pagination span{padding:1px 7px;color:#C2C2C2;background:#fff;vertical-align:middle;}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
input[type="button"], input[type="submit"], .button {background:#C2C2C2;color:#fff;background-image: -ms-linear-gradient(top , #808080 3%, #C2C2C2 97%);
background-image: linear-gradient(top , #808080 3%, #C2C2C2 97%);background-image: -o-linear-gradient(top , #808080 3%, #C2C2C2 97%);
background-image: -moz-linear-gradient(top , #808080 3%, #C2C2C2 97%);background-image: -webkit-linear-gradient(top , #808080 3%, #C2C2C2 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03, #808080),color-stop(0.97, #C2C2C2));}

/* Login
----------------------------------------------------------*/
.Login{border: solid 1px #C9000A;}
.LoginHeader,.recoverHeader{background-color:#C9000A;color:#fff}
.AspNet-Login{border: solid 1px #C9000A;}
.AspNet-Login-TitlePanel{border-bottom:solid 1px #C9000A;color:#fff;background:#C9000A url(images/header.jpg) repeat;}

/* Change password*/
.AspNet-PasswordRecovery{border: solid 1px #C9000A;}
.AspNet-PasswordRecovery-UserName-TitlePanel{border-bottom:solid 1px #C9000A;color:#fff;background:#C9000A url(images/header.jpg) repeat;}
.AspNet-PasswordRecovery-UserName-InstructionPanel{color:#C9000A}


/* Controls */
div.Control a{color:#000}

div.Control a.ShowInfo{border:1px solid  #C2C2C2;background: #C2C2C2;background-image: -ms-linear-gradient(top ,#fff 3%,  #C2C2C2 97%);
background-image: linear-gradient(top , #fff 3%,  #C2C2C2 97%);background-image: -o-linear-gradient(top , #fff 3%,  #C2C2C2 97%);
background-image: -moz-linear-gradient(top , #fff 3%,  #C2C2C2 97%);background-image: -webkit-linear-gradient(top , #fff 3%,  #C2C2C2 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03, #fff),color-stop(0.97,  #C2C2C2));}
div.Control ul li{border-bottom:1px solid  #C2C2C2;}
div.FullInfo table tr td{border-bottom:1px solid  #C2C2C2;}

div.FullInfo{border:1px solid  #C2C2C2}

div.Controls a{border:1px solid  #C2C2C2;background: #C2C2C2;background-image: -ms-linear-gradient(top ,#fff 3%,  #C2C2C2 97%);
background-image: linear-gradient(top , #fff 3%,  #C2C2C2 97%);background-image: -o-linear-gradient(top , #fff 3%,  #C2C2C2 97%);
background-image: -moz-linear-gradient(top , #fff 3%,  #C2C2C2 97%);background-image: -webkit-linear-gradient(top , #fff 3%,  #C2C2C2 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03, #fff),color-stop(0.97,  #C2C2C2));}


.ui-widget-content {border: 1px solid  #C2C2C2;background: #fff;}
.ui-state-default, .ui-widget-header .ui-state-default{border: 1px solid  #C2C2C2;background: transparent;}
.ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #C9000A;background: #C9000A;font-weight: bold;color: white;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #C9000A;text-decoration: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #fff;text-decoration: none;}
.ui-widget-header {border: 1px solid  #C2C2C2;color: #222;font-weight: bold;
background: #C2C2C2;border:solid 1px  #C2C2C2;border-bottom:0px;background-image: -ms-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);background-image: -o-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: -moz-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);background-image: -webkit-linear-gradient(top ,  #C2C2C2 3%, #ffffff 97%);
background-image: -webkit-gradient(linear,top left,bottom left,color-stop(0.03,  #C2C2C2),color-stop(0.97, #ffffff));}


div#guidelineInfo { background-color: #C9000A; padding: 2px 3px 3px 5px; }
div#guidelineInfo a { text-decoration: none; color: #fff; vertical-align: top; }
span.list_em { font-weight: bold; color: #C9000A; }