﻿html, body {
	margin: 0 auto;
	padding: 0;
	color: #333;
	height:100%;
	background-color:#ffffff;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
	width: 100%; 
	float: left;
}
/* Added for Table Display in FR documents */
pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0px;
}


img {border:0px;}

/********** Container Elements **********/
#headerContainer 
{
	margin: 0 auto;
	text-align: left;
	padding: 0;
	width: 970px;
	background-color: #ffffff;
}


#contentContainer
{
	margin: 0 auto;
	text-align: left;
	padding: 5px 20px 20px 20px;
	width: 928px;
	border: solid 1px #7E8389;
	background-color: #FFF;
}

/********** MasterPage Header Elements & Definitions **********/
.floatLeft
{
	float: left;
}

#bottomHeader
{
background-color: #FFF;
}

#siteLogo {width:289px; float:left;}

.header-top-curve 
{
	float: left;
	background: #eeeeee url(../images/master/header-toprestofcurve.jpg) no-repeat;
	width: 841px;
	height: 29px;
	padding-top: 10px;
}

#header-logo-curve
{
	float: left; 
	background-image: url(../images/master/header-TL-curve.jpg);
    width: 119px; 
    background-repeat: no-repeat; 
    height: 39px;
}

.offsiteLinks
{
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	color: #333333;
}

#HeaderLoginSection
{
	color:  #046868;
}

A.headerLink 	{ color: #046868; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size: 8pt ; margin-bottom:5px; }
A.headerLink:Hover	{ text-decoration: underline ; color: #046868; font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size: 8pt ; margin-bottom:5px;}

#header-logo-bottom
{
	float: left; 
	background-image: url(../images/master/safetylogo-L-bottom.jpg);
    width: 128px; 
    background-repeat: no-repeat; 
    height: 40px;
}

#header-logo-rest
{
	float: left; 
	background-image: url(../images/master/logo-rest.jpg);
    width: 130px; 
    background-repeat: no-repeat; 
    height: 40px;
}

.siteStateName
{
    font-family: Arial, Helvetica, sans-serif ; 
    font-size: 20pt ; 
    color: #7E8389;
    margin-left: 20px;
    margin-bottom: 10px; 
    position:relative;
    top:4px;
 }
 
.statetxt 
{
	float: left;
	background-color: #dddddd;
	width: 395px;
}

#stateText 
{
    float: right;
    color: #CB3C14;
    font-family: Arial, Helvetica, sans-serif ; 
    font-size: 11pt ; 
    font-weight:bold;
    position:relative;
    top:2px;
}

#stateText a
{
    color: #CB3C14;
}
.blr-small-logo
{
	float: left; 
	background-image: url(../images/master/blrlogo-sm-new.gif);
    width: 57px; 
    background-repeat: no-repeat; 
    height: 34px;
    margin-top: 5px; 
}


.searchBox 
{
    float:right;
}

#statusBar
{
    border-left: 1px solid #7E8389;
    border-right: 1px solid #7E8389;
    border-bottom: 1px solid #7E8389;
    background-color: #D1D1D1;
}

.offsiteLinksEA
{
    float:left; 
    font-family: Verdana, Arial, Helvetica, sans-serif ;  
    font-size: 8pt ; 
    color: black; 
    margin: 4px 0 0 10px;
    color: #333333
}

#siteTitle
{
    float:left;
    width:700px;
}

#headerOptions
{
    float:right;
    margin-right:20px;
    padding-top: 10px;
}

/********** TOP NAV Header Elements & Definitions **********/
#headerTopRow
{
	float: left;
	width: 970px;
	height: 25px;
	padding-top: 5px;
    margin-bottom:5px;
    background-color: #FFF;
}

#siteHeaderRight {height:64px; float:right; width:500px;}

#topNavLCorner
{
	float: left; 
	background-image: url(../images/topNav/topnav-lcorner.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 26px;
}

#topnavContainer
{
	float: left; 
	width: 970px; 
	text-align: center;
	vertical-align: bottom; 
}

#topnavContainer table 
{
	/* if you change table width, go into controls/Navigation.ascx.cs
       and update the fullTableWidth variable in SetTabs() method */
	 width: 970px;
	/* ---------------------------------------------------------- */
	 margin: 0 auto;
	 text-align: center;
}

#topnavContainer td 
{
    font-family: Verdana, Arial, Helvetica, sans-serif ; 
	font-size: 8pt ; 
	text-align: center;
	background-color: #006666;
	border-top: #7E8389 1px solid;
}

td .topnav
{
	float: left;
	background-color: #006666;
	color: #ffffff;
	text-decoration: none;
	height: 100%;
	display: block;
	line-height: 25px;
}

.topnav a
{
	color: #ffffff;
	text-decoration:none;
	width: 100%;
	height:100%;
	display: block;
    line-height:25px;
    border-left: solid 1px white;
    
}

.topnav a:hover, .topnav_selected a, .topnav_selected div a
{
	float: left;
    background-color: #E2F1F1;
    color: #046868;
    text-decoration:none;
    cursor:pointer;
	width: 100%;
	height:100%;
	display: block;
    line-height:25px;
    border-left: solid 1px white;
}

td .topnav_selected
{
	float: left;
    background-color: #E2F1F1;
    color: #046868;
    text-decoration:none;
    cursor:pointer;
	height:100%;
	display: block;
    line-height:25px;
}

#topNavRCorner
{
	float: left; 
	background-image: url(../images/topNav/topnav-rcorner.gif);
    background-repeat: no-repeat;
    width: 18px;
    height: 26px;
}
ul.topNavtabsContainer {margin:0px; padding:0px; list-style-type:none; text-align:center; height:25px; color:#fff; font-family:Verdana, Arial, Helvetica, Sans-Serif; background-color:#046868; border-top:1px solid #224770; font-size:11px; float:left;
                        /* if you change table width, go into controls/Navigation.ascx.cs
                           and update the fullTableWidth variable in SetTabs() method */
                        width:970px; 
                        /* ---------------------------------------------------------- */ }
.topNavtabsContainer li {float:left; width:87px; height:25px; border-left:1px solid #FFF;}
.topNavtabsContainer li:first-child {border-left:1px solid #000;}
.topNavtabsContainer li:last-child {border-right:0px solid #000;}
.topNavtabsContainer li a {line-height:25px; color: #ffffff;text-decoration:none;width: 100%;height:100%;display: block; border-left:0px;}
.topNavtabsContainer li a:visited{	color: #ffffff;}                     
.topNavtabsContainer li a:hover, .topNavtabsContainer li.topnav_selected a {background-color: #E2F1F1;  color: #046868; text-decoration:none; cursor:pointer;width: 100%;height:100%;display: block;line-height:25px; }
/********** SUB NAV Header Elements & Definitions **********/

#subnavContainer 
{
	float: left;
	width: 968px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #E2F1F1;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #7E8389;
	border-right: 1px solid #7E8389;
}

#subnavContainer a 
{
	color: #046868;
	background-color: transparent;
	text-decoration: none;
}

#subnavContainer a:hover 
{
	color: #046868;
	text-decoration: underline;
}

#subnavContainer ul 
{
	margin: 0;
	padding: 4px 0 5px 0;
}

#subnavContainer li 
{
	display: inline;
	list-style-type: none;
	padding: 0 0.5em 0 0.75em;
}

.subnav_selected, subnav_selected a
{
	font-weight: bold;
	color: #046868;
	padding: 4px 0.5em 4px 0.75em;
}

/********** FOOTER Header Elements & Definitions **********/

#footer
{
	float: none;
    padding-top:10px;
    margin-bottom:10px;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 8pt ; color: black; color: #333333;
}

.footer
        {
            padding-top:10px;
            padding-bottom:10px;
            text-align:center;
            font-family: Verdana, Arial, Helvetica, sans-serif ; font-size: 8pt ; color: #666;
            margin: 0 auto;
            width: 986px;
            text-align: left;
        }
            
            .footer .links
            {
                margin: 0 auto;
            }
                .footer .links .linkGroup
                {
                    width: 175px; padding-left: 20px; float: left; text-align: left;
                }
                .footer .links .auth
                {
                    width: 216px;
                }
                    .footer .links .linkGroup .head
                    {
                        font-size: 9pt; font-weight:bold;
                    }

                    .footer .links .linkGroup .headHighlight
                    {
                        font-size: 9pt; font-weight:bold; color:#006666;
                    }

                    .footer .links .linkGroup .linkItem
                    {
                        font-size: 7pt;
                    }
                    .footer .links .linkGroup .linkSubhead
                    {
                        font-size: 8pt; margin:5px 0 3px 0; font-weight:bold;
                    }

        .copyrightFooter
        {
            margin-top:10px; text-align: center; margin-bottom:10px;
        }
            .copyrightFooter .copyright
            {
                font-size:85%;
            }


/********** LINKS **********/
A.noDecorBlack 	{ color: #000000; text-decoration: none }
A.noDecorBlack:Hover	{ text-decoration: underline ; color: #000000}
A.noDecorRed 	{ color: #FF0000; text-decoration: underline }
A.noDecorBlue 	{ color: #224770; text-decoration: none }
A.noDecorBlue:Hover	{ text-decoration: underline ; color: #224770}
A.noDecorSiteLinkColor 	{ color: #224770; text-decoration: none }
A.noDecorSiteLinkColor:Hover	{ text-decoration: underline ; color: #224770}
A.noDecorWhite { color: #FFFFFF; text-decoration: none }
A.noDecorWhite:Hover { text-decoration: underline ; color: #FFFFFF}
A.noDecorGrey {  color: #CCCCCC; text-decoration: none}
A.noDecorGrey:hover {  color: #CCCCCC; text-decoration: underline}
A.noDecorBurntOrange 	{ color: #C1642C; text-decoration: none }
A.noDecorBurntOrange:Hover	{ text-decoration: underline ; color: #C1642C}
A.noDecorFooter { text-decoration: none; color: #666;}
A.noDecorFooter:Hover { text-decoration: underline; color: #666;}
A.noDecorFooterHighlight { text-decoration: none; color: #006666;}
A.noDecorFooterHighlight:Hover { text-decoration: underline; color: #006666;}

/********** FONTS **********/
.subHead {font-family: Verdana,Arial, Helvetica, sans-serif ; font-size: 8pt ; color: #224770; margin-top:5px; font-weight:bold;}
.standardText {font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size: 8pt ; color: black; margin-bottom:5px;}
.standardText_Large {font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size: 9pt ; color: black; margin-bottom:5px;}

/********** Login Page **********/
.commonMessageArea
{
    width: 500px;
    border: 1px solid #224770;

}

.commonMessageTitle
{
    background-color: #236F69;
    padding: 3px 0 3px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif ;
    font-size: 8pt;
    font-weight:bold;
    color: #ffffff;
}

.commonMessageTextArea
{
    padding: 10px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif ;
    font-size: 8pt;
}

#breadcrumbs
{
    margin: 5px 0 10px 0;
    font-family: Arial, Helvetica, sans-serif ; 
    font-size: 12pt ; 
    font-weight:bold; 
    color: #224770;
    float:left;
    width: 100%;
}

.MSDSSearchPanel
{
	width: 100%;
}

.popUpCalendarIcon
{
	padding-left: 4px !important;
}

#SearchResultsDisplay
{
    background-color: #FFFFFF;
}

.containerBox {background-color:#F2F8F8; border:solid 2px #94bebe;border-radius: 10px;-webkit-border-radius:  10px;-moz-border-radius:  10px; /*IE CSS3 hack*/behavior: url(../js/PIE.htc);/*end IE CSS3 hack*/ position:relative; }

.shadow
{
    box-shadow: 7px 0 15px -4px #888888, -7px 0 15px -4px #888888;
}

#toggle {
    position:fixed !important;
    position: absolute; /*ie6 */

    top: 5em;
    right: 0px;
    /*border: 1px solid lightgray;*/
    -moz-border-radius: 11px;
    border-top-left-radius:11px;
    border-bottom-left-radius:11px;
}

#mySites-floater {
    position:fixed !important;
    position: absolute; /*ie6 */
    top: 5em;
    right: 0px;
    /*border: 1px solid lightgray;*/
    -moz-border-radius: 11px;
    border-top-left-radius:11px;
    border-bottom-left-radius:11px;
}

.floater-line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}