/*default.style.css*/
/*universal styles*/
/*  /common/includes/css/default.style.css  */

body
{
        /*background-image: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/puzzle_pieces_jpg-1404248574);*/
        /*background-repeat: repeat;*/
        background-color: #CCCCCC;
        color: #000000;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}

img
{
        border: none;
}

form
{
	margin:0;
	padding:0;
}

/*use these for expandable tables*/
table.bodyresize {width: 100%; min-width: 300px; }
table.allresize {width: 100%; }
table.allresize_outer {width: 100%; } 

/*use these for static placement*/
/*table.bodyresize {width: 375px;}table.allresize {width: 770px;}table.allresize_outer {width: 770px; padding: 10px; } */

td.sidebgcolumn {width: 130px;}td.rightbgcolumn {width: 130px;}

td.centercolumn {background-color: #FFFFFF;vertical-align: top;}

td.homefeaturedcolumn {width: 260px;}

input, textarea, text, select {font: 11px Verdana, Arial, Helvetica, sans-serif;}

a, a:active, a:link {color: #336666; }
a:hover, a:visited {color: #333333; }

.advertisement {color: #333333;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 9px;text-align: right;padding-top: 4px;padding-bottom: 4px;}#mainnav {background-color: #CCCCCC;}.nav {color: #333333;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 12px;text-align: center;padding-top: 8px;padding-bottom: 8px;border-width: thin;border-color: #FFFFFF;border-style: solid;}.nav A {color: #333333; text-decoration: none;}.nav A:link {color: #333333; text-decoration: none;}.nav A:visited {color: #333333; text-decoration: none;}.nav A:hover {color: #336666; text-decoration: none;}.sub-nav {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; vertical-align: top;}.sub-nav A {color: #333333; text-decoration: none;}.sub-nav A:link {color: #333333; text-decoration: none;}.sub-nav A:visited {color: #333333; text-decoration: none;}.sub-nav A:hover {color: #336666; text-decoration: none;}.graytext {color: #333333;}.footer {        font-family: Verdana, Arial, Helvetica, sans-serif;        font-size: 10px;        color: #333333;        background-color: #FFFFFF;        text-align: center;}.footer A {color: #333333; text-decoration: none;}.footer A:link {color: #333333; text-decoration: none;}.footer A:visited {color: #333333; text-decoration: none;}.footer A:hover {color: #336666; text-decoration: underline;}

p, .doc, td {color: #000000;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px;line-height: 145%; }

p A, h1 A {color: #333333; text-decoration: none;}
p A:link, h1 A:link {color: #336666; text-decoration: none;}
p A:visited, h1 A:visited {color: #336666; text-decoration: none;}
p A:hover, h1 A:hover {color: #336666; text-decoration: underline;}

.bodyresize li{ margin-left: 15px; padding-left: 0; color: #000000;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px;line-height: 145%; }

/*these definitions of li.doc are for the javascript dropdown menus*/
ul.doc { margin-left: 0; padding-left: 0; list-style-type: square; }

li.doc { margin-left: 15px; padding-left: 0; color: #000000;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px;line-height: 145%; }
li.doc A {color: #333333; text-decoration: none;}
li.doc A:link {color: #336666; text-decoration: none;}
li.doc A:visited {color: #336666; text-decoration: none;}
li.doc A:hover {color: #336666; text-decoration: underline;}

dt, dd
{
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size: 11px;
       /*line-height: 145%; */
}


/*homepage styles*/

#picture_hm
{
        height:45px;
        width:45px;
        overflow:hidden;
}

#picture_ci
{
        border:thin;
        max-width:235px;
        /* IE doesn't support max-width - but this works http://www.svendtofte.com/code/max_width_in_ie/ */
        width:expression(document.body.clientWidth > 235? "235px": "auto" );
        /*width:expression(this.width > 235? "235px": "auto" );*/
        float:left;
        padding-top:10px;
        padding-right:10px;
        padding-bottom:10px;
}

#picture_ci_lex
{
        border:thin;
        max-width:235px;
        /* IE doesn't support max-width - but this works http://www.svendtofte.com/code/max_width_in_ie/ */
        width:expression(document.body.clientWidth > 235? "235px": "auto" );
        /*width:expression(this.width > 235? "235px": "auto" );*/
        /*float:left;*/
        padding-top:10px;
        padding-right:10px;
        padding-bottom:10px;
}

#picture_d_left
{
        border:thin;
        max-width:235px;
        width:expression(document.body.clientWidth > 235? "235px": "auto" );
        float:left;
        padding-top:10px;
        padding-right:10px;
        padding-bottom:10px;
}

#picture_d_right
{
        border:thin;
        max-width:235px;
        width:expression(document.body.clientWidth > 235? "235px": "auto" );
        float:right;
        padding-top:10px;
        padding-left:10px;
        padding-bottom:10px;
}

#scroll
{
        max-height: 105px;
        height:expression(this.scrollHeight > 105? "105px" : "auto" );
        width:inherit;
        overflow:auto;
}

#scroll2
{
	max-height: 300px;
	height:expression(this.scrollHeight > 300? "300px" : "auto" );
	width:inherit; 
	overflow:auto;
}

#scroll_carelist
{
	max-height: 200px;
	height:expression(this.scrollHeight > 200? "200px" : "auto" );
	width:auto;
	overflow:auto;
}

table.searchresult
{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 145%;
}
tr.searchresult_oddrow { background-color:#FFFFFF; }
tr.searchresult_evenrow { background-color:#EDEDED; }

#scroll_featclin
{
	max-height: 100px;
	height:expression(this.scrollHeight > 100? "100px" : "auto" );
	width:inherit;
	overflow:hidden;
}

#scroll_advanced_clin
{
	max-height: 220px;
	height:expression(this.scrollHeight > 220? "220px" : "auto" );
	width:inherit;
	overflow:auto;
}


#scroll_care_results
{
	max-height: 300px;
	height:expression(this.scrollHeight > 300? "300px" : "auto" );
	width:inherit;
	overflow:auto;
	border-style:solid;
	border-width:thin;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	margin-right: 10px;
}

#box1
{
        border-width: thin;
        border-color: #336666;
        border-style: solid;
}

#box2
{
        border-width: thin;
        border-color: #333333;
        border-style: solid;
        background-color: #FFFFFF;
        /* max-width:530px; */
        /* IE doesn't support max-width - but this works http://www.svendtofte.com/code/max_width_in_ie/ */
        /*width:expression(document.body.clientWidth > 520? "520px": "auto" );*/
}

/* mcd 20100916 eliminated this line. interferred with other color schemes for page. used in topic home main column */
/* .box2divider {        background-color: #FFFFFF;        border-bottom: 1px solid #FFFFFF;        } */

#box3 {background-color: #EFEFEF;}

#list0 {background-color: #EFEFEF;}

.header1
{
        background-color: #336666;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: left;
        text-transform: uppercase;
}
.header1 A, .header1 A:link, .header1 A:visited, .header1 A:hover {color: #FFFFFF;}
.header2
{
        background-color: #333333;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: left;
        text-transform: uppercase;
}
.header2 A, .header2 A:link, .header2 A:visited, .header2 A:hover {color: #FFFFFF;}

.header2lite {        background-color: #333333;        color: #FFFFFF;        font-weight: normal;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 10px;        text-align: right;        text-transform: lowercase;}

.textbox1 {        background-color: #DCEEEE;        color: #000000;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 11px;        text-align: left;        }.textbox1 A {color: #336666; text-decoration: underline;}.textbox1 A:link {color: #336666; text-decoration: underline;}.textbox1 A:visited {color: #336666; text-decoration: underline;}.textbox1 A:hover {color: #333333; text-decoration: none;}.textbox2 {        background-color: #FFFFFF;        color: #333333;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 11px;        }        .textbox2 A {color: #336666; text-decoration: underline;}.textbox2 A:link {color: #336666; text-decoration: underline;}.textbox2 A:visited {color: #336666; text-decoration: underline;}.textbox2 A:hover {color: #333333; text-decoration: none;} .textbox2 p {margin-top: 10px; margin-bottom: 10px; float:left; clear:both;}       .adbox {        background-color: #DCEEEE;        color: #000000;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 11px;        text-align: center;        }
/* mcd 20100610-override default css file 'textbox2 p' for topics resource box which is also textbox2  o/w the hierarchic topic display is not good on mozilla*/
#topicscenterinnerbox p {float: none; clear: none;}

p.sidebar {
        color: #336666;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 10px;
        padding: 6px;
        line-height: 145%;
}
/* mcd 20091002- added display: block to '.sidebar A'.  normally done by .sidebarspacer but google translate deletes those span tags during translation and then the sidebar link all run together */
.sidebar A {display:block; color: #336666; text-decoration: underline;}
.sidebar A:link {color: #336666; text-decoration: underline;}
.sidebar A:visited {color: #336666; text-decoration: underline;}
.sidebar A:hover {color: #333333; text-decoration: none;}

li.sidebar {list-style-type: none;}        
#topicpic {        padding: 2px;        }             

h1, h2, h3, h4
{
	display:inline;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1
{
	display:inline;
	/* color: #336666; */
	font-weight: bold;
	/* font-size: 11px; */
	font-size: 1.3em;
}


h1, .editorialtitle 
{
       /* color: #336666; */
        font-family: Verdana, Helvetica, Arial, sans-serif;
       /* font-weight: bold; */
	font-weight: normal;
}       

.editorialtitle 
{
	 font-size: 11px;  
}

h2
{
	font-weight: bold;
	font-size: 1.2em;
}

h3
{
	font-weight: normal; 
	font-style: italic;
	font-size: 1em;
}

#editorialpic {padding: 2px; margin-top: 5px; } 
/* imageonly feature */
.editorialimgonly img {width: 245px;}  
/* imageonly teaser in resource menus */
.sidebar img {width: 190px;}

.advicedate {        color: #333333;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 10px;        }       

/*article page only styles*/

.articleheader {        background-color: #336666;        color: #FFFFFF;        font-weight: bold;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 14px;        text-align: left;        text-transform: uppercase;}

#resourcebox {        border-width: thin;        border-color: #333333;        border-style: solid;        background-color: #FFFFFF;        margin-left: 10px;        margin-top: 10px;        margin-bottom: 10px;  width: 240px;	}

#resourcebox_ci {        border-width: thin;        border-color: #333333;        border-style: solid;        background-color: #FFFFFF;}

.resourcetitle {        color: #336666;        font-weight: bold;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 12px;}
.resourcetitle_ci {        color: #336666;        font-weight: normal;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 10px; }


li.resourcetitle {margin-left: 0px;}

li.resource {list-style-image: url(images/blackpixel.gif);}

.items {        color: #333333;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 11px;        text-decoration: none;        line-height: 130%;}

.items_ci {        color: #333333;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 10px;        text-decoration: none;        line-height: 130%;}

.items_small
{
        color: #333333;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 8px;
        text-decoration: none;
        height: 348px;
        overflow: auto;
}


#relatedtopicsbox {        border-width: thin;        border-color: #333333;        border-style: solid;        background-color: #FFFFFF;        margin-left: 10px;        margin-top: 10px;        margin-bottom: 10px;}.relatedtopicsbox A {color: #000000; text-decoration: none;}.relatedtopicsbox A:link {color: #000000; text-decoration: none;}.relatedtopicsbox A:visited {color: #000000; text-decoration: none;}.relatedtopicsbox A:hover {color: #000000; text-decoration: underline;}

td.topicheader
{
        background-color:#336666;
        color:#FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
}

a.topicheader:link
{
        background-color: #336666;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:active
{
        background-color: #336666;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
}

a.topicheader:visited
{
        background-color: #336666;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:hover
{
        background-color: #336666;
        color: #FFFFFF;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
}


.topictitle {        color: #336666;        font-weight: bold;        font-family: Verdana, Helvetica, Arial, sans-serif;     font-size: 14px;        padding-top: 5px;}        

.topictitle A {color: #336666; text-decoration: underline;}.topictitle A:link {color: #336666; text-decoration: underline;}.topictitle A:visited {color: #336666; text-decoration: none;}.topictitle A:hover {color: #333333; text-decoration: none;}.byline {        color: #000000;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 12px;        font-style: italic;}/* styles for the tree */span.TreeviewSpanArea  {        font-size: 11px;         font-family: Verdana, Helvetica, Arial, sans-serif;        text-decoration: none;        color: #000000;   }span.TreeviewSpanArea A {        font-size: 11px;         font-family: Verdana, Helvetica, Arial, sans-serif;        text-decoration: none;        color: #000000;   }span.TreeviewSpanArea A:hover, A:link {        color: #000000;        text-decoration: none;   }  /*styles for topic center page */.featuredtopicstitle {        font-family: Verdana, Arial, Helvetica, sans-serif;        font-size: 16px;        font-weight: bold;        color: #333333;        padding-top: 5px;}.topiccentertitle {        font-family: Verdana, Arial, Helvetica, sans-serif;        font-size: 14px;        font-weight: bold;        color: #333333;}        .topiccentersubtitle {        font-family: Verdana, Arial, Helvetica, sans-serif;        font-size: 12px;        font-weight: bold;        color: #666666;}.topiccentersubtitle A {color: #666666; text-decoration: none;}.topiccentersubtitle A:link {color: #666666; text-decoration: none;}.topiccentersubtitle A:visited {color: #666666; text-decoration: none;}.topiccentersubtitle A:hover {color: #336666; text-decoration: none;}.topicresources {        font-family: Verdana, Arial, Helvetica, sans-serif;        font-size: 11px;        color: #336666;        padding-left: 30px;}

/* topiccenterbox is the resource box in topic center pages */





#topicscenterbox, .topicscenterbox
{
        width: 240px;	
        border-width: thin;
        border-color: #333333;
        border-style: solid;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
}

.topicscenterbox A {color: #000000; text-decoration: none;}
.topicscenterbox A:link {color: #000000; text-decoration: none;}
.topicscenterbox A:visited {color: #000000; text-decoration: none;}
.topicscenterbox A:hover {color: #000000; text-decoration: none;}

#topicscenterinnerbox
{
        padding-left: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-right: 10px;
}

/* special case of topiccenterbox for center_index - no margin padding! */
#topicscenterbox_ci {        border-width: thin;        border-color: #333333;        border-style: solid;}
.topicscenterbox_ci A {color: #000000; text-decoration: none;}
.topicscenterbox_ci A:link {color: #000000; text-decoration: none;}
.topicscenterbox_ci A:visited {color: #000000; text-decoration: none;}
.topicscenterbox_ci A:hover {color: #000000; text-decoration: none;}




/*alt header styles*/#altlogo {margin: 5px;}#altmainnav {background-color: #CCCCCC;margin-top: 10px;}.altnav {color: #333333;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 10px;font-weight: bold;text-align: center;padding-top: 8px;padding-bottom: 8px;border-width: thin;border-color: #FFFFFF;border-style: solid;}.altnav A {color: #333333; text-decoration: none;}.altnav A:link {color: #333333; text-decoration: none;}.altnav A:visited {color: #333333; text-decoration: none;}.altnav A:hover {color: #336666; text-decoration: none;}.altsub-nav {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; vertical-align: top;}.altsub-nav A {color: #333333; text-decoration: none;}.altsub-nav A:link {color: #333333; text-decoration: none;}.altsub-nav A:visited {color: #333333; text-decoration: none;}.altsub-nav A:hover {color: #336666; text-decoration: none;}

.topicbody {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        background-color: #FFFFFF;
        text-align: left;
        padding-top: 10px;
}
.topicbody A {color: #333333; text-decoration: none;}
.topicbody A:link {color: #336666; text-decoration: none;}
.topicbody A:visited {color: #336666; text-decoration: none;}
.topicbody A:hover {color: #336666; text-decoration: underline;}

.address {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        background-color: #FFFFFF;
        text-align: left;
        font-style: italic;
}

.nextprev_right {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: right;
        text-transform: uppercase;}

.nextprev_left {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: left;
        text-transform: uppercase;}

.advice_header_label {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: left;
        text-transform: uppercase;
}

.advice_header_image {}

.advice_header_links {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        text-align: left;
        padding: 10px;
        border-bottom: 1px groove black;
}

.advice_title {
        color: #333333;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
        padding-top: 10px;
}

.advice_pubdate {
        color: #333333;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
}

.advice_instruction
{
	background-color: #DCEEEE;
	padding: 5px; 
	border: solid 1px #000000;
	overflow:hidden;
}

.advice_question {
        color: #333333;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
}

.advice_question A {color: #333333; text-decoration: none;}
.advice_question A:link {color: #336666; text-decoration: none;}
.advice_question A:visited {color: #336666; text-decoration: none;}
.advice_question A:hover {color: #336666; text-decoration: underline;}

.advice_answer {
        color: #333333;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
}

.advice_response_setup {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
}

.advice_response_finish {
        color: #333333;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
}

link_header, .link_header {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: left;
}

link_title, .link_title {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: left;
}

link_author, .link_author {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-align: left;
}

link_review, .link_review {
        color: #333333;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
}

link_functions, .link_functions {
        color: #333333;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-align: left;
        vertical-align: middle;
}

dt {
}

dd {
        padding: 1px 1px 1px 1px;
}

/*tables inside documents and index pages need styling */

table.doc
{
        border: solid 1px black;
}

tr.doc
{
        padding: 2px;
}

td.doc
{
        text-align: left;
        border: thin;
        color: #000000;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        line-height: 145%;
        vertical-align: top;
}

td.doc A {color: #333333; text-decoration: none;}
td.doc A:link {color: #336666; text-decoration: none;}
td.doc A:visited {color: #336666; text-decoration: none;}
td.doc A:hover {color: #336666; text-decoration: underline;}



td.error_row
{
        text-align: left;
        border: thin;
        background-color:#FF9900;
        color: #000000;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        line-height: 145%;
        vertical-align: top;
}

table.sidebar {
}

td.sidebar {
        border: solid 1px black;
        padding: 2px 2px 2px 2px;
        color: #000000;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
        line-height: 145%;
        vertical-align: top;
}

/* these two classes add padding to the sidebar <td> in center_index.php */
td.sidebar_extrapad_right
{
        padding-bottom:10px;
        padding-top:10px;
        padding-right:10px;
}

td.sidebar_extrapad_left
{
        padding-bottom:10px;
        padding-top:10px;
        padding-left:10px;
}


/* new classes added 20080228 */

.resourcesspacer
{ 
	/* handles spacing of resource menus */
	display: block;
	margin-top: 5px;
}

.resourcetitle 
{
	display:block;
	margin-top: 5px;
}	

.linkspacer
{
	display:block;
	padding: 6px;
	overflow: hidden;
}

.editorialspacer
{
	display: block;
	padding: 2px; 
	margin: 4px;
	margin-top: 6px;
	margin-bottom: 6px;
}

.pagetoolspacer
{
	display: block;
	margin: 3px;
}

.sidebarspacer
{ 
	display: block;
	margin-top: 6px;
	line-height: 1em; 
}


/* ######################### */
/* SHADETABS CLASSES FROM DYNAMIC DRIVE CSS LIBRARY */

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/shade_gif-1404248574) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/shadeactive_gif-1404248575);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* iddg to clockwork header */

#i2ch_container
{
	/* width:776px; */
}

#i2ch_span
{
	margin-bottom:10px;
}

#i2ch_left
{
	display:inline; 
	float:left; 
	text-align:left; 
	/* width:145px; */
}

#i2ch_right
{
	display:inline; 
	float:right; 
	text-align:right; 
	/* width:145px; */
}

#i2ch_center
{
	display:block; 
	/* width:468px; */
	margin-left:auto; 
	margin-right:auto;
}

/* DOCLINK FORMAT STYLES */

.archive_block
{
	/* clear: both; */
	/* width: 100%; */
	/* top right bottom left */
	padding: 10px;
	margin: 0 0 10px 0; 
	border: 1px solid #D3D3D3;
	background-color: #EFEFEF;
	overflow: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px; 
}

.archive_img
{
	float: left;
	width: 100px;
	height: 75px;
	border: 1px solid #D3D3D3;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 5px;
}

.archive_title, .faq_item_title
{
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
}


.archive_teaser, .faq_item_body, .faq_list_item, .faq_item_top, .gallery_teaser
{
	font-weight: normal;
	font-size: .9em;
}

.faq_list li
{
	line-height:1.2em;
	font-weight: normal;
	font-size: .9em;
}

li.faq_list_item a:link
{
	color:#000000;
	text-decoration: none;	
}

li.faq_list_item a:hover
{
	text-decoration: underline;	
}

.archive_kb
{
	font-weight: normal;
	font-size: .5em;
	padding: 2px;
	border: 1px solid #D3D3D3;
	background-color: #D5D5D5;
}

.faq_item_title, .faq_item_top
{
	margin: 0 0 10px 0; 
}



.faq_list_block, .faq_item_block
{
	padding: 10px;
	/* top right bottom left */
	margin: 0 0 10px 0; 
	border: 1px solid #D3D3D3;
	background-color: #EFEFEF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px; 
}

.gallery_block
{
	float: left;
	width: 310px; 
	display: inline;
	margin: 10px;
	padding: 5px;
	overflow: hidden;
}

.gallery_img
{
	width: 300px;
	border: 1px solid #D3D3D3;
	overflow: hidden;
	margin: 0;
	margin-bottom: 10px;
}

/* .gallery_title */

.gallery_teaser
{
	font-weight: normal;
	font-size: small;
}

/* CLINICIAN DISPLAY */

div.clin
{
	margin-top: 15px; 
	overflow: hidden;
	height: 1%; /* setting this in the wrapping div allows the width:100% for the table to work in IE */
}

img.clin
{
	border: solid 1px #E5E4E1;
	padding: 5px;
	float:left; 
	max-height: 200px;
	max-width: 200px; 
}

table.clin
{
	border-collapse:collapse;
	margin: 5px 0 5px 0; 
	border: 1px solid #E5E4E1;
	width: 100%; 
}

tr.clin
{
	margin-top: 2px; 
	vertical-align: top;
	text-align: left
}

td.clin_label
{
	font-weight: bold; 
	padding: 10px;
	text-align: left;
	border: 1px solid #BEBEBE;
	background-color: #DADADA;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 145%;
	vertical-align: top;
}

td.clin_data
{
	padding: 10px;
	text-align: left;
	border: 1px solid #BEBEBE;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 145%;
	vertical-align: top;
}
td.clin_data a:link {color: #336666; text-decoration: none;}
td.clin_data a:visited {color: #336666; text-decoration: none;}
td.clin_data a:hover {color: #336666; text-decoration: underline;}

td.clin_header
{
	padding: 4px;
	border: 2px solid #FFFFFF;
	background-color: #EFEFEF;
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 145%;
	vertical-align: top;
	text-align: left;
	font-variant: small-caps;
	/*font-size: 16px;*/
	font-weight: bold; 
	padding-bottom: 10px;
}

.clin_linkrow
{
	/* individual clinician links in "more" tab */
	background-color: #FFFFFF; 
	display:block; 
	padding: 1px; 
	margin: 1px;
}

.clin_linkrow_odd
{
	/* individual clinician links in "more" tab */
	background-color: #E2ECEC; 
	display:block; 
	padding: 1px; 
	margin: 1px;
}


/* ######################### */
/* CONTAINERS */

.comment_container
{
	position:relative;
	border: solid 1px #000000;
	padding: 10px;
	background-color: #EFEFEF; 
	overflow:hidden;
	margin-top: 15px; 
}

/* ######################### */
/* ARTICLE NAVIGATION */

.nextprev_right 
{	
	width: 25%;
	float:right;
	display:inline;
	border: solid 1px #000000;
	padding: 4px; 
	/* color: #000000; */
	font-weight: normal;	
	/* font-family: Verdana, Helvetica, Arial, sans-serif; */
	/*font-size: .50;*/
	text-align: right;	
}

.nextprev_left 
{	
	width: 25%;
	float:left;
	display:inline;
	border: solid 1px #000000;
	padding: 4px; 
	/* color: #000000; */
	font-weight: normal;	
	/* font-family: Verdana, Helvetica, Arial, sans-serif; */
	/*font-size: .50;*/
	text-align: left;	
}

.nextprev { color: #000000; text-transform: uppercase; }
a.nextprev:link, a.nextprev:visited { color: #336666; text-decoration: none; }
a.nextprev:hover { color: #55AA55; text-decoration: underline; }


/* ######################### */
/* SOCIAL LINKING */

#social_box
{
	font-size: .9em;
	overflow:hidden;
	border: 1px solid black; 
	background-color:#FFFFFF;
	/* margin-top: 20px; */
	/* margin-bottom: 20px; */
	padding: 10px; 
}

.social_element
{
	float:left
	display: inline;
}

.social_emphasis
{
	font-size: 1.25em;
}

.social_icon
{
	width: 18px;
	height: 18px;
	padding: 2px;
	margin-right: 4px;
	vertical-align: middle;
}

#social_directlink
{
	padding:0; 
	margin:0; 
}

#social_directlink_instruction
{
	margin:0; 
	margin-top:10px;
	border-top: 1px dotted black;
	padding:0; 
	padding-top:10px;
}

#social_directlink_code
{
	padding: 10px; 
	margin:20px;
	margin-top:0;
	background-color:#DCEEEE;
	border: 1px dotted black; 
}

/* ######################### */
/* Features Rotator Styles */
/* 20110315 several changes to eliminate need to set all colors and background in rotator for each client  */

#wrapper {
	width:100%; 
	/* 20110315 border-bottom:1px solid #92a5bc; */
	margin:0 auto;
}

#rotator {
	position:relative;
	padding-bottom:1em;
	margin:0; 
	padding:0;
	/* 20110315 font-size:16px; */
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
}

li.ui-tabs-nav-item
{
	padding: .25em;
}

span.ui-tab-span
{
	padding: .25em;
}

ul.ui-tabs-nav {
	position:relative;
	bottom:0px;
	left:0;
	z-index:0;
	width:100%;
	background:#cccccc; /* 20110315 change to lt gray neutral */
	/* 20110315 border-top:1px solid #FFF; */
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	background:transparent; /* 20110315 change to transparent */
	margin-right: .5em;
	/* border-left:1px solid #FFF; */
	/* border-right:1px solid #c5ced9; */
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#FFF;
	font-size:.8em;
}


#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding;0; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#FFF;
}


/* Content Panels */
#rotator .ui-tabs-panel {
	
	clear:left;
	height;auto;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 a, #rotator h2  {
	/* 20110315 color:#E75D00; */
	/* 20110315 font-weight:normal; */
	margin:0;
	/* 20110315 font-size:1.3em; */ 
	text-decoration: none;
}

#rotator div.draw_box_container 
{
	/* separates image/text block from title block */
	/* not present for image-only teasers */
	margin-top: .25em;	
}

#rotator p {
	/* 20110315 font-size:1em; */
	margin:0;
	/* 20110315 background:#fff; */
}

#rotator img {
	float:left;
	padding:0;
	margin:0;
	height: auto;
}

#rotator p.draw_box_text
{
	overflow: hidden;
	padding-bottom: .5em;
	padding-left: .5em;
}

#rotator .btn_learn_more 
{
	font-size:.9em;
	/* height:26px; */
	/* width: 7em; */ /* dimensions needed for IE5.x/Win */
	/* padding: 0.1em; */
	padding: .15em;
	margin: .1em;
	line-height: 1.4em;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: black;
	text-decoration: none;
	text-align: center; 
}

/* END: Features Rotator Styles */

/* ######################### */
/* JShowOFF Features Rotator Styles */
/* 20120918 added this section  */

#jso_rotator {overflow:hidden; background-image: none; background-attachment: none; background-repeat: repeat; 
background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: #ffffff; }

#jso_rotator .btn_learn_more {background-color: #ffffff; color: #000000; font-size: 12px; }

.jshowoff {margin: 10px 0; background-color: #ffffff;}
	
.jshowoff div, .jshowoff img, .jshowoff {-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}

.jshowoff h2, .jshowoff p {padding: 15px 0px 0px; margin: 0;}

.jshowoff p.jshowoff-slidelinks {
	position: absolute; bottom: 3px; right: 5px; margin: 0; padding: 0; }

.jshowoff-slidelinks a:link, .jshowoff-controls a:link {
	display: block; background-color: #000;	color: #fff; padding: 5px 7px 5px;
	margin: 5px 0 0 5px; float: left; text-decoration: none; -moz-border-radius: 4px;
	-webkit-border-radius: 4px; outline: none; font-size: 11px; line-height: 14px;	}

.jshowoff-controls a:link {background-color: transparent;}

.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {color: #fff; }
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover 
{	background-color: #ffffff; color: #000000;	}

p.jshowoff-controls {
	overflow: auto;
	height: 30px; padding: 0px 0 5px 5px; margin-top: 5px; -moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;  }

.jshowoff-controls a {margin: 5px 5px 0 0; padding: 4px 8px 5px;}

.jshowoff-pausetext {color: #fff;}

P.jshowoff-controls {background-color: #f0e68c;}

/*images for control buttons*/
.jshowoff-controls .jshowoff-play {
	background: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/pause_png-1404248575) no-repeat 50% 50%;
	display: block;	height: 32px; position: absolute;
	left: 3px; text-indent: -10000em; width: 20px; bottom:0px; }

.jshowoff-controls .jshowoff-paused {
	background: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/play_png-1404248576) no-repeat 50% 50%;
	}

.jshowoff-controls .jshowoff-prev, .jshowoff-controls .jshowoff-next {
	width: 23px; height: 32px; display: block;
	text-indent: -10000em; background-repeat: no-repeat; position: absolute;
        }
.jshowoff-prev {
	left: 27px; bottom:0px;
	background: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/prev_png-1404248577) no-repeat 50% 50%;
        }
.jshowoff-next {
	left: 55px; bottom:0px; 
	background: url(https://d8b5bbd6c77eef699d69-978eca4c48d6f56b93cad545e6ab762a.ssl.cf2.rackcdn.com/next_png-1404248577) no-repeat 50% 50%;
	}

/* site specific css*/

#jso_rotator img {height: 189px; float: left;}

.textbox1 #jso_rotator {width: 460px; height: 189px;}

#jso_rotator, .jshowoff, .jshowoff div,  {width: 460px;}

/*sets the background color and text color for document titles*/
.jshowoff-slidelinks a:link, {display: block; background-color: #333333; color: #fff;}

.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover 
{	background-color: #ffffff; color: #333333;	}

/*background color for the controls & document title links*/
P.jshowoff-controls {background-color: #5d6f18;}

/* END: JShowOff Features Rotator Styles */

/* ######################### */
/* Featured Articles in Main Column Home Page: featured_main */

/* Content Panels */
#features_main .ui-tabs-panel {
	/*font-family:Arial, Helvetica, sans-serif;    let this inherit */
	clear:left;
	/*color:#000;    let this inherit */
	/* code restricts teaser image to 200px tall max - height needs extra 35px to keep from resizing as rotating */
	/* height:235px; */ 
	
}

#features_main h2 a, #features_main h2  {
	color:#E75D00;
	font-weight:normal;
	margin:0;
	font-size:1.3em;  /* was 1.8em - too big*/
	/*line-height:1.2em;*/
	text-decoration: none;
}

#features_main p {
	font-size:1em;
	margin:.5em .5em;
	/*color:#333;  let this be inherited */
	background:#fff;
}

#features_main img {
	float:left;
	padding:0px 3px 0px 0px;
}

#features_main .btn_learn_more {
	/* font-size:1em; */
	/* text-decoration: underline; */
         font-weight: bold;
}

/* END: Featured Articles in Main Column Home Page: featured_main */

#navigation img {vertical-align: middle; width: 15px; height: 15px; padding-right: 5px; }