/* 
Padzing Logo Colors
-----------
Blue - 205887
Orange - ff794a
Tan - f7f7e8
*/

/* Fluid has not been fully tested, should work but be sure to cross browser, firefox is having trouble with keeping columns in line */
div.fluid {width: 90% !important;}

/* Preferred unless fluid is necessary */
div.fixed {width: 950px !important;}

/* Basic Stuff */
/** {margin: 0em; padding: 0em;}*/
body 
{
	background-color:#e3f1f6; 
	color:#585858; 
	font-size:62.5%; 
	font-family:"trebuchet ms", helvetica, sans-serif;
	margin: 0em; 
	padding: 0em;
}



.Content
{
	color:#585858; 
	font-size:1.4em;
	font-family:"trebuchet ms", helvetica, sans-serif;
}

/*
h1,h2,h3,h4,h5,h6 {font-weight: normal; letter-spacing: -1px; text-transform: lowercase;}
*/
h3,h4,h5,h6 {color: #205887;}
h1 span {font-weight:bold; position:relative; top:-1.75em;}
h3 span {font-weight: bold;}
h4 span {font-weight: bold; font-size:1.5em;}
h5 {font-size:1.2em !important;}

br.clear {clear: both;}


img {padding: 3px; border:none;} 
img.float-left {float: left; margin-right: 1.5em; margin-bottom: 1.5em; margin-top: 0.5em;}
img.float-right {float: right; margin-left: 1.5em; margin-bottom: 1.5em; margin-top: 0.5em;}


a {text-decoration: underline; color: #FF790B;}
a:hover {text-decoration: none;}

ul.links {list-style: none;}
ul.links li {line-height: 2em;}
ul.links li.first{}

p {line-height: 1.5em; font-size:1.4em;}

.padzingDiv
{
	margin-left: auto; 
	margin-right: auto;
}

.padzingTable
{
	border: outset 1px #205887;
	margin-left: auto; 
	margin-right: auto;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.4em;
}

.padzingHeaderCell
{
	background-color:#205887;
	color:White;
	font-weight:bold;
	text-indent: 2px;
}

.padzingTableCell
{
	background-color:#f7f7e8;
    text-align: left;
    text-indent: 2px;
    color: Black;
}

.padzingRow
{
	background-color:white;
    color: Black;
    padding: 2px 2px 2px 2px;
}

.padzingAltRow
{
	background-color:silver;
    color: Black;
    padding: 2px 2px 2px 2px;
}
.padzingButton
{
    border: solid 1px #000000;
    background-color: #205887;
    color: White;
    text-align: center;
}

.padzingLeftColumn
{
	background-color: #f7f7e8;
	width:250px; 
	vertical-align:top;
}

.padzingHeading 
{
	color:#205887;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
}

.treeViewCSS
{
	color:Black;	
}

/* Custom Tables */

.tbl-national-data {border-collapse:collapse; width:679px; font-size:1.2em; margin-top:2em; padding-top:0;}
.tbl-national-data td.row-head {font-weight:900; text-transform:uppercase; text-align:left; padding-left:1em; color: #205887;}
	acronym {cursor:help; text-decoration:none; display:block; width:8em;}
.tbl-national-data th {font-weight:900; text-transform:uppercase; text-align:center; border:1px solid #5a6772; color: #fff; background-color:#205887;}
.tbl-national-data td {border:1px solid #5a6772; text-align:center; width:8em;}
.tbl-national-data tr.bgdark {background-color:#e3e8f7;}
.tbl-national-data tr.bglite {background-color:#f9f7ed;}
.tbl-national-data-header {text-align:left; padding:5px; font-weight:900; background-color:#f9f7ed;}

#tbl-map-selections {border:1px solid #e1e1e1; width:100%; border-collapse:collapse; padding:1em; font-size:1.2em; background-color:#f5f5db;}
#tbl-map-selections tr {height:2em;}
#tbl-map-selections td.label {padding:.5em; border-bottom:1px solid #e1e1e1;}
#tbl-map-selections td.select {text-align:right; padding:.5em; border-bottom:1px solid #e1e1e1;}

/* Header */
#header
{
    width: 100%;
    height: 85px;
    background-image: url('img/n1.gif'); 
    background-repeat: repeat-x;
    text-align: left;
}
#header_inner {position:relative; left:0px; width:950px; height:65px; margin:0 auto; background: url('img/beta-swipe.gif') no-repeat right top;}


/* Logo */
#logo {position:absolute; bottom:-2.0em;}
#logo h1 {display: inline; color: #fff; font-size: 2.4em; padding-left:1em;}
#logo h2 {display: inline; padding-left: 0.5em; color: #E5CCD0; font-size: 1.1em;}

/* Menu */
#menu {position: absolute; right: 0em; bottom: -2em;}
#menu ul {list-style: none;}
#menu li {float: left;}
#menu li a {margin-left: 0.5em;	
			display: block;	
			padding: 1.1em 1.4em 1.0em 1.4em; 
			background: #ff6633 url('img/n3.gif') repeat-x;
			border: solid 1px #A94B4B;	
			color: #fff;	
			font-weight: bold; 
			font-size: 1.0em; 
			text-transform: lowercase; 
			text-decoration: none;}
#menu li a.active {background: #fff url('img/n4.gif') repeat-x; color: #616161; border: solid 1px #fff;}
#menu li a:hover {background: #fff url('img/n4.gif') repeat-x; color: #616161; border: solid 1px #fff;}
#menu li a.NavCurrent {background: #fff url('img/n4.gif') repeat-x; color: #616161; border: solid 1px #fff;}



/* Main */
#main {background: #fff url('img/n2.gif') 0px 1px repeat-x;}
#main_inner p {text-align: left; margin-bottom: 1.0em;}
#main_inner ul {margin-bottom: 2.0em;}
#main_inner {position: relative; width: 950px; margin: 0 auto; padding-top: 1.5em;}
#main_inner h3,h4 {border-bottom: dotted 1px #E1E1E1; position: relative;}
#main_inner h3 {font-size: 2.1em; padding-bottom: 0.1em; margin-bottom: 0.45em;}
#main_inner h4 {font-size: 1.2em; padding-bottom: 0.1em; margin-bottom: 1em; margin-top: 0.95em;}
#main_inner .post {position: relative;}
#main_inner .post h3 {position: relative; font-size: 1.7em; padding-bottom: 1.2em;}
#main_inner .post ul.post_info {list-style: none; position: absolute; top: 3em; font-size: 0.8em;}
#main_inner .post ul.post_info li {background-position: 0em 0.2em; background-repeat: no-repeat; display: inline; padding-left: 18px;}
#main_inner .post ul.post_info li.date {background-image: url('img/n5.gif');}
#main_inner .post ul.post_info li.comments {background-image: url('img/n6.gif'); margin-left: 1.1em;}

#breadcrumbs {margin-left:2.0em;}
#breadcrumbs a {font-size:1.2em}


/* Primary content */
#primary-content-2col {position: relative; margin-left: 15em; font-size:1.2em;}
#main-column {position: relative; float: right; width: 85%; margin-left: -15em; padding-right: 0.5em;}
#side-column {width: 21.0em; float: left; padding: 0em 0em 0.5em 2em; border-left: dotted 1px #E1E1E1;}
#side-column p {line-height: 1.2em; font-size:1.2em;}

/* Footer */
#footer{
	width: 950px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	border-top: dotted 1px #E1E1E1;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	padding-top: 1.0em;
	}
	
/* Styles used by ShapeEditControl */
.secDivClass
{
    width:220px; 
    text-align:right;
    background-color:Gray;
    color:White;
}

.secTextClass
{
    font-family:Courier New, Courier, Serif;
    color:Black;
}

.secSelectClass
{
    border-color: Black;
    color:Black;
}

.secButtonClass
{
    border:solid 1px black;
    background-color:White;
    color:Black;
}

/* padzinger mapping tool link */
#shapeEditToggleDiv
{
    font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
}

/* input and submit textboxes */
input
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	/*font-size:1.4em;*/
}

select
{
    font-family:"trebuchet ms", helvetica, sans-serif;
}

.submit input
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	/*font-size:1.4em;*/
    vertical-align: middle;
}


/* styles for custom grid view control */
.customGridViewHeaderRowClass
{
    background-color:#205887;
    color:White;
	/*
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	*/
}

.customGridViewOddRowClass
{
	/* alternating color stored in gridview control */
    background-color:White;
    color:#585858
	/*
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
	*/
}


/* styles used by filter control */

.qfcValueDisplayClass
{
    color:Black;
}

/* Styles used by Thematic Indices */
.indicesDivClass
{
    width:100%;
    border-style:solid;
    border-color:Black;
    border-width:1px;
    border-collapse:collapse;
    /*border-spacing:0px;*/
}

.indicesSelectClass
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
    color:#585858;
    width:130px;
}

.indices_title
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.5em;
	text-align:left;
	/*padding-top:3px;
	padding-bottom:3px;*/
	padding:3px;
}

.indicesHeaderRowClass
{
    background-color:#205887;
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
    color:White;
}

.indicesOddRowClass
{
    background-color:White;
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
    color:#585858
}

.indicesEvenRowClass
{
    background-color:#e3e8f7;
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
    color:#585858;
}
/*Indices Hide Cell*/
.ihc
{
	display:none;
}

/*Indices display Cell*/
.idc
{
	display:table-cell;
    border-style:solid;
    border-width:1px;
}
.indices_compare_cell
{
	display:table-cell;
    border-style:solid;
    border-width:1px;
    text-align:center;
}

/* styles used in grid view */
.PropertySearch_Info
{
	height: auto;
    vertical-align: middle; 
    text-align:left;
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
    color:#585858;
}

.PropertySearch_GraphControl
{
	height: auto;
    vertical-align: top; 
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
    color:#585858;
}


/* styles used in thematic indice graph */
#IndexTrendGraph_SelectDiv
{
    text-align:left; 
    vertical-align:top;
    font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
    color:#585858;
    display:none;

}

#IndexTrendGraph_DisplayDiv
{
    width: 150px; 
    height: 85px; 
    border: solid 1px gray; 
    vertical-align: middle; 
    text-align:left;
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
    color:#585858;
}

/* Styles used in Subscriber Dialog */
.confirmSubscribeDialog
{
    text-align:left;
    border-style:solid;
    background-color:White;
    border-color:#ff794a;
    border-width:5px;
    padding:10px;
    width:370px;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.subBox
{
	background-color: #F5F5DB;
	border-color: #ff794a;
}


/* Styles used in thematic mapping */
#MainThematicMapPage
{
    background-image:url('Img/n2.gif');
    background-repeat:repeat-x;
}
       #HoverDiv
        {
            padding: 5px 5px 5px 5px; 
            height: 150px; 
            width:200px;
            overflow:hidden; 
            position:absolute;
            font-size:1.2em; 
            z-index:100; 
            background-color: White; 
            border: solid 1px #000000; 
            visibility:hidden;
        }
        
        #BreadCrumbs
        {
            font-size:1.2em;
        }
        
        /* This style will centered the contained div in Firefox and IE */
        #ThemeLegendDiv
        {
            position:absolute;
            left:38%;
            top:160px;
            font-size:1.2em;
        }
                
        /* all contained divs in the thematic legend float left */
        #ThematicLowColor
        {
            float:left;
            width:12px;
            height:16px;
            background-color:#98FB98;
        }
                
        /* all contained divs in the thematic legend float left */
        #ThematicMidColor
        {
            float:left;
            width:12px;
            height:16px;
            background-color:#FAFAD2;
        }
         
        /* all contained divs in the thematic legend float left */
        #ThematicHighColor
        {
            float:left;
            width:12px;
            height:16px;
            background-color:#FFA07A;
        }

        #thematicSelectTable
        {
            background-color: #F5F5DB;
            width:240px;
        }
        
        #thematicLoginTable
        {
            background-color: #F5F5DB;
            width:240px;
            padding-left:25px;
        }
		
		
        #AlaskaHawaiiDiv
        {
            position:relative;
            left: 0;
            top: -160px;
        }
        
        #MainMapDiv 
        { 
            position: relative; 
            width: 825px;
            height: 600px;
            border-color:Gray;
            border-width:1px;
            border-style:solid;
            /*padding-left:10px;*/
        }

        #USADiv
        {
            position:absolute; 
            left:0;
            top:0;
        }
        
        #topLeftDiv 
        { 
            position:absolute; 
            left:-30px;
            top: 0;
            width: 200px;
            height: 100px;
            border-width: 0;
        }
        
        #bottomLeftDiv 
        { 
            position: absolute; 
            left:16%;
            width: 180px;
            height: 100px;
            border-width: 0;
        }

        #baseMap 
        {
            position: absolute;
            left: 0;
            top: 0;
            border-width: 0;
        }
       
        #hoverImage 
        {
            position: absolute;
            left: 0;
            top: 0;
            border-width: 0;
            padding-left:10px
        }
        
        #hoverImageTL 
        {
            position: absolute;
            left: 0;
            top: 0;
            border-width: 0;
        }
        
        #hoverImageBL 
        {
            position: absolute;
            left: 0;
            top: 0;
            border-width: 0;
        }   
        
/* Styles used in Property Context User Control */
.propertyContextTable
{
	 border-width:thin;
	 border-style:none;
	 
}

.propertyContextCell
{
	 border-width:thin;
	 border-style:solid;
	 border-bottom:solid 1px #cdcdcd;
}

.propertyContextHeaderRowClass
{
	background-color:white;
	color:black;
	text-align:center;
	font-weight:bolder;
	border-bottom:solid 1px #cdcdcd;
	
}
.propertyContextRowClass
{
	background-color:White;
	color:Black;
	text-align:center;
	border-bottom:solid 1px #cdcdcd;
}

.propertyContextOddRowClass
{
	background-color:White;
	color:Black;
	text-align:center;
}

.propertyContextEvenRowClass
{
	background-color:#e3e8f7;
	color:Black;
	text-align:center;
}

.propertyContextDiv
{
	width:auto;
	height:auto;
}



/* print grid view */
.printGridViewHeaders
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
}


table.printGridViewTable
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	font-size:1.4em;
	border-collapse: collapse;
	width: 90%;
}

table.printGridViewTable th
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	padding: 5px;
}

table.printGridViewTable td
{
	font-family:"trebuchet ms", helvetica, sans-serif;
	padding: 5px;
}