/* smihealthmedia.com global css - written by Chris Dapkiewicz - © 2008 - 2009 SMI, Inc.*/

*, html, body {margin:0;padding:0;}
body {background-color:#f2f2f2;font:normal 14px/18px Arial, Helvetica, sans-serif;color:#444444;}

/*Header and top navigation CSS */
#headerHomeWrapper {background:transparent url('images/header-home-background.gif') repeat-x left top;height:362px;}
#headerInteriorWrapper {background:transparent url('images/header-background.gif') repeat-x left bottom;height:260px;}
#headerCol {width:800px;margin:0 auto;}
#headerCol #logoImg {float:left;width:112px;margin-left:100px;display:block;position:relative;}
#headerCol #headerNavBar {float:right;position:relative;}
#headerCol #headerNavBar a {text-decoration:none;float:left;display:block;color:#444444;font-weight:bold;font-size:12px;text-align:center;width:100px;background-color:#e1f3fb;padding:8px 0;margin:0 1px;}
#headerCol #headerNavBar a:hover {color:White;background-color:#27a8e1;}
#headerCol #headerNavBar a.leftCorner {background:transparent url('images/head-nav-corners.gif') no-repeat left bottom;}
#headerCol #headerNavBar a.leftCorner:hover {background-position:-281px bottom;background-color:Transparent;}
#headerCol #headerNavBar a.rightCorner {background:transparent url('images/head-nav-corners.gif') no-repeat -181px bottom;}
#headerCol #headerNavBar a.rightCorner:hover {background-position:right bottom;}

#homeThreeBoxes {clear:both;width:790px;margin-left:20px;padding-top:25px;}
#pageNav {clear:both;width:790px;margin-left:20px;padding-top:25px;}
#homeThreeBoxes a {text-decoration:none;float:left;display:block;width:224px;margin-right:4px;padding:12px 15px;height:218px;}
#homeClinical {background:url('images/clinical-trials-home.jpg') no-repeat left top;}
#homeThreeBoxes a:hover {background-position:-254px top;}
.clinicalHeadline, .pharmaHeadline, .vetHeadline {font:normal 20px Georgia, 'Times New Roman', serif;color:#000000;}
.clinicalText, .vetText {color:#26a8e0;font-style:italic;}
.clinicalStart {font-weight:bold;text-decoration:underline;font-size:12px;color:#444444;}
#homePharma {background:url('images/pharma-home.jpg') no-repeat left top;}
#homeThreeBoxes a:hover .pharmaStart, #homeThreeBoxes a:hover .clinicalStart, #homeThreeBoxes a:hover .vetStart {text-decoration:none;} 
.pharmaText {color:White;font-style:italic;}
.pharmaStart {font-weight:bold;text-decoration:underline;color:White;font-size:12px;}
#homeVet {background:url('images/vet-home.jpg') no-repeat left top;padding-top:35px !important;height:198px !important;}
.vetStart {color:#26a8e0;font-weight:bold;text-decoration:underline;font-size:12px;}

#pageNavLeft {float:left;width:550px;}
#pageNav h3 {margin-bottom:18px;}
#pageNav a {color:#ffffff;font-size:12px;font-weight:bold;display:block;float:left;width:250px;margin:2px 0;padding-left:25px;background:url('images/white-arrow.png') no-repeat left 5px;}
#pageNav a:hover {text-decoration:none;color:#27a8e1;background:url('images/blue-arrow.png') no-repeat left 3px;}

#twoColWrapper {width:800px;margin:0 auto;padding:20px 20px 0px 17px;}

/* mainCol CSS - Content area */
#mainCol {float:right;width:535px;padding:0 20px;line-height:22px;}
#mainCol p {margin:18px 0;}
#mainCol h1 {font-size:18px;margin-bottom:18px;}
#mainCol h2 {font-size:16px;margin-bottom:18px;}
#mainCol h3 {font-size:14px;margin-bottom:18px;}
#mainCol li {margin:9px 0 9px 40px;}
#mainCol ul {margin:18px 0;list-style-image:url('images/blue-arrow.png');}
#mainCol a {color:#26a8e0;text-decoration:none;border-bottom:1px dotted #26a8e0;}
#mainCol a:hover {text-decoration:none;border-bottom-style:solid;background:#f2f3c8;}
#mainCol .poc-page-images {display:block;width:150px;margin:0 10px;float:left;clear:left;}
#mainCol .poc-page-wrapper {clear:left;width:100%;padding:9px 0;}
#mainCol .whiteLink {color:White !important;text-decoration:underline;}
#mainCol .physList {display:block;width:160px;float:left;margin:3px;background:#f2f3c8;padding:2px;}
#mainCol .footnotes {font-size:10px;}


/* LeftCol CSS */
#leftCol {float:left;width:190px;padding-left:20px;}
#topTenButton {display:block;background:url('images/top-ten-button.jpg') no-repeat left top;padding:10px 20px;text-decoration:none;color:#444444;}
.topTenText{font:normal 16px/22px Georgia, "Times New Roman", serif;color:#444444;}
.topTenLink {text-decoration:underline;font-weight:bold;}
#topTenButton:hover .topTenLink {text-decoration:none;}

#contactButton {text-align:center;display:block;background:url('images/contact-button.jpg') no-repeat left top;padding:22px 5px;text-decoration:none;color:#444444;}
#contactButton:hover .contactEmail {text-decoration:none;}
.contactPhone {font:normal 14px Arial, Helvetica, sans-serif;color:#ffffff;font-weight:bold;}
.contactEmail {color:#ffffff;text-decoration:underline;font-weight:bold;font-size:12px;}

#twitter-button {display:block;width:190px;height:102px;margin:9px 0px;}

#leftColImage {margin-bottom:36px;}
#leftColImage .caption {font:italic 10px Georgia, "times New Roman", serif;margin-top:-35px;display:block;text-align:center;padding:0 5px;}

#requestInfoButton {display:block;background:url('images/request-info-background.gif') no-repeat left top;padding:20px 20px 30px 20px;text-decoration:none;color:#444444;margin-bottom:18px;}
.requestInfoHeadline{font:normal 18px/22px Georgia, "Times New Roman", serif;color:#444444;text-decoration:underline;text-align:center;}
.requestInfoText {text-decoration:underline;font-weight:bold;}
#requestInfoButton:hover .requestInfoText {text-decoration:none;}

#leftCol #newsLeftCol p {margin-bottom:18px;}
#leftCol #newsLeftCol a {color:#26a8e0;border-bottom:1px dotted #26a8e0;text-decoration:none;}
#leftCol #newsLeftCol a:hover {background:#f2f3c8;border-bottom-style:solid;}


#leftCol #leftColLearnNav {margin:18px 0;}
#leftCol #leftColLearnNav h3 {font:normal 16px Georgia, 'Times New Roman', serif;margin-bottom:18px;}
#leftCol #leftColLearnNav ul {list-style:none;}
#leftCol #leftColLearnNav a {color:#26a8e0;border-bottom:1px dotted #26a8e0;text-decoration:none;}
#leftCol #leftColLearnNav a:hover {border-bottom-style:solid;background:#f2f3c8;}
/*/ ---------------------------------------------
    New leftCol CSS
    created 10.6.2009 - Chris Dapkiewicz
    --------------------------------------------- /*/
    #leftCol h3 {font-size:14px;text-align:center;background:#d6d6d6;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;padding:9px 0px;}
    #leftCol ul {list-style:none;}
    #leftCol ul li {border-bottom:1px solid #b5b5b5;}
    #leftCol ul li a {display:block;padding:8px 5px 8px 40px;color:#26A8E0;}
    #leftCol ul li a:hover {background-color:#F2F3C8;text-decoration:none;}
    #leftCol a.twitterIcon {background:transparent url('images/twitter-icon-2.png') no-repeat left center;}
    #leftCol a.pdf-icon {background:transparent url('images/pdf-icon.png') no-repeat left center;}
    #leftCol a.email-icon {background:transparent url('images/email-icon.png') no-repeat left center;}
    #leftCol a.info-icon {background:transparent url('images/info-icon.png') no-repeat left center;}
    
    #leftCol #newsLeftCol ul li {padding-left:5px;padding-top:5px;}
    #leftCol #newsLeftCol ul li a {padding-top:3px;padding-left:5px !important;border-bottom:none;}
    #leftCol #newsLeftCol ul li a:hover {border-bottom:none;}
    
/* CenterCol CSS - Secondary nav and contact forms */
#centerCol {clear:both;margin:20px 0;}
.centerHome {background:url('images/home-second-nav.jpg') no-repeat left top;padding:20px;}
.centerHome h3 {font-size:16px;}
.centerHome a {color:#26a8e0;font-weight:bold;}
.centerHome a:hover {text-decoration:none;}
.centerHome p {margin:18px 0;}

/*Form Css */
.pageForm {background:transparent url('images/form-back-repeat.gif') repeat-y left top;width:800px;}
.pageFormTop {background:transparent url('images/form-back-top.gif') no-repeat left top;}
div.pageFormBottom {background:transparent url('images/form-back-bottom.gif') no-repeat left bottom;padding:20px;}

.pageForm h3 {color:#26a8e0;text-align:center;margin-bottom:36px;}
.pageForm legend {font-weight:bold;font-size:14px;margin-bottom:18px;}

.leftColForm {float:left;border:none;width:48%;}
.leftColForm dt {float:left;text-align:right;padding:5px 5px 0px 5px;width:80px;clear:left;margin:9px 0px 3px 0px;}
.leftColForm dd {float:left;padding:5px;margin:3px 0;width:240px;font-weight:bold;font-size:16px;}
.leftColForm input {color:#444444;padding:3px;font:normal 14px Arial, Helvetica, sans-serif;}
.leftColForm dd .wideInput {width:210px;}
.leftColForm dd .phoneInput {width:115px;}
.leftColForm dd .zipInput {width:50px;}
.leftColForm dd.stateDD {width:240px;padding-top:10px;}
.leftColForm dt.zipDT {}
.leftColForm dd.zipDD {}
.pageForm dd span.validation {position:absolute;font-size:12px;background:transparent url('images/validation-background.png') no-repeat left top;color:#ffffff !important;padding:8px 20px 8px 20px;margin-left:-195px;margin-top:-5px;width:160px;text-align:right;}

.rightColForm {float:right;border:none;width:48%;}
.rightColForm dt {margin:6px;}
.rightColForm dd {margin:6px 6px 6px 40px;}
.rightColForm dd .commentBox {width:300px;padding:5px;font:normal 14px Arial, Helvetica, sans-serif;color:#444444;height:200px;}
.rightColForm dd#CommentsDD {display:none;}
.rightColForm #showCommentsDD {color:#444444;text-decoration:none;font-weight:bold;display:block;padding:5px 0 5px 35px;background:transparent url('images/expand-button.jpg') no-repeat left top;}

/* LeftColumn Contact Form */
#leftCol fieldset {border:none;}
#leftCol legend {font-weight:bold;}
#leftCol dt {margin:3px 0;font-size:12px;}
#leftCol dd {font-weight:bold;margin:3px 0;font-size:16px;}
#leftCol dd .input {width:150px;color:#444444;padding:2px;}
#leftCol dd span.validation {position:absolute;font-size:12px;background:transparent url('images/validation-background-left.png') no-repeat left top;color:#ffffff !important;padding:8px 20px 8px 20px;margin-left:-20px;margin-top:-5px;width:160px;text-align:right;}
#leftCol fieldset p {margin:9px 0;}

#Programs {/*float:left;width:48%;margin-right:2%*/border-top:1px solid #b5b5b5;padding-top:18px;}
#Programs ul li, #Education ul li {width:200px;float:left;margin-top:4px;margin-bottom:4px;padding:0px;}
#Education {/*float:right;width:48%;margin-left:2%;*/}
.textLink-center {float:left;width:48%;font-size:12px;display:block;margin:2px 0;}


/* Footer CSS &*/
#footerWrapper {width:100%;background:url('images/footer-background.gif') repeat-x left top;clear:both;margin-top:20px;}
#footer {width:800px;margin:0 auto;padding: 0;color:#ffffff;font-size:12px;}
#footer a {color:#ffffff;font-weight:bold;text-decoration:none;}
.footerColLink {display:block;padding:5px 0 5px 20px;background:url('images/white-arrow.png') no-repeat left center;}
#footer a:hover {color:#f3f71e;}
#footerColOne {width:33%;float:left;}
.footerColOneHeading {background:url('images/footerCol1Heading.gif') no-repeat left top;display:block;width:200px;text-align:center;padding:10px 0;}
#footerColTwo {width:33%;float:left;}
.footerColTwoHeading {background:url('images/footerCol2Head.gif') no-repeat left top;display:block;width:238px;text-align:center;padding:10px 0;}

#footerColThree {width:33%;float:left;}
.footerColThreeHeading {background:url('images/footerCol3Head.gif') no-repeat left top;display:block;width:221px;text-align:center;padding:10px 0;}

#companyFooter {width:650px;margin:0 auto;text-align:center;color:#444444;font-weight:bold;font-size:12px;padding:10px 0;}
#companyFooter a {color:#26a8e0;text-decoration:none;border-bottom:1px dotted #26a8e0; display:block;float:left;margin:0 10px;}
#companyFooter a:hover {border-bottom:1px solid #26a8e0;background:#F2F3C8;}
#companyFooter span {display:block;float:left;margin:0 10px;}
/* Pharma Page */
#pharmaPage {text-decoration:none;float:left;display:block;width:189px;margin-right:4px;padding:12px 15px;height:155px;background:url('images/pharma-section-head.jpg') no-repeat left top;}
/* Clinical Page */
#clinicalPage {text-decoration:none;float:left;display:block;width:189px;margin-right:4px;padding:12px 15px;height:155px;background:url('images/clinical-section-head.jpg') no-repeat left top;}
/* Vet Page */
#vetPage {text-decoration:none;float:left;display:block;width:189px;margin-right:4px;padding:12px 15px;height:155px;background:url('images/clinical-section-head.jpg') no-repeat left top;}
/* Other Pages */
#otherPage {text-decoration:none;float:left;display:block;width:189px;margin-right:4px;padding:12px 15px;height:155px;background:url('images/other-section-head.png') no-repeat left top;}


/* Page Navigation Clues */
/* Company Nav */
#pageNavLeft.about a.pnl-1, #pageNavLeft.contact a.pnl-2, #pageNavLeft.news a.pnl-3, #pageNavLeft.support a.pnl-4, #pageNavLeft.paper a.pnl-2, #pageNavLeft.panels a.pnl-3, #pageNavLeft.mobile a.pnl-4, #pageNavLeft.tissues a.pnl-5, #pageNavLeft.digital a.pnl-6, #pageNavLeft.interactive a.pnl-7, #pageNavLeft.overview a.pnl-1, #pageNavLeft.roi a.pnl-2, #pageNavLeft.network a.pnl-3, #pageNavLeft.top10 a.pnl-4 {text-decoration:none;color:#27a8e1;background:url('images/blue-arrow.png') no-repeat left 3px;}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
/* ======== Top 10 Things formatting //Dave Hanas========= */
 #TopTenList {
		float: left;/* This margin will be hidden from IE 6 & therefore propperly rendered in all major new browsers. Yeah:) ;*/
		margin-left /**/: -20px !important;/* This margin on the other hand WILL BE SEEN by IE 6 & therefore used when rendering the slidingPanel box. Yeah as well:) ;*/margin-left: -10px;margin-right: -40px;color: #666666;}
 
 #TopTenList .BlueArrowBox {background-color: #D9ECFA;width: 81px;height: 12px;display: block;float: left;}
#TopTenList .BlueShadowBox {background-color: #F7FBFE;width: 516px;height: 12px;display: block;float: left;}
#TopTenList .NumberBox {background-color: #D9ECFA;text-align: center;font-weight: bold;	font-size: 52px;line-height: 52px;color: #289ED8;width: 81px;height: 66px;	display: block;	float: left;padding-top: 5px;}
#TopTenList .FactBox {background-color: #F7FBFE;height: 71px;width: 516px;display: block;float: left;}
#TopTenList .FactBox p {margin: 0px;padding-left: 15px;padding-right: 25px;}
#TopTenList .TopTenFooter {	padding-top: 5px;background-color: #26A8E0;display: block;float: left;width: 597px;color:#FFFFFF;}
#TopTenList .TopTenFooter p {margin: 0px;padding-left: 43px;font-size: 14px;font-weight: bold;}
#TopTenList .TopTenFooter img {	display: block;	float: right;border: none;padding-right: 40px;}	
#TopTenList .BookMarkFooter {padding-top: 10px;	display: block;	float: left;margin-left: 43px;}
#TopTenList .BookMarkFooter h3 {font-size: 14px;border-bottom: 1px dotted #000000;}

/* Ajax content Pop-ups */
/* mainCol CSS - Content area */
html body div#TB_ajaxContent {background:#F2F2F2;}
#ajaxCol {width:540px;padding:20px;color:#444444;background:#F2F2F2;}
#ajaxCol p {margin:18px 0;}
#ajaxCol h1 {font-size:18px;margin-bottom:18px;}
#ajaxCol h2 {font-size:16px;margin-bottom:18px;}
#ajaxCol h3 {font-size:14px;margin-bottom:18px;}
#ajaxCol li {margin:9px 0 9px 40px;}
#ajaxCol ul {margin:18px 0;list-style-image:url('images/blue-arrow.png');}
div#TB_ajaxContent div#ajaxCol a {color:#26a8e0;text-decoration:none;border-bottom:1px dotted #26a8e0;}
div#TB_ajaxContent div#ajaxCol a:hover {text-decoration:none;border-bottom-style:solid;background:#f2f3c8;}

#ajaxCol .physList {display:block;width:160px;float:left;margin:3px;background:#f2f3c8;padding:2px;}