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

html {
     /*overflow: -moz-scrollbars-vertical;*/
	 overflow-y: scroll;
	 overflow:-x: auto;
}

body {
	background:#000066;
	padding:0;
	margin:0;
	border:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#202020;
	}

input, select, option, textarea {font-size:11px; font-family:Verdana, Geneva, sans-serif;}

img {border:0;}

a {text-decoration:none; color:#3939ff; outline:none;}
a:hover {color:#0000d2;}

.main {margin:0 auto; width:1017px; position:relative;}

.top-bar {background:url(../images/news-banner-bg.png) repeat-x; width:100%; min-width:1017px; height:40px; position:absolute; z-index:2; left:0; top:0;}
.top-bar > div {width:1017px; margin:0 auto;}
.top-bar > div > iframe {height:33px; border:0; margin:0; overflow:hidden; width:970px; margin-left:23px;}

.body {background:url(../images/body-bg.png) repeat-y; width:1017px; position:relative; padding-top:38px; min-height:500px;} /* padding-top:20px; - Padding without News Bar */
.body > .logo {background:url(../images/SchoolCity-Logo.png) no-repeat; width:137px; height:131px; position: absolute; top:57px; left:64px; z-index:100;} /* top:36px; Logo without News Bar */

.header {width:600px; height:95px; float:right; margin:10px 40px 0 0; position:relative;}

.header > .contacts {width:272px; height:29px; background:url(../images/header_contacts_bg.png) no-repeat; float:right; position:relative; font-size:14px; color:#666;}
.header > .contacts > b {position:relative; top:6px; left:35px; font-weight:normal; letter-spacing:1px; line-height:15px;}
.header > .contacts > a {position:relative; top:6px; left:68px; color:#666; font-size:14px; line-height:15px;}
.header > .contacts > a:hover {color:#0000d2;}
.header > .contacts > a.demo {position:relative; top:6px; left:101px; color:#666; font-size:14px; line-height:15px;}
.header > .contacts > a.demo:hover {color:#0000d2;}


.banner {width:999px; height:309px; margin-left:9px; clear:both;}
.banner > .slideshow {position:relative; top:0px; left:0px;}
.banner_2 {width:999px; height:241px; margin-left:9px; clear:both;}

.content {width:550px; margin-left:59px; clear:both; line-height:17px; z-index:50; position: inherit; border:0px solid red;}
.content > h1 {font-size:20px; font-weight:normal; margin:0 0 20px 0; padding:0; color:#000066;}
.content > .separator {background:url(../images/separator-1.png) no-repeat; background-position:center; width:680px; height:10px; margin:40px 0 30px 0;}

.content > .separator-2 {background:url(../images/separator-2.png) no-repeat; background-position:center; width:600px; height:10px; margin:40px 0 30px 0;}

.ulist_1 li {margin-bottom:10px; color:#f68b1f; font-size:15px; list-style-type:decimal;}
.ulist_1 li span {color:#202020; font-size:13px; line-height:17px;}

.ulist_2 {margin:20px 0;}
.ulist_2 li {margin-bottom:10px; color:#f68b1f; font-size:15px; list-style-type:disc;}
.ulist_2 li span {color:#202020; font-size:13px; line-height:17px;}

.ulist_3 {margin-top:20px; border:1px solid red; width:320px;}
.ulist_3 li {margin-bottom:10px; color:#f68b1f; font-size:15px; list-style-type:disc;}
.ulist_3 li span {color:#202020; font-size:13px; line-height:17px;}

.ulist_2 li span a {color:#000066;}
.ulist_2 li span a:hover {color:#06F;}

.three_cols {width:999px; height:285px; margin-left:9px; clear:both; background:url(../images/3-cols-bg.png) no-repeat; position:relative;}
.three_cols > div {width:240px; line-height:17px;}
.three_cols > div > h1 {font-size:20px; text-transform:uppercase; margin:0 0 10px 0; padding:0;}
.three_cols > div > h2 {font-size:13px; text-transform:uppercase; margin:0; padding:0; display:inline;}
.three_cols > div > h2 > a {color: inherit}
.three_cols > .col_1 {position:absolute; top:40px; left:50px;}
.three_cols > .col_2 {position:absolute; top:40px; left:380px;}
.three_cols > .col_3 {position:absolute; top:40px; left:715px;}
.three_cols > .col_1 > h1 {color:#00a651;}
.three_cols > .col_1 > h2 {color:#00a651;}
.three_cols > .col_2 > h1 {color:#3f45ff;}
.three_cols > .col_2 > h2 {color:#3f45ff;}
.three_cols > .col_3 > h1 {color:#f68b1f;}
.three_cols > .col_3 > h2 {color:#f68b1f;}

.three_cols > div > h1 a {color: inherit;}

.three_cols_2 {width:999px; margin-left:9px; position:relative; overflow:hidden;}
.three_cols_2 > div {width:260px; line-height:17px; float:left; position:relative;}
.three_cols_2 > div > h1 {font-size:20px; margin:0 0 10px 0; padding:0; color:#000066; font-weight:normal;}
.three_cols_2 > .col_1 {top:30px; left:50px;}
.three_cols_2 > .col_2 {top:30px; left:110px;}
.three_cols_2 > .col_3 {top:30px; left:170px;}


.table_1 table {width:100%; border-spacing:0;}
.table_1 table tr.th_1 td {background:#E0E0E0 url(../img/bg_silver.gif); background-repeat:repeat-x; color:#000066; font-weight:bold; border-top:1px solid #eee;  border-bottom:1px solid #ccc;}
.table_1 table tr td { padding:5px; border-bottom:1px solid #e8e8e8; margin:0;}
.table_1 table tr.odd td {background: #f8f8f8;}
.table_1 table tr td a {text-decoration:none; color:#006;}
.table_1 table tr td a:hover {color:#03C;}

.cat tr td {text-align:center;}

.random_kids {position:relative; margin-top:-730px; right:9px; float:right; z-index:0;}

.footer {background:url(../images/body-footer.png) no-repeat; width:1017px; height:300px; position:relative; color:#FFF;}
.footer > .products {width:999px; margin-left:9px; clear:both; position:relative; color:#FFF;}
.footer > .products > h1 {font-size:15px; text-transform:uppercase; margin:0 0 10px 0; padding:0; position:relative; top:50px; left:30px; float:left;}
.footer > .products > div {width:240px; height:115px; font-weight:normal; font-size:12px; line-height:14px;}
.footer > .products > div > h1 {font-size:13px; text-transform:uppercase; margin:0 0 7px 0; padding:0;}

.footer > .products > div > a > img {width:22px; height:112px; position:absolute; left:0; top:0;}

.footer > .products > div > a {color:#FFF; float:left; clear:both; margin-bottom:5px; white-space:nowrap; line-height:17px;}
.footer > .products > div > a:hover {color:#0CF;}
.footer > .products > .col_1 {position:absolute; top:80px; left:30px; background:url(../images/footer-assess.png) no-repeat; padding-left:30px;}
.footer > .products > .col_2 {position:absolute; top:80px; left:360px; background:url(../images/footer-report.png) no-repeat; padding-left:30px;}
.footer > .products > .col_3 {position:absolute; top:80px; left:695px; background:url(../images/footer-improve.png) no-repeat; padding-left:30px;}
.footer > .products > .col_1 > h1 {color:#00a651;}
.footer > .products > .col_2 > h1 {color:#9a9dff;}
.footer > .products > .col_3 > h1 {color:#f68b1f;}
.footer > .products > div > h1 > a {color:inherit;}
.footer > .products > div > h1 > a:hover {color:inherit;}
.footer > .address {clear:both; float:left; position:relative; top:210px; left:40px;}
.footer > .address > b {color:#f68b1f;}
.footer > .address > a {color:#fff;}
.footer > .address > a:hover {color:#0CF;}
.footer > .copyright {float:right; position:relative; top:210px; right:30px;}


/* ---------- Header Menu START --------- */
#menu {clear:both; height:2em; margin:6px -29px 0 0; position:absolute; right:0; top:40px;}
#menu ul {list-style:none; height:2em; margin:0;width:550px; }
#menu ul li {float:left; width:135px; text-align:center; position:relative; text-transform:uppercase; font-size:14px; letter-spacing:1px; font-weight:bold;}
#menu ul li:hover {
background:url(../images/products-menu-bg-1.png) no-repeat; 
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding:7px 0 1px 0;
margin-top:-7px;
}

#menu ul li.no:hover {background:none; color:#0000d2;}
#menu ul li.no a:hover {color:#0000d2;}
#menu a {outline:0; text-decoration:none; display:block; line-height:2em; color:#2e85eb;}

#menu a.on {color:#2e85eb;}

/* ----------- Hide/Show Div ---------- */
#menu div.products {
position:absolute;
left:-999em;
margin-top:0px;
padding:0px;
border-top:0;
text-align:left;
width:307px; height:370px;
background:url(../images/products-menu-bg-2.png) no-repeat; 
}

#menu div.company {
position:absolute;
left:-999em;
margin-top:0px;
padding:0px;
border-top:0;
text-align:left;
width:187px; height:161px;
background:url(../images/company-menu-bg-3.png) no-repeat; 
}

#menu li:hover div {left:0px;top:auto; z-index:200;}

/* --------- Within Div Styles --------- */
#menu div {font-weight:normal; font-size:13px; text-transform:none;}
#menu div div {width:250px; margin:0 0 0 29px; background:none; height:auto;}
#menu div div h1 {clear:both; float:left; margin:15px 0 2px 0; font-size:13px; text-transform:uppercase;}
#menu div div h1 a {color:inherit;}
#menu div div h1 a:hover {color:inherit;}
#menu div div h1.assess {color:#00a651;}
#menu div div h1.report {color:#3f45ff;}
#menu div div h1.excel {color:#f68b1f;}
#menu div div a {clear:both; float:left; text-decoration:none; color:#000066; line-height:18px; font-size:13px; width:100%; /* For IE6/7 */ letter-spacing:normal;}
#menu div div a:hover {color:#3939ff;}
#menu div div a > b {color: inherit; font-weight:normal;}
#menu div.company div {width:130px; margin:8px 0 0 32px; background:none; height:auto; overflow:hidden;}

/* ---------- Header Menu END --------- */

/* ---------- Sub Menu START --------- */
.sub-menu {width:990px; margin-left:18px; overflow:hidden;}
.sub-menu > a {float:left; width:245px; line-height:144px; text-align:center;}

.sub-menu > a.on {cursor: auto;}
.sub-menu > a.on > i {background:url(../images/sub-menu-shadow-lt.png) no-repeat; width:9px; height:144px; float:left;}
.sub-menu > a.on > em {background:url(../images/sub-menu-shadow-rt.png) no-repeat; width:9px; height:144px; float:right; }
.sub-menu > a.on > div {background:url(../images/sub-menu-assess-bg.png) repeat-x; height:144px; margin-left:9px; margin-right:9px;}

.sub-menu > a.off:hover > i {background:url(../images/sub-menu-shadow-lt.png) no-repeat; width:9px; height:144px; float:left; }
.sub-menu > a.off:hover > em {background:url(../images/sub-menu-shadow-rt.png) no-repeat; width:9px; height:144px; float:right; }
.sub-menu > a.off:hover > div {background:url(../images/sub-menu-assess-bg.png) repeat-x; height:144px; margin-left:9px; margin-right:9px;}
/* ---------- Sub Menu START --------- */

/* ---------- JQuery Modal Window START --------- */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 0px;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 53%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -25px -25px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
/* ---------- JQuery Modal Window END --------- */

.demo_form {padding:0 20px; font-size:13px; background:#FFF;}
.demo_form > h1 {font-size:20px; font-weight:normal; margin:0 0 20px 0; padding:0; color:#000066;}
.demo_form > label {clear:both; float:left; width:110px; height:26px; line-height:27px;} 
.demo_form > input {font-size:12px; width:185px; border:1px solid #999; margin:3px 0; height:16px; color:#666}  
.demo_form > select {font-size:13px;} 
.demo_form > label > b {color:#F00;}
.demo_form > b {color:#F00;}
.demo-form-frame {height:500px; width:100%; margin:0; overflow:hidden; border:0; padding:0;}

.cols_2 {width:999px; margin-left:9px; overflow:hidden; position:relative; z-index:100; clear:both; margin-top:30px;}
.cols_2 > .col_1 {float:left; width:227px; margin-top:-10px;}
.cols_2 > .col_2 {float:right; width:670px; margin-top:-10px; margin-right:50px; line-height:17px; min-height:600px;}
.cols_2 > .col_2 > h1 {font-size:18px; font-weight:normal; margin:20px 0 5px 0; padding:0; color:#000066; float:right;}
.cols_2 > .col_2 > h2 {font-size:15px; font-weight:normal; margin:0 0 40px 0; font-style:italic; padding:0; color:#ef8e00; float:right;}
.cols_2 > .col_2 > h3 {font-size:20px; font-weight:normal; margin:0 0 15px 0; padding:0; color:#06F; clear:both}
.cols_2 > .col_2 > h4 {font-size:20px; font-weight:normal; margin:0 0 15px 0; padding:0; color:#000066;}
.cols_2 > .col_2 > h5 {font-size:16px; font-weight:normal; margin:0 0 10px 0; padding:0; color:#06F;}
.cols_2 > .col_2 > h5 > b {font-size:13px; font-weight:normal; color:#202020;}
.cols_2 > .col_2 > h6 {font-size:15px; font-weight:normal; margin:0 0 10px 0; font-style:italic; padding:0; color:#ef8e00;}

.cols_2 > .col_2 > br {clear:both;}
.cols_2 > .col_2 > .separator {clear:both; background:url(../images/separator-1.png) no-repeat; background-position:top; width:680px; height:10px; margin:0; padding:0; padding-bottom:30px; margin-top:35px;}

.cols_2 > .col_2 > a {color:#000066;}
.cols_2 > .col_2 > a:hover {color:#06F;}

.cols_2 > .col_2 > .logo {padding:0; float:left;}


.cols_2 > .col_1 > div > .menu {font-size:13px; overflow:hidden; clear:both; width:252px;}

.cols_2 > .col_1 > div > .menu > img {margin:20px 0 0 15px;}

.cols_2 > .col_1 > div > .menu > h1 {font-size:20px; text-transform:uppercase; margin:0 0 -12px 30px; padding:0; padding-top:25px;}

.cols_2 > .col_1 > div > .menu > a {float:left; width:252px; height:55px; text-decoration:none; color: #009; font-weight:bold; text-align:left; padding-left:30px; line-height:57px; cursor:pointer;}

.cols_2 > .col_1 > div > .assess > h1 {color:#00a651;}
.cols_2 > .col_1 > div > .report > h1 {color:#3f45ff;} 
.cols_2 > .col_1 > div > .improve > h1 {color:#f68b1f; font-size:20px; font-weight:normal;} 

.cols_2 > .col_1 > div > .assess > a {background:url(../images/left_menu_bg_assess_off.png) no-repeat;}
.cols_2 > .col_1 > div > .assess > a:hover {background:url(../images/left_menu_bg_assess_on.png) no-repeat;}
.cols_2 > .col_1 > div > .assess > a.on {background:url(../images/left_menu_bg_assess_on.png) no-repeat;}

.cols_2 > .col_1 > div > .report > a {background:url(../images/left_menu_bg_report_off.png) no-repeat;}
.cols_2 > .col_1 > div > .report > a:hover {background:url(../images/left_menu_bg_report_on.png) no-repeat;}
.cols_2 > .col_1 > div > .report > a.on {background:url(../images/left_menu_bg_report_on.png) no-repeat;}

.cols_2 > .col_1 > div > .improve > a {background:url(../images/left_menu_bg_improve_off.png) no-repeat;}
.cols_2 > .col_1 > div > .improve > a:hover {background:url(../images/left_menu_bg_improve_on.png) no-repeat;}
.cols_2 > .col_1 > div > .improve > a.on {background:url(../images/left_menu_bg_improve_on.png) no-repeat;}


.cols_2 > .col_1 > div > .menu > a > b {margin-right:30px;}

.cols_2 > .col_1 > div > .menu > ul {list-style:none; margin:0; padding:0;}
.cols_2 > .col_1 > div > .menu > ul > li {margin:0 0 0 30px; line-height:20px; padding:0;}
.cols_2 > .col_1 > div > .menu > ul > li > a {color:#202020; float:left; clear:both; width:250px; height:25px;}
.cols_2 > .col_1 > div > .menu > ul > li > a:hover {color:#000066;}


.contact-page {width:700px; margin-left:82px; overflow:hidden; position:relative; z-index:100; clear:both; margin-top:50px;}
.contact-page > h1 {font-size:20px; font-weight:normal; margin:0 0 15px 0; padding:0; color:#000066;}
.contact-page > h2 {font-size:15px; font-weight:normal; margin:0 0 10px 0; font-style:italic; padding:0; color:#ef8e00;}
.contact-page > div {float:left; width:300px; line-height:18px;}
.contact-page > div > h3 {font-size:16px; font-weight:normal; margin:0 0 10px 0; padding:0; color:#06F;}
.contact-page > div > span {float:left; width:80px;}
.contact-page > div > a {color:#000066;}
.contact-page > div > a:hover {color:#06F;}

.cols_2 > .col_2 > h1 {font-size:18px; font-weight:normal; margin:20px 0 5px 0; padding:0; color:#000066; float:right;}
.cols_2 > .col_2 > h2 {font-size:15px; font-weight:normal; margin:0 0 40px 0; font-style:italic; padding:0; color:#ef8e00; float:right;}
.cols_2 > .col_2 > h3 {font-size:20px; font-weight:normal; margin:0 0 15px 0; padding:0; color:#06F; clear:both}
.cols_2 > .col_2 > h4 {font-size:20px; font-weight:normal; margin:0 0 15px 0; padding:0; color:#000066;}
.cols_2 > .col_2 > h5 {font-size:16px; font-weight:normal; margin:0 0 10px 0; padding:0; color:#06F;}
.cols_2 > .col_2 > h5 > b {font-size:13px; font-weight:normal; color:#202020;}
.cols_2 > .col_2 > h6 {font-size:15px; font-weight:normal; margin:0 0 10px 0; font-style:italic; padding:0; color:#ef8e00;}


/******* LOADING *******/
#loading{
	text-align: right;
	visibility: hidden;
	padding-right:50px;
}
/******* /LOADING *******/

.sc-partners {overflow:hidden;}
.sc-partners > a {float:left; width:160px;}
.sc-partners > span {margin-left:160px; display:block;}
.sc-partners > span > h5 {font-size:16px; font-weight:normal; margin:12px 0 10px 0; padding:0; color:#06F;}
.sc-partners > span > h6 {font-size:16px; font-weight:normal; margin:12px 0 0px 0; padding:0; color:#06F;}
.sc-partners > span > a {color:#000066;}
.sc-partners > span > a:hover {color:#06F;}

#floatingFixedDiv.fixed {position: fixed; top: 0px; background:url(../images/left-menu-bg.png) repeat-y;}

.screen-shots {text-align:center;}
.screen-shots > h1 {font-size:20px; font-weight:normal; margin:0 0 10px 0; padding:0; color:#06F;}
.screen-shots > h2 {font-size:16px; font-weight:normal; margin:0 0 10px 0; padding:0; color:#000066;}

.screenshot-rt {float:right; margin-left:25px; margin-bottom:25px;}
.screenshot-rt-2 {float:right; margin-left:25px; margin-top:20px;}


.buttons_1 {width:213px; text-align:center; margin:40px auto; overflow:hidden;}
.buttons_1 > a {position:relative;}
.buttons_1 > a > span {position:absolute; top:13px; left:55px;}

.buttons_2 {width:433px; text-align:center; margin:40px auto; overflow:hidden;}
.buttons_2 > a {position:relative;}
.buttons_2 > a > span {position:absolute; top:13px; left:55px;}

.buttons_2 > a > span.wrap {top:10px; left:55px; line-height:13px;}
.buttons_2 > a > span.small { font-size:12px;top:14px; }

.buttons_3 {width:640px; text-align:center; margin:40px auto; overflow:hidden;}
.buttons_3 > a {position:relative;}
.buttons_3 > a > span {position:absolute; top:13px; left:55px;}

a.button-download-brochure {width:203px; height:38px; background:url(../images/button-download-brochure-off.png) no-repeat; margin:0 5px; float:left; color:#000066;}
a.button-download-brochure:hover { background:url(../images/button-download-brochure-on.png) no-repeat; color:#fff;}

a.button-register {width:210px; height:38px; background:url(../images/button-register-off.png) no-repeat; margin:0 5px; float:left; color:#000066;}
a.button-register:hover { background:url(../images/button-register-on.png) no-repeat; color:#fff;}


.button-download-brochure {text-align:center; margin:40px auto; width:203px; overflow:hidden;}
.button-download-brochure a {width:203px; height:38px; background:url(../images/button-download-brochure-off.png) no-repeat; margin:0; float:left;}
.button-download-brochure a:hover { background:url(../images/button-download-brochure-on.png) no-repeat;}

.button-register {text-align:center; margin:40px auto; width:210px; overflow:hidden;}
.button-register a {width:210px; height:38px; background:url(../images/button-download-brochure-off.png) no-repeat; margin:0; float:left;}
.button-register a:hover { background:url(../images/button-download-brochure-on.png) no-repeat;}

.button-login {text-align:center; margin:40px auto; width:203px; overflow:hidden;}
.button-register a {width:203px; height:38px; background:url(../images/button-download-brochure-off.png) no-repeat; margin:0; float:left;}
.button-register a:hover { background:url(../images/button-download-brochure-on.png) no-repeat;}

/* Added on 25Aug2011 */
.scpd {overflow:hidden;}
.scpd > div {float:left; width:140px; font-size:10px; line-height:12px;}
.scpd > div > label {float:left; color:#fff; background:#006; width:140px; text-align:center; font-size:12px; padding:4px 0;}
.scpd > div > img {}
.scpd > div > div {width:120px; padding-left:10px; color:#333}
.scpd > span {margin-left:160px; display:block; margin-top:-10px;}
.scpd > span > h5 {font-size:16px; font-weight:normal; margin:12px 0 10px 0; padding:0; color:#06F;}
.scpd > span > h6 {font-size:16px; font-weight:normal; margin:12px 0 0px 0; padding:0; color:#06F;}
.scpd > span > a {color:#000066;}
.scpd > span > a:hover {color:#06F;}