body, html
{
    height: 100%;
    margin: 0;
    padding: 0;
    background: #c2def6;
}

#container
{
    width: 100%;
    margin: 0;
    text-align: left;
}

.centered
{
    background: #fff;
    margin: auto;
    width: 1000px;
}

/*
 * Typography
 */
h1
{
    font-size: 20px;
    font-weight: normal;
}

/* Main Layout
 *
 */
#header
{
    height: 110px;
    background: #fff;
    position: relative;
    padding: 10px;
}

#content
{
    width: 1000px;
}

#mainContent
{
    padding: 15px;
    width: 750px;
    float: left;
}

#subContent
{
    background: #0095da;
    width: 190px;
    padding: 15px;
    border-top: solid 20px #fff;
    float: left;
}

#footer
{
    clear: both;
}

/* Header Styles
 *
 */
#header .logo
{
    border: 0;
    width: 57px;
    height: 58px;
    display: block;
    background: url(../images/main_logo.gif);
    overflow: hidden;
    text-indent: -9999em;
    position: absolute;
    font-size: 0;
    left: 76px;
    top: 28px;
}

#header #main_menu
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    bottom: 0;
    left: 220px;
}

#header .sectionHeader
{
    position: absolute;
    left: 220px;
    top: 25px;
    margin: 0;
    padding: 0;
    display: block;
    width: 500px;
    height: 70px;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999em;
}

#header .sectionHeader.cirrus-hd-oct
{
    background: url(../images/headerCirrus.gif) no-repeat;
}

.home #header .sectionHeader, .start #header .sectionHeader
{
    background: url(../images/headerStart.gif) no-repeat;
}

#header #externalLinks
{
    position: absolute;
    right: 0;
    bottom: 0;
    border-left: solid 2px #c2def6;
    float: right;
}

#header #externalLinks a
{
    display: block;
    padding: 4px 8px;
    font-size: 14px;
}

#header #externalLinks a:hover
{
    border-left: solid 4px #eea701;
    padding-left: 4px;
    text-decoration: none;
}

#header #main_menu li
{
    display: block;
    float: left;
    border-left: solid 2px #c2def6;
}

#header #main_menu li a
{
    display: block;
    float: left;
    padding: 4px 8px;
    font-size: 14px;
}

#header #main_menu li a:hover, #header #main_menu li a.active
{
    border-left: solid 4px #eea701;
    padding-left: 4px;
    text-decoration: none;
}

#authentication
{
    float: right;
}

/*
 * Subnavigation
 */
#subContent
{
}

#subContent a.questions
{
	position:fixed;
	left:0;
	bottom:15px;
	color:#fff;
	padding-right:10px;
	background:#0095DA;
}

#subContent h3
{
    color: #fff;
    font-size: 13px;
    margin-bottom: 20px;
}

#subContent .subNav
{
    margin: 10px 0 10px -15px;
    padding: 0;
    list-style-type: none;
}

#subContent .subNav .subNav
{
    margin: 5px 0 0 10px;
}

#subContent .subNav li
{
    padding-bottom: 5px;
}

#subContent .subNav a, #subContent .questions
{
    display: block;
    padding: 5px 0 5px 15px;
    height: 12px;
    color: #fff;
}

#subContent .subNav a:hover, #subContent .subNav a.active, #subContent .questions:hover
{
    color: #222;
    background: #fff url('../images/bcgrdArrow.gif') no-repeat 2px 3px;
    text-decoration: none;
}

#mainContent
{
    position: relative;
}

#mainContent #backAndForward
{
    position: absolute;
    right: 15px;
    top: 15px;
}

.introduction #mainContent #backAndForward .back
{
    display: none;
}

#mainContent #backAndForward a
{
    display: block;
    float: left;
    background: #eea701;
    color: #fff;
    width: 80px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

#mainContent #backAndForward a:hover
{
    background: #f2c356;
    text-decoration: none;
}

#mainContent #backAndForward a.first
{
    margin-right: 10px;
}

/*
 * Home and start pages
 */
.home .startHolder
{
    width: 751px;
    height: 516px;
    background: url('../images/homeBackground.jpg') no-repeat 220px 0;
    padding-left: 220px;
}

.home .startHolder .content
{
    padding-top: 100px;
    width: 350px;
    font-size: 14px;
	position:relative;
}

.home .startHolder .content p
{
    line-height: 18px;
}

.home .startHolder .content p.select
{
    font-weight: bold;
}

.home .startHolder .content .links
{
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 20px;
}

.home .startHolder .content .links li
{
    padding: 0 0 5px 0;
    margin: 0;
}

.home .startHolder .content .links li a
{
    display: block;
    width: 300px;
    height: 30px;
    background: url("../images/homeLinks.gif") 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999em;
}

.home .startHolder .content .links li a.cirrus
{
    background-position: 0 0;
}

.home .startHolder .content .links li a.cirrus:hover
{
    background-position: 0 -30px;
}

.home .startHolder .content .links li a.iol
{
    background-position: 0 -60px;
}

.home .startHolder .content .links li a.iol:hover
{
    background-position: 0 -90px;
}
.home .seminar
{
	width:260px;
	border:solid 1px #ccc;
	background:#e3f0fa;
	padding:15px;
	position:absolute;
	top:268px;
	left:280px;
}
.home .seminar h3
{
	margin-top:4px;
	font-size:16px;
	margin-bottom:5px;
}
.home .startHolder .content .seminar p
{
	font-size:12px;
	margin-bottom:0px;
	line-height:1.4em;
}
.home .startHolder .content .seminar p span.date
{
	line-height:inherit;
	font-style:italic;
	font-size:11px;
}
.home .startHolder .content .seminar p a
{
	line-height:inherit;
	text-decoration:underline;
	display:block;
	padding-top:6px;
}


.start #mainContent, .home #mainContent
{
    padding: 0;
    background: #fff;
    width: 100%;
}

.start #mainContent h1, .home #mainContent h1
{
    display: none;
}

.start #mainContent .homeLink, .home #mainContent .homeLink
{
    display: block;
    width: 751px;
    height: 516px;
    padding-left: 220px;
    cursor: pointer;
}

.start #mainContent #backAndForward, .home #mainContent #backAndForward
{
    display: none;
}

.start #content, .home #content
{
    width: 100%;
}

#mainContent h1
{
    margin-bottom: 6px;
}

/*
 * Input Styles
 */
input[type = button], input.button
{
    background-color: #336699;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding: 3px;
}

input[type = button]:hover, input.button:hover
{
    background: #444;
}

input[type = text], input.text, input[type = password], input.password
{
    border: 1px solid #336699;
    color: #000000;
    padding: 4px;
    width: 225px;
}

/*
 * Form Styles
 *
 */
.message.error
{
    color: #ee0000;
    font-weight: bold;
    font-size: 14px;
}

.message.error .error
{
    background-color: #EEEEEE;
    border: 2px solid #EE0000;
    display: inline-block;
    padding: 3px;
}

.message.error .error.nonField
{
    display: block;
    font-size: 12px;
}

.message.error .error.nonField p
{
    margin-bottom: 0;
}

ul.form
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.form li
{
    display: block;
    margin-bottom: 10px;
    padding: 0 10px;
}

ul.form li .label
{
    width: 200px;
    margin-right: 10px;
    float: left;
    color: #336699;
    font-weight: bold;
    padding-top: 5px;
}

ul.form li .input
{
    width: 250px;
    float: left;
}

ul.form li .fieldInfo
{
    float: left;
    width: 260px;
}

.form li .fieldInfo ul li
{
    margin: 0;
}

.form li ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.form li ul li
{
    padding: 0;
    margin-bottom: 3px;
}

ul.form li ul li input[type = text]
{
    display: block;
    margin-top: 5px;
}

.form .error
{
    background-color: #EEEEEE;
    border: 2px solid #EE0000;
    padding: 10px;
}

.form .errorList
{
    color: #ee0000;
    font-weight: bold;
}

.buttonList .button
{
    float: right;
    margin-right: 295px;
    margin-top: 10px;
}

/*
 * Quiz Styles
 */
.quiz ol.form
{
    padding-left: 3em;
}

.quiz ol li
{
    display: list-item !important;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 10px;
}

.quiz ol li ul li
{
    font-weight: normal;
    padding: 0;
    margin-bottom: 3px;
}

.quiz ol li ul
{
    padding-left: 20px;
    list-style-type: lower-alpha;
}

.quiz ol li ul.answers, .quiz ol li ul.errorList
{
    list-style-type: none;
}

.quiz ol li ul li label
{
    display: block;
    line-height: 18px;
}

.quiz ol li ul li .inputHolder
{
    display: block;
    padding-right: 5px;
    padding-top: 3px;
    float: left;
    width: 16px;
    height: 16px;
}

.quiz ol li.error .fieldInfo
{
    width: 400px;
    float: right;
    text-align: right;
}

.quiz .buttonList .button
{
    margin-right: 0;
}

.quiz .answer
{
    font-style: italic;
}

.quiz .yourAnswer, .quiz .correctAnswer
{
    padding-left: 20px;
}

/*
 * faq
 */
ul.faq
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.faq p.question
{
    font-weight: bold;
    margin-bottom: 4px;
}

/*
 * Player Try Again Overlay
 */
#playerHolder
{
    position: relative;
}

#playerHolder #playerPositioner
{
    z-index: 3001;
    position: absolute;
    left: 0;
    top: 0;
}

#playerHolder #playerOverlay
{
    z-index: 3002;
    position: relative;
    display: none;
}

#playerHolder #playerOverlay .links a
{
    display: block;
    width: 101px;
    height: 27px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 8px;
    font-size: 0;
    overflow: hidden;
    background-color: #ff0000;
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;

text-indent:-9999em;
}

#playerHolder .playVideo
{
    background: url('../images/ClickToPlay.gif') no-repeat;
    width: 307px;
    height: 68px;
    font-size: 0;
    position: absolute;
    text-indent: -9999em;
    left: 180px;
    top: 216px;
    z-index: 3003;
    display: none;
}

#playerHolder #playerOverlay .message
{
    border: 4px solid #0100BE;
    color: #0100BE;
    width: 154px;
    background: #fff;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    left: 230px;
    top: 150px;
}

#playerHolder #playerOverlay .message.error
{
    border-color: #770000;
    color: #770000;
}

#playerHolder #playerOverlay .message.correct
{
    border-color: #007700;
    color: #007700;
}

#playerHolder #playerOverlay .links
{
    position: absolute;
    left: 281px;
    top: 400px;
}

/*
 * Patient Prep Specific
 */
.patient-preparation #playerHolder, .patient-preparation #playerOverlay, .patient-preparation #playerPositioner
{
    height: 390px;
}

.patient-preparation #playerHolder #playerOverlay .message
{
    width: 380px;
    left: 160px;
    top: 120px;
}

.patient-preparation #playerHolder #playerOverlay .message a
{
    display: block;
    font-size: 11px;
}

.patient-preparation #playerHolder #playerOverlay .message a.download
{
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 16px;
}

.patient-preparation a.download
{
    display: block;
    font-weight: bold;
    font-size: 16px;
}

/*
 * Video And Links Page
 *
 */
.videoHolder #video
{
    width: 667px;
    float: left;
}

.videoHolder #links
{
    width: 185px;
    padding-left: 15px;
    float: left;
}

.videoHolder #links ul
{
    padding: 0;
    margin: 0;
    margin-top: 10px;
    list-style-type: none;
    font-weight: bold;
}

.videoHolder #links ul a
{
    color: #0100be;
}

.videoHolder #links ul li
{
    margin-bottom: 5px;
}

.videoHolder #links h3
{
    margin-top: 0;
}

.videoHolder #links .selectVideo
{
    background: url('../images/saveArrow.gif') no-repeat 0 0;
    padding: 45px 0 0 40px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

.videoHolder #links .selectVideo span
{
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}

.videoHolder #links .closeWindow
{
    display: block;
    float: left;
    background: #eea701;
    color: #fff;
    height: 20px;
    padding: 3px 6px;
    text-align: center;
    line-height: 20px;
}

.videoHolder #links .closeWindow:hover
{
    background: #f2c356;
    text-decoration: none;
}

.videoHolder #links .postVideoMessage
{
    display: none;
}

/*
 * Special Overlay buttons
 */
.previewButton
{
    width: 352px;
    height: 68px;
    position: absolute;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
}

#clickNext
{
    position: absolute;
    background: url('../images/nextChapter.gif')
}

#clickToPlay
{
    position: absolute;
    background: url('../images/replayVideo.gif')
}

.thickbox
{
    position: relative;
    width: 750px;
    height: 537px;
    display: block;
}

.thickbox #clickNext
{
    left: 199px;
    top: 275px;
}

.thickbox #clickToPlay
{
    left: 199px;
    top: 150px;
}

.basicPlayer
{
    width: 750px;
    height: 383px;
    position: relative;
}

.basicPlayer #clickNext
{
    left: 199px;
    top: 225px;
    display: none;
    z-index: 2003;
}

.basicPlayer #clickToPlay
{
    left: 199px;
    top: 100px;
    display: none;
    z-index: 2003;
}

/*
 * Question Overlay
 */
#questionContentInline
{
	display:none;
}
.questionContent
{
	padding-top:30px;
	font-size:13px;
	font-weight:bold;
}