/* CSS Document */
/*** This stylesheet is specific to the HCP section of Uloric.com site ***/


/* general styles */

p {
	margin: 0;
	padding:  5px 5px 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}

#isiContent p
{
    padding: 0 0 10px 0;
}

h1 {
	font-family: "Avenir LT Std", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 100; /* Avenir 45 book */
	color: #fff;
}
h2 {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 18px; /*12px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; /*12px;*/
	color: #088452;
}

h2.strong {
    color: #088452;
    font-weight: bolder;
}
    
.mainPg h2 a
{
    text-decoration: none;
}

h3 {
	margin: 10px 0px -8px 5px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #088452;
}

#isiContent h3
{
    margin: 10px 0 -8px 0;
}

.noPad{padding: 0 0 5px;}
p.firstPad{padding:0 0 25px 0;}

h3.pad5 {
    margin-bottom: 0px;
}

#content_fullwidth {   
    font-family:Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #666;
}

.terms h2, #content_fullwidth h2{
	margin-bottom:-8px !important;
}
.terms p, #content_fullwidth p{
    font-family:Arial,Helvetica,sans-serif;
	margin-top:0px !important;
}


p.centeredImg {
    /* wrap img in a <p> tag */
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

img.btn_calloutCTA {
    padding-top: 10px;
}

/* font utility styles */
.uCase { text-transform:uppercase; }
.Capitalize { text-transform: capitalize; }
.lCase { text-transform: lowercase; }
.bold { font-weight: bold; }
.orange{ color:#DD7B1A !important;}
.green {color: #088452; }
.red {color:#f00;}
.xwrap { white-space:nowrap; }

a {
	color: #088452;
}

a:hover {
	color: #e47d1d;
}

.tagline {
	font-size: 14px;
	color: #088452;
}
	
.specialFont {
	font-family: "Avenir LT Std", Helvetica, Arial, sans-serif;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.size18 {
	font-size: 18px;
	font-weight:100;
	letter-spacing: 1px;
}

.size13 {
	font-size: 13px;
}

.size11 {
	font-size: 11px;
}

.firstWordEmphasis {
	font-weight: bold;
	word-spacing: 5px;
}

.dfltTextColor {
	color: #666;
}


.midContentTagline, #content_fullwidth {
	position: relative;
	top: 30px;
}

/*.midContentTagline p, #content_fullwidth p {
	margin-top: -14px;
}*/

.strong { font-weight: bold; }

.footnote{ font-size: 13px; margin: 5px 0 5px 0; color:#666666; display: block; width:725px; padding-left:5px;}
.questionAnswer .content .footnote{width:500px;}
.footnote p{ font-size: 13px; }
li .footnote{ margin-bottom: 0; }

.nextSpacer{height:30px; width:900px;}

.hidden{ position: absolute; left: -9999px; top: -9999px; }

.incomplete{ color: #ff7777; border: 1px solid #ff7777;}

.orangeCaret{ background: url(../../images/orangeCaret.gif) no-repeat 0 0; padding-left: 30px;}
.orangeCaret h2 { padding-top: 4px; }

.isiRight{ text-align:right;height:20px;width:712px;display:block;}


/***************************************/
/*** begin home page specific styles ***/

h1.mainPg {
	font-family: "Avenir LT Std", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #fff;
	font-weight: 100;
}

h1.mainPg strong {
	font-family: "Avenir LT Std", Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #fff;
	font-weight: 500;
}

#upperUtility {
    height: 28px;
    width: 990px;
    margin: 0xp 3px;
    padding: 10px 0px;
    margin: 0 auto;
    vertical-align: top;
}

#upperUtility img,
#upperUtility #utility_goBtn {
    vertical-align: middle;
    margin-top: 2px;
}
#upperUtility #forPatients {
    /* margin-left: 40px; */
}
.utility  {
    vertical-align: top;
    font-family: Arial, helveitca, Sans-Serif;
    font-size: 11px;
    color: #b6b5b3;
    padding:0px;
}

.utility a:link, .utility a:visited
{
    color:#fff;
    text-decoration: none;
}

.utility a:hover
{
    text-decoration:underline;
}

.utility #safetyBtn
{
    padding-right:20px;
}

#upperUtility #searchInput {
    margin-top: 5px;
}

#homeHeaderInfo
{
    width:830px;
    height:30px;
    position: absolute;
    top:390px;
    left:45px;
    color: #666;
    
}
#homeHeaderInfo img 
{ 
    margin-bottom: 20px;
    margin-right:3px; 
}

#hold #masthead_mainPg {
	margin: 0px 3px;
	padding: 0px;
	width: 990px;
	height: 495px;
	background: url(../../images/mainPg_mastheadBG.jpg) no-repeat #fff;
}

#hold #masthead_mainPg #logo {
	left: 0px;
	top: 0px !important;
	width: 202px;
	height: 155px !important;
	border: none;
	position: relative;
	margin: 0;
	padding: 0;

}

#hold #masthead_mainPg #submarine_mainPg {
	position: absolute;
	left: 555px;
	top: 40px;
	width: 530px;
	height: 350px;
	background: url(../../images/mainPg_submarine.png) no-repeat;
	z-index: 500;
}

#hold #masthead_mainPg #headerTagLine.mainPg {
	position: relative;
	top: 57px;
	left: 145px;
	width: 530px;
}
	#hold #masthead_mainPg #headerTagLine.mainPg img {
		float: left;
	}
	#hold #masthead_mainPg #headerTagLine.mainPg div.mainPg {
		/* positioning for this specific element on main landing page */
		float: left;
		position: relative;
		top: -6px;
		left: 6px;
		width: 400px;
	}
	#headerTagLine.mainPg h1.mainPg {
        color:#FFFFFF;
        font-family:"Avenir LT Std",Arial,Helvetica,sans-serif;
        font-size:26px;
        line-height: 30px;
        font-weight:100;
        margin: 0px;
        padding: 0px;
    }
    #headerTagLine.mainPg h2.mainPg.tagline {
        font-family:"Avenir LT Std",Arial,Helvetica,sans-serif;
        font-size:17px;
        line-height: 22px;
        letter-spacing: normal;
        font-weight:500; /* book */
        color:#10C47C;
        padding: 0px;
        margin: 0px;
    }
    #headerTagLine.mainPg #btn_CTA {
        border: none;
        margin-top: 10px;
    }  
    

body.mainPg #hold #main_content {
	position: relative;
	margin:0px 0px 10px;
    padding:0;
    width:976px;
	min-height: 125px;
	background: none !important;

}
    
#main_content #homeCallout_1 {
    float: left;
    width: 295px;
    height: 100px;
    padding: 0;
    margin-left: 20px;
    background: none;
    overflow: visible;
}    
#main_content #homeCallout_2 {
    float: left;
    width: 295px;
    height: 100px;
    padding: 0;
    margin-left: 20px;
    overflow: visible;
}
#main_content #homeCallout_3 {
    float: left;
    width: 295px;
    height: 100px;
    padding: 0;
    margin-left: 20px;   
    overflow: visible;
}  

.homeSeperator
{
    width:5px;
    height:100px;
    float:left;
    background: url(../../images/vDots_yellow.gif) repeat-y 0 0;
}

#main_content .homeCallout div {
    margin-top: -8px;
} 

#main_content .homeCallout p,
#main_content .homeCallout h2 {
    padding: 0px 5px;
    margin: 0px;
    vertical-align: top;
}  

.mainPg .noscript
{
    padding: 10px 35px;
    clear: both;
    float: left;
    margin-top: 25px;
    
}

/*** end main landing page specific styles ***/








/*********************/
/* general framework */

body {
	background: #494541;
	padding-top: 10px;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	
}

#hold {
	position: relative;
	margin: 0px auto;
	width: 998px;
	background: url(../../images/holdBG_new.gif) repeat-y;
	height:auto;
}


	
#hold #masthead {
	margin: 0px 3px;
	padding: 0px;
	width: 990px;
	height: 277px;
	background: url(../../images/mastheadBG.jpg) no-repeat  #3663a8;
}

/****** MAIN NAV BAR LAYOUT *****/
#hold #main_navbar {
    left:170px;
    position:absolute;
    top:31px;
    z-index: 900;
}

#hold #main_navbar ul{
    list-style-type:none;
}


#hold #main_navbar ul li{
    float: left;
    display: inline;
    background: url(../../images/mainNavDelimiter.gif) no-repeat 0 0;
    padding: 0 15px 0 20px;
    margin: 0px;
    height: 40px;
}

#hold #main_navbar ul li:first-child{
    background: none;
}

#hold #main_navbar ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	/* text-transform: uppercase; */
	color: #088452;
}

#hold #main_navbar ul li a:hover {
    color: #05bc73;
}

#hold #main_navbar ul li.active a {
    color: #f98b1c;
    cursor: default;
}

#hold #main_navbar ul li.active a.linked:hover {
    cursor: pointer;
    color: #ce6809;
}


#hold #masthead #logo {
	left: 0px;
	top: 0px;
	width: 202px;
	height: 155px;
	border: none;
	cursor: pointer;
}

#hold #masthead #submarine {
	position: absolute;
	left: 693px;
	top: 40px;
	width: 341px;
	height: 223px;
	background: url(../../images/submarine.png) no-repeat;
}

#hold #masthead #headerTagLine {
	position: relative;
	top: -28px;
	left: 174px;
	width: 700px;
	z-index:200;
}

#hold #masthead #headerTagLine img
{
   /* margin-top: -30px;*/
}
#hold #masthead #navName {
	position: relative;
	left: 218px;
	width: 550px;
	z-index:210;
	top: -25px;
}

#navName h2
{
   margin: 0 !important;
    padding: 0 !important; 
}

#headerTagLine h1
{
}

	#hold #masthead #headerTagLine img {
		float: left;
	}
	#hold #masthead #headerTagLine h1 {
		/* positioning for this specific element on page */
		float: left;
		position: relative;
		top: -28px;
		left: 4px;
	}


#hold #main_content {
	position: relative;
	margin:0px 3px 10px 3px;
	padding: 10px; /*10px 90px;*/
	padding-bottom: 0px;
	width: 960px;
	min-height: 180px;
	/* background: url(../../images/contentBG.jpg) repeat-y #fff; */
}

    
    #hold #main_content #subNav 
    {
        position: relative;
        float: left;
        width: 185px;
        /* background: url(../../images/subNav_bg.jpg) repeat-y right; */
        padding: 5px 0px;
        margin: -40px 0 0 5px;
        /* border: 1px solid green; for testing */
    }
        
        #hold #main_content #subNav #subNav_topCap {
            height: 80px;
            padding: 0;
            margin: 0 0 -35px 0;
            background: url(../../images/subNav_bg-top.jpg) no-repeat right;
        }
        
        #hold #main_content #subNav #subNav_main {
            margin: 0;
            background: url(../../images/subNav_bg.jpg) repeat-y right;
            padding: 0 15px 0 10px;
            width: 160px; /* actual 185px w/ padding */
            vertical-align: top;
            margin: 0;
        }
            #subNav_main ul{
                list-style-type:none;
                margin: 0;
                padding: 0;
            }
            
            #subNav_main ul li
            {
                padding: 6px 0px 4px;
                list-style-type:none;
                margin-left: 0;
                background:none;
            }

            #subNav_main ul li a {
	            font-family: Arial, Helvetica, sans-serif;
	            font-size: 12px;
	            line-height: 15px;
	            font-weight: bold;
	            text-decoration: none;
	            text-transform: uppercase;
	            color: #088452;
            }

            #subNav_main ul li a:hover {
                color: #05bc73;
            }

            #subNav_main ul li.active a {
                color: #f98b1c;
                cursor: default;
            }
        
        #hold #main_content #subNav #subNav_btmCap {
            height: 55px;
            padding: 0;
            margin: 0;
            background: url(../../images/subNav_bg-btm.jpg) no-repeat right;
        }
        
        #subNav .returnHome{ background: url(../../images/rightGrayArrow.gif) no-repeat 2px 9px; padding-left: 10px; margin-top: 20px; margin-left: -10px; line-height: normal}
        #subNav .returnHome a{ font-size: 11px; color: #555555; }
        
    
    #hold #main_content #inner_content .section { margin-bottom: 30px; }
    #hold #main_content #inner_content .lastSection { margin-bottom: 0; }
    #hold #main_content #inner_content #combinedStudyPopulation .figure{ margin-top: 20px; margin-left: 38px; }
    
    
    #hold #main_content #inner_content 
    {
        position: relative;
	    float:right;
	    margin:-30px 3px 10px 3px;
	    padding: 10px 20px;
	    padding-bottom: 0px;
	    width: 720px;
	    min-height: 180px; 
	    /*background: url(../../images/contentBG.jpg) repeat-y #fff;*/
    }
    
    #hold #main_content #inner_content li {
	    /*list-style-type: disc;
	    margin-bottom: 20px;*/    
    }

#hold #main_content #headerTagline {
	position: relative;
	top: 0px;
	margin: 0px 0px -6px 0px;
}

#hold #main_content #headerTagline h2{
	/*float: left; */
	padding: 12px 0px  0px 2px;
}

#hold #main_content #headerTagline img {
	/* float: left; */
	margin: -1px 0px 0px 0px;
}

#hold #main_content #benefitsList_left {
	float: left;
}

/*#hold #main_content #benefitsList_left li{
    list-style-type: none;
    margin-bottom: inherit;
}*/
	
#hold #main_content #benefitsList_right {
	float: left;
	margin-left: 90px;
}

/*** FOOTER STYLES ***/
#hold #footer {
	position: relative;
	margin: 0px 3px auto;
	width: 990px;
	background: #fff;
	font-size: 14px;
	bottom:0;
}
	#hold #footer #isiContent {
		margin:0 40px 0 25px;
	}
	
	#hold #footer #isiContent ul {
		margin: 10px 0px 0px 15px;
		list-style-type: disc;
		color: #666;
	}
	
	#hold #footer #isiContent li {
		background:none;
		padding: 6px 0px 4px 0px;
		font-family: Arial, Helvetica, sans-serif;
		/*font-size: 13px;*/
		color: #666;
		list-style-type: disc;
		margin-left: 0;
		line-height: 1.5em;
	}
	
#hold #footer #footerContent {
	position: relative;
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 15px;
	padding: 0px 16px;
	width: 940px;
	height: 118px;
	background: #f1f1ee;
}

/*** footer nav ***/
	#hold #footer #footerContent ul#footerNav {
		padding-top: 12px;
		margin:0px;
		font-family: arial, helvetica, sans-serif;
		white-space:nowrap;
		list-style-type:none;
		color:#088452;
	}

	#hold #footer #footerContent #footerNav li {
		background:none;
		float:left;
		display:inline;
		margin: 0px;
	}
	
	#footerNav li span.vbar {
		padding: 0px 14px;
	}
	
	#footerNav li:first-child {
		margin-left: -15px;
	}
	
	#footerNav li a {
		color:#009543; /*#088452;*/
		text-decoration:underline;
		font-weight: bold;
	}
	
	#footerNav li a:hover {
		color: #e47d1d;
		text-decoration:underline;
		font-weight: bold;
	}
	
	#footerNav ul
	{
	    margin: auto;
	}
	
/*** end footer nav ***/

#hold #footer #footerContent #footerLogo {
	position: absolute;
	top: 40px;
	right: 30px;
}

#hold #footer #footerBottomSpace {
	height:15px;
	width:10px;
	margin:0px;
	background: #fff;
}

.bottomBannerCTA{ width: 633px; height: 89px; padding: 55px 30px 0; position: relative; margin-top: 50px;}
.bottomBannerCTA p.first{ margin-top: 5px; }
.bottomBannerCTA .button{ position: absolute; bottom: 20px; right: 40px;}

#goutExpert{ background: transparent url(/hcp/images/goutExpertBg.gif) top left no-repeat;width:173px;height:216px; text-align: left; cursor: pointer;}
#goutExpert p{padding-top:55px;}
.signUpNow{width: 120px; height: 22px; display: block;margin-top:15px;padding-left:5px;}


/*********************************************************/
/***** FORM SPECIFIC STYLES (coming soon reg form) *******/
	
#hold #main_content #formContainer, #ctl00_MainBodyContent_pnlMainForm {
	position: relative;
	top: 50px;
	left: 0px;
	padding-bottom: 20px;
	width: 510px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#hold #main_content #registration_terms {
	margin: 60px 0 0 0;
}

#hold #main_content #submitBtn, #ctl00_MainBodyContent_btnSubmit {
	position: relative;
	left: 315px;
	top: 20px;
	padding: 0px;
	display: inline;
}

#hold #main_content #unsubscribeBtn {
	position: relative;
	left: 135px;
	top: 10px;
	margin-bottom: 60px;
	padding: 0px;
}

#role{ margin-bottom: 10px; }

.dropdownlist, .med_role {
	margin: 0px 0px 8px 0px;
	width: 312px;
	border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
}

.textfield {
	width: 160px;
	border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
}

.phonefield {
	width: 40px;
	border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
}

.zipfield {
	width: 70px;
	border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
}

.statefield {
	width: auto;
	border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
}

.fieldset {
	margin: 4px 0px;
	padding: 4px 0px;
}

.field_label {
	width: 150px;
	float: left;
}

.field_item {
	float: left;
	padding-top:13px;
}

.required_field {
	font-size: 14px;
    font-weight: bold;
	color: #f00; /* #e47d1d; #f88a1c; */
}
#field1
{
    margin-bottom: 15px;
}
/**************** Sign Up Page and Forms (coming soon reg form) ************/


/*           Registration Begin             */
.info_submit_btn{
	float: left;
	width:80px;
}
.submit_btn_text{
	float: left;
	width:200px;
	font-size:10px;
	border: 1px solid white;
}
.clear_form_btn{
	float: left;
	width:80px;
	padding-left:95px;	
}
/*           Registration End             */


.error {
    /* general in-line error message text */
   color:#f00 !important;
}
.error li{
    /* bullet-item errors (field names list) */
   font-weight: bold;
   color:#f00 !important;
   margin-bottom:inherit !important;
}

.option_checkbox, .option_radio{
	width: 25px;
	float: left;
	margin: 0 0 0 6px;
}
.option_text{
	width: 200px;
	padding: 13px 0px 3px 0px;
	float: left;
}
.submit_pad{
	padding: 10px 0 0 0;
	height:38px;
	margin-bottom: 20px;
}
.submit_pad img
{
    margin-top: -10px;
}

#email_label, #phone_label, #InstAf_label, #old_email_label, #new_email_label, #con_email_label, #address1_label, #address2_label, #city_label, #state_label, #zip_label, #fname_label, #lname_label{
	width: 150px;
	padding: 13px 10px 0px 0px;
	float: left;
}

#etp_your_name_label, #etp_email_label, #etp_friend_email_label, #etp_friend_name_label{
	width: 160px;
	padding: 3px 0px 0px 0px;
	float: left;
}


#_ctl0_ContentPlaceHolder2_lblQ49Self, #_ctl0_ContentPlaceHolder2_Label1Self{
    clear: both;
    display: block;
}
#_ctl0_ContentPlaceHolder2_cblHealthIssuesSelf, #_ctl0_ContentPlaceHolder2_cblHealthIssues{
    width:400px !important;
}
.useTable{
    width:575px;
    margin-right:100px;
    margin-bottom:20px;
}
#yes, #no{
    float:left;
}
#no{
    padding-left:20px;
}
#yes input{
    margin-left: 30px;
}
#no input{
    margin-left: 30px;
}
.paddingSpace{
    padding-bottom:100px;
}
select{
    width:140px;
    border: 1px solid #666666;
	color: #666666;
	font-size: 12px;
}
div.horizRule {
	background:#F1BF8D none repeat scroll 0 0;
	font-size:1px;
	height:1px;
	margin:20px auto;
	width:100%;
}

#faqs
{
    height:auto;
}

/* FAQ ACCORDIAN */
#FAQ_toggleAll {
    /* link to expand/hide all */
    float:right;
    margin-right:35px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.accordion .head {
	color:#3C8A68;
	cursor:pointer;
	margin-top:15px;
	width:472px;
}
.accordion .head {
	color:#3C8A68;
	cursor:pointer;
}
.accordion .head .top {
	background:transparent url(../../images/faq_head_top.gif) no-repeat scroll left top;
}
.accordion .head .mid {
	background:#E6F4EE url(../../images/faq_head_mid_closed.gif) no-repeat scroll left top;
	padding:0 55px 0 17px;
	width:533px;
	font-weight:bold;
}
.accordion .head .btm {
	background:transparent url(../../images/faq_head_btm_closed.gif) no-repeat scroll left top;
}
.accordion .head .top, .accordion .head .btm {
	font-size:0;
	height:8px;
	line-height:0;
	width:633px;
}
/* dont know why there are two of these so i'm comment this one - aaron 
.accordion .content {
	background:#F7F8F6 url(../../images/faq_content_btm.gif) no-repeat scroll left bottom;
	padding:10px;
	width:452px;
}
*/

.accordion .open .mid {
	background-image:url(../../images/faq_head_mid_open.gif) !important;
}
.accordion .open .btm {
	background-image:url(../../images/faq_head_btm_open.gif) !important;
}
.accordion .content {
	background:#F7F8F6 url(../../images/faq_content_btm.gif) no-repeat scroll left bottom;
	padding:10px;
	width:585px;
	overflow:hidden; 
	height:auto;
}
/* FAQ ACCORDIAN END */





/********** MEDIA PLAYER STYLES ************/
#videoPlayer{
    margin: 2px auto;
    border: 1px solid #457f9a;
}
#mediaplayer-controls{
    position: relative;
    width: 730px;
    overflow: visible;
    margin-bottom: 30px;

}

#mediaplayer-controls #isiLink
{
    float:left;
    margin: 0;
    font-size: 1.2em;
    margin-top: 10px;
}

    /*** back btn states ***/
    #mediaplayer-controls #back_btn{
        float:left;width: 40px;height: 38px;cursor: pointer;
        background: url(/images/vidPlayer_back.gif) no-repeat 0 0;
        margin-left: 90px;
    }
    #mediaplayer-controls #back_btn:hover{
        cursor: pointer;background: url(/images/vidPlayer_back.gif) no-repeat -45px 0px;
    }
    
    /*** play/pause states ****/
    #mediaplayer-controls #play_btn{
        float:left;width: 40px;height: 38px;cursor: pointer;
        background: url(/images/vidPlayer_play.gif) no-repeat 0 0;
    }
    #mediaplayer-controls #play_btn:hover{
        cursor: pointer;background: url(/images/vidPlayer_play.gif) no-repeat -45px 0px;
    }
    #mediaplayer-controls #play_btn.pause{
        width: 40px;height: 38px;cursor: pointer;
        background: url(/images/vidPlayer_pause.gif) no-repeat 0 0;
    }
    #mediaplayer-controls #play_btn.pause:hover{
        cursor: pointer;background: url(/images/vidPlayer_pause.gif) no-repeat -45px 0px;
    }
    
    /*** fwd btn states ***/
    #mediaplayer-controls #fwd_btn{
        float:left;width: 40px;height: 38px;cursor: pointer;
        background: url(/images/vidPlayer_fwd.gif) no-repeat 0 0;
    }
    #mediaplayer-controls #fwd_btn:hover{
        cursor: pointer;background: url(/images/vidPlayer_fwd.gif) no-repeat -45px 0px;
    }
    
    /*** mute/unmute btn states ***/
    #mediaplayer-controls #mute_btn{
        float:right;width: 40px;height: 38px;cursor: pointer;
        background: url(/images/vidPlayer_soundOn.gif) no-repeat 0 0;
        /* margin-left: 270px; -- commented by aaron.  not sure why this is here but it's pushign button to next line */
    }
    #mediaplayer-controls #mute_btn:hover{
        cursor: pointer;background: url(/images/vidPlayer_soundOn.gif) no-repeat -45px 0px;
    }
    #mediaplayer-controls #mute_btn.muted{
        width: 40px;height: 38px;cursor: pointer;
        background: url(/images/vidPlayer_soundOff.gif) no-repeat 0 0;
    }
    #mediaplayer-controls #mute_btn.muted:hover{
        cursor: pointer;background: url(/images/vidPlayer_soundOff.gif) no-repeat -45px 0px;
    }
    

#mediaPlayerCloseBtn {
    float:right;
    margin-right: 20px;
    margin-left: -20px;
    width: 25px;
    height: 25px;
    background: url(/images/thickbox_close.gif) no-repeat;
}
#mediaPlayerCloseBtn:hover {
    background: url(/images/thickbox_close_over.gif) no-repeat;
}
#mediaPlayerCloseBtn a.button {
    /*
    font-size: 11px;
    line-height: 10px;t
    font-weight: bold;
    text-decoration: none;
    color: #666 !important;
    padding: 2px 3px;
    border: 1px solid #666;
    background:#ccc;
    */
}

/************************************************/
/*clinical trials section on the efficacy page
/************************************************/
#clinicalTrials{width: 689px;  background: transparent url(../../images/effGreenBg.gif) repeat-y}
#ctTriggers{ height: 28px; margin-top:15px; margin-bottom:0;padding:0;}
#ctTabs{width: 671px; max-height: 282px; padding-left: 5px; position: relative; top:0; left:0;}
#ctFooterBg{ background: url(../../hcp/images/ctFooterBg.gif) no-repeat left bottom; width: 683px; height: 18px; }

#apex{position: absolute; z-index:1; top: 0; left:5}
#fact{position:absolute; z-index:2; top:0; left:5}
#confirms{position: absolute; z-index:3; top: 0; left:5}

/************************************************/
/*safety table chart styles
/************************************************/

table.chart { border:solid 1px #666666; border-bottom:none; border-right:none; margin:15px 0 0; width:610px; }
table.chart td, table.chart th { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:14px; padding:5px 8px; vertical-align:top; }
table.chart td.footnote { font-size:13px;line-height:12px; width:150px; color:#666666; }

.efficacyMore
{
    width:96px;
    height:30px;    
    background: transparent url(../../images/learnMoreSprite.gif) 0 0 no-repeat;
    position: relative;
    display: inline-block;
    margin: 0 62px;
    padding: 0;
}
.efficacyActive
{
    width:96px;
    height:30px; 
    background: transparent url(../../images/learnMoreSprite.gif) 0 -32px no-repeat;
    position: relative;
    display: inline-block;
    margin: 0 62px;
}
.ctTabsTop
{
    width: 671px;
    height: 11px;
    background: transparent url(../../images/efficacyTop.gif) 0 0 no-repeat;
    margin: 0;
    padding: 0;
}
.ctTabsBtm
{
    width: 671px;
    height: 11px;
    background: transparent url(../../images/efficacyBottom.gif) 0 0 no-repeat;
     margin: 0; 
     padding: 0;   
}

.ctTabsMid
{
    width:671px;
    height: 260px;
    background: transparent url(../../images/efficacyBg.gif) repeat-y;
    padding: 0 25px 0 25px;
      
}

.tab
{
    display: none;
}

.efficacyClose
{
    width:671px;
    height: 21px;
    text-align: right; 
    margin-bottom:15px;
}

.efficacyClose img
{
    float: right;
    margin-right:40px;
}

#ctBottom
{
 width:683px;
 height:17px;
 background: transparent url(../../images/effGreenBottom.gif) no-repeat;   
 }
 
 .ctContent
 {
     overflow: auto;
     width: 632px;
     height: 200px;     
}
.ctContent .footnote
{
    width:500px;
}

.ctContent img
{
    margin-top: 10px;
}
#ctFooter
{
    width:660px;
    margin-left:10px;
}

.effH1
{
    margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 18px; /*12px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; /*12px;*/
	color: #088452;
	display:block;
	font-weight:bold;
}

.effH2
{
    margin: 0px;
	padding: 0px;
	padding-top: 10px;
	line-height: 16px; /*12px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; /*12px;*/
	color: #000;
	display:block;
	font-weight:bold;
}

.effH3
{
    margin: 0px;
	padding: 4px 0 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; /*12px;*/
	color: #000;
	display:block;
	font-weight:bold;
}

#ef1{left:41px}
#ef2{left:32px}
#ef3{left:22px;}
.black
{
    color: #000;
}

.ctFootnote
{
    font-size: 13px;
    display:block;
    color: #666666;
    line-height: 1.2em;
  
}

.ctFootnote, .ctContent .footnote{ margin-top:5px;}

.black .footnote-left, greenBullet
{
    color: #666666;
}

/* LIST STYLES */
ul {
	margin: 0px;
	margin-left: 22px;
}

li {
	padding: 6px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 24px;
	color: #666666;
}

li span.colorSwap 
{
    color: #666666;
    line-height: 1.5em;
}

ul.generalList, ul.genearlList, #content_fullwidth ul {
	margin-left: 0;
	margin-right: 0;
	list-style-type:none;
}

ul.genearlList ul li, #content_fullwidth ul li,  #inner_content ul li{
	padding: 0;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: disc;
	color: #219449;
	line-height: 1.5em;
}
.center
{
    margin: auto;
    text-align: center;
    width:600px;
    overflow: visible;
}

.profile-img
{
    float: left; 
    width: 275px; 
    text-align: right;
}
.profile-list
{
    float: left; 
    width: 400px; 
    padding: 10px; 
}
.footnote-left
{
    float:left;
    vertical-align:top;
    width: 8px;
    text-align: left;  
    font-size: 13px;
      
}

.ctContent .footnote-left, .ctContent .footnote .footnote-left{margin-top: -3px;}
.footnote-right
{
    width: 650px;
    color: #666666;
    line-height: 1.2em;
    font-size: 13px;
    margin-left:8px;
    
}

.smallSup{
    font-size: .75em;
    top: -5px;
}

.smallSup.efficacy {
 color: #666;
}

.footnote-right-sub
{  
    width: 480px;
    line-height: 1.2em;
}
.footnote-right-sub2
{
    width: 480px;
    line-height: 1.2em;
    margin-left: 8px;
}
.footnote-right-faq
{
    width: 500px;
    color: #666666;
    font-size: 13px;
    line-height: 1.2em;
    margin-left: 8px;
}
.footnote-right-faq2
{
    width: 480px;
    color: #666666;
    font-size: 13px;
    line-height: 1.2em;
    margin-left: 8px;
}
.clear
{
    clear: both;
}
.nomargin-list ul
{
    margin-left: -10px;
    margin-bottom: 40px;
}

.sitemap li{
	list-style-type: none !important;
}
.sitemap li.primary{
	margin-bottom:13px;
}
.sitemap .secondary{
	margin-top:0px;	
}

.divider
{
    width: 724px;
    height: 26px;
    display: block;
    margin: 0;
    padding: 0;
    background: #fff url(/hcp/images/greenDotsBar.gif) no-repeat;
}

.sub
{
    font-size:.75em;
    margin-bottom:-10px;
}