body{font-family: helvetica, arial, verdana; font-size: 10pt; color:#333333;}

a{color: #333333; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}
ul {padding-top:4px; margin-top:0px;}

input[type="submit"]{background-color: #F7F6F3;border-color: #cccccc;border-style: solid; border-width:1px; padding:2px; margin-top: 3px; cursor: pointer;}

.error{color:#ff0000;}

#superCont{margin: 0 auto; width: 1020px;}

a.greyLink{color: #333333; font-weight:bold; text-decoration:none;}
a.greyLink:hover{text-decoration:underline;}

/*Header*/
#header{height:208px;}
#logo{float:left;}
#logo .enrolNow{padding:0px;margin:0px;}
#masthead{float:left;}
#menuCont{width:782px; height: 28px;}
#titleCont{position:relative; top:115px; left:23px;}
h1.mastheadTitle {font-size: 20pt; color:#ffffff; font-weight:normal;}

/*Banner classes*/
#masthead .bannerHome{width:780px; height: 159px; background: url(images/banners/green.jpg) left 100% no-repeat;}
#masthead .bannerCurriculum{width:780px; height: 159px; background: url(images/banners/purple.jpg) left 100% no-repeat;}
#masthead .bannerClasses{width:780px; height: 159px; background: url(images/banners/aqua.jpg) left 100% no-repeat;}
#masthead .bannerPrograms{width:780px; height: 159px; background: url(images/banners/orange.jpg) left 100% no-repeat;}
#masthead .bannerPlaygroup{width:780px; height: 159px; background: url(images/banners/red.jpg) left 100% no-repeat;}
#masthead .bannerEnrolment{width:780px; height: 159px; background: url(images/banners/blue.jpg) left 100% no-repeat;}
#masthead .bannerGeneric{width:780px; height: 159px; background: url(images/banners/generic.jpg) left 100% no-repeat;}

/*Menu*/
#menuCont .school{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_green.jpg) left 100% no-repeat;}
#menuCont .schoolDropDown{cursor: pointer; width:130px; height: 25px; background: url(images/menu/dropdown_green.png) left 100% no-repeat;}
#menuCont .schoolDropDownBottom{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_green.jpg) left 100% no-repeat;}
#menuCont .school div, #menuCont .schoolDropDown div, #menuCont .schoolDropDownBottom div {cursor: pointer; position:relative; top:3px;}

#menuCont .curriculum{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_purple.jpg) left 100% no-repeat;}
#menuCont .curriculum div{cursor: pointer; position:relative; top:3px;}

#menuCont .classes{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_aqua.jpg) left 100% no-repeat;}
#menuCont .classes div{cursor: pointer; position:relative; top:3px;}

#menuCont .programs{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_orange.png) left 100% no-repeat;}
#menuCont .programs div{cursor: pointer; position:relative; top:3px;}

#menuCont .playgroup{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_red.png) left 100% no-repeat;}
#menuCont .playgroup div{cursor: pointer; position:relative; top:3px;}

#menuCont .enrolment{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_blue.png) left 100% no-repeat;}
#menuCont .enrolmentDropDown{cursor: pointer; width:130px; height: 25px; background: url(images/menu/dropdown_blue.png) left 100% no-repeat;}
#menuCont .enrolmentDropDownBottom{cursor: pointer; width:130px; height: 25px; background: url(images/menu/tab_blue.png) left 100% no-repeat;}
#menuCont .enrolment div, #menuCont .enrolmentDropDown div, #menuCont .enrolmentDropDownBottom div {cursor: pointer; position:relative; top:3px;}

/*Main Content*/
#contTop{width: 1000px; height:10px; background: url(images/contTop.png) left 100% no-repeat;}
#contMiddle{width: 1000px; background: url(images/contMiddle.png) left 100% repeat-y;}
#contBottom{ width: 1000px; height:20px; background: url(images/contBottom.png) left 100% no-repeat;}
#mainContent{padding-left:10px; padding-right:10px;}
#contentLeft{margin-left: 31px;margin-top:35px;}

h1{font-size:12pt; font-weight: normal; padding-bottom: 0px; margin-bottom: 0px;}
h1.green {color: #a2c439; font-size:13pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}
h1.greenSub {color: #a2c439; font-size:10pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}

h1.purple {color: #9a1f61; font-size:13pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}
h1.purpleSub {color: #9a1f61; font-size:10pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}

h1.aqua {color: #11b094; font-size:13pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}
h1.aquaSub {color: #11b094; font-size:10pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}

h1.orange {color: #f9a022; font-size:13pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}
h1.orangeSub {color: #f9a022; font-size:10pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}

h1.red {color: #d1242a; font-size:13pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}
h1.redSub {color: #d1242a; font-size:10pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}

h1.blue {color: #1b82ad; font-size:13pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}
h1.blueSub {color: #1b82ad; font-size:10pt; font-weight: bold; padding-bottom: 3px; margin-bottom: 0px;}

/*Quick Links*/
#quickLinks{width: 185px; margin-top:10px;}
#quickLinksTop{height:13px; background: url(images/quickLinkTop.png) left 100% no-repeat;}
#quickLinksMiddle{background: url(images/quickLinkMiddle.png) left 100% repeat-y;}
#quickLinksBottom{height:15px; background: url(images/quickLinkBottom.png) left 100% no-repeat;}
div.quickLinksContent{padding-left:8px;padding-right:5px;}
div.quickLinksContent ul{padding-top:0px; padding-bottom:0px; margin-top: 0px; margin-bottom: 0px;}
div.quickLinksContent li{list-style: none; margin-left:-39px; padding-top: 3px; padding-bottom: 1px;}
div.quickLinkArrow {width: 21px; height: 14px; background: url(images/quickLinkArrow.png) left 100% no-repeat; margin-right:5px;}
div.quickLinksContent li a{text-decoration: none; color: #333333;}
div.quickLinksContent li a:hover{text-decoration: underline;}
h1.quickLinks {font-size:13pt; color: #333333; font-weight:normal; padding-top:0px; padding-bottom:0px; margin-top: 0px; margin-bottom: 0px;}
hr.quickLinksRule {background-color: #999999; color: #999999; height: 1px; width: 100%; margin-top:2px; margin-bottom:4px; margin-left:-5px;}

/* Content Areas*/
div.homeContent{background: url(images/watermark_school.png) no-repeat right bottom; padding-right: 20px;}
div.curriculumContent{background: url(images/watermark_curriculum.png) no-repeat right bottom; padding-right: 70px;}
div.goalsContent{padding-right: 20px;}
div.academicContent{background: url(images/watermark_school.png) no-repeat 450px 180px; padding-right: 20px;}
div.execContent{background: url(images/watermark_school.png) no-repeat 450px 400px; padding-right: 20px; }
div.classesContent{background: url(images/watermark_classes.png) no-repeat right center; padding-right: 70px;}
div.programsContent{background: url(images/watermark_programmes.png) no-repeat 440px 60px; padding-right: 70px;}
div.playgroupContent{background: url(images/watermark_playgroup.png) no-repeat 440px 100px; padding-right: 70px;}
div.enrolmentContent{background: url(images/watermark_enrolment.png) no-repeat 440px 50px; padding-right: 70px;}
div.uniformContent{background: url(images/watermark_uniform.png) no-repeat right 290px; padding-right: 70px;}
div.busContent{background: url(images/watermark_bus.png) no-repeat right bottom; padding-right: 70px;}


div.homeContentBland{padding-right: 20px;}
div.curriculumContentBland{padding-right: 70px;}
div.classesContentBland{padding-right: 70px;}
div.programsContentBland{padding-right: 70px;}
div.playgroupContentBland{padding-right: 70px;}
div.enrolmentContentBland{padding-right: 70px;}

div.calendarContent{background:url(images/calendarSmall.png) no-repeat 680px 0px; padding-right: 20px; height:55px;}

/*Photo Gallery*/
div.galleryControl {margin: 0 auto;}
div.galleryControl div.photo{padding:10px}
div.galleryControl div.photo img{border: 1px solid #999999;}
h1.gallery {color: #a2c439; font-size:12pt; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px;}

/*Calendar*/
div.calendarControl {margin: 0 auto; padding-left:5px;}
div.calendarControl div.prevButton {float:left;}
div.calendarControl div.nextButton {float:right; margin-right:15px;}
div.calendarControl div.calendarDate{ text-align:center; width:100px; height:100px; margin:1px; background-color:#e9f0d4;}
div.calendarControl div.calendarDate div.date{ padding-top:5px; padding-bottom:2px; background-color:#a2c439; color:#ffffff; font-weight:bold;}
div.calendarControl div.calendarDate div.description{ padding-top:12px; font-weight:bold; font-size:9pt; color:#666666;}
div.calendarControl div.calendarDate div {color:#666666;}

/*Job Vacancies*/
div.jobVacancies ul {list-style-type:none; margin-left:0px; padding-left:0px;}
div.jobVacancies ul li{padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:0px; clear:left; margin-left:0px;}
div.jobVacancies .jobDescription{width:600px; padding-top:10px;}
div.jobVacancies .apply{float:left; margin-top:21px;}
div.jobVacancies .jobTitle{font-weight: bold; font-size:11pt;}
div.jobVacancies .applyButton{display:block; padding:4px; border: solid 1px #cccccc; background-color: #1b82ad; color:#ffffff; font-weight:bold;}
div.jobVacancies .jobDescription ol li{padding:2px;margin:0px;}
h1.jobs{color: #1b82ad; font-size:12pt; font-weight: normal; padding-bottom: 0px; margin-bottom: 0px;}

/*Job Apply*/
div.jobApply .applyTitle{padding-bottom:10px; font-weight: bold;}
div.jobApply .applyTitle .roleLabel{font-weight: bold;}
div.jobApply .applyDone {font-weight:bold;padding-top:4px;}

/*Contact Us*/
div.contactUsForm{}
div.contactUsForm div.form{}
div.contactUsForm div.done{}
h1.contactUs{}

/*Footer*/	
#footer{ text-align:left;clear:both; padding-top:80px;}
hr.footerRule {background-color: #dddddd; color: #dddddd; height: 1px; width: 100%; margin-top:2px; margin-bottom:4px;}

/*Popups*/
.modalPopup {background-color:#cccccc;border:3px solid #bbbbbb;padding:10px;width:620px;height:370px;}
.modalBackground {background-color:Gray;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

/* contentblock */
.content_block_over{cursor: hand;border: 1px dashed red;}
.content_block_out{border: 0px dashed white;}
.content_block_click_edit{display: none;margin: 5px; color: #fff; background-color: #fff;}

/*Wizards*/
div.wizard{width: 740px;height: auto;}
div.wizard .header{display: none; float: right;width: 75%;height: 5%;text-align: center;background-color: #5D7B9D;color: White;font-weight: bold;}
div.wizard .sidebar{float: left;width: 30%;height: 100%;background-color: #ffffff; margin-top:5px;}
div.wizard .sidebar a{cursor:default ;margin: 4px;display:block;text-decoration: none;color: #333333; font-weight:normal;}
div.wizard .sidebar a.active{cursor:default; font-weight:bold;}
div.wizard .sidebar a.hover{text-decoration:none; cursor:default;}
div.wizard .step{clear: right;float: right;height: 90%;width: 70%;}
div.wizard .nav{clear: right;float: right;height: 5%;text-align:right;vertical-align:middle;background-color: #ffffff; width: 220px;}
div.wizard .nav input[type="submit"]{background-color: #F7F6F3;border-color: #cccccc;border-style: solid; border-width:1px; padding:2px; margin-top: 3px; cursor: pointer;}
div.wizard fieldset{margin-top:5px; background-color: #F7F6F3; padding:5px; border: 1px solid #cccccc;}
div.wizard legend{font-weight:bold;font-size:11pt; color: #000000;}
div.wizard table {margin-left:10px;}
div.wizard td {vertical-align:top;}
div.wizard div.wizardContent {padding-left:10px; padding-top:5px; padding-bottom:5px;}
div.wizard div.wizardSection {padding-left:10px; padding-top:5px; padding-bottom:5px;}
div.wizard div.wizardSubHead {font-weight: bold;}


/*Login page*/
.AspNet-Login-TitlePanel{font-weight:bold;}
.AspNet-Login-UserPanel label{padding-right:10px;} 
.AspNet-Login-UserPanel label em{text-decoration:none; font-style:normal;}
.AspNet-Login-PasswordPanel{padding-top:2px;}
.AspNet-Login-PasswordPanel label{padding-right:18px;}
.AspNet-Login-PasswordPanel label em{text-decoration:none; font-style:normal;}
.AspNet-Login-RememberMePanel label em{text-decoration:none; font-style:normal;}

/*Ajax loader*/
#OuterTableCellOverlay{top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;background-color: #fff;z-index: 999;filter:alpha(opacity=85);-moz-opacity:0.85;vertical-align: middle;text-align: center;}
#OuterTableCellOverlay 
	{
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }

#MiddleTableCellOverlay
{
	top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;top:50%;background-color: #fff;color:#0057a3;z-index: 999;
	position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
	}


#MiddleTableCellOverlay img {padding-top:10px;}

#InnerTableCellOverlay{text-align: center;width: 200px;border: 1px solid #b9c8d9;padding: 10px;background-color: #daebf7;z-index: 998;filter:alpha(opacity=100);-moz-opacity:1.00;}