/* ** combine.css ** CSS - regroup all css for screen ** Author: Steve Tangue ** Date: 13.05.10 ** Last edited: 13.05.10 by Geoff FRANKLIN ** Last edited: 17.05.10 by Steve TANGUE */ /* ** reset.css ** CSS - handles the mass reset ** Source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ** Author: Steve TANGUE ** Date: 03.Aug.07 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, /*pre,*/ a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: inherit;vertical-align: baseline;} /* remember to define focus styles! */ :focus { outline: 0;} body { line-height: 1;} ol, ul { list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* end of file */ /* ** layout.css ** CSS - handles the layout ** Author: Geoff FRANKLIN ** Date created: 21 April 2010 ** Last edited: 22 April 2010 by Geoff FRANKLIN */ /********************************************* start - GENERAL */ html, body {font-family: Arial, Helvetica, sans-serif;height: 100%;} body {background: #EEE url(../img/bg.jpg) center top repeat-x;font-size: 62.5%;} a {cursor: pointer;text-decoration: none;} a:hover{text-decoration: underline;} h1 {} h2 {} h3 {} h4 {} h5 {} img { border:none;} hr {height: 0px; border-top:1px dashed #ddd;} .left{float:left;} .right{float:right;} .textcenter {text-align:center;} .textright {text-align:right;} .textleft {text-align:left;} .clr, .reset {border:medium none;clear:both;display:block;font-size:0px;height:0px;line-height:0px;margin:0;padding:0;} .hide, .none, .displaynone {display: none;} /*********************************************** end - GENERAL */ #container { min-height:100%; position: relative;} /********************************************* start - HEADER */ #header {width: 960px;height: 130px; margin: 0 auto;position: relative;} /* Logo */ #logo {height: 83px; width: 275px;background: url(../img/logo.png) no-repeat;position: absolute; left: 2px; top: 28px;text-indent: -9999px;} #logo a {display: block; height: 83px; width: 275px;} /* Phone Number */ #header .phone-number {width: 155px;height: 25px;background: url(../img/phone-number.png);position: absolute; right: 150px; top: 15px;text-indent: -9999px;} /* Top Nav */ #topnav {font-size: 11px;line-height: 1.1em;position: absolute; right: 25px; top: 21px;} #topnav li{float: left; padding: 0 11px;} #topnav li a{ color: #FF8C8F; text-decoration: none;} #topnav li a:hover{color: #FFF;} /* Login Form */ #login-form {width: 310px !important;width: 315px;height: 30px;margin: 65px 0 0;float: right;} #login-form form {float: right;} #login-form form input {width: 90px;height: auto;background: url(../img/buttons-icons-boxes.png);border: 1px solid #AAA;color: #666;float: left;font-size: 11px;margin: 0 0 0 10px; padding: 4px 4px 5px;} #login-form form button {width: 52px;height: 28px;background: url(../img/buttons-icons-boxes.png) -101px -25px;border: none;color: #FFF;cursor: pointer;float: left; margin: 0 10px;position:relative;} #login-form form button span { position: relative; bottom: 1px; } #login-form form button:hover {color: #000;} #login-form form a {background: url(../img/buttons-icons-boxes.png) -101px -53px;float: right;height: 17px; width: 17px;margin: 5px 0 0;} #login-form label {text-indent: -999em; position:absolute; left:-999em;} /*********************************************** end - HEADER */ /********************************************* start - NAV */ /* menu #nav style ** menu.css ** CSS and Javascript Accessible menu drop down ** ----------------------------------------------------------------------------------------------- ** Source: Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish ** Dropdowns by Patrick Griffiths and Dan Webb. ** http://carroll.org.uk/sandbox/suckerfish/bones2.html ** ------------------------------------------------------------------------------------------------ */ #nav {width: 960px;height: 26px; font-size: 11px;line-height: 1.1em;margin: -27px auto 0;position: relative; z-index: 100;} #nav ul {float: right;} #nav ul li {float: left;padding: 0 0 0 1px;} #nav ul li a {background: url(../img/nav_left.png) no-repeat left top;color: #CCC;display: block;line-height: 1.1em;padding: 0 0 0 10px;text-decoration: none;} #nav ul li a:hover {background: url(../img/nav_left_over.png) no-repeat left top;color: #FFF;} #nav ul li a span {background: url(../img/nav_right.png) no-repeat right top;cursor: pointer;display: block;padding: 8px 10px 7px 0;} #nav ul li a:hover span {background: url(../img/nav_right_over.png) no-repeat right top;} /* menu pn or selected tab style */ #nav ul li a.main_menu_selected {background: url(../img/nav_left_over.png) no-repeat left top;color: #CCC;display: block;line-height: 1.1em;padding: 0 0 0 10px;text-decoration: none;} #nav ul li a.main_menu_selected span {background: url(../img/nav_right_over.png) no-repeat right top;} /* IMPORTANT TO KEEP THIS for the second level drop down menu to work */ #nav ul ul {height:auto;} #nav li ul ul {height:auto;padding: 0 0 10px 0;margin: 0;list-style: none;line-height: 1;position:relative; z-index: 999;color:#ddd;} /* IMPORTANT TO KEEP THIS for the second level drop down menu to work */ #nav ul ul li { width: 14em;float: left;background: #333;z-index: 999;} #nav ul ul li a {font-size: 12px;color:#fff; border-bottom:1px solid #222;background:none;padding:5px 10px 8px 10px;} #nav ul ul li a:hover, #nav ul ul li a.selected {background:none;color:#FFF; color:#BDEAF9;border-bottom:1px solid #444;} /* second-level lists */ #nav ul li ul { position: absolute; z-index:999;width: 14em;margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */} /* third-and-above-level lists */ #nav ul li ul ul {margin: -1em 0 0 -1000em;} #nav ul li:hover ul ul, #nav ul li.sfhover ul ul {margin-left: -1000em;} /* lists nested under hovered list items */ #nav ul li:hover ul, #nav ul li.sfhover ul {margin-left: 0;} #nav ul li li:hover ul, #nav ul li li.sfhover ul {margin-left: 14em;margin-top: -38px;} /* second-level lists */ #nav li ul ul{width: 14em;position: absolute; z-index:999px;margin-left: -1000em; padding-top: 11px; /* using left instead of display to hide menus because display: none isn't read by screen readers */} /*********************************************** end - NAV */ /********************************************* start - PAGE CONTENT */ #page_content {width: 960px;margin: 0 auto; padding: 0 0 100px 0;} /* Image Banner */ #image_banner {width: 950px;height: 283px; ackground: url(../img/banner.png);margin: 0 auto; padding: 11px 0 0 10px;position: relative;} #image_banner a.readmore {width: 106px;height: 26px; background: url(../img/banner.png) 0 -566px;color: #FFF;display: block;font-size: 14px;padding: 5px 0 0;position: absolute; right: 20px; bottom: 15px; z-index: 50;text-align: center; text-decoration: none;} #image_banner a.readmore:hover { color: #000; } /********************************************* start - GREY BOXES */ #boxes_grey {width: 960px;height: 160px;background: url(../img/bg_grey-boxes.png);color: #666; margin: 10px auto 0;} #boxes_grey .box {height: 140px;float: left;padding: 20px 0 0;} #boxes_grey .box.about {width: 278px;padding-left: 20px; } #boxes_grey .box.education {padding-left: 51px; width: 269px;} #boxes_grey .box.financial {padding-left: 65px; width: 249px;} #boxes_grey .box h2 {color: #000;font-size: 19px; font-weight: bold;line-height: 1.1em;padding: 0 0 15px;} #boxes_grey .box p {font-size: 12px;line-height: 1.4em;padding: 0 0 10px;} #boxes_grey .box.education p {padding-left: 17px;} #boxes_grey .box p.more {padding: 0;} #boxes_grey .box.about p.more,#boxes_grey .box.education p.more,#boxes_grey .box.financial p.more { margin: 0 0 0 95px; } #boxes_grey .box p.more a {width: 90px;height: 21px;background: url(../img/buttons-icons-boxes.png) 0 -28px;color: #CCC;display: block; padding: 4px 0 0;text-align: center; text-decoration: none;} #boxes_grey .box p.more a:hover {background-position: 0 -53px; color: #FFF;} /*********************************************** end - GREY BOXES */ /********************************************* start - BLUE BOXES */ #boxes_blue {width: 960px;height: 210px; margin: 20px auto 0;} #boxes_blue .box {width: 204px;height: 195px;background: url(../img/buttons-icons-boxes.png) 0 -78px;color: #C6D5E3;float: left;margin: 0 16px 0 0; padding: 15px 12px 0;position: relative;} #boxes_blue .box.bookshop { background: url(../img/buttons-icons-boxes.png) -228px -78px; } #boxes_blue .box.news { background: url(../img/buttons-icons-boxes.png) -456px -78px; margin: 0; } #boxes_blue .box a { text-decoration: none; } #boxes_blue .box h3 {color: #E8EEF4;font-size: 19px; font-weight: normal;letter-spacing: 1px;padding: 0 0 15px;} #boxes_blue .box p {font-size: 11px;line-height: 1.1em;padding: 0 0 13px;} #boxes_blue .box.testimonials p.blurb {font-size: 12px; font-style: italic;line-height: 1.5em;padding: 0 0 5px;} #boxes_blue .box.testimonials p.client {font-size: 11px; font-style: normal;} #boxes_blue .box.bookshop p.blurb {line-height: 1.6em;} #boxes_blue .box.bookshop p.blurb strong {display: block;} #boxes_blue .box.bookshop p.blurb img {float: right; padding: 0 0 0 10px;} /* Links - in Calendar box */ #boxes_blue .box.calendar p a { color: #F2A03A; text-decoration: underline; } #boxes_blue .box.calendar p a:hover { color: #FFF; text-decoration: none; } /* Links - View All / Read More */ #boxes_blue .box p.more {padding: 0;position: absolute; right: 10px; bottom: 0;} #boxes_blue .box p.more a {width: 91px;height: 18px;color: #C6D5E3;display: block;padding: 7px 0 0;text-align: center; text-decoration: none; text-transform: uppercase;} #boxes_blue .box p.more a:hover {background: url(../img/buttons-icons-boxes.png) -169px 0;color: #FFF;} #boxes_blue .box.bookshop p.more a {width: 110px;} #boxes_blue .box.bookshop p.more a:hover {background: url(../img/buttons-icons-boxes.png) -169px -25px;} /* News list items */ #boxes_blue .box ul {font-size: 11px;line-height: 1.3em;} #boxes_blue .box ul li {height: 28px; padding: 0 0 12px; position: relative;} #boxes_blue .box ul li a {color: #C6D5E3;display: block;padding: 0 40px 0 0;} #boxes_blue .box ul li a:hover {color: #FFF;text-decoration: underline;} /* News dates */ #boxes_blue .box ul li span {color: #9CB7CF;display: block;line-height: 1.1em;text-align: center; text-transform: uppercase;position: absolute; right: -9px; top: 2px;width: 35px;} #boxes_blue .box ul li span em { font-style: normal; text-transform: lowercase; } /* RSS link */ #boxes_blue .box p.rss {font-size: 10px;padding: 0;position: absolute; left: 10px; bottom: 0;} #boxes_blue .box p.rss a {color: #C6D5E3;display: block;height: 25px; width: 75px;padding: 0 0 0 30px;position: relative;} #boxes_blue .box p.rss a:hover {background: url(../img/buttons-icons-boxes.png) -169px -50px;} #boxes_blue .box p.rss a strong {color: #F0994A;font-weight: normal;} /*********************************************** end - BLUE BOXES */ /*********************************************** end - PAGE CONTENT */ /* #footer {width: 100%;height: 80px;background: #000 url(../img/bg_footer.jpg) no-repeat center top;color: #666;font-size: 11px;line-height: 2em;position: absolute; bottom: 0;z-index:99999;} #footer a{color: #999; text-decoration: none;} #footer a:hover {color:#FFF; text-decoration: underline;} #footer .wrap {width:920px;height: 55px; margin: 0 auto; padding: 5px 20px 0; position: relative;} #footer .nav {width:620px;float:left;} #footer .nav ul li {float: left; padding: 0 15px 0 0;} #footer .info {float: right; text-align: right; width: 240px;} */ /* breadcrumb */ #content_left_breadcrumb {background: url(../img/banner.png);color: #666;height: 27px;width: 940px;margin: 0 auto; padding: 13px 0 0 20px;} #content_left_breadcrumb a { color: #999; text-decoration: none; } #content_left_breadcrumb a:hover { color: #FFF; text-decoration: underline; } /* left menu */ #content_left {background:none;float:left;height: auto; width: 205px;margin: 10px 30px 20px 0;} #content_left_menu {width: 205px; float:left; background:url(../img/leftmenu_bg.png) left top no-repeat; padding:10px 0;} #content_left_menu ul {list-style:none; margin: 0px 20px 0 20px!important; margin: 20px 0 20px 20px; padding: 0;} #content_left_menu ul li a {font-size: 14px;color:#2F81BB;cursor:default; display:inline-block;width: 164px; padding: 5px 20px 5px 5px;text-decoration:none;} #content_left_menu ul li a:hover {text-decoration:none; color:#000;} #content_left_menu ul li.selected a {color:#000; } #content_left_menu ul li.selected ul li a {color:#000; background: none; margin:0;} #content_left_menu ul ul li a {font-size: 12px;color:#2F81BB;width: 144px; padding: 7px 20px 7px 0; cursor:pointer; line-height:1.1em; } #content_left_menu ul ul li.selected a {color:#000; width: 144px; padding: 5px 20px 5px 0; } #content_left_menu ul ul ul li a {font-size: 11px;} .leftmenu_bottom {width: 205px;height: 10px; background:url(../img/leftmenu_bottom.png) left top no-repeat; float:left; bottom: 0; margin-bottom: -10px;} /* right content */ #content_right {width: 705px; float:left; margin: 20px 0 90px 0; } #content_right h1 {color: #000;font-size: 30px; font-weight: bold;line-height: 1.1em;padding: 10px 0 15px;text-align: left;} #content_right h2 {color: #555;font-size: 25px; font-weight: bold;line-height: 1.1em;padding: 5px 0 10px;text-align: left;} #content_right h3 {color: #888;font-size: 20px;line-height: 1.1em;padding: 5px 0;text-align: left;} #content_right p {font-size: 12px;line-height: 1.4em;padding: 0 0 15px;text-align: left; z-index:99;position:relative;} #content_right em {color: #444;font-style: italic;padding: 0 3px;} #content_right img {margin: 15px;} #content_right a {color: #555555; text-decoration: underline;} #content_right a:hover {background: #fff;color: #555; text-decoration: none;} /* List Styling */ #content_right ul,#content_right ol {font-size: 12px;line-height: 1.3em;} #content_right ol {list-style: decimal;padding: 0 0 15px 40px;} #content_right ol li {padding: 5px 0;} #content_right ul {list-style: disc;padding: 0 0 15px 33px;} #content_right ul li {padding: 5px 0 5px 5px;} #content_right ul#sitemap,#content_right ul#sitemap ul {list-style:none;} /* contact us page */ #contactusform {width: 220px; float:left;margin-right: 10px;} .google_map {width: auto; float:right; margin: 2%;} /* form */ .css_label {width: 100%; float:left; text-align:left; margin: 10px 0 6px 0;color:#666; font-size: 11px;} .css_input {width:100%; height: 18px; background: #eee; border:1px solid #CDCDCD; padding: 6px; margin-bottom:2px;} .css_textarea {width:100%;padding: 6px;background: #eee; border:1px solid #CDCDCD; font-size: 11px;} .success {width: 95%;padding: 10px; color:#009900; border:1px solid #009900; background:#E1FFE1;} .css_label_events {width: 140px; float:left; text-align:left; margin: 10px 0 6px 0;color:#666; font-size: 11px;} .css_input_events {width:180px; height: 18px; background: #eee; border:1px solid #CDCDCD; padding: 6px; margin-bottom:2px;} /* events */ .event-details {width: 45%;float:left; margin-top: 15px;} .google_map { float: right; width: auto; } .contentpage div#page_content_left .google_map img { background: none; border: none; margin: 0; padding: 0; } .VForm_error_wrapper { height: 30px; } /* Event Error Messages */ .eventError {color: red; float: none; font-size: 10px; line-height: 1.2em; margin-left: 10px;} .pitchError {color: red; float: left; font-size: 10px; line-height: 1.2em; margin-left: 10px; padding-top: 7px;} #event-registration-review label, #event-registration-review span {font-size: 12px; line-height:2.2em;} #event-registration-review label {width: 150px;float:left;text-align:right;font-weight:bold;} span.news_date { font-size:1.2em; font-weight:bold;} /* SLIDING BANNER start */ /* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ /* .anythingSlider { width: 960px; height: 276px; position: relative; margin: 0 auto 40px auto!important; margin: 12px auto 40px auto;} .anythingSlider .wrapper { width: 920px; height: 276px; overflow: auto; margin: 0 0 0 0; position: absolute; top: 0; left: 0;} .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li { width: 920px; height: 277px; display: block; float: left; padding: 0; margin: 0;} .anythingSlider .arrow { display: block; height: 276px; width: 43px; background:url(../img/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer;} .anythingSlider .forward { background-position: right top; right: 0px; } .anythingSlider .back { background-position: left top; left: 0px; } .anythingSlider .forward:hover { background-position: right bottom;} .anythingSlider .back:hover { background-position: left bottom;} #thumbNav { width: 870px; height: 30px; margin:0 auto; position: absolute; top: 232px; text-align: right; padding-right: 50px;} #thumbNav a { color: #FF4213; display: inline-block; width: 20px; height: 17px; background: url(../img/icon_banner_nav.png) top right no-repeat !important; border:none !important;background:none;border:1px solid #fff; text-align: center; margin-right: 5px;} #thumbNav a:hover { color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;} #thumbNav a.cur { color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;} #start-stop { width: 26px; height: 17px; color: white; text-align: center; position: absolute; right: 60px; top: 232px; background:url(../img/pause.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/pause.png',sizingMethod='crop'); } #start-stop.playing { background:url(../img/play.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/play.png',sizingMethod='crop');} #start-stop:hover { } #start-stop span { position: absolute; margin-left: 0; left: 0;} .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } */ /* SLIDING BANNER end */ /* FADING BANNER start */ .banner {width: 960px;height: 294px; overflow: hidden;position: relative; background: url(../img/banner.png) no-repeat top left; paddding-top: 20px;} .banner ul {position: absolute; top: 0; list-style: none;padding: 0;margin: 0;} /* tab menu banner nav */ #tabs { z-index: 20; position:absolute; top: 38px;right:25px;} #tabs li {margin: 0; padding: 0;} #tabs li a {width:20px;height:20px;float: right;line-height: 19px;color: #999; display: inline-block; background: url(../img/banner.png) -126px -566px;text-decoration: none;font-size: 12px;text-align: center;margin: 5px 0 0 5px;position:relative;} #tabs li a:hover {background: url(../img/banner.png) -106px -566px;color: #fff;} #tabs li a.current {background: url(../img/banner.png) -106px -566px;color: #fff;} /* output banner images */ #output {width: 938px; height: 294px; margin: 10px 11px;} #output li {position: absolute;width: 938px;height: 272px;background:transparent url(../img/banner.png) no-repeat center bottom; z-index:1; margin: 0 auto;} /* curve overlay image */ .curveoverlay {width:940px;height:272px;position:absolute;/*background:transparent url(../img/banner.png) 0 -294px no-repeat;*/z-index:2; margin: 10px 11px;} .curveoverlay em {position:absolute; bottom: 20px; left: 25px;color:#fff; font-size: 16px;font-style:italic;} .curveoverlay a {width: 106px;height: 26px;background: url(../img/banner.png) 0 -566px;color: #FFF;display: block;font-size: 14px;padding: 5px 0 0;position: absolute; right: 10px; bottom: 3px; z-index: 1;text-align: center; text-decoration: none;} .curveoverlay a:hover { color: #000; } /* FADING BANNER end */ /* For simple modal dialog */ #simplemodal-overlay {background-color:#000;} #simplemodal-container {background:#DFF1FB url(../img/bg_titlebar.jpg) repeat-x scroll left bottom;border:8px solid #0385DB; padding:12px;font-size:12px;text-align:center;} #simplemodal-container a.modalCloseImg { width:25px;height:29px;background:url(../img/x.png) no-repeat;display:inline;z-index:3200;position:absolute;top:-15px;right:-18px;cursor:pointer;} .watermark_curve {width: 1021px; height: 116px; bottom:80px!important; bottom: 70px;position:absolute;background:url(../img/watermark_curve.png) no-repeat!important;z-index:1; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/watermark_curve.png',sizingMethod='crop'); } * html #placeholder {margin-bottom:-20px;} /* COURSE LMS STYLE */ /* landing page - Welcome - LOGIN */ .landing_page_login {margin:0 auto;margin-top:10px;width:96%;} .landing_page_login p, .landing_page_login span {margin:0 10px;} .landing_page_content{width: 46%;margin-left:20px; float:left;} .landing_page_content p {margin:0 5px;} /* course topic box */ .course_dashboard {float:left; padding-bottom: 40px;} .course_dashboard ul li{list-style:none;} .course_contentpage {width: 96%; margin: 0 auto; padding-bottom: 40px;} .coursetitle a{ width: 100%;height:50px;float:left;text-align: center;font-weight:bold;line-height: 1.3em;font-size: 12px;} .topic_box { width:170px;height:230px;float:left; margin:0 22px 15px 0;} .courseimage { width:117px;height:98px; background: url(../img/img_bg.png) left no-repeat; margin:5px auto;} .courseimage span { cursor:pointer; float:left; margin-top:45px; text-align:center; width:100%; } #content_right .courseimage img { height:80px; width:100px; border:none;padding:8px; } .status {float:left;text-align: center;width: 100%;position: relative;} .red {color:#B01A48;}.darkgreen {color: #336666;}.black {color: #000;}.green {color: #CCCC99;}.blue {color:#0080FF;} .grey {color:#999999;} /* course page content */ .course_page_content{width:940px; margin:0 auto;min-height:350px; height:auto; margin-bottom: 10px; margin-left: 15px;float:left;} /* course nav */ #course_nav {width: 820px;height: 26px;font-size: 12px;line-height: 1.1em;margin: -26px auto 0;padding: 0 0 0 140px;} #course_nav ul {float: left;padding:0; margin:0;} #course_nav ul li {width:135px;float: left;height: 26px;margin: 0 1px 0 0;z-index: 9999;} #course_nav ul li a {position:relative; background: url(../img/nav_135.png);color: #DDD;display: block;height: 20px;padding: 6px 0 0;text-align: center;text-decoration: none;} #course_nav ul li a:hover {background-position: 0 -27px;text-decoration: underline;} #course_nav ul li a.selected {background-position: 0 -27px;color: #B2D401;} #course_nav ul li.howtouse a {background: url(../img/nav_135.png);width: 135px;} #course_nav ul li.howtouse a:hover, #course_nav ul li.howtouse a.selected {background-position: 0 -27px;} /* leftmenu | index */ #left_menu {width:18%; margin:2% 2% 2% 0; padding-bottom:30px; border:1px solid #ddd; float:left;} #left_menu b {width:83.5%; float:left; color: #fff;font-size: 14px; font-weight:normal; line-height:1.3em; padding:5px 3% 10px 7%; text-align: left; background:#000;margin:0 0 0.4em 0; } #left_menu a {width:170px; font-size:13px; float:left; border-bottom:1px solid #fff;text-decoration:none;} #left_menu a:hover, #left_menu a.selected {color:#888; font-weight:normal; background:none;text-decoration:none; } #left_menu a.subselected {color:#888; font-weight:normal; background:none;text-decoration:none; } #left_menu li {padding:0; margin:0; float:left;} #left_menu ul {list-style:none; margin: 0; padding: 0; vertical-align:top;} #left_menu ul ul a {width: 150px; padding:5px 5px 5px 10px;text-decoration:underline;} #left_menu ul ul li {padding:0 0 0 0px; margin:0 0 10px 0; line-height:1.3em;} #left_menu ul ul ul { float:left; margin: 10px 0 0 0;} #left_menu ul ul ul li a {width: 140px;padding:5px 5px 5px 20px;font-size: 11px;} /* right content | course_content_html */ #content_right {width: 705px; float:left; margin: 15px 0 100px 0;} #content_right p {font-size: 12px;line-height: 1.4em;padding: 0 0 15px;text-align: left;} #course_content_html {margin-top: 20px;} #course_content_html em {color: #444;font-style: italic;padding: 0 3px;} #course_content_html img {margin: 15px;border:1px solid #ddd; padding: 6px; background:#f1f1f1;} #course_content_html a {color: #00AEDE; text-decoration: none;} #course_content_html a:hover {color: #000; text-decoration: none;} /* List Styling */ #course_content_html ul,#content_right ol {font-size: 12px;line-height: 1.3em;} course_content_html h1 {width:96%; margin: 0 0 10px 0;} #course_content_html ol {list-style: decimal;padding: 0 0 15px 40px;} #course_content_html ol li {padding: 5px 0;} #course_content_html ul {list-style: disc;padding: 0 0 15px 33px;} #course_content_html ul li {padding: 5px 0 5px 5px;} #course_content_html ul#sitemap, #course_content_html ul#sitemap ul {list-style:none;} /* Assessment page content right */ #page_content_right {margin-bottom: 20px;} #page_content_right .questionTable{width: 96%; margin: 0 auto;} #page_content_right .questionTable td {line-height: 1.3em;} /* course topic box */ .course_dashboard {width: 100%; float:left;} .course_dashboard ul li{list-style:none;} .coursetitle a{ width: 100%;height:50px;float:left;text-align: center;font-weight:bold;line-height: 1.3em;font-size: 12px;} .topic_box { width:170px;height:230px;float:left; margin:0 22px 15px 0;} .courseimage { width:117px;height:98px; background: url(../img/img_bg.png) left no-repeat; margin:5px auto;} .courseimage span { cursor:pointer; float:left; margin-top:45px; text-align:center; width:100%; } #content_right .courseimage img { height:80px; width:100px; border:none;padding:8px; } .status {float:left;text-align: center;width: 100%;position: relative;} .red {color:#B01A48;}.darkgreen {color: #336666;}.black {color: #000;}.green {color: #CCCC99;}.blue {color:#0080FF;} .grey {color:#999999;} .course_page_content{width:940px; margin:0 auto;min-height:350px; height:auto; margin-bottom: 10px; margin-left: 15px;float:left;} /* course navigation button */ #content_right .prev_next_btn_wrapper {width: 940px;height: 27px; padding:5px 0; margin:0 0 0 10px;background: url(../img/pagin_nav32.png) no-repeat;} .coursefolder {font-size: 13px;color:#002D53; line-height: 1.8em;} #content_right .prev_next_btn_wrapper a.previous_btn {width: 54px; height: 13px; float:right; background:url(../img/nxt_prev_bg.png) no-repeat; padding: 5px 6px 7px 6px;color:#002E54;} #content_right .prev_next_btn_wrapper a.next_btn {width: 54px; height: 13px;float:right; background:url(../img/nxt_prev_bg.png) no-repeat;padding: 5px 6px 7px 6px;color:#002E54; margin-right: 5px;margin-left: 5px;} #content_right .prev_next_btn_wrapper a:hover {background:url(../img/nxt_prev_bg_on.png) bottom no-repeat;} #content_right .prev_next_btn_wrapper a.previous_btn span {float:left;margin:2px 0 0 10px; margin: 2px 0 0 5px; cursor:pointer;} #content_right .prev_next_btn_wrapper a.next_btn span {float:left;margin:2px 5px 0 8px!important; margin: 2px 10px 0 5px; cursor:pointer;} #content_right .prev_next_btn_wrapper a.previous_btn img{padding:0; margin:0;float:left;border:none; cursor:pointer;} #content_right .prev_next_btn_wrapper a.next_btn img{padding:0; margin:0;float:right;border:none; cursor:pointer;} #content_right a.btn_coursedashboard {width: 26px; height: 25px;float:left;background:url(../img/icon_coursedashboard.gif) no-repeat; margin-left: 5px;} #content_right a:hover.btn_coursedashboard {background:url(../img/icon_coursedashboard_on.gif) no-repeat;} #content_right a.btn_coursedashboard span {text-indent:-9999em; position:absolute;} /* btn_index */ #content_right a.btn_index {width: 34px; height: 13px;float:left; background:url(../img/icon_index.gif) bottom no-repeat;padding: 6px 6px 6px 26px; margin: 0 0 0 6px;} #content_right a:hover.btn_index {background:url(../img/icon_index_on.gif) bottom no-repeat;} /* btn_glossary */ #content_right a.btn_glossary{width: 48px; height: 13px;float:left; background:url(../img/icon_glossary.gif) bottom no-repeat;padding: 6px 0 6px 26px; margin: 0 0 0 6px;} #content_right a:hover.btn_glossary{background:url(../img/icon_glossary_on.gif) bottom no-repeat;} /* btn_documents */ #content_right a.btn_documents {width: 60px; height: 13px;float:left; background:url(../img/icon_documents.gif) bottom no-repeat;padding: 6px 0px 6px 30px; margin: 0 0 0 6px;} #content_right a:hover.btn_documents {background:url(../img/icon_documents_on.gif) bottom no-repeat;} /* btn_video */ #content_right a.btn_video {width: 36px; height: 13px;float:left; background:url(../img/icon_video.gif) bottom no-repeat;padding: 6px 0px 6px 30px; margin: 0 0 0 6px;} #content_right a:hover.btn_video {background:url(../img/icon_video_on.gif) bottom no-repeat;} /* btn_audio */ #content_right a.btn_audio {width: 36px; height: 13px;float:left; background:url(../img/icon_audio.gif) bottom no-repeat;padding: 6px 0px 6px 30px; margin: 0 0 0 6px;} #content_right a:hover.btn_audio {background:url(../img/icon_audio_on.gif) bottom no-repeat;} /* save_btn */ .progressbar_title { width:auto; padding: 6px; text-align:center; float:right;margin-left: 5px;} #content_right .prev_next_btn_wrapper a.save_btn {width: 36px; height: 13px;float:right; background:url(../img/icon_save.gif) bottom no-repeat;padding: 6px 0px 6px 30px; margin: 0 5px 0 5px;} #content_right .prev_next_btn_wrapper a:hover.save_btn {background:url(../img/icon_save_on.gif) bottom no-repeat;} /* View My Result page */ .view_result_row {width:98%; background-color:#FFF; float:left; height:74px; margin-bottom:10px; padding:0 2% 2% 2%; } .view_result_row span { float:left; font-weight:bold; line-height:1.3em; } .view_result_row img { float:left; margin-right:15px; } .topic_title { float:left; margin-left:105px; width:260px; } /* Assessment Style */ ul.questionlist {list-style-type:none;margin:0px;padding:0px;} ul.questionlist li {padding:10px;} ul.questionlist li.answer {padding:10px 10px 10px 25px; clear:both;} table.questionTable td {padding:5px;} /* assessment content page style */ .assessment_content_padding h1 {width: 96%; margin: 0 auto 10px auto;} .assessment_content_padding p {width: 96%; margin: 0 auto;} .assessment_content_padding .btn_yellow {margin-left: 20px;} .assessment_content_padding h3 {width: 96%; margin: 0 auto 10px auto;font-size: 12px;} /* table */ table {font-size: 12px;} #event-view-cart table { margin:10px 0 0; width:100%; border-collapse:collapse;} #event-view-cart table .unitCol { padding-left:0; padding-right:10px; text-align:right; } #event-view-cart table td.subtotal { background-color:#f5f5f5; text-align:right; font-weight:bold; } table.basic {border:1px solid #eee; border-bottom: none; border-collapse:separate; border-spacing:0 0;} table.basic th {border-bottom:1px solid #fff; border-right:1px solid #fff; padding:6px 8px; background-color:#e8f1fa; font-size:1.0em; font-weight:bold; text-align:left; vertical-align:bottom;} table.basic th:last-child {border-right:none;} table.basic td.item {border-bottom:1px solid #ccc; padding:8px 10px 8px 8px;} input.button { background:#E1E1E1; margin:10px 0 10px 10px; overflow:visible; margin-right:10px; border-color: #BFBFBF #908D8D #908D8D #BFBFBF; border-style: solid; border-width:1px; padding:1px 0.5em; width:auto !important;color:red; } input.yellow { background-color:#FC6; } input.button_red { background-color:#FF0000; color:#FFF; } /* jQuery Countdown styles 1.5.8. */ .hasCountdown { border: 1px solid #ccc; background-color: #eee; height:65px; padding:5px } .countdown_rtl { direction: rtl; } .countdown_holding span { background-color: #ccc; } .countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown_show1 .countdown_section { width: 98%; } .countdown_show2 .countdown_section { width: 48%; } .countdown_show3 .countdown_section { width: 32.5%; } .countdown_show4 .countdown_section { width: 24.5%; } .countdown_show5 .countdown_section { width: 19.5%; } .countdown_show6 .countdown_section { width: 16.25%; } .countdown_show7 .countdown_section { width: 14%; } .countdown_section { display: block; float: left; font-size: 2em; text-align: center; } .countdown_amount { font-size: 2em; } .countdown_descr { display: block; width: 100%; } /* footer */ #footer {width: 100%;height: 80px;background: #000 url(../img/bg_footer.jpg) no-repeat center top;color: #666;font-size: 11px;line-height: 2em;position: absolute; bottom: 0;z-index:99999;} #footer a{color: #999; text-decoration: none;} #footer a:hover {color:#FFF; text-decoration: underline;} #footer .wrap {width:920px;height: 55px; margin: 0 auto; padding: 5px 20px 0; position: relative;} #footer .nav {width:620px;float:left;} #footer .nav ul li {float: left; padding: 0 15px 0 0;} #footer .info {float: right; text-align: right; width: 240px;} /* layout.css end of file */ /* end of file */