@charset "UTF-8";

html, body, div, h1, h2,h3, p, ul, li, img, a, form{ margin: 0; padding: 0;}
a {text-decoration:none;color:#4d7eba;}
a:hover{text-decoration:underline;}
li {list-style-type:none;}
body  {font: 100% Helvetica, Arial, sans-serif; background: #f2f2f2;}
h2 {font-family:'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:20px; color:#FFF;}
h4 {font-family:Helvetica, Arial, sans-serif;font-weight:normal;font-size:18px; color:#666;}
h5 {font-family:Helvetica, Arial, sans-serif;font-weight:normal;font-size:15px; color:#666;margin:2px;}
p, label { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:16px;}

#container { width: 97%; padding:12px 15px 15px 15px; margin:0; min-width: 750px;max-width: 1400px;
width:expression(document.body.clientWidth < 750? "750px" : document.body.clientWidth > 1400? "1400px" : "auto");}
	

#connect{float:left; height:88px;width:434px; padding-bottom:0; margin:0 0 30px 10px;}
#globalNav{float:right; font-size:13px; margin-top:4px; padding-right:8px; }
#globalNav li{display:inline; padding-left:18px;}
#header {overflow:hidden;}

#topnav {width:100%;  margin-top:15px;margin-left:30px; margin-bottom:1px; padding:0; }
#topnav .breadcrumbs {float:left;}
#topnav .breadcrumbs a{font-size:12px; padding:0;}
#topnav .breadcrumbs p{font-size:12px; padding:0; display:inline; font-weight:bold;}
#topnav .breadcrumbs .pipe{font-size:12px; padding-right:16px; padding-left:16px;font-weight:normal;vertical-align:top;}
#topnav .breadcrumbs img{margin-bottom:-1px; margin-right:5px;}
#topnav .teachername {font-size:14px;}
#topnav .schoolname {float:left; margin-bottom:10px; margin-top:2px;}



#whiteArea {background-color:#fff; width:100%; position:relative; margin:-18px 0 0 0; padding:1px 0 0 0;}
#whiteArea #white_tl {background-image:url(images/white_tl.png);  background-repeat:no-repeat; padding:0; margin:0; height:19px; width:19px; position: absolute; top:0; left:0; }
#whiteArea #white_tr {background-image:url(images/white_tr.png);  background-repeat:no-repeat; padding:0; margin:0; height:19px; width:19px; position: absolute; top:0; right:0; }
#whiteArea #white_tc {background-image:url(images/white_tc.png); background-repeat:repeat-x; position: absolute; top:0;   height:19px; width:100%; margin:0; padding:0;;}
#whiteArea #white_cl {background-image:url(images/white_cl.png); background-repeat:repeat-y; position: absolute; top:0;  margin-top:0; margin-left:0; height:100%; width:19px;}
#whiteArea #white_cr {background-image:url(images/white_cr.png); background-repeat:repeat-y; position: absolute; top:0; right:0;  height:100%; width:19px;}
#whiteArea #white_bl {background-image:url(images/white_bl.png);  background-repeat:no-repeat; height:19px; width:19px; position: absolute; bottom:0; left:0; }
#whiteArea #white_br {background-image:url(images/white_br.png); background-repeat:no-repeat; padding:0; margin:0; height:19px; width:19px; position: absolute; bottom:0; right:0;}
#whiteArea #white_bc {background-image:url(images/white_bc.png); background-repeat:repeat-x;  height:19px; width:100%; position:absolute; bottom:0;}

#mainContent {margin: 0 290px 0 14px;} 


.box { background-color:#fff; padding:15px; margin-left:2px; margin-right:10px; width:96%; position:relative;}
.box .top-left {background-image:url(images/tl.png);  background-repeat:no-repeat; padding:0; margin:0; height:36px; width:13px; position: absolute; top:-36px; left:-13px; }
.box .top-right {background-image:url(images/tr.png);  background-repeat:no-repeat; padding:0; margin:0; height:36px; width:13px; position: absolute; top:-36px; right:-13px; }
.box .top-center {background-image:url(images/tile_top.png); background-repeat:repeat-x; position: absolute; top:0;  margin-left:-15px; margin-top:-36px; height:36px; width:100%;}
.box .top-center h2 {font-size:16px; font-weight:normal; margin:0; padding:8px 0 0 8px; height:36px; }
.box .body-left {background-image:url(images/tile_left.png); background-repeat:repeat-y; position: absolute; top:0;  margin-top:0; margin-left:-28px; height:100%; width:13px;}
.box .body-right {background-image:url(images/tile_right.png); background-repeat:repeat-y; position: absolute; top:0; right:-13px; margin-top:0;  height:100%; width:13px;}
.box .bottom-left {background-image:url(images/bl.png); background-repeat:no-repeat; padding:0; margin:0; height:9px; width:13px; position: absolute; bottom:-9px; left:-13px;}
.box .bottom-right {background-image:url(images/br.png); background-repeat:no-repeat; padding:0; margin:0; height:9px; width:13px; position: absolute; bottom:-9px; right:-13px; }
.box .bottom-center {background-image:url(images/tile_bottom.png); background-repeat:repeat-x; position: absolute; bottom:0;  margin-bottom:-9px; margin-left:-15px; height:9px; width:100%;}
.box p {font-size:12px;}

#messages {margin:36px 0 0 20px; }
#messages td {font-size:12px; padding:5px; border-bottom:1px #d3d3d3 solid;}
#messages td .emailContent {overflow: hidden; height:14px;}
#messages img {margin-right:5px;}
#messages tr.read {color:#8e8e8e; background-color:#f3f3f3;}
#messages tr.unread {color:#8e8e8e;}
#messages tr.unread .sender {color:#000; font-weight:bold; }
#messages tr.unread .subject {color:#000; font-weight:bold;}
#messages tr.read .sender {color:#222;  }
#messages tr.read .subject {color:#222;}
#messages .box  a.learnMore{ font-size:11px;line-height:12px; color:#0c6bc2;font-weight:bold; float:right; margin-top:5px; margin-right:2px; margin-bottom:20px;}
#messages .box  a.learnMore:hover{text-decoration:underline;}

#product-access {margin:36px 0 0 20px; padding:0;  }
#product-access .box .products {width:100%;margin:0 0 0 -10px; padding:0;}
#product-access .box ul {list-style-type: none; width: 590px;}
#product-access .box  li {float:left; width:110px; padding-bottom:5px;}
#product-access .box  li a {display:block; text-align:center; font-size:11px;line-height:12px; color:#0c6bc2; text-decoration:none;font-weight:bold;}
#product-access .box li a:hover {text-decoration:underline;}
a img {border:0; padding-bottom:5px;}


#tier1 #product-access {margin:46px 35px 0 35px; padding:0 0 50px 0;}
#tier1 #student_details {margin:46px 35px 0 35px; padding:0 0 50px 0;}

#last-month-access {margin:60px 0 0 20px; padding:0; }
#last-month-access .box .graph {width:100%;margin:0; padding:0;}
#last-month-access .box td {font-size:11px; font-weight: normal; text-align:center; padding-bottom:5px; padding-top:5px; border: 1px solid #ccc;}
#last-month-access .box th {font-size:11px; color:#000; font-weight: bold; text-align:center; padding-bottom:5px; padding-top:5px;border: 1px solid #ccc; background-color:#f2f2f2; }
#last-month-access .box table {width:100%; padding-right: 10px; border:  1px solid #ccc; border-collapse:collapse;}

.space {height:30px;}


#student-messages {margin:60px 0 0 20px; padding:0;  }


#connect-products {margin:60px 0 30px 20px; padding:0;  }
#connect-products .box .products {width:100%;margin:0 0 5px -10px; padding:0;}
#connect-products .box ul {list-style-type: none; margin-left:-28px;}
#connect-products .box  li {float:left; width:110px; padding-bottom:5px;}
#connect-products .box  li a {display:block; text-align:center; font-size:11px;line-height:12px; color:#0c6bc2; text-decoration:none;font-weight:bold;}
#connect-products .box li a:hover {text-decoration:underline;}
#connect-products .box  a.learnMore{position:absolute; bottom:10px; right:0; font-size:11px;line-height:12px; color:#0c6bc2;font-weight:bold; text-align:right;}
#connect-products .box  a.learnMore:hover{text-decoration:underline;}
.products .isbn {font-size:10px; padding-top:0; font-weight:normal; text-align:center; line-height:10px;}

#manage-classes {margin:46px 35px 0 35px; padding:0 0 50px 0; }
#manage-classes .box td {font-size:11px; font-weight: normal; text-align:left; padding:5px;border: 1px solid #ccc; color:#666666;}
#manage-classes .box th {font-size:11px; color:#000; font-weight: bold; text-align:left; padding:5px;border: 1px solid #ccc; background-color:#f2f2f2; }
#manage-classes .box th.studentNumber{text-align:right; padding-right:10px;}
#manage-classes table {width:100%; padding-right: 10px; margin-bottom:3px;margin-top:15px; border-collapse:collapse; }
#manage-classes td.left {text-align:right; padding-right:10px;}
#manage-classes td.check {text-align:center; padding-right:10px;}
#manage-classes a.delete {display:block;font-size:9px; text-decoration:underline; text-align:center;}
#manage-classes #inputname {margin-right:12px;}
.addClass button.add {border:0; height:29px;width:63px;text-decoration:none;font-size: 13px; background:url(images/btn_add.png);padding-bottom:3px; margin-left:5px;}
.addClass button.add:hover {background-position: 0 30px; width:63px; height:29px; color:#fff;}
.deleteChecked {display:block; background-image:url(images/btn_delete.png); background-repeat:no-repeat; width:42px; height:20px; font-size:9px; font-weight:bold; color:#000; margin:0;padding:0;}
a.deleteChecked{width: 42px; height:20px; margin:0 auto; text-align:center;line-height:20px;}
a.deleteChecked:hover{color:#4d7eba; text-decoration:none;}

.addClass {float:left;}
.confirmationMessage {float:right;width:164px; border:1px solid #acaaa5; background-color:#f2f2f2; margin:0;}
.confirmationMessage p {font-size:12px; font-weight:bold; color:#000; padding:6px; }

#teacher-enrollment {margin:36px 35px 0 35px; padding:0 0 50px 0; }
#teacher-enrollment .box td {font-size:11px; font-weight: normal; text-align:left; padding:3px;border: 1px solid #ccc;}
#teacher-enrollment .box th {font-size:13px; color:#000; font-weight: bold; text-align:center; padding:3px; border: 1px solid #ccc; }
#teacher-enrollment .box th.studentNumber{text-align:right; padding-right:10px;}
#teacher-enrollment table {width:100%; padding-right: 10px; margin-bottom:3px;margin-top:15px; border-collapse:collapse; border: 1px solid #ccc;}
#teacher-enrollment td.left {text-align:right; padding-right:10px;}
#teacher-enrollment a.delete {display:block;font-size:9px; text-decoration:underline;text-align:center;}
#teacher-enrollment .box .back {position:absolute; top:-70px; left:-6px;}
#teacher-enrollment .box .back a{ font-size:12px; text-decoration:underline;}
#teacher-enrollment td.check {text-align:center; padding-right:10px;}
#teacher-enrollment td.isbn {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000;}

.className {padding:10px 0 5px 30px;}
.className input{font-size:14px;margin-bottom:10px;}

#student-enrollment {margin:20px 35px 0 35px; padding:0 0 50px 0; }
#student-enrollment .box td {font-size:11px; font-weight: normal; text-align:left; padding:3px;border: 1px solid #ccc;}
#student-enrollment .box th {font-size:13px; color:#000; font-weight: bold; text-align:center; padding:3px; border: 1px solid #ccc;}
#student-enrollment .box th.studentNumber{text-align:right; padding-right:10px;}
#student-enrollment table {width:100%; padding-right: 10px; margin-bottom:3px;margin-top:15px; border-collapse:collapse; border: 1px solid #ccc;}
#student-enrollment td.left {text-align:right; padding-right:10px;}
#student-enrollment a.delete {display:block;font-size:9px; text-decoration:underline;text-align:center;}
#student-enrollment .box .back {position:absolute; top:-70px; left:-6px;}
#student-enrollment .box .back a{ font-size:12px; text-decoration:underline;}
#student-enrollment td.check {text-align:center; padding-right:10px;}
#student-enrollment td.isbn {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000;}

.enroll {display:block; background-image:url(images/btn_enroll.png); background-repeat:no-repeat; width:85px; height:20px; font-size:9px; font-weight:bold; color:#000; margin:0;padding-bottom:2px;}
a.enroll{width: 85px; height:20px; margin:0 auto; text-align:center;line-height:20px;}
a.enroll:hover{color:#4d7eba; text-decoration:none;}

.prod{background-color:#f2f2f2;}
img.info_icon { vertical-align: middle;padding:0 0 0 3px; }
th .subhead {font-size:11px; line-height:12px; font-weight:normal;}
th .isbn {font-size:10px; padding-top:1px; font-weight:normal;}
.valignbottom {vertical-align:bottom;}
#teacher-enrollment td.valignbottom {font-weight:bold;}
#student-enrollment td.valignbottom {font-weight:bold;}

#manage-user {margin:46px 35px 0 35px; padding:0 0 50px 0; }
#manage-user .col {float:left; width:33%;display:block;}
#manage-user .createUser { border-right:1px solid #dcdddf;padding:0 10% 0 10%;}
#manage-user .uploadUser {border-right:1px solid #dcdddf;padding:0 10% 0 15%;}
#manage-user .editUser {padding:0 10% 0 15%;}
#manage-user .editUser form{ margin-top:-15px;}
#manage-user .desc {padding-bottom:6px;}
#manage-user .pulldown {padding-bottom:15px;}
#manage-user .userBtn {background-image:url(images/btnCreate.png); background-repeat:no-repeat;  width:75px; height:29px;  position: relative;}
#manage-user .userBtn  a{display:block; color:#000; font-size:13px; text-align:center; line-height:28px; }
#manage-user .userBtn:hover{background-position:0 -30px; }
#manage-user .userBtn a:hover{color:#FFF; text-decoration:none; }
.usertype select{margin-bottom:10px;margin-top:0; font-size:12px; color:#525252; padding:4px 4px 4px 7px; background-image:url(images/pulldown_sm.png); background-repeat:no-repeat; width:178px; height:28px; border:none; position:relative;} 
.usertype  select{ -moz-appearance: none; -webkit-appearance: none; appearance: none;  }
.usertype  select:hover{background-position:0 -30px; width:178px; height:28px;  }

#manage_class_btn {margin:-20px auto 30px auto; padding:0; width:233px;}
#manage_class_btn  li.btn {background-image:url(images/button.png) ; background-repeat:no-repeat;list-style-type:none; margin:6px 0 0 0;  height:35px; width:233px; position:relative;}
#manage_class_btn  li.btn a{ color:#000; text-decoration:none; font-size:14px; text-align: center;line-height:36px; padding-left:0; display:block; }
#manage_class_btn li.btn:hover {background-position: 0 -40px; width:233px; height:35px;}
#manage_class_btn  li.btn a:hover {color:#fff;text-shadow:none;}

#admin-enrollment {margin:46px 30px 0 35px; padding:0 0 50px 0; }
#admin-enrollment .box td {font-size:11px; font-weight: normal; text-align:left; padding:3px;border: 1px solid #ccc;}
#admin-enrollment .box th {font-size:13px; color:#000; font-weight: bold; text-align:center; padding:3px; border: 1px solid #ccc; }
#admin-enrollment .box th.studentNumber{text-align:right; padding-right:10px;}
#admin-enrollment table {width:100%; padding-right: 10px; margin-bottom:3px;margin-top:5px; border-collapse:collapse; border: 1px solid #ccc;}
#admin-enrollment td.left {text-align:right; padding-right:10px;}
#admin-enrollment a.delete {display:block;font-size:9px; text-decoration:underline; text-align:center;}
#admin-enrollment .box .back {position:absolute; top:-70px; left:-6px;}
#admin-enrollment .box .back a{ font-size:12px; text-decoration:underline;}
#admin-enrollment td.check {text-align:center; padding-right:10px;}
#admin-enrollment td.isbn {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000;}



#student_details {margin:46px 0 0 20px; padding:0 0 50px 0; }
#student_details .box td {font-size:11px; font-weight: normal; text-align:left; padding:5px;border: 1px solid #ccc; color:#666666;}
#student_details .box th {font-size:11px; color:#000; font-weight: bold; text-align:left; padding:5px;border: 1px solid #ccc; background-color:#f2f2f2; }
#student_details .box th.studentNumber{text-align:right; padding-right:10px;}
#student_details .studentInfo p {padding-top:12px;}
#student_details .studentInfo a {text-decoration:underline;}


#student_details2 {margin:46px 0 0 20px; padding:0 0 30px 0; }
#student_details2 .box td {font-size:11px; font-weight: normal; text-align:left; padding:5px;border: 1px solid #ccc; color:#666666;}
#student_details2 .box th {font-size:11px; color:#000; font-weight: bold; text-align:left; padding:5px;border: 1px solid #ccc; background-color:#f2f2f2; }
#student_details2 .box th.studentNumber{text-align:right; padding-right:10px;}
#student_details2 .studentInfo p {padding-top:8px;}
#student_details2 .studentInfo a {text-decoration:underline;}


#sidebar {float: right; width: 244px; margin:-1px 8px 0 0; padding-left:10px; }
#sidebar #student-list { margin: 0 0 0 0; padding:0;}
#sidebar #student-list .top-sm {width:232px; height:36px; background-image:url(images/box_top_sm.png); background-repeat:no-repeat;  margin:0; padding:0;}
#sidebar #student-list .top-sm h2 { margin:0; padding:8px 0 0 26px; font-size:16px; font-weight:normal;}
#sidebar #student-list .body-sm{ background-image:url(images/box_tile_sm.png); background-repeat: repeat-y;line-height:18px; margin: 0; padding: 10px 24px 0 24px; overflow:hidden;}
#sidebar #student-list .body-sm ul{ margin:0;}
#sidebar #student-list .body-sm li{list-style-type: none; font-size:12px; color:#4d73ba; margin-left:0; line-height:20px;}
#sidebar #student-list .btm-sm {width:232px; height:20px; background-image:url(images/box_btm_sm.png); background-repeat:no-repeat;  margin:0; padding:0;}
#sidebar #student-list li.groupSelected {padding-left:13px; font-weight:bold; font-size:14px;background-image:url(images/carat_open.png); background-position:0 5px; background-repeat:no-repeat;}
#sidebar #student-list li{padding-left:30px;} 
#sidebar #student-list li.teacher{padding-left:0;}
#sidebar #student-list li.group {padding-left:13px; font-size:14px;background-image:url(images/carat_closed.png); background-position:0 3px; background-repeat:no-repeat;}
hr {border: 0; height: 1px; background: #c4c4c4; width:86%;}



#sidebar2 {float: right; width: 244px; margin:9px 8px 0 0; padding-left:10px; }
#sidebar2 #student-list { margin: 0 0 0 0; padding:0;}
#sidebar2 #student-list .top-sm {width:232px; height:36px; background-image:url(images/box_top_sm.png); background-repeat:no-repeat;  margin:0; padding:0;}
#sidebar2 #student-list .top-sm h2 { margin:0; padding:8px 0 0 26px; font-size:16px; font-weight:normal;}
#sidebar2 #student-list .body-sm{ background-image:url(images/box_tile_sm.png); background-repeat: repeat-y;line-height:18px; margin: 0; padding: 10px 24px 0 24px; overflow:hidden;}
#sidebar2 #student-list .body-sm ul{ margin:0;}
#sidebar2 #student-list .body-sm li{list-style-type: none; font-size:12px; color:#4d73ba; margin-left:0; line-height:20px;}
#sidebar2 #student-list .btm-sm {width:232px; height:20px; background-image:url(images/box_btm_sm.png); background-repeat:no-repeat;  margin:0 0 30px 0; padding:0;}

#sidebar2 #student-list li{padding-left:30px;} 
#sidebar2 #student-list li.groupSelected {padding-left:13px; font-weight:bold; font-size:14px;background-image:url(images/carat_open.png); background-position:0 5px; background-repeat:no-repeat;}



#buttons {margin:22px 0 0 0; padding:0; width:233px;}
#buttons  li.btn {background-image:url(images/button.png) ; background-repeat:no-repeat;list-style-type:none; margin:6px 0 0 0;  height:35px; width:233px; position:relative;}
#buttons  li.btn a{color:#000;text-decoration:none; font-size:14px;  text-align: left;line-height:37px; padding-left:16px; display:block; }
#buttons li.btn:hover {background-position: 0 -40px; width:233px; height:35px;}
#buttons  li.btn a:hover {color:#fff;text-shadow:none;}





#screenshots {margin:20px 10px 0 10px; padding-bottom:30px;}
.box .top-leftwhite {background-image:url(images/tlwhite.png);  background-repeat:no-repeat; padding:0; margin:0; height:9px; width:13px; position: absolute; top:-9px; left:-13px; }
.box .top-rightwhite {background-image:url(images/trwhite.png);  background-repeat:no-repeat; padding:0; margin:0; height:9px; width:13px; position: absolute; top:-9px; right:-13px; }
.box .top-centerwhite {background-image:url(images/tile_topwhite.png); background-repeat:repeat-x; position: absolute; top:0;  margin-left:-13px; margin-top:-9px; height:9px; width:100%;}
#mainContent_right {margin: -19px 36px 0 290px;}
#mainContent_right ul.prodAttributes {list-style-type:none; padding-top:15px;padding-left:10px; padding-bottom:5px; }
#mainContent_right li { display:inline; font-size:11px; color:#000; background-image:url(images/checkboxArt.png); background-repeat:no-repeat; height:17px; padding: 3px 25px 5px 20px; }
#mainContent_right .screenshotArea .prev {text-indent: -99999px; float:left; display:inline; background-image:url(images/btnPrev.png); background-repeat:no-repeat;width:23px; height:24px; margin-top:120px; margin-left:-14px; position:relative;}
#mainContent_right .screenshotArea .screenshot {float:left; display:inline; width:94%; margin-left:6px;margin-right:-4px;}
#mainContent_right .screenshotArea img { width:100%; height:100%;}
#mainContent_right .screenshotArea .next {text-indent: -99999px; float:right; display:inline; background-image:url(images/btnNext.png); background-repeat:no-repeat;  width:23px; height:24px; margin-top:120px; margin-right:-15px; position:relative;}
#mainContent_right .screenshotArea .next a{display:block; }
#mainContent_right .screenshotArea .next:hover{background-position:0 -24px; }
#mainContent_right .screenshotArea .prev a{display:block; }
#mainContent_right .screenshotArea .prev:hover{background-position:0 -24px; }

#mainContent_right p.caption {margin:5px 0 0 0; text-align:center;}

#topnav .divider {width:90%; margin:15px auto 0 auto; padding:0 0 0 20px;}

#sidebar_left {float: left; width: 233px; margin:25px 8px 0 20px; padding-left:10px; padding-bottom:25px; }
#sidebar_left .logo_lg {margin: 20px 0 30px -4px;}
#sidebar_left p {line-height:18px; margin-left:5px;}
#sidebar_left #buttons li.btn {background-image:url(images/button.png) ; background-repeat:no-repeat;list-style-type:none; margin:6px 0 0 0;  height:35px; width:233px; position:relative;}
#sidebar_left #buttons  li.btn a{color:#000;text-decoration:none; text-shadow:none; font-size:14px;  line-height:36px; display:block; text-align:center; margin-left:-25px; }
#sidebar_left #buttons li.btn:hover {background-position: 0 -40px; width:233px; height:35px;}
#sidebar_left #buttons  li.btn a:hover {color:#fff;text-shadow:none;}





#leftSide {float:left; width:55%;margin:0; padding:0;} 
#rightSide {float: right; width: 45%; margin:0; padding:0; } 
#welcome1 {margin:60px 20px 40px 35px; padding:0; }
#custServ {margin:60px 60px 40px 40px;  padding:0;}
#custServ p{padding-bottom:10px;}
#custServ p.custServBox{padding-bottom:26px;}
#leftSide #connect-products {margin:60px 20px 40px 35px; padding:0; }
#repInfo {margin:60px 60px 40px 40px;  padding:0;}
#repInfo .box table {width:100%; font-size:12px;}
#repInfo .box table td{padding:10px 30px 10px 0;}
#repInfo .box table th{padding:5px 20px 10px 0;}

.orgCode button.add {border:0; height:29px; width:75px;text-decoration:none; font-size: 12px; background: url(images/btnCreate.png); position:relative;;padding-bottom:3px;}
.orgCode button.add:hover {background-position: 0 30px; width:75px; height:29px; color:#fff; }
.orgCode label{display:block;padding:8px 8px 8px 0;}
.orgCode input{margin-bottom:20px;margin-right:6px;}

.country select{margin-bottom:38px;margin-top:8px; font-size:12px; color:#525252; padding:4px 4px 4px 7px; background-image:url(images/pulldown.png); background-repeat:no-repeat; width:238px; height:28px; border:none; position:relative;} 
.country  select{ -moz-appearance: none; -webkit-appearance: none; appearance: none;  }
.country select:hover{background-position:0 -30px; width:238px; height:28px;   } 

#studentLogin{margin:60px 30px 0 35px; padding:0 0 50px 0; }
#studentLogin h2{font-size:20px; margin-top:-3px; }
#studentLogin label{font-size:18px;margin-bottom:10px; }
#studentLogin select{font-size:15px;  }
#studentLogin button{font-size:15px; margin-bottom:10px; }
#studentLogin input {height:20px; width:200px; }
#studentLogin .password button.add {border:0; height:29px; width:75px;text-decoration:none; font-size: 15px; background: url(images/btnCreate.png); position:relative; padding-bottom:3px;margin-left:10px;}
#studentLogin .password button.add:hover {background-position: 0 30px; width:75px; height:29px; color:#fff; }
#studentLogin .password label {padding-right:8px; padding-bottom:10px;}
#studentLogin .password input {width:140px;  }
#studentLogin .password form{margin-bottom:20px;}
#studentLogin  p.instructions{margin-bottom:15px; margin-top:15px; font-size:18px;}
#studentLogin  p.terms {font-size:14px; margin:8px 0 20px 0; padding:0;}
#studentLogin  p.terms a{font-size:14px; margin:8px 0 20px 0; padding:0;}
#studentLogin  p {margin-bottom:15px; font-size:18px;}
#studentLogin .password p {display:block;margin-bottom:15px; font-size:18px;}
#studentLogin  .country form{padding-bottom:6px;}
#studentLogin  .schoolname {font-size:24px; color:#000;; margin-bottom:8px;margin-top:10px;}
#studentLogin  .warning {color: #ff0000; font-size:15px; margin-bottom:20px;}
#studentLogin .countryname {font-size:18px;margin-bottom:15px; margin-top:4px;font-weight:bold;}


.password button.add {border:0; height:29px; width:75px;text-decoration:none; font-size: 12px; background: url(images/btnCreate.png); position:relative;padding-bottom:3px;margin-left:10px;}
.password button.add:hover {background-position: 0 30px; width:75px; height:29px; color:#fff; }
.password label {padding-right:6px;}
.password input {width:120px;}
.password form{margin-bottom:15px;}
#welcome1 p.instructions{margin-bottom:0; margin-top:6px;}
#welcome1 p.terms {font-size:10px; margin:0 0  5px 0; padding:0;}
.password p {display:block;margin-bottom:10px;}
#welcome1 .country form{padding-bottom:3px;}
#welcome1 .schoolname {font-size:14px; color:#000;}
#welcome1 .warning {color: #ff0000; font-size:11px; margin-bottom:10px; margin-top:6px;}
#welcome1 .countryname {font-weight:bold; margin-bottom:6px;}



.reset{ width:330px;}
.reset button.add {float:right;margin-right:8px; margin-top:10px; border:0; height:28px; width:75px;text-decoration:none; font-size: 13px; background: url(images/btnCreate.png); position:relative;;padding-bottom:3px;margin-left:10px; clear:both;}
.reset button.add:hover {background-position: 0 30px; width:75px; height:28px; color:#fff;}
.reset label {display:block; text-align:right;width:100px;float:left; line-height:28px;}
.reset input {float:left;font-size:12px;padding:2px;width:200px;margin:2px 0 10px 10px;}
.reset form{margin-bottom:15px;}
.reset p {display:block;margin-bottom:10px;}


.import_roster button.add {margin-right:8px; margin-top:0; border:0; height:28px; width:75px;text-decoration:none; font-size: 13px; background: url(images/btnCreate.png); position:relative;padding-bottom:3px;margin-left:10px; clear:both;}
.import_roster button.add:hover {background-position: 0 30px; width:75px; height:29px; color:#fff;}
.import_roster button.sub {float:left; border:0; height:29px; width:75px;text-decoration:none; font-size: 13px; background: url(images/btnCreate.png); position:relative; padding-bottom:3px;margin-left:0; clear:both;}
.import_roster button.sub:hover {background-position: 0 30px; width:75px; height:29px; color:#fff;}
.import_roster input {float:left;font-size:12px;padding:2px;width:200px;margin:2px 0 10px 0;}
.import_roster form{margin-bottom:15px;}
.import_roster p {margin-bottom:10px; margin-top:10px; line-height:15px;}

.import_roster p.csv {font-size:14px; margin-bottom:10px;}
.import_roster a{font-size:12px;}
.import_roster .warning {color: #ff0000; font-size:11px; margin-bottom:10px;}
.import_roster  li{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:16px; margin-bottom:6px;margin-left:-4px; list-style-type:decimal; list-style-position:outside;}


#zone_products {margin:46px 35px 0 35px; padding:0 0 50px 0; }
#zone_products table{border-collapse:collapse;margin: 4px; padding:0;}
#zone_products table td{border: 1px solid #c4c4c4; font-size:13px; color:#585858; font-weight:normal; text-align:center;}
#zone_products table th{border: 1px solid #c4c4c4; border-collapse:collapse;font-size:12px; color:#000; font-weight:bold;padding:6px;background-color:#f2f2f2;}

#class-roster {margin:46px 35px 0 35px; padding:0 0 50px 0; }
#class-roster table{border-collapse:collapse;margin-top:8px;}
#class-roster  table td{border: 1px solid #ccc; font-size:12px; color:#666; font-weight:normal; text-align:left; padding:3px 20px 3px 20px;}
#class-roster  table th{border: 1px solid #ccc; font-size:11px; color:#000; font-weight:bold; padding:6px;background-color:#f2f2f2; text-align:center;}
#class-roster td.wrong {color:#ff0000; background-color:#ffe2db; border-color: #000; border-width:2px;}
#class-roster .district_id {text-align:right;}
#class-roster .edit {text-align:center;}
#class-roster .className {font-weight: normal; font-size:15px;color:#666;}
#class-roster p.warning {color: #ff0000; font-size:11px; line-height:13px; margin-bottom:10px;}

#roster_help {margin:20px;}
#roster_help p{line-height:15px; margin-bottom:10px;}
#roster_help p .black{color:#000;}
h6 {font-family:Helvetica, Arial, sans-serif;font-weight:normal;font-size:16px; color:#333; margin-bottom:12px;}


#footer{clear:both; width: 100%; padding:0;  margin:0;}
#footer p{font-size:11px; color:#666; text-decoration:none; padding:15px 0; text-align:center;}
#footer a{ color:#666; margin:0 auto 0 auto;}
#footer .bullet{padding:0 10px;}
#footer a:hover{text-decoration:underline;}




 

.space {height:30px;}
	
	

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft { clear:left;height:0;font-size: 1px;line-height: 0px;}

.clearright { clear:right; height:0;font-size: 1px;line-height: 0px;}