/*
	elements
------------------------------*/
body { margin: 0; padding: 0; color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #000 url(../images/bg.jpg) repeat-x top center; }
a { color: #097cc3; text-decoration: none; }
a:hover { text-decoration: underline; }
p,
li,
td { font-size: 12px; color: #333; }
form { margin: 0; padding: 0; }
/*
	common classes
------------------------------*/
.padder { padding: 20px 30px; }
.dotted { display: block; width: 100%; height: auto; background: url(../images/dotted.gif) repeat-x center center; padding: 10px 0; margin: 0; }
.dotted hr { display: none; }
.vpadder { padding: 10px 0; }
.icon { float: left; margin: 0; }
.right { float: right; padding: 10px 0; margin: 0; }
.left { float: left; padding: 10px 0; margin: 0; }
.instructions { font-size: 18px; }
.alert { padding: 10px 15px 10px 25px !important; background: #f7fafc url(../images/icon_alert.png) no-repeat 5px 9px; color: #446e88 !important; border: 1px solid #508eb4; text-align: left !important; }
.buttons { margin-top: 25px; }
.floatRight { float: right; }
.floatLeft { float: left; }
.clearfix:after { content: "."; display: block; width: 100%; height: 2px; clear: both; visibility: hidden; }
span.error { color: red; }
.smallbox { width: 550px; margin: 0 auto; }
.nopadtop { margin-top: 0; padding-top: 0; }
br.break { display: block; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.nowrap { white-space: nowrap !important; }
.vertical { writing-mode: tb-rl; filter: flipv fliph; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
/* 
.clearfix {display: inline-block;}
*/
/*
	layout styles
------------------------------*/
#wrapper { position: relative; display: block; width: 90%; min-width: 940px; height: auto; margin: 45px auto; background: #fff; border: 3px solid #fdd803; }
#header { position: relative; display: block; width: 100%; height: auto; min-height: 120px; border-bottom: 3px solid #fdd803; background: #446e88 url(../images/header_left.jpg) repeat-x top left; }
#headerInner { position: relative; display: block; width: 100%; height: 120px; background: url(../images/header_right.jpg) no-repeat top right; }
#sidebar { position: absolute; top: 125px; left: 0; display: block; width: 200px; height: auto; overflow: hidden; }
#page { margin: 0 0 0 200px; padding: 0; min-height: 500px; }
#page .namelocation { width: 100%; padding: 10px 0 0 0; margin: 0 auto; }
/*
	header
------------------------------*/
#headerInner #logo #LogoImg { display: none; }
#headerInner #logo h1 { position: absolute; top: -70px; left: -28px; display: block; width: 209px; height: 175px; z-index: 5; }
#headerInner #logo h1 a { display: block; width: 255px; height: 199px; background: url(../images/bg-yale-logo.png) no-repeat top left; }
#headerInner #logo h1 a span { display: none; }
#headerInner #logo h2 { display: none; }
#headerInner #tagline { display: block; float: right; padding: 15px 15px 50px 15px; font-size: 24px; text-align: right; margin: 0; }
/*
	top nav
------------------------------*/
#topnav ul { position: absolute; bottom: 10px; right: 0; display: block; font-size: 12px; margin: 0; padding: 0 15px 0 15px; list-style: none; }
#topnav ul li { float: left; }
#topnav ul li a { color: white; padding-left: 20px; text-decoration: none; }
#topnav ul li a#tnavHome { background: url(../images/icn_home.gif) no-repeat 7px center; }
#topnav ul li a#tnavLogin,
#topnav ul li a#tnavLogout { background: url(../images/icn_lock.gif) no-repeat 9px center; }
/*
	page
------------------------------*/
#page h4.pageDesc { position: relative; margin: 0 0 20px 0; padding: 0 200px 10px 0; border-bottom: 1px dotted #ccc; }
#page h4.pageDesc .listButton { position: absolute; top: -8px; right: 0; white-space: nowrap !important; }
#page h4.pageDesc .printButton { position: absolute; top: -8px; right: 120px; white-space: nowrap !important; }
#page .listButton { padding: 5px 10px; margin: 5px 1px 0 1px; font-size: 11px; color: #fff; background: #097cc3 url(../images/bg_course_filler_over2.jpg) repeat-x center center; border: 1px solid #508eb4; font-style: normal !important; }
#page .listButton:hover { background: #097cc3 url(../images/bg_button2_hover.png); }
/*
	content
------------------------------*/
#content { display: block; width: 100%; height: auto; min-height: 530px; background: #fff url(../images/bg_sidebar.gif) repeat-y top left; color: #000; }
#content h4 { font-size: 16px; color: #446e88; padding: 0 0 0 0; margin: 0; }
#content h5 { font-size: 10px; color: #446e88; padding: 0 0 0 0; margin: 0; }
/*
	content: graph
------------------------------*/
#content .graph { text-align: center; padding: 20px 0 20px 0; margin: 0 auto; }
/*
	content: video
------------------------------*/
#content .video { text-align: center; padding: 20px 0 20px 0; margin: 0 auto; }
#content #flowPlayer { display: block; width: 480px; height: 360px; text-align: center; margin: 0 auto; margin-bottom: 20px; }
/*
	content: contact
------------------------------*/
#content .contentwrapper { width: 600px; padding: 0; margin: 0 auto; }
/*
	content: test page
------------------------------*/
#content div.test { width: 500px; padding: 15px 30px 0 0; margin: 0 auto; }
#content div.test .question { padding: 5px 15px; background-color: #f7fafc; margin: 0 auto; border: 1px solid #d2e3ef; }
#content div.test .question h3 { font-size: 22px; color: #777; padding: 10px 0; }
#content div.test .question p { font-size: 18px; color: #777; padding: 0 10px 15px 10px; }
#content div.test .answer { width: 100%; padding: 5px 15px; margin: 0 auto; }
#content div.test .answer h3 { font-size: 22px; color: #777; padding: 10px 0; }
#content div.test .answer p,
#content div.test .answer .answer_list dd { font-size: 18px; color: #777; margin-left: 0; padding: 0 10px 0 10px; line-height: 180%; }
#content div.test .start { padding-right: 100px; background: #f7fafc url(../images/icn_warning_big.png) no-repeat 15px 15px; }
#content div.test .answer .input_radio { width: 16px; height: 16px; }
#content div.test .pass { background-color: #e6ffd2; border: 1px solid #c9eaae; }
#content div.test .pass .questiontitle { color: #62ae24; }
#content div.test .fail { background-color: #f9d8d7; border: 1px solid #e7a8a5; }
#content div.test .fail .questiontitle { color: #cd1e16; }

/*
	content: resource page
------------------------------*/
#content .resources { position: relative; display: block; width: 100%; height: auto; padding-bottom: 10px; }
#content .resources h3 { font-size: 18px; color: #777; padding: 10px 0 10px 0; }
#content .resources .icon { position: absolute; top: 0; left: 0; display: block; width: 100px; height: auto; padding: 0; }
#content .resources .icon img { margin: 0 auto; }
#content .resources .info { position: relative; padding: 0; margin: 0; font-size: 16px; color: #777; line-height: 120%; padding-left: 115px }
#content .resources h4.hvideo { font-size: 20px; color: #446e88; padding: 10px 0 10px 0; margin: 0; }
#content .resources p { font-size: 16px; color: #777; line-height: 120%; }
#content .resources a { font-size: 16px; color: #446e88; text-decoration: none; padding: 0; margin: 0; }
#content .resources a:hover { font-size: 16px; color: #097cc3; text-decoration: none; padding: 0; margin: 0; }
/*
	??? message
------------------------------*/
.message { text-align: center; margin: 0 auto; }
.message a { font-size: 12px; color: #446e88; text-decoration: none; }
.message a:hover { font-size: 12px; color: #097cc3; text-decoration: none; }
/*
	sidebar
------------------------------*/
#sidebar .nav { display: block; width: 197px; height: auto; margin: 25px 0 0; padding: 0; font-size: 14px; list-style: none; overflow: hidden; }
#sidebar .nav li { display: block; width: 197px; height: 30px; margin: 0; padding: 0; list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
#sidebar .nav li a { display: block; width: 197px; height: 30px; margin: 0; padding: 0; line-height: 30px; background: url(../images/bg_nav_filler.jpg) repeat-x center center; }
#sidebar .nav li a:hover { background-image: url(../images/bg_nav_filler_over.jpg); text-decoration: none; }
#sidebar .nav li.active { border-top: 1px solid #d7def7; }
#sidebar .nav li.active a { background-image: url(../images/bg_nav_filler_over2.jpg); color: #fff; }
#sidebar .nav li a span { padding: 0 15px; }
#sidebar .userinfo { padding: 25px 0; }
#sidebar .userinfo h4 { padding: 0 10px; margin: 0 auto; line-height: 140%; }
#sidebar .userinfo p { font-size: 11px; padding: 0 10px; margin: 0 auto; line-height: 140%; }
/*
	footer
------------------------------*/
#footer { display: block; width: 90%; min-width: 940px; height: auto; margin: 15px auto; text-align: center; font-size: 10px; }
#footer a { color: #96d6fe; }
#footer a:hover { color: #2eaefd; }
/*
	table profile
------------------------------*/
.tableListing { width: 600px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; margin: 0 auto; }
.tableListing th { background: #c0cdd7 url(../images/bg_hover2.png) repeat center left; border-bottom: 1px solid #ccc; }
.tableListing th.sectionname { background: #e6e6e6 url(../images/bg_course_filler_over2.jpg) repeat center left; border-bottom: 1px solid #ccc; }
.tableListing td { border-bottom: 1px solid #ccc; }
.tableListing tr.row1 td { background: #eaf0f5; }
.tableListing tr.row2 td { background: #f7fafc; }
.tableListing tr.failed td { background: #fff; }
.tableListing tr.passed td { background: #fff; }
.tableListing tr.notavail td { background: #f2e7c2; color: #c5b272; }
.tableListing tr.hilite td { background: #c8f0ef !important; color: #000 !important; }
.tableListing tr.notavail td a { color: #c5b272 !important; }
.tableListing tr td a:hover { text-decoration: underline; }
.tableListing th,
.tableListing td { vertical-align: top; color: #333; }
.tableListing td.hilite { font-style: italic; color: #097cc3; }
.tableListing td.hasquestions { font-weight: bold; color: #000 }
.tableListing tr.options td { background: #7f9bb0 url(../images/bg_course_filler_over2.jpg) repeat-x center left; text-align: right; margin: 0; padding: 0; }
.tableListing tr.options td a.optionButton { display: block; float: right; padding: 0px 8px; line-height: 24px; color: #fff; background: #7f9bb0 url(../images/bg_course_filler_over2.jpg) repeat-x center left; border-left: 1px solid #c0cdd7; }
.tableListing tr.options td a:hover.optionButton { color: #fff; text-decoration: none; background: #62839c url(../images/bg_button2_hover.png) repeat-x top left; border-left: 1px solid #c0cdd7; }
.tableListing tr.inactive td { color: #999; }
.tableListing tr.inactive td strong { font-weight: normal; }
.tableListing tr.noanswer td { color: red !important; background-color: #f3f3d5 !important; }
.tableListing tr.passed td { color: green; }
.tableListing tr.failed td { color: red; }
.tableListing tr.nopass td { color: red; background: #f9d8d7; }
.tableListing td.border-right { border-right: 1px solid #ccc; }
.tableListing .tinytext { vertical-align: bottom; color: #586a78; font-size: 11px; font-weight: normal; }
.coursename { font-size: 11px; color: #777; }
.testScoreTable { width: 600px; margin: 0 auto; padding: 5px 0; }
.tableListing tr.notregistered td { color: #999; font-style: italic; }
.tableListing tr.deleted td { color: red; background: #fff3ea; }
/*
	special: hide sidebar
------------------------------*/
body.special #content { background: none; }
body.special #page { margin: 0; padding: 0; width: 100% }
/*
	headers classes
------------------------------*/
h3.chart { padding: 30px 0 15px 80px; background: #fff url(../images/chart.png) no-repeat 0 0; }
h3.chart span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.hands { padding: 30px 0 15px 80px; background: #fff url(../images/hands.png) no-repeat 0 0; }
h3.hands span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.lock { padding: 30px 0 15px 80px; background: #fff url(../images/icn_lock.png) no-repeat 0 0; }
h3.lock span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.resource { padding: 30px 0 15px 80px; background: #fff url(../images/resources.png) no-repeat 0 0; }
h3.resource span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.admin { padding: 30px 0 15px 80px; background: #fff url(../images/h3_admin.png) no-repeat 0 0; }
h3.admin span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.stats { padding: 30px 0 15px 80px; background: #fff url(../images/icon_piechart.png) no-repeat 0 0; }
h3.stats span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.contact { padding: 30px 0 15px 80px; background: #fff url(../images/icon_contact.png) no-repeat 0 0; }
h3.contact span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.certs { padding: 30px 0 15px 80px; background: #fff url(../images/icon_certs.png) no-repeat 0 0; }
h3.certs span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.resicon { padding: 30px 0 15px 80px; background: #fff url(../images/icon_resources.png) no-repeat 0 0; }
h3.resicon span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.report { padding: 30px 0 15px 80px; background: #fff url(../images/icon_report.png) no-repeat 0 0; }
h3.report span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }
h3.test { padding: 30px 0 15px 80px; background: #fff url(../images/icn_test.png) no-repeat 0 0; }
h3.test span { font-size: 22px; color: #446e88; padding: 9px 0 10px 0; margin: 0; }

div.test_header { display: block; height: 80px; padding: 0 0 0 80px; margin-bottom: 15px; background: #fff url(../images/icn_test.png) no-repeat left 50%; }
div.test_header h3,
div.test_header h4 { margin: 0; padding: 5px 0; }
div.test_header h3 { font-size: 22px; color: #446e88; padding-top: 15px; }

/*
	video page special
------------------------------*/
p.buttons { text-align: center; }
p.buttons a.linkButton { width: 120px !important; float: none !important; clear: both !important; margin: 0 auto !important; }

.course { position: relative; display: block; width: 650px; height: auto; margin: 15px auto 30px auto; background-color: #f7fafc; border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.course .padder { padding: 10px 5px 5px; }
.course .coursename { position: absolute; top: -23px; left: 20px; font-size: 14px; background-color: #f7fafc; padding: 0 5px; }

.thumbnail { display: block; width: 64px; height: auto; background: #fff; border: 1px solid #ccc; }
.thumbnail2 { display: block; width: 96px; height: auto; background: #fff; border: 1px solid #ccc; }

ul#branch_list li { display: block; width: 49%; height: auto; float: left; clear: none; }

/*
	SPECIAL EMAIL STYLE
*********************************/
body#email { margin: 1em 2em !important; background: #fff !important; color: #000 !important; }

/*
body#email td.header { color: #000 !important; }
body#email h1,
body#email h2,
body#email h3,
body#email h4,
body#email h5 { color: #000 !important; background: none !important; margin: 0 !important; padding: 5px 0 !important; }
body#emailh1 span,
body#emailh2 span,
body#emailh3 span,
body#emailh4 span,
body#emailh5 span { color: #000 !important; display: inline !important; margin: 0 !important; padding: 0 !important; }


body#email .dataTable th { background: #fff !important; color: #000 !important; border-top: 2px solid #000; border-bottom: 2px solid #000; }
body#email .dataTable td.header { background: #fff !important; color: #000 !important; border-bottom: 1px solid #000; }
body#email .dataTable td { background: #fff !important; color: #000 !important; border-bottom: 1px dotted #000; }
body#email .dataTable td.bad { color: #000 !important; font-style: italic; font-weight: bold; text-decoration: underline; }
body#email .dataTable td.bad:before { content: "*"; }
body#email .dataTable .arrow_down,
body#email .dataTable .arrow_up { color: #000 !important; background: none !important; }
body#email .dataTable .arrow_down:before { content: "\25B2"; }
body#email .dataTable .arrow_up:before { content: "\25B2"; }
*/