@charset "utf-8";

body { margin: 0; padding: 0; background: #efefef; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; text-align: center; }
img { border: 0; }
a { color: #04a3dd; text-decoration: underline; outline: none; }
a:hover { color: #06485f; text-decoration: none; }
.clear { clear: both; }

#container { margin: 0 auto; width: 1000px; text-align: left; border: solid #f1f1f1; border-width: 0 1px 1px 1px; }

#header { background: url(/ui/assets/imgs/header-bg.jpg) repeat-x bottom; height: 99px; }
#header h1 { float: left; margin: 0; padding: 0; width: 430px; height: 99px; }
#header h1 a { display: block; background: url(/ui/assets/imgs/logo.png) no-repeat 10px 50%; height: 99px; text-indent: -9000em; overflow: hidden; }
#header .r { float: right; width: 50%; }
#header .r a { display: block; padding: 5px 10px 0 10px; text-decoration: none; }
#header .r .t { float: right; margin: 20px 0 0 0; padding: 0; list-style: none; }
#header .r .t li { float: left; }
#header .r .t li a { font-size: 12px; color: #939598; }
#header .r .t li a:hover { color: #000; }
#header .r .b { float: right; margin: 0; padding: 0; list-style: none; }
#header .r .b li { float: left; }
#header .r .b li a { font-size: 14px; color: #00aeef; }
#header .r .b li a:hover { color: #000; }

#header-border { background: url(/ui/assets/imgs/header-blue-border.jpg) repeat-x bottom; height: 34px; border-bottom: 1px solid #70caec; }

#banner { position: relative; height: 328px;  }
#scrollHolder { position: relative; }

.scrollable { position:relative; height:253px; overflow: hidden; }
.items { width:4000px; position:absolute; clear: both; height: 253px; }
.items a { float: left; display: block; cursor:pointer; width: 1000px; height: 253px; text-decoration: none; }
.items a.overview { background: url(/ui/assets/imgs/banner/overview.jpg?v=2) no-repeat; }
.items a.convenientlearning { background: url(/ui/assets/imgs/banner/convenientlearning.jpg) no-repeat; }
.items a.skillsadvancement { background: url(/ui/assets/imgs/banner/skillsadvancement.jpg) no-repeat; }
.items a.stayinformed { background: url(/ui/assets/imgs/banner/stayinformed.jpg) no-repeat; }

a.disabled { visibility:hidden !important; }

.navi { position: absolute; top: 230px; left: 0; height: 97px; z-index: 10; border-bottom: 1px solid #929492; }
.navi a { float:left; display: block; cursor:pointer; height: 97px; text-decoration: none; text-indent: -9000em; overflow: hidden; }
.navi a.overview { width: 238px; background: url(/ui/assets/imgs/overview-btn.gif) no-repeat 0 23px; }
.navi a.convenientlearning { width: 269px; background: url(/ui/assets/imgs/convenientlearning-btn.gif) no-repeat 0 23px; }
.navi a.skillsadvancement { width: 265px; background: url(/ui/assets/imgs/skillsadvancement-btn.gif) no-repeat 0 23px; }
.navi a.stayinformed { width: 228px; background: url(/ui/assets/imgs/stayinformed-btn.gif) no-repeat 0 23px; }
.navi a:hover { background-position: bottom; } 
.navi a.active { background-position: bottom; } 

#banner-courses { background: url(/ui/assets/imgs/banner-courses.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }
#banner-contactus { background: url(/ui/assets/imgs/banner-contactus.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }
#banner-account { background: url(/ui/assets/imgs/banner-account.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }
#banner-admin { background: url(/ui/assets/imgs/banner-admin.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }
#banner-register { background: url(/ui/assets/imgs/banner-register.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }
#banner-securecouse { background: url(/ui/assets/imgs/banner-securecouse.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }
#banner-download { background: url(/ui/assets/imgs/banner-download.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }
#banner-video { background: url(/ui/assets/imgs/banner-video.jpg) no-repeat; height: 171px; text-indent: -9000em; overflow: hidden; border-bottom: 5px solid #4bbee9; }

.content-gradient { background: url(/ui/assets/imgs/content-gradient.png) repeat-x; height: 8px; }

#content { background: #fff; padding: 25px; }
.location-col { float: left; width: 30%; }
.location-col h1 { margin: 0 10px 0 0; padding: 10px 0 10px 30px; background: url(/ui/assets/imgs/location-icon.png) no-repeat 7px 10px; font-size: 18px; font-weight: normal; color: #016e97; }
.location-col p { display: block; margin: 0 15px 0 30px; padding-bottom: 8px; font-size: 12px; color: #575c58; }
.contactform-col { float: left; margin-left: 20px; width: 40%; }
.contactform-col h1 { margin: 0 10px 0 0; padding: 10px 0 10px 38px; background: url(/ui/assets/imgs/email-icon.png) no-repeat 0 10px; font-size: 18px; font-weight: normal; color: #016e97; }

#home-content { background: url(/ui/assets/imgs/home-content-bg.gif) repeat-y; height: 1%; }
#home-content ul { margin: 0; padding: 0 10px; list-style: none; }
#home-content h1, #home-content h2 { font-weight: normal; }

#home-content .main-column { float: left; margin-right: 3px; padding: 10px 0; width: 400px; }
#home-content .main-column h1.courses { margin: 0 10px; padding: 0px 0px 0px 99px; font-size: 18px; color: #016e97; }
#home-content .main-column li { padding: 8px 10px; border-bottom: 1px solid #e9eaea; }
#home-content .main-column li h2 { margin: 0; padding: 0 0 8px 0; font-size: 16px; color: #000; }
#home-content .main-column li p { margin: 0; padding: 0 0 8px 0	; font-size: 12px; color: #575c58; }
#home-content .main-column li a { display: block; background: url(/ui/assets/imgs/blue-arrow.png) no-repeat right; color: #00aeef; text-decoration: none; width: 70px; }
#home-content .main-column li a:hover { color: #000; }

#home-content .doiqualift-column { float: left; padding: 10px 0; margin-right: 3px; width: 293px; }
#home-content .doiqualift-column h1 { margin: 0 10px; padding: 10px 0 10px 30px; background: url(/ui/assets/imgs/doiqualify-icon.png) no-repeat left; font-size: 18px; color: #016e97; }
#home-content .doiqualift-column h1.courses { margin: 0 10px; padding: 4px 0 10px 33px; background: url(/ui/assets/imgs/courses-icon.png) no-repeat Left; font-size: 18px; color: #016e97; }
#home-content .doiqualift-column span { display: block; margin: 0 15px 0 10px; padding-bottom: 8px; font-size: 12px; color: #575c58; }
#home-content .doiqualift-column li { padding: 8px 20px 8px 30px; background: url(/ui/assets/imgs/gray-outline-icon.png) no-repeat 10px 10px; }
#home-content .doiqualift-column li h2 { margin: 0; padding: 0; font-size: 14px; color: #000; }
#home-content .doiqualift-column li p { margin: 0; padding: 0; font-size: 12px; color: #575c58; }
#home-content .doiqualift-column a { color: #00aeef; text-decoration: none; }
#home-content .doiqualift-column a:hover { color: #000; }


#home-content .workshops-column { float: left; padding: 10px 0; width: 301px; }
#home-content .workshops-column h1 { margin: 0 10px; padding: 10px 0 10px 40px; background: url(/ui/assets/imgs/workshops-icon.png) no-repeat left; font-size: 18px; color: #016e97; }
#home-content .workshops-column span { display: block; margin: 0 15px 0 10px; padding-bottom: 8px; font-size: 12px; color: #575c58; }
#home-content .workshops-column li { padding: 8px 20px 8px 40px; background: url(/ui/assets/imgs/date-icon.png) no-repeat 15px 10px; }
#home-content .workshops-column li a { display: block; text-decoration: none; }
#home-content .workshops-column li h2 { margin: 0; padding: 0; font-size: 12px; color: #016e97; }
#home-content .workshops-column li a:hover h2 { margin: 0; padding: 0; font-size: 12px; color: #000; }
#home-content .workshops-column li p { margin: 0; padding: 0; font-size: 12px; color: #575c58; }

#courses-content { background: url(/ui/assets/imgs/home-content-bg.gif) repeat-y; height: 1%; }
#courses-content ul { margin: 0; padding: 0 10px; list-style: none; }
#courses-content h1, #home-content h2 { font-weight: normal; }

#courses-content .main-column { float: left; margin-right: 3px; padding: 10px 0; width: 420px; }
#courses-content .main-column h1 { margin: 0 10px 0 30px; padding: 10px 0 10px 45px; background: url(/ui/assets/imgs/webbased-icon.png) no-repeat 7px 10px; font-size: 18px; color: #016e97; }
#courses-content .main-column span { display: block; margin: 0 15px 0 30px; padding-bottom: 8px; font-size: 12px; color: #575c58; }
#courses-content .main-column span.grab { font-size: 13px; color: #333; }
#courses-content .main-column span.grab strong { color: #006a91; }
#courses-content .main-column li { padding: 4px 20px 4px 60px; background: url(/ui/assets/imgs/list-icon.png) no-repeat 40px 10px; }
#courses-content .main-column li p { margin: 0; padding: 0 0 8px 0; font-size: 13px; color: #000; }
#courses-content .main-column a.registernow-btn { display: block; margin: 5px auto 10px auto; background: url(/ui/assets/imgs/registernow-btn.png) no-repeat; text-decoration: none; width: 154px; height: 43px; text-indent: -9000em; overflow: hidden; }
#courses-content .main-column a.registernow-btn:hover { background-position: bottom; }
#courses-content .main-column a.handbook-btn { display: block; margin: 5px auto 10px auto; background: url(/ui/assets/imgs/handbok.png) no-repeat; text-decoration: none; width: 154px; height: 43px; text-indent: -9000em; overflow: hidden; }


#courses-content .bcia-column { float: left; padding: 10px 0; width: 250px; }
#courses-content .bcia-column h1 { margin: 0;padding: 10px 0 0 46px;background: url(/ui/assets/imgs/book-icon.png) no-repeat 0px 22px; font-size: 18px; font-weight: normal; color: #000; }
#courses-content .bcia-column p { margin: 0; padding: 8px 0 0 0; font-size: 12px; color: #575c58; }
#courses-content .bcia-column ul { margin: 0; padding: 0; list-style: none; }
#courses-content .bcia-column ul li { float: left; padding: 10px 25px 10px 30px; color: #353735; line-height: 1em; }
#courses-content .bcia-column ul li.courseoutline { background: url(/ui/assets/imgs/minicourse-icon.png) no-repeat 0 50%; }
#courses-content .bcia-column ul li.moreinfo { background: url(/ui/assets/imgs/miniquestion-icon.png) no-repeat 0 50%; }
#courses-content .bcia-column ul li a { color: #00a0de; }
#courses-content .bcia-column ul li a:hover { color: #00a0de; text-decoration: none; }

#courses-content .perspectives-column { float: left; margin-left: 45px; padding: 10px 0; width: 270px; }
#courses-content .perspectives-column h1 { margin: 0; padding: 10px 0 0 45px; background: url(/ui/assets/imgs/cert-icon.png) no-repeat 0 50%; font-size: 18px; font-weight: normal; color: #000; }
#courses-content .perspectives-column p { margin: 0; padding: 8px 0 0 0; font-size: 12px; color: #575c58; }
#courses-content .perspectives-column ul { margin: 0; padding: 0; list-style: none; }
#courses-content .perspectives-column ul li { float: left; padding: 10px 25px 10px 25px; color: #353735; line-height: 1em; }
#courses-content .perspectives-column ul li.registernow { background: url(/ui/assets/imgs/miniarrow-icon.png) no-repeat 0 50%; }
#courses-content .perspectives-column ul li.courseoutline { background: url(/ui/assets/imgs/minicourse-icon.png) no-repeat 0 50%; }
#courses-content .perspectives-column ul li.moreinfo { background: url(/ui/assets/imgs/miniquestion-icon.png) no-repeat 0 50%; }
#courses-content .perspectives-column ul li a { color: #00a0de; }
#courses-content .perspectives-column ul li a:hover { color: #00a0de; text-decoration: none; }

#movie-content .main-column { text-align:center;  }
#movie-content .main-column h1.courses { margin: 0 10px; padding: 0px 0px 0px 99px; font-size: 18px; color: #016e97; }
#movie-content .main-column li { padding: 8px 10px; border-bottom: 1px solid #e9eaea; display:inline-block;}
#movie-content .main-column li h2 { margin: 0; padding: 0 0 8px 0; font-size: 16px; color: #000; }
#movie-content .main-column li p { margin: 0; padding: 0 0 8px 0	; font-size: 12px; color: #575c58; }
#movie-content .main-column li a { display: block; color: #00aeef; text-decoration: none; }
#movie-content .main-column li a:hover { color: #000; }

#footer { margin: 0 auto; background: url(/ui/assets/imgs/footer-gradient.png) repeat-x; width: 1000px; height: 143px; text-align: left; border-width: 0 1px 1px 1px; }
#footer .l { float: left; background: url(/ui/assets/imgs/footer-bg.png) no-repeat; width: 699px; color: #fff; }#footer .l .inner { text-align: right; padding: 20px 15px 30px 0; }
#footer .l a { color: #fff; text-decoration: none; }
#footer .l a:hover { color: #ddd; }
#footer .r { float: right; width: 296px; }
#footer .r .inner { text-align: right; background: url(/ui/assets/imgs/footer-brain.png) no-repeat 248px 25px; padding: 20px 60px 30px 0; }
#footer .r .copy { color: #007fae; }
#footer .r .powered { color: #5ab4d6; }

#footerwadd { margin: 0 auto; background: url(/ui/assets/imgs/footer-gradient.png) repeat-x; width: 1000px; height: 173px; text-align: left; border-width: 0 1px 1px 1px; }
#footerwadd .l { float: left; background: url(/ui/assets/imgs/footer-bg.png) no-repeat; width: 699px; color: #fff; }
#footerwadd .l .inner { text-align: right; padding: 20px 15px 30px 0; }
#footerwadd .l a { color: #fff; text-decoration: none; }
#footerwadd .l a:hover { color: #ddd; }
#footerwadd .r { float: right; width: 296px; }
#footerwadd .r .inner { text-align: right; background: url(/ui/assets/imgs/footer-brain.png) no-repeat 248px 25px; padding: 20px 60px 30px 0; }
#footerwadd .r .copy { color: #007fae; }
#footerwadd .r .powered { color: #5ab4d6; }

.form { }
.form ul { margin: 0; padding: 0; list-style: none; }
.form ul li { padding: 4px 0; }
.form ul li label { display: block; float: left; padding: 10px 10px 10px 0; width: 100px; }
.form ul li input { padding: 6px; font-size: 12px; border: 1px solid #ccc; }
.form ul li textarea { padding: 6px; font-size: 12px; border: 1px solid #ccc; }

.signin { display: block; float: right; background: url(/ui/assets/imgs/createlogin-btn2.png) no-repeat; width: 421px; height: 181px; text-indent: -9000em; overflow: hidden; }
.signin:hover { display: block; float: right; background: url(/ui/assets/imgs/createlogin-btn-hover2.png) no-repeat; width: 421px; height: 181px; text-indent: -9000em; overflow: hidden; }
/*.signin:hover { background-position: bottom; }*/

.bcw-btn { display: block; margin: 0 auto; background: url(/ui/assets/imgs/bcia-btn.png) no-repeat; width: 394px; height: 88px; text-indent: -9000em; overflow: hidden; }
.bcw-btn:hover { display: block; margin: 0 auto; background: url(/ui/assets/imgs/bcia-btn-hover.png) no-repeat; width: 394px; height: 88px; text-indent: -9000em; overflow: hidden; }
.basic-btn {display: block; margin: 0 auto; background: url(/ui/assets/imgs/basic-btn.png) no-repeat; width: 394px; height: 88px; text-indent: -9000em; overflow: hidden; }
.basic-btn:hover { display: block; margin: 0 auto; background: url(/ui/assets/imgs/basic-btn-hover.png) no-repeat; width: 394px; height: 88px; text-indent: -9000em; overflow: hidden; }

.utilities-grid { border-collapse: collapse; width: 60%; }
.utilities-grid td { padding: 8px; border-bottom: 1px solid #efefef; }
.utilities-grid h4 { margin: 0; padding: 5px 0; font-size: 14px; }
.utilities-grid p { margin: 0; padding: 0; }

.videos-grid { border-collapse: collapse; width: 90%; }
.videos-grid td { padding: 8px; border-bottom: 1px solid #efefef; }
.videos-grid h4 { margin: 0; padding: 5px 0; font-size: 14px; }
.videos-grid p { margin: 0; padding: 0; }