/********************************************** **/
/**                                             **/
/**  SiteStyle.css                              **/
/**                                             **/
/**  Styles used for content that should not    **/
/**  appear in the dropdown list in the content **/
/**  editor                                     **/
/**                                             **/
/********************************************** **/

/*  Hide user account fields */

#ek_dv32_label, #ek_dv32_hiddenData /* Company */
{display:none;}
#ek_dv36_label, #ek_dv36_hiddenData /* RepNumber */
{display:none;}

html 
{
    height: 100%;
}

body
{
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #848484;
    background-image: url(Images/bg_tile.gif);
    background-repeat: repeat;
    font-size: 9pt;
}

a:hover
{
    text-decoration: none;
    color: blue;
}

.relatedContent,
.relatedFiles,
.relatedTable
{
    font-size: 8pt;
}

#divQuickLinks
{
    margin:0 4px 0 4px;
}

#leftcolumnContent
{
    padding: 8px;
    text-align: left;
}

#rightcolumnContent
{
    padding: 8px;
    text-align: left;
}



.relatedTable th,
.relatedTable td
{
    padding: 4px;
    text-align: left;
}
.relatedTable th
{
    background-color: #dcdcdc;
    text-align: center;
}
.relatedTable tr
{
    padding: 0px;
}

.relatedTable
{
    font-size: 8pt;
    width: 100%;
    padding: 0px;
    text-align: center;
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}

#rightcolumnNavigation
{
    padding: 8px;
    text-align: left;
    vertical-align:text-top
}

#menuBar a
{
    padding: 0.3em;
    color: white;
    text-decoration: none;
    text-align: center;
}

#menuBar a:hover
{
    padding: 0.3em;
    text-decoration: none;
    background-color: highlight;
    color: white;
}
#menuBar
{
    font-size: 9pt;
    padding: 0.3em;
    display: block;
    background-color: #778899;
    color: white;
}


#detexLogo
{
    padding: 4px;
    position: relative;
    width: 24%;
    top: 10px;
    left: 10px;
    float: left;
}
#headerSlogan
{
    padding: 15px 4px 0 0;
    position: relative;
    width: 74%;
    top: 10px;
    float: left;
    font-size: 23pt;
    font-family: Impact, Sans-Serif;
    vertical-align: middle;
    text-align: right;
    font-style: italic;
}

#wrapper
{
    background: white;
    margin: 0 auto;
    /*
    min-width: 900px;
    max-width: 1000px;
    width:expression(document.body.clientWidth < 900 ? "900px" : document.body.clientWidth > 1000 ? "1000px" : "auto"  ); 
    */
    width:920px;
    
}


#header
{
    background: url(Images/new_header_bg.png);
    height: 80px;
    width: 100%;
    vertical-align: middle;
    text-align: left;
    clear: left;
}

#fullwidthContent
{
    background: white;
    width: 97%;
    height: 100%;
    text-align: left;
    /* border-left: lightgrey thin solid; */
    padding: 8px;
    vertical-align: top;
}

#centerContent
{
    background: white;
    width: 76%;
    text-align: left;
    padding: 8px;
    /* border-left: lightgrey thin solid;
    border-right: lightgrey thin solid; */
    float: left;
    overflow: hidden;
}

#rightColumn
{
    background: white;
    height: 100%;
    text-align: center;
    overflow: hidden;

}

#mainNews
{

}

#leftColumn
{
    background: white;
    float: left;
    width: 20%;
    text-align: center;
}

#masterContent
{
    float: left;
    width: 80%;
    text-align: left;
    background: white;
}

#printfooter {
  clear: both;
  width: 80%;
  text-align :left;
  padding-left: 12px;
  padding-bottom: 12px;
  padding-top: 12px;
  vertical-align: middle;
  font-size:7pt;  
}

#footer {
  background: url(/Images/header_bg.png);
  clear: both;
  width: 100%;
  text-align: center;
  height: 20px;
  text-align :center;
  vertical-align: middle;
  font-size:8pt;  
}
#subFooter, 
#subFooter a
{
    color: #F8F8FF;
    font-size: 7pt;
    text-align: center;
    
}

#breadCrumb
{
    font-size: 8pt;
    padding: 5px;
    background: lemonchiffon;
    /* border-left: lightgrey thin solid; */
}
#trustSlogan
{
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
    color: Black;
}


/********** Search **************/
    
#advancedSearch
{
    overflow: visible;
    _height : 1%;
    clear:both;
    position:relative;
}

fieldset 
{
    margin: 0px;
    padding: 0px; 
    border: 0px;
}
legend 
{
    display:none;
}
#advancedSearch .help
{
    float:right;
    padding: 0px 5px 0px 0px;
    display : none;
}
/* Basic search section
-----------------------------------------------------------------------------------------------*/
#advancedSearch div.basicTerms 
{
    position:relative;
    overflow : hidden; 
    _height : 1%;
    clear:both;
}
#advancedSearch div.basicTerms input.basic
{
    float:left;
}
#advancedSearch div.basicTerms div.basicSubmit
{
    float:left;
    width:90px;
    text-align:center;
}
/* filtered search section
-----------------------------------------------------------------------------------------------*/
.basicFilter
{
    position: relative;
    height: 30px;
}
.basicFilter div.filters a:link, .basicFilter div.filters a:visited
{
    border: 1px solid white;
    padding: .1em 1em .1em 1em;
    color: #0000FF;
}
.basicFilter div.filters a:hover
{
    border:1px solid #cccccc;
    padding: .1em 1em .1em 1em;
}
.advancedTerms 
{
    position:relative;
}
.advancedTerms label
{
    width:15em;
    float:left;
}
.advancedTerms input
{
}
#advancedSearch div.submit
{
    padding: 1em 1em 1em 1em;
    width:100px;
    text-align:center;
    padding-left:275px; 
}
#xadvancedSearch div.submit a
{
    font-size:1em;
}
.advancedFilters fieldset 
{
    margin: 5px; 
    padding: 5px; 
    border:solid #cccccc 1px;
}
.advancedFilters legend 
{
    display:inline;
}


#printPageDiv
{
   font-size: smaller;
   text-align: left;   
}
.printLink
{
    background: url(/Images/Links/printLink.gif) no-repeat right top;
    padding-right: 18px;
}
.printPDF
{
    background: url(/Images/Links/printPDF.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}

@media print 
{
    #btnPrint
    {
        display: none;
    }
 }
 
 /* add image to email  links */
a[href^="mailto:"] 
{
    background: url(/Images/Links/emailLink.gif) no-repeat right top;
    padding-right: 15px;
}

/* add image to external links 
a[href^="http:"] 
{
    background: url(/Images/Links/externalLink.gif) no-repeat right top;
    padding-right: 16px;
}
/* remove images for internal links with absolute urls 
a[href^="http://www.detex.com"] ,
a[href^="http://detex.com"] ,
a[href^="http://webserver"] 
{
    background: none;
    padding-right: 0;
}

/* document link icons */
/* these must be after all other link images */
a[href$=".pdf"] 
{
    background: url(/Images/Links/pdfLink.gif) no-repeat left top;
    padding-left: 20px;
}


a[href$=".rss"] 
{
    background: url(/Images/Links/rssLink.gif) no-repeat right top;
    padding-right: 18px;
    padding-top: 2px;
}
a[href$=".xls"] 
{
    background: url(/Images/Links/xlsLink.gif) no-repeat left top;
    padding-left: 20px;
    padding-top: 2px;
}
a[href$=".vsd"] 
{
    background: url(/Images/Links/vsdLink.gif) no-repeat left top;
    padding-left: 20px;
    padding-top: 2px;
}
a[href$=".txt"], 
a[href$=".rtf"] 
{
    background: url(/Images/Links/txtLink.gif) no-repeat left top;
    padding-left: 20px;
    padding-top: 2px;
}
a[href$=".doc"] 
{
    background: url(/Images/Links/docLink.gif) no-repeat left top;
    padding-left: 20px;
    padding-top: 2px;
}
a[href$=".zip"] 
{
    background: url(/Images/Links/zipLink.gif) no-repeat left top;
    padding-left: 20px;
    padding-top: 2px;
}
a[href$=".wmv"],
a[href$=".asf"],
a[href$=".ram"],
a[href$=".mov"] 
{
    background: url(/Images/Links/videoLink.gif) no-repeat left top;
    padding-left: 20px;
    padding-top: 2px;
}

/* remove images for internal links with absolute urls  */
a[class$="noIcon"] 
{
    background: none;
    padding-left: 0;
}

.divExpand
{
    margin-top: 4pt;
    border-right: lightgrey thin dotted;
    border-top: lightgrey thin dotted;
    border-left: lightgrey thin dotted;
    width: 70%;
    border-bottom: lightgrey thin dotted;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.anchorLink
{
    cursor: hand;
}
.smallAnchorLink
{
    cursor: hand;
    font-size: 7pt;
}