/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */
.outer {margin: 0 auto; width:996px;}
.main {position: relative; float:left; width:960px; background:transparent url(/images/content-footer.png) no-repeat bottom left; padding-bottom:9px; margin-bottom:2px; }
.home .header { width:960px; height:203px; float:left; background: url(/images/home-header-bg.jpg) no-repeat; position:relative;}
.page .header { width:960px; height:128px; float:left; background: url(/images/header-bg.jpg) no-repeat; position:relative;}
.home .contentarea { background:#ffffff; clear:both; float:left; width:920px; padding:34px 20px 13px 20px;  min-height:343px; height:auto !important; height:343px;}
.page .contentarea { background:#ffffff; clear:both; float:left; width:920px; padding:0px 20px 13px 20px;  min-height:377px; height:auto !important; height:377px;}
.splash {padding-top:120px;}
.splash .splashtext p {font-size:1.6em; font-weight:bold; }
.splashform {margin:0 auto; width:425px;}

/* hidden text */
a.btn {text-indent:-999em; outline:none; display:block; overflow:hidden;}
.home .header .logo { background:url(/images/logo.png) no-repeat left top; width:349px; height:369px; position:absolute; top:-104px; left:-136px;}
.page .header .logo { background:url(/images/internal-logo.png) no-repeat left top; width:254px; height:269px; position:absolute; top:-90px; left:-61px;}

.checkout { color:#fff;  float:right; font-size:1.083em; padding-top:39px;}
.checkout a { color:#fff; padding:0 3px; }

/* buttons */
.btn-black {background:url(/images/buttons/btn-black-bg.jpg) no-repeat left top; height:25px; line-height:25px; width:auto; padding:0 15px 0 15px; display:block; color:#ffffff; font-size:1.2em !important; position:relative; float:right; margin-left:5px;}
.btn-black span {background:url(/images/buttons/btn-black-bg-end.jpg) no-repeat left top; height:25px; width:5px; display:block; position:absolute; right:0; top:0;}
.cancel {float:left; line-height:25px; font-size:1.1em !important; font-weight:normal !important; padding-left:5px;}

/* main navigation */
div.nav { width:793px; height:34px; float:left; padding-left:169px;}
div.nav ul.nav { font-size:1.3em; float:left; width:793px; clear:both; height:34px; line-height:34px; position:relative; z-index:500; }
div.nav ul.nav li {background:url(/images/nav-left.jpg) no-repeat left top; width:auto; display:block; position:relative; padding:0px 0 5px 0px; float:left;margin-right:2px}
div.nav ul.nav li a {background:url(/images/nav-right.jpg) no-repeat right 0px; display:block; line-height:4px; position:relative; text-decoration:none; text-align:center; color:#ffffff; white-space:nowrap; padding:14px 10px; font-family:Tahoma,Helvetica,Arial,sans-serif; font-size: 13px}
div.nav ul.nav li.on {background:url(/images/nav-on-left.jpg) no-repeat left top; }
div.nav ul.nav li.on a {background:url(/images/nav-on-right.jpg) no-repeat right 0px;  }
div.nav ul.nav a.on:hover, .nav a.on:focus {color:green;}
div.nav ul.nav li.first a { background:none;}

/* accessible skip links */
div.skiplinks {text-indent:-999em;position:absolute;}

.maincontent {float:right;width:759px;font-size:1.2em;padding:0 20px 0 0;}
.home .maincontent {width:950px;padding:20px;}

.maincontent ul {margin: 20px;}
.subnav {width:187px;float:left;padding: 0 0 5px 0;}

.footer { background:transparent url(/images/footer-bg.png) no-repeat left top;  padding:30px 20px 0 20px; position:relative; float:left; width:920px;}
.footer .footernav {width:700px;color:#808080;}
.footer .footernav a { color:#cacaca; text-decoration:none;}
.footer a {color:#cacaca;}
.footer .copy { float:left; width:700px; color:#a3afdf; padding-top:12px; font-size:1.1em; }
.footer .willogo {position:absolute; line-height:46px; padding:0 0 0 0; width:240px; color:#cacaca; right:20px; top:30px; height:46px;}
.footer .willogo span { display:block; float:left; width:130px; font-size:1.1em; }
.footer .willogo a { color:#cacaca; text-decoration:none; font-size:1.0em;}
.footer .willogo .thelogo { background:transparent url(/images/wiliam-logo.png) no-repeat scroll 0 0; display:block; float:right; height:46px; width:99px; text-indent:-999em; }
.footer a:hover, .footer a:focus { text-decoration:underline;}
.footer a.willogo {float:right; padding:0 76px 0 0; line-height:34px; display:block; width:104px; background:url(/images/logo-wiliam.gif) no-repeat right top;}

/* ================         content          ================ */
.page .content { float:left; width:455px; padding: 0px 15px 8px 20px }
.missionarea .content { float:left; width:455px; padding: 0px 15px 8px 0 }
.home .content { float:left; width:315px; padding: 8px 20px }
.splash .content { float:left; width:880px; padding: 8px 20px }
.page .spots { float:left; width:230px;}
.home .spots { float:left; width:290px;}
.home .moreinfo {float:left; width:275px;}
.missionarea {width:700px; float:right;}
.missionarea .missionvideo {padding:0 0 8px 0; float:left;}
.missionarea .missionvideo.long {padding:0 0 8px 0; float:left; }

.advanced-area { float:right; width:700px; height:90px;}
.advanced-area .login-area {width:165px; padding:34px 0 0 0; color:#666666; position:absolute;right:230px}
.loggedin .advanced-area .login-area {width:400px; font-weight:bold;}
.advanced-area .login-area a {color:#ffffff;line-height:26px; padding:0 3px; font-size:1.2em;}
.advanced-area .login-area span {color:#ffffff;line-height:26px; padding:0 3px; font-size:1.2em; float:left;}
.advanced-area .login-area .login {outline: none; float: left; display: block; text-indent:-9999em; background:url(/images/buttons/login.png) no-repeat; margin-right: 13px; margin-top:0; width:40px; height:26px;}
.advanced-area .login-area .myseybienne {float:left; text-indent:-9999em; display:block; background:url(/images/buttons/my-seybienne.jpg) no-repeat; width:96px; height:25px;}
.login-panel {display: none; position: absolute; right: 340px; top: 5px; z-index:10000; width: 377px; height: 82px; background: url(../images/loginPanel.png) no-repeat 0 0;}
.login-panel .login {outline: none; position: absolute; right: 10px; top:29px; display: block; text-indent:-9999em; background:url(/images/buttons/login.png) no-repeat; width:45px; height:26px;}
.login-panel .text-142 {background:none; width:136px; height:16px; padding:5px; display:block; border:0 none; font-size:1.2em;}
.login-panel .span-142 {background:url(/images/textbox-142-bg.png) no-repeat 100% 0; width:147px; display:block;}
.login-panel div {float: left; margin: 14px 0 0 8px}
.login-panel label {font-size: 11px; color: #3F4F8A}
span.forgotten {color: #fff; position: relative; top: 5px}
span.forgotten a {color: #1b2759}
.advanced-area .search {width:215px; padding:33px 0 0 0; position:absolute;right:10px}
.advanced-area .search .advanced {position:absolute; color:#ffffff; top:12px; right:45px; }
.advanced-area .search .advanced span {color:#3f4f8a; font-size:1.2em; padding-right: 3px; }
.advanced-area .search .advanced a {color:#ffffff; line-height:17px; font-size:1.1em; }
.advanced-area .search .text-172 {background:url(/images/textbox-172-bg.jpg) no-repeat; width:161px; height:16px; padding:5px; display:block; border:0 none; float:left; font-size:1.2em; margin-right:5px; }
.advanced-area .search .submit {float:left; }

.header p {color:#ffffff;}
.header-content p {font-size:1.3em;}
.header-content a {font-size:1.0em;}
.home .header-content {width:430px; padding:20px 0 0 207px; float:left;}
.page .header-content {width:420px; padding:17px 0 0 187px; float:left;}
.header .header-content h1 { background: url(/images/logo-title.png) no-repeat; width:202px; height:70px; display:block; line-height:70px; text-indent:-9999em; margin:0; padding:0;}
.header .header-content h2 {font-size:1.7em; color:#7686c2;}

.header .special-offer {width:320px; float:left; padding-top:20px;}
.page .header .special-offer {width:350px; padding-top:10px;}
.header .special-offer .offer {padding:15px 29px 0 10px; float:left; width:179px;}
.page .header .special-offer .offer {padding:0 20px 0 5px; width:214px;}

.header .special-offer .img {float:left; width:102px;}
.header .special-offer .offer h3 {font-size:1.7em; padding-bottom:0.60em;}
.header .special-offer .offer .forward-link {color:#ffffff;}
.forward-link {line-height:18px; font-weight:bold; padding:1px 22px 0px 0px; text-align:right; position:relative; float:right; }
.forward-link span {background:url(/images/arrow-right.png) no-repeat right; position:absolute; right:0; top:0; display:block; width:18px; height:18px; font-size:0px; }

/* More Info box */
.moreinfo .howitworks {background:#7686c2 url(/images/how-it-works-header.jpg) no-repeat left top; padding:15px 5px; float:left; width:265px;}
.moreinfo .howitworks h2 {color:#ffffff; font-size:2.5em; padding:0 12px 5px 12px;}
.moreinfo .howitworks p {color:#ffffff; font-size:1.1em; padding:0 12px; }
.moreinfo .howitworks ul {padding:0; margin:0; width:258px;}
.moreinfo .howitworks ul li {clear:both; float:left; background: url(/images/list-item-bg.png) no-repeat top left; list-style:none; width:232px; padding:4px 10px 0 16px; margin:10px 0 0 0; color:#fff; position:relative;  }
.moreinfo .howitworks ul li span {font-size:2.4em; font-weight:bold; position:absolute; left:0; top:0; display:block; width:47px; height:47px; line-height:47px; text-align:center; }
.moreinfo .howitworks ul li h3 {font-size:1.4em;font-weight:bold; float:left; padding:10px 0 0 38px; color:#ffffff; }
.moreinfo .howitworks ul li p {font-size:1.1em; clear:both; color:#1b2759; padding:0 0 0 39px; margin:0;}
.moreinfo .howitworks ul li a {color:#ffffff;}
.moreinfo .howitworks ul li a.more-link {font-size:1.1em; clear:both; padding-left:39px; line-height:11px; height:11px; text-decoration:none;float:right;}
.moreinfo .howitworks-footer {background:#7686c2 url(/images/how-it-works-footer.jpg) no-repeat left bottom; width:275px; height:10px; float:left;}

/* Home Content */
.newsletter-item {padding-bottom:20px; float:left; clear:both; width:315px; }
.newsletter-item h3{font-size:1.4em;}
.newsletter-item .icon {float:left; width:52px;}
.newsletter-item .text {float:left; width:255px; padding-left:5px;}
.newsletter-item {padding-bottom:20px; float:left; clear:both; width:315px; }
.newsletter-item .text .date {color:#9a9a9a; font-size:1.0em !important; display:inline; padding-bottom:0;}
.newsletter-item .text a {font-size:1.1em;}

.subscribe {background: url(/images/buttons/subscribe.jpg) no-repeat bottom left; width:188px; height:23px; margin:0 auto; clear:both;}

/* Home Spot */
.training {background: url(/images/training-footer.jpg) no-repeat bottom left; width:290px; padding-bottom:11px; float:left; margin-top:-81px;position:relative; margin-bottom:15px; }
.training h2 {background:url(/images/training-tab.png) no-repeat top left; color:#ffffff; width:215px; height:48px; padding:12px 0 0 20px; margin:0; font-size:1.8em;display:block; float:left;}
.training h2 span {color:#8899db;font-weight:normal; float:left; display:block; width:215px;}

.training .text {background:#f5f5f5 url(/images/training-bg.jpg) no-repeat top left; width:260px; padding:20px 15px; float:left;min-height:187px; height:auto !important; height:187px;}
.training .text h4 {font-size:1.2em; color:#1b2759; font-weight:bold; background:url(/images/icons/list-item-arrow.gif) no-repeat left 3px; padding:0 0 3px 13px; margin:0; }

ul.t-list {width:130px; float:left; padding:0; margin:0;}
ul.t-list li {list-style:none; background:url(/images/icons/list-item-arrow.gif) no-repeat left 6px; padding-left:13px; line-height:19px;}
ul.t-list li a  {color:#1b2759; font-size:1.2em;}

.other-training {background:#eaeaea url(/images/training-sub-bg.jpg) no-repeat top left; width:260px; padding:15px 15px 1px 15px; clear:both; float:left;min-height:115px; height:auto !important; height:115px;}
.other-training h3 {color:#1b2759; height:32px; font-size:1.4em; padding:0 0 0.3em 0; }
.other-training h3 span{color:#8899db; float:left; font-weight:normal;}
.other-training p {clear:both; }
.other-training .other-item {width:130px; float:left;}

/* Internal pages */
.page .moreinfo {float:left; width:200px; padding:10px 0 0 0; margin-top:32px;  background:#7686c2 url(/images/sub-nav-header.gif) no-repeat; }
.page .moreinfo h3 {color:#ffffff; font-size:1.8em; font-weight:normal; padding:8px 7px 14px 14px;}
.page .moreinfo-footer {background:url(/images/sub-nav-footer.gif) no-repeat bottom left; width:200px; height:10px; float:left;}

.page .moreinfo .subnav {background:url(/images/sub-nav-listheader.gif) no-repeat top left; font-size:1.091em; padding-top:15px; margin-left:7px;}
.page .moreinfo .subnav li {list-style:none; padding:0 0 10px 0; width:186px; }
.page .moreinfo .subnav li.first {padding:0 0 10px 0;}
.page .moreinfo .subnav li.on {background:url(/images/sub-nav-on.png) no-repeat left top; width:186px; height:23px; padding:10px 0 0 0; margin-bottom:10px;}
.page .moreinfo .subnav li a {color:#ffffff; background:url(/images/icons/list-item-arrow.gif) no-repeat 7px 3px; padding-left:19px; display:block;}
.page .moreinfo .subnav li.on a {color:#1b2759; }
.page .moreinfo .subnav li.on-child {background:#ffffff url(/images/sub-nav-on-header.gif) no-repeat left top; padding:10px 0 0 0; margin-bottom:10px;}
.page .moreinfo .subnav li.on-child ul {background:#ffffff url(/images/sub-nav-on-footer.gif) no-repeat left bottom; margin-top:10px; padding:0 0 0 12px;}
.page .moreinfo .subnav li.on-child ul li {width:auto !important; margin-bottom:0px;}
.page .moreinfo .subnav li.on-child a {color:#1b2759; background-image:none; padding-left:12px;}
.page .moreinfo .subnav li.on-child a.on {color:#1b2759; font-weight:bold; background-image:none;}
.page .moreinfo .subnav li.child-off a.on {color:#1b2759; font-weight:bold; background:url(/images/icons/list-item-arrow.gif) no-repeat 7px 3px; padding-left:19px;}
.page .moreinfo .subnav li.on-child ul ul { font-size:0.916em; background-image:none;  }
.page .moreinfo .subnav li.on-child ul ul li {height: auto; padding-left:19px;}
.page .moreinfo .subnav li.on-child ul ul a {background-image:none; padding-left:0;}
.page .moreinfo .subnav li.on-child ul ul a.on {color:#696c78; font-weight:bold; background:url(/images/icons/list-item-arrow.gif) no-repeat 7px 3px; }
.page .moreinfo .subnav li.on-child li.on ul {margin-bottom:0;background:none;}
.page .moreinfo .subnav li.on-child li.on {padding-top:0; margin-bottom:0; }
.page .moreinfo .subnav li.on-child li {background-image:none; padding:0 0 6px 0;}
.page .moreinfo .subnav li.on-child li.on ul {margin-top:6px; padding-top:0;}
.page .moreinfo .subnav li.on-child li.on {background-image:none; width:auto; padding:0 0 6px 0;}
.page .moreinfo .subnav ul {display:none;}
.page .moreinfo .subnav ul.on {display:block;}

.page .content .breadcrumb {color:#b2b2b2; height:16px; padding:16px 0 16px 0;}
.page .content .breadcrumb a {color:#666666;}
.page .content .breadcrumb span {font-size:1.1em;}

.mission-pagecontrols {float:right; height:32px; padding:16px 0 0 0; width:700px;}
.mission-pagecontrols .mission-breadcrumb {color:#b2b2b2; height:16px; float:left;}
.mission-pagecontrols .mission-breadcrumb a {color:#666666;}
.mission-pagecontrols .mission-breadcrumb span {font-size:1.1em;}
.mission-pagecontrols .mission-pagetools {float:right;}
.mission-pagecontrols .mission-pagetools a {padding-right:10px;}
.mission-pagecontrols .mission-pagetools a.first{padding-right:0;}

.page .content .text-body {font-size:1.0em; }
.page .content .text-body a {font-weight:bold; font-size:1.0em; }
.page .content .text-body h2 {display:block; }
.page .content .text-body ul {color:#3f4f8a; list-style:none;  font-size:11px; width:100%; margin-bottom:2em;padding-left:40px;}
.page .content .text-body ol {font-size:11px; width:100%;  margin-bottom:2em; padding-left:40px;}
.page .content .text-body ol li {line-height:1.4em;}
.page .content .text-body ul li {background:url(/images/icons/list-item-dash-purple.gif) no-repeat left 6px; padding-left:5px;}
.page .content .text-body .billingfooter {clear:both; text-align:right; padding:10px 20px 0 0;}

.page .spots .page-tools {color:#b2b2b2; font-size:1.1em; height:16px; padding:16px 0 16px 0; text-align:right;}
.page .spots .page-tools a {padding-right:10px;}
.page .spots .page-tools a.first {padding-right:0;}

.spots .spotlight {background:#eaeaea url(/images/spotlight-header.gif) no-repeat left top; width:230px; margin-bottom:15px; }
.spots .spotlight .detail{padding:20px 15px 5px 15px; }
.spots .spotlight h3 {color:#3f4f8a; font-size:1.4em;}
.spots .spotlight a {font-size:1.0em;}
.spots .spotlight ol {padding:0 0 0 20px; margin:0; font-size:1.1em; font-weight:bold;}
.spots .spotlight ol li {padding-bottom:10px; font-weight:normal;}
.spots .spotlight .imagetitle {float:left; padding-bottom:10px;}
.spots .spotlight .imagetitle img {float:left; width:82px;}
.spots .spotlight .imagetitle h3 {float:left; font-size:2.2em; padding:35px 0 0 0; width:118px}
.spots .spotlight .spotlight-footer {background:#eaeaea url(/images/spotlight-footer.gif) no-repeat left bottom; width:212px; padding:5px 9px 6px 9px; }
.spots .spotlight .spotlight-footer .button-row {background: url(/images/spot-button-bg.gif) no-repeat left top; height:25px;width:207px; padding:8px 5px 0 0; }
.spots .spotlight .spotlight-footer .button-row a {background: url(/images/buttons/btn-bg.jpg) no-repeat left top; display:block; height:23px; float:right; padding:0 6px 0 25px; color:#ffffff; font-weight:bold; font-size:1.1em; line-height:23px; position:relative;}
.spots .spotlight .spotlight-footer .button-row span {background: url(/images/buttons/btn-right-bg.jpg) no-repeat right top; display:block; height:23px; width:5px; position:absolute; right:0; top:0;}

.page .spot-topics {width:230px; padding-bottom:10px; background:#d6daed url(/images/topic-taken-footer.gif) no-repeat left bottom; margin-bottom:15px; } 
.page .spot-topics p {width:212px; padding:0 9px;} 
.page .spot-topics h3 {width:212px; padding:15px 9px 12px 9px; font-size:1.8em; font-weight:normal; background:#d6daed url(/images/topic-taken-header.gif) no-repeat left top; color:#3f4f8a; } 
.page .spot-topics ul {width:182px; padding: 20px 15px 10px 15px; margin:0 9px; background:url(/images/topics-taken-bg.gif) no-repeat left top; list-style:none; } 
.page .spot-topics ul li {background:url(/images/icons/list-item-arrow-purple.gif) no-repeat left 3px !important; padding:0 0 5px 10px !important; } 
.page .spot-topics ul li a {font-weight:bold; font-size:1.1em;} 

.news {width:455px;}
.news h3 {padding-bottom:5px;}
.news .featured {padding:17px 0 3px 0; border-bottom:1px solid #ccd2e9;border-top:1px solid #ccd2e9; margin-bottom:25px;}
.news .featured h3{font-size:1.6em;}
.news .article {width:210px; padding:0 17px 0 0; float:left;}
.news .article h3 {font-size:1.4em;}
.news-articles {background:url(/images/form-header.png) repeat-x left top; padding:12px 15px; float:left; width:425px; border-bottom:1px solid #ccd2e9;}
.news-articles h3 {color:#ffffff;font-size:1.4em;}
.news-articles .article h3 {padding-bottom:5px;}

.leveldetails {width:160px; padding-right:7px; float:left;}

.training-modules {width:455px; float:left; padding-bottom:15px;}
.training-modules-level {width:288px; float:left; padding-bottom:15px;}

.internal-subnav {width:158px; min-height:158px; height:auto !important; height:158px; margin-right:9px; background:#d6daed url(/images/int-subnav-footer.gif) no-repeat left bottom;float:left;}
.training-modules ul.navigation {width:128px !important; padding:15px 15px 10px 15px;  background:url(/images/int-subnav-header.gif) no-repeat left top; }
.training-modules ul li, .popular-items ul li {background:url(/images/icons/list-item-arrow-purple.gif) no-repeat left 3px !important; padding-left:10px !important;}
.training-modules a, .popular-items a {font-size:1.11em;}
.training-modules ul li {padding-bottom:5px;}

.module-search {width:288px;  padding-top:15px; background:#7686c2 url(/images/module-search-header.gif) no-repeat left top;  float:left; }
.module-search .text {padding:0 15px; }
.module-search h3 {color:#ffffff; font-size:1.4em;}
.module-search .form {width:288px; background:#7686c2 url(/images/module-search-footer.gif) no-repeat left bottom; }
.module-search table {width:288px; }
.module-search p {margin:0 0 1.2em 0;}
.module-search table th{color:#ffffff; line-height:20px; font-size:1.1em; font-weight:bold; width:65px; padding-left:15px; text-align:left;}
.module-search table td{width:208px;}
.module-search table th,.module-search table td{padding-bottom:15px;}
.module-search table td select {width:160px;}
.module-search table td .textbox{width:155px;}
.module-search .btn-go {float:left; margin-left:5px;}

.popular-items {clear:both; float:left; width:455px; border-top:1px solid #ccd2e9; }
.popular-items h3 {font-size:1.4em; }
.popular-items .item {width:210px; padding:15px 17px 0 0; float:left; }

.topic {width:415px; padding:15px 20px 1px 20px; background:#6f6f6f url(/images/topic-header.gif) no-repeat left top;  color:#ffffff; }
.long .topic {width:640px; padding:15px 30px 1px 30px; background:#6f6f6f url(/images/topic-header-long.gif) no-repeat left top; }
.topic h2 {color:#eaeaea;}
.topic p {margin:0 0 0.3em 0;}

.video {width:455px; padding-bottom:19px; background:#6f6f6f url(/images/flv-footer-novideo.gif) repeat-x left top;}
.long .video{width:640px; padding:0 30px 19px 30px; background:#6f6f6f url(/images/flv-footer-long.gif) no-repeat left bottom!important;}
.loggedin .video {background:url(/images/flv-footer.gif) repeat-x left bottom;}

.breakdown {width:415px; padding:0 20px 10px 20px; background:#6f6f6f url(/images/topic-footer-notabs.gif) no-repeat left bottom; color:#ffffff; float:left;}
.long .breakdown{width:600px; padding:0 50px 10px 50px; background:#6f6f6f url(/images/topic-bg-long.gif) repeat-y left bottom !important; color:#ffffff; float:left; clear:both;}
.loggedin .breakdown {background:#6f6f6f url(/images/topic-footer.gif) no-repeat left bottom;}
.breakdown .column {width:200px; float:left; padding-right:7px;}
.long .breakdown .column {width:250px; float:left; padding-right:7px;}
.breakdown .column p {}
.breakdown .column h3 {color:#ffffff; font-size:1.4em;}
.breakdown .column ul {padding:0 !important; margin:0 !important;}
.breakdown .column ul li{color:#ffffff;font-size:11px; list-style-image:none; list-style-position:outside; list-style-type:none; background:url(/images/icons/list-item-dash-white.gif) no-repeat left 6px !important; padding-left:5px; }
.breakdown-footer {background:url(/images/topic-footer-long.gif) no-repeat left top; height:25px; width:700px; clear:both;}

.topic-tabs {width:700px; clear:both; float:left; }
.topic-tabs  .tab {width:160px; height:37px; padding:2px 0 0 12px; margin-left:4px; background:url(/images/topic-tab-bg-med.gif) no-repeat left top; float:left; }
.topic-tabs  .first {margin-left:0;}
.topic-tabs  .tab a {float:left; line-height:23px; padding-top:5px; white-space: nowrap; font-size:1.1em !important; }
.topic-tabs  .tab a.imgbutton {padding-top:0; padding-right:5px;}
.topic-tabs  .tab a.disabled {color:#a5a5a5; }
.topic-tabs  .tab a.icon {padding-right:5px;padding-top:0;}
.topic-tabs  .tab input.icon {float:left; padding-right:5px;padding-top:0;}

.two-columns {width:455px; padding-top:15px; clear:both; float:left;}
.two-columns h3 {font-size:1.4em;}
.custom h3 {color:#3f4f8a; font-size:1.8em; font-weight:normal;}
.two-columns .column {width:210px; padding-right:10px; float:left;}
.two-columns .column h4 {font-size: 1.4em;}
.bluearrow {list-style:none; margin-bottom:1.0em; padding:0 !important;} 
.bluearrow li {background:url(/images/icons/list-item-arrow-purple.gif) no-repeat left 3px !important; padding:0 0 5px 10px !important; } 
.bluearrow li span {color:#696c78;} 

.form-header {clear:both; float:left; background:#3f4f8a url(/images/form-title-bg.gif) no-repeat left top; width:425px; padding:12px 15px; margin-top:15px; position:relative;}
.form-header h3 {color:#ffffff; float:left; padding-bottom:0; font-size:1.4em;}
.form-header span {color:#ffffff; float:right; display:block;}
.form-header span a {color:#d6daed; font-size:1.2em !important; background:url(/images/icons/list-item-arrow.gif) no-repeat left 4px; padding-left:12px;}
.form-header .sort {position:absolute; right:15px; top:10px; font-size:1.2em; }
.form-header .sorter {width:110px;}

.form-body {clear:both; float:left; width:425px; padding:15px; background:#d6daed url(/images/form-header.png) repeat-x left top; color:#2a2a2a; }
.form-body .section {width: 425px;}
.form-body .section a {font-size:1.1em;}
.form-body .section td.sub {width: 401px; padding:17px 12px; background:#e2e5f2;}
.form-body .sub-section {width:401px; }
.form-body .sub-section .inp-col {width:17px !important;}
.form-body .section label { display:block; font-size:1.2em;  line-height:19px; float:left; }
.form-body .section label.description { padding-bottom:15px; }
.form-body .section span {color:#3f4f8a;}
.form-body .section td {width:210px; padding-top:5px; }
.form-body .sub-section td {width:192px; padding-top:5px; }
.form-body .section td.colspan {width:425px; }
.form-body .sub-section td.colspan {width:385px; }
.form-body .section td.divider {border-bottom: 1px solid #e2e5f2; }
.form-body .section h4 {color:#3f4f8a; font-size:1.2em;}
.form-body .date-selector {clear:both; float:left;  width:192px; }
.form-body .date-selector span {float:left; font-size:1.1em; line-height:26px; display:block; color:#2a2a2a;}
.form-body .date-selector .selector {float:left; padding-right:4px;  }
.form-body .date-selector .selector .month {background:url(/images/select-bg-small.png) no-repeat left top; display:block; border:0 none; float:left; height:26px; width:53px; padding:5px 2px 3px 1px;}
.form-body .date-selector .selector .year {background:url(/images/select-bg-small_test.png) no-repeat left top; display:block; border:0 none; float:left; height:26px; width:66px; padding:5px 2px 3px 1px;}
.form-body .section td.errors {background:#e2e5f2; padding:12px 15px; font-size:1.1em;}
.form-body .section td.errors span {color:#2a2a2a;}
.form-body .section td.errors .error-header {background:url(/images/icons/alert.png) no-repeat left top; font-weight:bold; padding:12px 0 20px 50px; line-height:42px; }
.form-body .section td.errors .error-msg {background:url(/images/icons/alert.png) no-repeat left top;  padding:0 0 0 55px; min-height:42px; height:auto !important; height:42px;  }
.form-body .section td.errors ul {margin-left:55px;color:#2a2a2a; font-weight:bold; font-size:1.0em; width:300px;}
.form-body .section td.errors ul span {font-weight:normal;}
.form-body .detail {width: 280px; font-size:1.1em; float:left;}
.form-body .detail a {font-size:1.1em;}
.form-body .detail th {width:105px; color:#6c78a8; height:19px; line-height:19px; text-align:left;}
.form-body .detail td {width:175px; color:#2a2a2a; height:19px; line-height:19px; font-weight:bold;}

.info {height:16px; width:16px; float:left; position:relative; padding:2px 0 0 5px; cursor:pointer;}
.info p {margin-bottom: 0.5em;}
.overlay { position:absolute; width:209px; padding:32px 15px 1px 15px; top:1px; left:35px; color:#ffffff; font-weight:normal; background:#7686c2; z-index:110; display:none;   }
.overlay h3 {background:url(/images/icons/info-large.jpg) no-repeat top left; color:#ffffff; padding-left:36px; height:28px; line-height:29px; font-size:1.272em;}
.overlay .topiccount {font-size:1.272em; font-weight:bold;  display:block;}
.overlay .close {background:url(/images/icons/close.gif) no-repeat left top; height:14px; width:17px; float:right;}
.overlay-header {background:url(/images/overlay-header.png) no-repeat left bottom; position:absolute; top:-10px; right:0; height:28px; padding:5px 10px 0 22px; width:221px; z-index:100;}
.overlay-footer {background:url(/images/overlay-footer.png) no-repeat left bottom; position:absolute; bottom:-10px; right:0; height:10px; width:239px;  z-index:100;}

.pagination {clear:both; padding:10px 0; text-align:center;}
.pagination ul.pages li {list-style:none; display:inline; font-size:1.1em; background-image:none !important;}
.pagination ul.pages li span {background:#7686c2; color:#ffffff; padding:0 5px;}
.pagination ul.pages li span.title {background:none; color:#2a2a2a;}

.topic-body {clear:both; float:left; width:441px; padding:15px 7px; background:#d6daed url(/images/form-header.png) repeat-x left top; color:#2a2a2a; }
.lesson {background:#e2e5f2; width:417px; padding:12px; margin-bottom:5px; position:relative; min-height:35px; height:auto !important; height:35px;}
.lesson .topic-type {background:url(/images/topic-type-bg.png) repeat-x left top; position:absolute; top:14px; right:10px; height:17px; padding:0 6px; line-height:17px; color:#ffffff;}
.lesson .dog-ear {background:url(/images/dog-ear.png) no-repeat left top; position:absolute; bottom:0; right:0; height:27px; width:26px;}
.lesson .score {display:block; font-size:1.1em; padding-bottom:15px;}
.lesson h3 {padding-bottom:5px; font-size:1.4em;}

.errorpanel {display:none;}

.search-options {clear:both; float:left; list-style-type: none;}
.search-options ul {padding-left:15px; }
.search-options li {background:none !important; list-style-type:none;  padding:5px 0;  font-size:0.84em;}
.search-options li input{clear:both; float:left;}
.search-options li select{float:left;}
.search-options ul li {font-size:0.92em;}
.search-options ul li span.example {float:left; margin-left:100px;}

/* Error */
.errorPanel span {color:#ffffff; }

/* accordian */
.basicaccordian a {display:block; cursor:pointer; font-weight:bold; font-size:1.2em !important; padding:5px 0; border-bottom:1px solid #999999;}
.basicaccordian a:active, .basic a.selected {border-bottom:0px solid #999999;}
.basicaccordian div {padding:0 0 5px 0; border-bottom:1px solid #999999;}

/* sitemap */
.sitemap li {padding:2px 0;}
.sitemap li ul {padding-left:8px; padding-top:5px;}

/* alert messages */
.alert-message {padding-bottom:15px;}
  
/* quiz */
.quiz {width:450px; height:332px; background:#ffffff;}
.quiz .header {background:url(/images/pu_header.jpg) repeat-x left top; width:430px; padding:7px 10px 0 10px; height:22px; position:relative;}
.quiz .header h2 {color:#000; font-size:1.6em;}
.quiz .header .close {position:absolute; top:7px; right:10px; color:#000;}
.quiz .body {width:420px; height:212px; padding:15px 15px; overflow:hidden;}
.quiz .body p {font-size:1.2em;}
.quiz .body ul {list-style:none;float:left; width:420px; padding-top:15px;}
.quiz .body ul li {display:block; float:left; width:420px; padding-bottom:15px;}
.quiz .body ul li label {font-size:1.2em; display:block; padding-left:25px; }
.quiz .body ul li input {margin:1px 5px; font-size:1.2em;float:left; }
.quiz .answer {height:38px;}
.quiz .answer p{height:22px; padding:8px 0; background-color:#212021; color:#ffffff; font-size:1.8em; text-align:center;}
.quiz .popfooter {width:450px; height:23px; background:url(/images/pu_footer_bg.jpg) no-repeat left top;}
.quiz .popfooter .qnumber {width:140px; float:left; padding-left:10px;padding-top:4px; }
.quiz .popfooter .qnumber span {color:#ffffff; font-size:1.1em;}
.quiz .popfooter .buttons {color:#ffffff; font-size:1.1em; text-align:right; float:right;}
.quiz .popfooter .buttons a {height:18px; display:block; float:left; font-size:0.9em; color:#ffffff;text-align:left;}
.quiz .popfooter .buttons a.prev {background:url(/images/pu_button_prev.jpg) no-repeat left top; padding: 5px 9px 0 18px;  }
.quiz .popfooter .buttons a.prev:hover {background:url(/images/pu_button_prev_hov.jpg) no-repeat left top; padding: 5px 9px 0 18px;  }
.quiz .popfooter .buttons a.prevoff {background:url(/images/pu_button_prev_off.jpg) no-repeat left top; padding: 5px 9px 0 18px;  }
.quiz .popfooter .buttons a.next {background:url(/images/pu_button_next.jpg) no-repeat right top; width:38px; padding: 5px 0px 0 9px;}
.quiz .popfooter .buttons a.next:hover {background:url(/images/pu_button_next_hov.jpg) no-repeat right top; width:38px; padding: 5px 0px 0 9px;}
.quiz .popfooter .buttons a.nextoff {background:url(/images/pu_button_next_off.jpg) no-repeat right top; width:38px; padding: 5px 0px 0 9px;}
.quiz .popfooter .buttons a.sub {background:url(/images/pu_button_submit_off.jpg) no-repeat left top; width:35px; padding: 5px 7px 0 7px; text-align:left;} 
.quiz .popfooter .buttons a.sub:hover {background:url(/images/pu_button_submit_hov.jpg) no-repeat left top; width:35px; padding: 5px 7px 0 7px; text-align:left;} 
.quiz .popfooter .buttons a.suboff {background:url(/images/pu_button_submit_on.jpg) no-repeat left top; width:35px; padding: 5px 7px 0 7px; text-align:left;} 

.newsreg {overflow:hidden; padding:5px 10px 10px 10px;}
.newsreg dd {float:left; padding-bottom:5px;}
.newsreg dt {clear:both;float:left;padding-bottom:5px; font-size:1.2em;}