﻿html, body {
	margin: 0 auto;
	padding: 0;
	color: #333;
	height:100%;
	background-color:#fff;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%; 
	float: left;
}

/********** Container Elements **********/
#headerContainer 
{
	margin: 0 auto;
	text-align: left;
	padding: 0;
	width: 970px;
	background-color: #ffffff;
}

#FullContentWrapper
{
    width: 100%; float: left; text-align: center;
}

#contentContainer
{
	margin: 0 auto;
	text-align: left;
	padding: 5px 20px 5px 20px;
	width: 928px;
	border: solid 1px #7E8389;
	background-color: #FFF;
}

/********** MasterPage Header Elements & Definitions **********/
.floatLeft
{
	float: left;
}

#headerTopRow
{
	float: left;
	/*background: #eeeeee url(../images/masterPage/header-toprestofcurve.jpg) no-repeat;*/
	width: 970px;
	height: 25px;
	padding-top: 5px;
    border-bottom: 1px solid #C5D1DF;
    margin-bottom:5px;
    background-color: #FFF;
}

#bottomHeader
{
background-color: #FFF;
}

#header-logo-curve
{
	float: left; 
	background-image: url(../images/masterPage/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: #C5D1DF;
}

A.headerLink 	{ color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size: 8pt ; margin-bottom:5px; color: #333333; }
A.headerLink:Hover	{ text-decoration: underline ; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size: 8pt ; margin-bottom:5px; color: #333333}

#header-logo-bottom
{
	float: left; 
	background-image: url(../images/masterPage/hrlogo-L-bottom.jpg);
    width: 119px; 
    background-repeat: no-repeat; 
    height: 34px;
}

#header-logo-rest
{
	float: left; 
	background-image: url(../images/masterPage/logo-rest.jpg);
    width: 130px; 
    background-repeat: no-repeat; 
    height: 34px;
}

#siteLogo {width:289px; float:left;}

#siteHeaderRight {height:64px; float:right; width:500px;}
 
#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/masterPage/blrlogo-sm-new.gif);
    width: 57px; 
    background-repeat: no-repeat; 
    height: 34px;
}

.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 **********/

#topnavContainer
{
	float: left; 
	width: 970px; 
	text-align: center;
	vertical-align: bottom; 
	color: #ffffff;
}

#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;
	 color: White;
}

#topnavContainer td 
{
    font-family: Verdana, Arial, Helvetica, sans-serif ; 
	font-size: 8pt ; 
	text-align: center;
	background-color: #224770;
	border-top: #224770 1px solid;
	color: #ffffff;
}

td .topnav
{
	float: left;
	background-color: #224770;
	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:visited
{
	color: #ffffff;
}

.topnav a:hover, .topnav_selected a, .topnav_selected div a
{
	float: left;
    background-color: #E2E9F0;
    color: #224770;
    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: #E2E9F0;
    color: #224770;
    text-decoration:none;
    cursor:pointer;
	height:100%;
	display: block;
    line-height:25px;
}

#topNavRCorner
{
	float: left; 
	background-image: url(../images/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:rgb(34,71,112); 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 white;}
.topNavtabsContainer li a {line-height:25px; color: #ffffff;text-decoration:none;width: 100%;height:100%;display: block;}
.topNavtabsContainer li a:visited{	color: #ffffff;}                     
.topNavtabsContainer li a:hover, .topNavtabsContainer li.topnav_selected a {background-color: #E2E9F0;  color: #224770; 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: #E2E9F0;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #224770;
	border-right: 1px solid #224770;
}

#subnavContainer a 
{
	color: #224770;
	background-color: transparent;
	text-decoration: none;
}

#subnavContainer a:hover 
{
	color: #224770;
	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: #224770;
	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:#224770;
                    }

                    .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: #224770;}
A.noDecorFooterHighlight:Hover { text-decoration: underline; color: #224770;}
/********** 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;}
.textLarge {font-family: Verdana, Arial, Helvetica, sans-serif ;  font-size: 9pt ; color: black; margin-bottom:5px; line-height:130%;}

/********** Login Page **********/
.commonMessageArea
{
    width: 500px;
    border: 1px solid #224770;

}

.commonMessageTitle
{
    background-color: #C5D1E2;
    padding: 3px 0 3px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif ;
    font-size: 8pt;
    font-weight:bold;
    color: #224770;
}

.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: 580px;
}

/********** Analysis styles **********/
.analysisContainer
{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11pt;
    color: #000000;
    padding: 0 5px 0 0;
}

/* h2 nodes in the raw xml*/
.contentSection
{
    float: none; clear: both; padding: 0 0 5px 0;
}
    .contentSection-title
    {
        color:#003366;
        font-size:11pt;
        font-weight:bold;
    }
        a.contentSection-title-link
        {
            color:#003366;
        }
        contentSection-title-text
        {
            
        }

    .contentSection-body
    {
        padding: 10px 0 0 0;
    }
        .para
        {
            float: none; clear: both; padding: 0 0 5px 0;
        }

        .indent
        {
            text-indent: 20px;

            /*override cascading styles*/
            font-family:Arial,Helvetica,sans-serif;
            font-size:11pt;
            line-height: normal;
        }

        /* list_para nodes in the raw xml*/
        .list
        {
            padding: 0 0 0 20px; margin: 0; list-style: none;
        }
            .listElement
            {
                padding: 5px 0 5px 15px;
            }

        /* h3 nodes in the raw xml*/
        .contentSection-subTitle
        {
            color:#003366;
            font-size:9pt;
            font-weight:bold;
            float: none; clear: both;
            padding: 5px 0 10px 0;
        }
            a.contentSection-subTitle-link
            {
                color:#003366;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:9pt;
                font-weight:bold;
            }

        /* xref-list nodes in the raw xml (links to other topics within analysis of a particular topic) */
        .xref
        {
            color:black;
            display:inline;
            font-family:Arial,Helvetica,sans-serif;
            font-size:11pt;
            line-height:normal
        }

        /* yourstate-topic-ref-list nodes in the raw xml */
        .yourstateTopicXref
        {
            display:inline;font-family: Arial, Helvetica, sans-serif ; font-size: 11pt ; color: black; line-height:normal;
        }

/********** Summary styles **********/
.summary 
{ 
    color: black;
    font-family:Verdana,Arial,Helvetica,sans-serif !important;
    font-size:8pt !important; 
    padding-top: 10px;
}
    .summary .para .indent
    { 
        color: black;
        font-family:Verdana,Arial,Helvetica,sans-serif !important;
        font-size:8pt !important; 
    }
    .summary .contentPara
    {
        font-size:9pt !important; 
    }
    
/**********Rounded corner box default style****************/
/***Width needs to be set on each box - modify .tm, .roundedcorner_content, .bm ***/
.tl,.tr,.bl,.br {width: 10px;float:left;}
.tl,.tr {height: 12px;}
.tl {background: url(/images/roundcorner_sprite.png) no-repeat top left;}
.tr {background: url(/images/roundcorner_sprite.png) no-repeat top right;}
.tm,.bm {width: 890px;height: 10px;border:0px solid #899db3;background-color:#f1f4f8;float: left;}
.tm {border-top:2px solid #899db3;}
.bm {border-bottom:2px solid #899db3; height:8px;}
.roundendcorner_content {padding: 0 2px;width: 902px;clear: left;border-left: 2px solid #899db3;border-right: 2px solid #899db3;background-color:#f1f4f8;}
.bl,.br {height: 10px;}
.bl {background: url(/images/roundcorner_sprite.png) no-repeat bottom left;}
.br {background: url(/images/roundcorner_sprite.png) no-repeat bottom right;}
