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

body
{
        /*background-image: url(/images/templates/puzzle_pieces.jpg);*/
        /*background-repeat: repeat;*/
        background-color: #CCCCCC;
        color: #000000;
        font-family: Verdana, Helvetica, Arial, sans-serif;
}

img
{
        border: none;
}

form
{
                margin:0;f
                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(/images/templates/dynamicdrive/shade.gif) 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(/images/templates/dynamicdrive/shadeactive.gif);
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(/images/clientid_32/radio_buttons/pause.png) 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(/images/clientid_32/radio_buttons/play.png) 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(/images/clientid_32/radio_buttons/prev.png) no-repeat 50% 50%;
        }
.jshowoff-next {
                left: 55px; bottom:0px; 
                background: url(/images/clientid_32/radio_buttons/next.png) 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; }

/*Clockwork Default CSS for Image Links section of Home page*/

.image_links_container {text-align:center; border:none; position: relative; background-color: #86551b;}
.image_links_image img {width: 30%; display: inline; max-height: 200px; padding: 10px;}
.image_links_image p {width: 30%; display: inline;}

/* Mobile default CSS for Image Links section of Home page*/

@media only screen and (max-width: 500px) {
    .image_links_container img {display: none; }
    .image_links_container {height: 400px;}
    .image_links_row {top: 10%; text-align: center; }
    .image_links_row .link_image {top: 0; left: 0;}
    .image_links_row .image_links_image img {display: inline; max-width: 300px;}}
/* for new Sider Features block */    
#left_sider {width: 100px;}
/* for home page only sider 20150306 */
#right_sider {width:120px;}
#cs_home_sider_a {width: 260px;}

/*CSS for new Link type of App 20150615*/
.linkspacer {background-color: #eeeae0;}
.cs_link_company_name, .cs_link_cost {font-weight: bold; }
/*The below CSS needs be added to the default for the sider features. 20150615*/
#left_sider #sider_features {width:200px;}
/*added for elimination of show_image.php on featured article images 20150909*/
#editorialpic {width: 100px;}
.editorialimgonly img#editorialpic {width: 100%;}

/*CSS for Accordion and Fast Facts 20151020*/
/*Local styling for accordion*/

.cs_accordion {width: 100%;}
.cs_accordion .cs_accordion_item_header {color: #000000; text-align: left; font-size: 130%; font-style: normal;
background-color: #cccccc; background-image: none; border-radius: 0px; margin: 0px;}
.cs_accordion_item_body ul li {clear:left; font-size: 100%; padding: 3px;}
.cs_accordion_item_body p {font-size: 100%;}

.ui-state-default .ui-icon, 
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon, 
.ui-state-active .ui-icon, 
.ui-state-highlight .ui-icon {float: left;}

.ui-accordion .ui-accordion-content {height: 100% !important;}

/*020316 AS CSS update to remove background from common class to fast facts specific class*/
.cs_fast_facts {background: url(/images/root/accordion/book_shelf.jpg) repeat top left #e3e2dd; overflow: hidden;}
.ui-accordion .cs_accordion_item_header, .ui-accordion .ui-accordion-content {opacity: 0.8;}
/*.ui-accordion .ui-accordion-content {opacity: 1;}*/


/*Fast Facts header styling*/
#cs_fastfacts_tr .textbox2 {padding:0px;}

#cs_fastfacts_w1 {font-size: 45px; font-weight: normal; text-transform: uppercase;  font-family: 'Faster One', cursive; letter-spacing: 4px; line-height: 100%; padding-left: 10px;}
#cs_fastfacts_w2 {font-size: 35px; font-weight: normal; text-transform: lowercase; font-style: italic;}
#cs_fastfacts_w3,  #cs_fastfacts_w4  {font-size: 35px; text-transform: none; font-weight: normal; }

/*Aux Header Nav styling 20160405*/
#cs_auxheadernav {padding-top:5px; display: inline;}
#cs_auxheadernav ul {margin: 0px; padding: 0px; height: 20px; background-color: #cccccc;}
#cs_auxheadernav .sidebarspacer a {width: auto; background-color: transparent; 
                 padding-right: 20px; line-height: 130%; float: right; font-size: 15px; font-family: oxygen;}
#cs_auxheadernav .sidebarspacer a:hover {text-decoration: underline;}
#cs_auxheadernav .sidebarspacer {margin-top: 0px;}
#cs_auxheadernav li {padding: 0px 10px; background-color: transparent; list-style-type: none;}
div.cs_row {clear:left;}
#cs_auxheadernav img.cs_teaser_icon {vertical-align: baseline; padding-right: 2px; height: 12px;}
#cs_auxheadernav img {max-height: 18px;}

/*Rapid Response 20160727 */
/*Rapid Response Corrections AS 20180219 */

#cs_rapidresponse {
  /*  -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
     column-count: 2;
     column-gap: 1em;
     list-style-type: none;
     padding-left: 0px; margin: 0px 10px*/;
}

#cs_rapidresponse ul.doc {padding-left: 0px; list-style-type: none; text-align:center; display: flex; flex-wrap: wrap;}
#boxrapidresponsedoc li {background-color: rgba(0, 8, 72, 0.8); padding: 2px 2px 2px 8px; margin: 0px 0px 2px 8px;
font-weight: bold; display: inline-block; height: auto; flex: 1 0 35%; vertical-align: middle; }

#cs_rapidresponse { background-size: cover;}
#cs_rapidresponse li a:link, ul.emergency_welcome li a:visited {text-decoration: none; color: #ffffff; }
#cs_rapidresponse li a:hover {color: #ffffff; text-decoration: underline;}
#boxrapidresponsedoc .textboxfulldoc {background-color: transparent;}
table#boxrapidresponsedoc {background-color: transparent; }
#boxrapidresponsedoc .headerfulldoc {background-color: rgba(255, 0, 0, 0.8); color: #ffffff; text-transform: Capitalize; text-align: center;}



#cs_rapidresponse li .doc {
    display             : -moz-inline-box;  /* FF2 or lower */
    display             : inline-block;     /* FF3, Opera, Safari */
    line-height         : normal;
    vertical-align      : middle;    
}

#boxrapidresponsedoc li:nth-child(odd) {margin-left: 0px;}

/*Video List 20160916*/

#cs_accordion_list_ip236 {background: none;}

#cs_accordion_list_ip236 .cs_accordion_item_body a {float: left; clear: both; padding: 3px;}
#cs_accordion_list_ip236 .cs_accordion_item_body a:hover {text-decoration: underline;}
#cs_accordion_list_ip236 h3.cs_accordion_item_header {padding-left: 30px;}

/*YouTube Video Container for responsive 20160916*/

.video_container .ytp-title-playlist-icon {display: none !important;}

.video-container {
    position: relative;
    padding-bottom: 56.25% !important;
    padding-top: 30px !important; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 75%;}
	
/*news article image size 20170901*/
.cs_news_article img {width: 200px; height: auto; float: left; padding: 10px;}

/*Login Page*/
body.auth_splash .ui-widget-content, .ui-widget-header {border: none; background-image: none; background: transparent;}
body.auth_splash {min-height: 100%; margin: 0px; background-color: #8ca7c8;}
div#cs_userssite_login {margin-top: 0px; padding-top: 50px; width: 400px; margin-left: auto; margin-right: auto; }
#cs_userssite_container {margin-left: 0px; margin-right: 0px; background-color: #ffffff; padding: 0px; width: 100%; height: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
#cs_userssite_logo {background-color: rgba(255, 255, 255, .8); background-image: none; width: 100%; height: auto; border-top-right-radius: 4px; border-top-left-radius: 4px; }
#cs_userssite_logo img {width: auto; margin-left:auto; margin-right: auto; padding:10px; max-height: 100px; padding-top: 10px;}
#cs_userssite_login_form form {width:300px; margin-left:auto; margin-right: auto; padding-bottom: 30px; }
#cs_userssite_login_form form label {width: 100px;}
#cs_usersite_submit {float: right; clear: both; margin-left: 7px; margin-top: 20px; background-color: #1b2c46; color: #ffffff; border: 1px solid #cccccc; border-radius: 6px; padding: 5px 20px;}
#cs_usersite_password {margin-top: 1px; }
input#cs_usersite_username {border-radius: 4px; padding: 3px; border: 1px solid #aaaaaa;}
#cs_userssite_container p:nth-child(5) {font-size: 11px; padding-top: 30px; font-style: italic; width: 90%; margin-left: auto; margin-right: auto;}
#cs_userssite_container p {padding-top: 10px; margin-top: 0px; text-align: center;}


@media only screen and (min-width : 0px) and (max-width : 400px)
{
div#cs_userssite_login {width: 100%; padding-top: 50px; margin-left:auto; margin-right: auto;}
#cs_userssite_logo {width: 100%; height: auto; }
#cs_userssite_container {width: 100%; height: auto; margin-left: 0px; margin-right: 0px; padding: 0px;}
#cs_userssite_container p {margin-top: 0px;}
#cs_userssite_logo img {width: auto; max-width: 95%; }
}

@media only screen and (max-width: 901px) and (min-width: 200px)
{ #cs_userssite_logo img {
    width: auto; max-width: 95%;}
}


/*End Div Base Login Page for Clockwork Sites 20180215*/