/********************************************/
/* Title	:	CHALKPORT   				*/
/* URL		:								*/
/* Author	:	ArulMani				    */
/* Created	:	07th Dec 2011			    */
/********************************************/
html{background:#fff url('../images/bg-repeat.jpg') left top repeat-x;}
body{font:normal 12px arial;background:url('../images/bg.jpg') center top no-repeat;}
/*MainTags*/
.content{margin:0 auto;width:1000px;}
/* Home Section */
.header{height:83px;margin:0 22px 0 23px;}.main{height:283px;margin:0 22px 0 23px;}
.footer{font-size:11px;color:#7b838a;text-align:center;padding:19px 0 20px;}
.footer a{color:#a01400;text-decoration:none;}
.footer a:hover{text-decoration:underline;}

h1 a{width:186px;float:left;height:86px;background:url('../images/logo.png') no-repeat 0 0;margin:9px 5px 1px 0px;text-indent:-999999px;}

.stripViewer .panelContainer .panel ul{text-align: left;margin:0px;}
.slider-wrap{ /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin:0px auto;position:relative;width:956px; /* Also specified in  .stripViewer .panelContainer .panel  below */height:476px;}
/* These 2 lines specify style applied while slider is loading */
.csw{height:476px;overflow:scroll;}
.csw .loading {margin:200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
position:relative;overflow:hidden; margin:auto;width:954px; /* Also specified in  .stripViewer .panelContainer .panel  below */clear:both; }
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;left:0; top:0;list-style-type: none;}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left;position:relative;width:956px; /* Also specified in  .stripViewer  above */ /*background:#ff0000;*/}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */height:380px;#margin-top:42px;}

.stripNav li.tab1 a,.stripNav li.tab2 a,.stripNav li.tab3 a,.stripNav li.tab4 a,.stripNav li.tab5 a{background:url('../images/sprite/menu.gif') 0 0 no-repeat;}

.stripNav {margin:0;margin-left:192px;#margin-top:-96px;}
.stripNav ul { /* The auto-generated set of links */list-style:none;}
.stripNav ul li {float:left;/*width:116px;*/margin-right:0px;color:#000;line-height:46px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav a { /* The nav links */display:block;height:54px;text-indent:-999999px;}
.stripNav li.tab1 a {width:116px;background-position:0 0;}
.stripNav li.tab1 a:hover,.stripNav li.tab1 a.current {background-position:0 -54px;}
.stripNav li.tab2 a {width:189px;background-position:-116px 0;}
.stripNav li.tab2 a:hover,.stripNav li.tab2 a.current {background-position:-116px -54px;}
.stripNav li.tab3 a {width:177px;background-position:-305px 0;}
.stripNav li.tab3 a:hover,.stripNav li.tab3 a.current {background-position:-305px -54px;}
.stripNav li.tab4 a {width:169px;background-position:-482px 0;}
.stripNav li.tab4 a:hover,.stripNav li.tab4 a.current {background-position:-482px -54px;}
/*
.stripNav li.tab5 a {width:169px;background-position:-594px 0;}
.stripNav li.tab5 a:hover,.stripNav li.tab5 a.current {background-position:-594px -54px;}
*/
.stripNavL, .stripNavR { /* The left and right arrows */ position:absolute;top:125px;text-indent:-9000em;}
.stripNavL a, .stripNavR a {display:block;height:45px;width:23px;}
.stripNavL{right:956px;top:257px;}
.stripNavR{left:956px;top:257px;}
.stripNavL{background:url("../images/arrow-left.png") no-repeat;}
.stripNavR{background: url("../images/arrow-right.png") no-repeat;}

/* Sprite */
.cant a,.dont a,.req a,.sys a,.dow a,.scr a,.cont-qms-hd a{background:url('../images/sprite/icons.png') 0 0 no-repeat;}
.cont-tab{width:954px;}.cont-tab-rht{ width:430px;float:right;height:380px;}
/* Qms Smart */
.cont-qms-lft{width:460px;float:left;margin:73px 0 0 64px;}
.cont-qms-hd a{width:135px;float:left; height:39px;background-position:0 -276px;text-indent:-999999px;margin-bottom:18px;}
dl.logn{width:447px;float:left;list-style:none;padding:0 0 9px 13px;} 
dl.logn dt{width:81px;float:left;font-size:14px;color:#fff;line-height:30px;} 
dl.logn dd{width:288px;float:left;height:50px;} 
dl.logn dd input{width:278px;height:30px;font-size:12px;color:#464646;background:url('../images/button/txt.png') no-repeat 0 0;border:none;padding:0 5px;} 
.error{float:left;font-size:11px;color:#ff0000;line-height:11px;}
.lognbtn a{width:66px;float:left;height:23px;background:url('../images/button/login_yel.png') no-repeat 0 0;margin:0 0 14px 316px;text-indent:-999999px;}
ul.qms{width:366px;float:left;padding-left:94px;}
ul.qms li{ padding-bottom:10px;}
ul.qms li a{font-size:11px;color:#fff;padding-left:20px;}
/* Learn Port */
.cont-lern-lft{width:379px;float:left;margin:162px 0 0 145px;}
.cont-lern-login a{width:126px;float:left;height:48px;background:url('../images/button/login-but.png') no-repeat 0 0;text-indent:-999999px;margin-bottom:14px;}
ul.cant{width:374px;padding-left:5px;}
ul.cant li{width:374px;padding-bottom:10px;}
ul.cant li a{font-size:11px;color:#fff;padding-left:20px;}
.cant a{background-position:0 0;}
.dont a{background-position:0 -24px;}
.cant a:hover,.dont a:hover{text-decoration:none;}
/* Support */
.cont-sup-lft{width:357px;float:left;margin:93px 0 0 167px;}
ul.sup{width:374px;padding-left:5px;}ul.sup li a{width:374px;float:left;height:30px;padding-bottom:20px;font-size:14px;color:#0b477c;line-height:30px;padding-left:43px;text-decoration:none;}
.req a{background-position:0 -58px;}
.sys a{background-position:0 -107px;}
.dow a{background-position:0 -155px;}
.scr a{background-position:0 -210px;}
.req a:hover,.sys a:hover,.dow a:hover,.scr a:hover,.req a.selected,.sys a.selected,.dow a.selected,.scr a.selected{color:#fff;text-decoration:none;}

.cont-lern-catalogue a{width:126px;float:left;height:48px;background:url('../images/button/catalogue.png') no-repeat 0 0;text-indent:-999999px;margin-bottom:14px;}