@charset "UTF-8";
/* CSS Document */
/****************************************
    The following styles reset browser 
    inconsistancies between the various
    tags.
****************************************/

body
{
	text-align: center;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	/*padding-left: 50;*/
}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


#container {
	text-align: left;
	height: 500px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}

#masthead {
	float: left;
	height: 124px;
	width: 750px;
}
#content_area {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(assets/homepage/ohml_content_bg.jpg);
	background-repeat: repeat-y;
	float: left;
	height: auto;
	width: 650px;
	padding: 40px 50px 20px;
	text-align: left;
}
#basestrip {
	float: left;
	height: 69px;
	width: 650px;
	background-image: url(assets/homepage/ohml_basestrip.jpg);
	background-repeat: no-repeat;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 8px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3E3233;
	line-height: 150%;
	color: #333333;
}
p {
	padding-bottom: 7px;
	color: #333333;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#basestrip_health_pros {
	float: left;
	height: 30px;
	width: 650px;
	text-align: center;
}
.basestrip_health_pros  a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.basestrip_health_pros  a:hover {
	text-decoration: underline;
}

#content_area_hp {
	float: left;
	height: auto;
	width: 660px;
}
.hp_rollover_holder {
	float: left;
	height: 100px;
	width: 200px;
}

#3_guys_holder {
	float: left;
	height: 200px;
	width: 660px;
	margin-top: 10px;
}

#mandatory_panel {
	float: left;
	height: auto;
	width: 650px;
	padding-top: 12px;
	text-align: center;
	color: #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mandatory_panel a {
	color: #999999;
}


/* viewing media pages */

#content_view_area_holder {
	float: left;
	height: auto;
	width: 650px;
}
#content_view_area_left {
	float: left;
	height: auto;
	width: 450px;
	text-align: left;
}
#content_view_area_right {
	float: left;
	height: auto;
	width: 170px;
	padding-left: 30px;
}
.content_view_area_right_holder {
	float: left;
	height: 140px;
	width: 150px;
}
.content_view_area_right_holder_res {
	float: left;
	height: 550px;
	width: 140px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 20px;
	margin-left: 30px;
}
#content_view_area_right_comment {
	float: left;
	height: auto;
	width: 150px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
/* change out panel for professionals page */

#content_view_area_right_reg {
	float: left;
	height: 100px;
	width: 130px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 15px;
	background-image: url(assets/homepage/reg_bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#content_view_area_right_reg  a:link {
	color: #FFFFFF;
}
#content_view_area_right_reg  a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#content_view_area_right_reg  a:visited {
	color: #FFFFFF;
}
#content_view_area_right_reg  a:active {
	color: #FFFFFF;
}

#content_view_area_right_workshop {
	float: left;
	height: 170px;
	width: 120px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	padding: 15px 25px 15px 15px;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 20px;
	background-image: url(assets/homepage/workshop_link.jpg);
	background-repeat: no-repeat;
}
#content_view_area_right_workshop  a:link {
	color: #FFFFFF;
}
#content_view_area_right_workshop  a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#content_view_area_right_workshop  a:visited {
	color: #FFFFFF;
}
#content_view_area_right_workshop  a:active {
	color: #FFFFFF;
}



/* workshop speakers */

#content_view_area_right_speakers {
	float: left;
	height: auto;
	width: 150px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 20px;
}

#content_view_area_right_speakers  a:link {
	color: #FFFFFF;
}

#content_view_area_right_speakers  a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#content_view_area_right_speakers  a:visited {
	color: #FFFFFF;
}

#content_view_area_right_speakers  a:active {
	color: #FFFFFF;
}

#content_area_hp_flashinfo {
	float: left;
	height: auto;
	font-size: 10px;
	color: #666666;
	padding-top: 20px;
	text-align: left;
	padding-left: 40px;
	width: 620px;
}
/*#content_area_hp_intro {
	float: left;
	height: auto;
	width: 620px;
	padding-left: 40px;
	text-align: left;	
}*/
#content_area_hp_intro {
float: left;
height: auto;
width: 620px;
text-align: justify;
padding-left: 15px;
}
/*#content_area_hp_intro_left {
float: left;
height: auto;
width: 385px;
text-align: left;
}
#content_area_hp_intro_right {
float: left;
height: auto;
width: 260px;
text-align: left;
}
*/


.form_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #666666;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #B00F1D;
	padding-bottom: 5px;
	padding-top: 10px;
}
strong {
	font-weight: bold;
	color: #333333;
}
.video_comments {
	font-size: 11px;
	font-style: italic;
	color: #666666;
}


#titles label
{
	margin-right: 5px;
}

#titles input
{
	margin-right: 3px;
}

.error
{
	font-size: 11px;
	color: Red;
	clear: both;
}

.errorMessage
{
	float: left;
	width: 100%;
}

.generalError
{
	text-align: center;
	color: Red;
	padding: 0px 0px 10px 0;
	width: 300px;
	font-size: 11px;
	margin-left: 145px;
}

.resource
{
	text-align: left;
}

#disclaimerText p
{
	text-align: left;
}

#returnHomeLink a
{
	font-weight: bold;
	font-size: 11px;
	color: #999999;	
}

#otherVideoLinks h2
{
	margin: 10px 0;
}

#otherVideoLinks ul
{
	margin-left: 2px;
}

#otherVideoLinks a:link {
	color: #B00F1D;
	text-decoration: none;
}
#otherVideoLinks a:visited {
	text-decoration: none;
	color: #B00F1D;
}
#otherVideoLinks a:hover {
	text-decoration: underline;
}
#otherVideoLinks a:active {
	text-decoration: none;
}

.style2 {color: #999999}
.style3 {
	font-size: 16px;
	color: #B00F1D;
	line-height: 18px;
}
.style5 {color: #999999; font-weight: bold; }
.style6 {
	color: #FFFFFF;
	font-weight: bold;
}
.speaker_name {
	font-size: 11px;
	color: #B00F1D;
	text-transform: uppercase;
}

/* workshop pages */

#ws_container {
	height: auto;
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#ws_masthead {
	float: left;
	height: 95px;
	width: 870px;
	border: 2px solid #FFFFFF;
}

#ws_masthead td 
{
	padding: 0;
}

#ws_content_area, #ws_content_area_media {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: auto;
	width: 770px;
	/*padding: 30px 50px 20px;*/
	padding: 30px 50px 20px 50px;
	text-align: left;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
}

#ws_basestrip {
	float: left;
	height: 35px;
	width: 775px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 8px;
}
#ws_mandatory_panel {
	float: left;
	height: auto;
	width: 775px;
	padding-top: 5px;
	text-align: center;
	color: #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#ws_mandatory_panel a {
	color: #999999;
}
#ws_content_view_area_holder, #ws_content_view_area_holder_media {
	float: left;
	height: auto;
	/*width: 775px;*/
	width: 770px;
	font-size: 12px;
	line-height: 18px;
}

#ws_content_view_wk_sum {
	float: left;
	height: auto;
	width: 450px;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
}

#ws_content_view_area_left {
	float: left;
	height: auto;
	/* width: 450px; */
	width: 445px;
	text-align: left;
	padding-right: 20px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

#ws_content_view_area_right {
	float: left;
	height: auto;
	width: 275px;
	padding-left: 25px;
}
#ws_summary_linkbox_holder {
	float: left;
	height: 200px;
	width: 806px;
	padding-top: 30px;
}
.ws_linkboxes {
	float: left;
	height: 190px;
	width: 140px;
	background-image: url(assets/homepage/bg_box.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
	padding-bottom: 0px;
	font-size: 11px;
	line-height: 17px;
	margin-right: 31px;
}
#ws_navigation {
	float: left;
	height: auto;
	/*width: 775px;*/
	width: 770px;
	padding-bottom: 25px;
}

*#ws_navigation td {
	padding: 0;
}

#ws_subnav {
	float: left;
	height: auto;
	width: 775px;
	padding-bottom: 25px;
}


.anchor_links {
	font-size: 12px;
	line-height: 12px;
	color: #B00F1D;
}
.return_to_top {
	font-size: 10px;
}

/* workshop speakers media panel */

#ws_speakers_area {
	float: left;
	height: auto;
	width: 252px;
	font-size: 11px;
	padding-left: 50px;
	text-align: left;
}
.speakers_box {
	float: left;
	height: auto;
	width: 235px;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	line-height: 14px;
	padding-top: 10px;
}



.sp_nav {
	float: left;
	height: 22px;
	width: 230px;
	font-size: 11px;
	background-color: #D7D5D5;
	padding-bottom: 2px;
	letter-spacing: .1em;
}

.sp_nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.sp_nav ul li {
	display: inline;
}
.sp_nav ul li a {
	float: left;
	height: 14px;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sp_nav ul li a:link, .sp_nav a:visited  {
	color: #92060F;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.sp_nav ul li a:hover {
	background-color: #999999;
	color: #FFFFFF;
}

#ws_content_view_area_left #mediaPlayer
{
	text-align: center;
}
#ws_content_view_area_left .viewer
{
	margin: 20px 0px;
}

#ws_content_view_area_left .playerInstructions span{
	font-size: 10px;
	color: #666666;
}