﻿/*
	(1) html elements
	(2) global structures
	(3) formatting for global structures
	(4) general purpose 
	(5) sitemap
*/

/******************************************
	(1) html elements
******************************************/
body {
	background-color: #d2d2d2;
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 75%;
	color:#303030;
}

.image-right {
	border:1px #CEA85B solid !important;
	padding:3px;
	margin:0px 5px 5px 5px;
	float:right;
	text-align:center;
	font-weight:bold;
}

.image-left {
	border:1px #CEA85B solid !important;
	padding:3px;
	margin:0px 8px 5px 5px;
	float:left;
	text-align:center;
}

a img {
	border: none !important;
}

h1 { 
	font-size: 1.4em;
	margin: 0 0 15px 0 !important;
	color: #4a80bd;
}

h2 { 
	font-size: 1.2em;
	margin: 0 0 10px 0 !important;
	color: #616161;
	font-style:italic;
	
}

h3 {
	font-size: 1.2em;
	margin: 0 0 10px 0 !important;
	color: #616161;
}
h4 { 
	font-size: 1.1em;
	margin: 0 0 10px 0 !important;
	color: #616161;
	font-style:italic;

}


p {
	margin: 0 0 15px 0;
	text-align:justify;
}




/**************************************
	1.1 format tables
***************************************/

table {
	border-collapse:collapse;
}
/*
th {
	padding: 0 0.5em;
	text-align: left;
	font-weight: bold;
	border: 1px #CEA85B dotted;
	/*background-color: #F5EEDE;
	font-size:1.2em !important;
	margin-top:15px;
}

td {
	vertical-align:top;
	background-color: White !important;
}
*/

table.chart {
	border-collapse:collapse;
	width:95%;
	margin-left:5px;
}

table.chart th {
	padding: 3px;
	text-align: left;
	font-weight: bold;
	border: 1px #CEA85B dotted;
	background-color: #F5EEDE;
	font-size:1.2em;
	margin-top:15px;
}


table.chart td {
	border: 1px #CEA85B dotted;
	vertical-align:top;
	font-size:0.9em;
}

table.chart td h2, table.chart td h3, table.chart td h4 
{
    margin:3px !important;
}

table.chart td ul 
{
    margin:10px;
    padding:0;
}

table.chart td ul 
{
    margin:10px;
    padding:5px;
}


table.contact {
	border-collapse:collapse;
	width:100%;
}

table.contact th {
	padding: 0 0.5em;
	text-align: left;
	font-weight: bold;
	border: 1px #CEA85B dotted;
	background-color: #F5EEDE;
	font-size:1.2em;
	margin-top:15px;
}

table.contact th span {
	font-size:.8em;
	font-weight:normal;
	font-style:italic;
}

table.contact td {
	border:1px gray dotted;
	vertical-align:top;
}

table.contact tr.odd td {
	background-color:#E8E8E8;
}

table.data {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-bottom: 15px;
}

table.data td {
	padding: 4px;
	border: 1px solid #ccc;
	vertical-align: top;
}

table.data th {
	padding: 4px;
	border: 1px solid #ccc;
	vertical-align: top;
}

/******************************************
	(2) global structures 
******************************************/
#main {
	width: 972px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color: #fff;
	text-align: center;
}

#utility-nav {
	font-size: .9em;
	background-color: #d2d2d2;
	padding-bottom: 10px;
	text-align: left;
	height:28px;
}

#content-wrapper {
	width: 926px;
	border: 1px solid #d7d7d7;
	margin: 10px auto 8px auto;
	padding-bottom: 0;
	z-index: 1;
	/*background: url('../../images/bg_content-wrapper.jpg') repeat-y 0 0;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#masthead {
	height: 107px;
	text-align: left;
	/* 10px borders establishe the white space - 
	could be done with padding but the gradient bg from content-wrapper would show through;
	same thing on footer */
	border-top: 10px solid #fff;
	border-bottom: 8px solid #fff;
	margin-top: -10px;
}

#body {
	/*background: url('../../images/bg_div-body.jpg') no-repeat 0 0;*/
	text-align: left;
}

#body-inner {
	/*background: url('../../images/bg_div-body-inner.jpg') no-repeat 0 0;*/
	text-align: left;
	margin-top:10px;
}

#body-inner-blog{
	text-align: left;
	margin-top:10px;
	font-size: 1.2em;
}

#content {
	float: right;
	width: 715px;
	line-height: 1.7em;
}

#content a
{
    color:#4A80BD;
    text-decoration:none;
    border-bottom:1px #4A80BD dotted;
}

#content a:hover
{
	color: #3D699E;
	border-bottom: 1px #3D699E solid;
}


#content-blog {
	font-size: .9em;
	float: left;
	width: 700px;
	padding: 0 10px 10px 0;
	border-right: dotted #d2d2d2 1px;
}

#content-blog p {
	line-height: 1.4em;
	text-align:justify;
}

#content-blog a
{
    color:#4A80BD;
    text-decoration:none;
    border-bottom:1px #4A80BD dotted;
    font-weight:normal !important; 
}

#content-blog a:hover
{
	color: #3D699E;
	border-bottom: 1px #3D699E solid;
}

#contentWide-blog {
	line-height: 1.2em;
	font-size: 0.8em;
	padding: 0 10px 10px 0;
}

#contentWide-blog a
{
    color:#4A80BD;
    text-decoration:none;
    border-bottom:1px #4A80BD dotted;
    font-weight:normal !important; 
}

#contentWide-blog a:hover
{
	color: #3D699E;
	border-bottom: 1px #3D699E solid;
}

.breadcrumb {
	font-size: 0.9em;
	padding-bottom: 15px;
	color: #606060;
}

.breadcrumb a {
	color: #4A80BD;
	text-decoration:none;

}

.breadcrumb a:hover {
	text-decoration:underline;
}

#footer {
	/*background: url('../../images/bg_footer.png') repeat-x 0 0;*/
	text-align: center;
	padding: 20px 0 4px 0;
	margin-top: 10px;
	color: #3d699e;
	font-size: 0.7em;
	/* 10px border-bottom to establish white space.  could be done from content-wrapper but 
	then the gradient bg would show through */
	border-bottom: 10px solid #fff;
}

/******************************************
	(3) formatting for global structures 
******************************************/

/* masthead */

#masthead .banner {
	height: 107px;
	float: left;
}

#masthead .logo {
	height: 107px;
	float: left;
}

/* utility-nav*/
#utility-nav #languagebar {
	margin-top: 0;
	margin-right: 10px;
	float: right;
	color: #606060;
	font-size:0.9em;	
}

#languagebar a {
    color: #4a80bd;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #4a80bd;
}

#languagebar a:hover {
    color: #3d699e;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3d699e;
}

#utility-nav #topright {
	float: right;
	margin-top: 9px;
	color: #606060;
	/*width:250px;*/
}

#utility-nav #topright select, input{
    font-size: 1em;
}

#utility-nav #topright a {
	color: #606060;
	text-decoration:none;
}

#utility-nav #topright a:hover {
	color: #606060;
	text-decoration:underline;
}

#topright #txtSearch {
	background-color: #e1e1e1;
	border: 1px solid #fff;
	height: 15px;
	width: 160px;
	color: #606060;
}
#utility-nav #topleft {
	background-color: #cea85b;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	height: 22px;
	position: relative;
	z-index: 2;
}
#topleft ul {
	list-style: none;
    font-size:1em;
	margin: 0px;
	padding: 0 27px 0 27px;
}

#topleft ul li {
	display: inline;
    background-color: Red;
}

#topleft ul li a {
	float: left;
	background: url('../../images/bullet_utility-nav.gif') no-repeat 0 5px;
	padding-left: 10px;
	margin-left: 18px;
	color: #fff;
	text-decoration: none;
}

#topleft ul li.first a {
	margin-left: 0;
}

/* primary-nav */

#primary-nav {
	background-color: #999;
	height: 37px;
	position: relative;
	z-index: 2;
	border-bottom: 0px solid #fff;	
	text-align:left;
	padding-left:15px;
}


/* secondary-nav */


#secondary-nav {
    background-color: #FFFFFF;
	float: left;
	width: 209px;
	position: relative;
	z-index: 1;
}

/* footer */
#footer {
	font-size: .9em;
}

#footer ul {
	display: inline;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	color: #c7c5c5;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	color: #999999;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #999999;
	text-decoration: underline;
}


#footer p {
	margin-top: 6px;
}
/******************************************
	(4) Flash Related
******************************************/

#flashMap{
	width: 155px;
	height: 119px;
	float: left;
}

/******************************************
	(4) general purpose
******************************************/

.float-right {
	float:right;
}


/* utilities */

.right 			{ float: right; }
.left 			{ float: left; }
.clear			{ clear: both; height: 1px; overflow: hidden; }


.image-left a {
	border:1px #CEA85B solid;
}

.emphasis1 {
	font-weight:bold;
}

.emphasis2 {
	font-style:italic;
}

.emphasis3 {
	text-decoration:underline;
}

.cell-center-table-analy
{
    text-align: center;
    vertical-align: middle;
    border-bottom-style: solid;
    border-bottom-color: #eeeeee;
    border-bottom-width: 1px;
}
.cell-left-table-analy
{
    border-bottom: 1px solid #eeeeee;
    font-weight: 700;
}
.alt-table-analy
{
    background-color: #FADE7E;
}
.padme-table-analy
{
    padding-left: 25px;
}

	.gold-letter{
		color: #FF9933;
		font-weight: bold;
	}
	.hr-line{
		color: #E1E1E1;
		margin-bottom: 20px;
	}
#AccordionList h3 
{
    margin:0px;
    padding: 0px;
    font-weight: normal;
}

#AccordionList ul {
	/*background: #cea85b url('../../images/bg_utility-nav.gif') no-repeat 0 0;*/

}

#AccordionList ul li {
	display: inline;
    /*background-color: #FADE7E;*/
    margin:0px;
    padding:0px;
}

#AccordionList ul li a {
	background: url('/images/bullet_utility-nav.gif') no-repeat 0 5px;
	padding-left: 10px;
	text-decoration: none;
    font-weight: inherit;
}

#AccordionList .sf_listItemBody{
	margin: 5px 0 0 17px;
}

#AccordionList .sf_listItemBody h3{
    font-weight: bold;
    line-height: 12px;
}

#AccordionList .sf_listItemBody a {
	margin: 0 0 0 0px;
}

#AccordionList ul li ul {
	margin: 0 0 0 -17px;
}
#AccordionList ul li li {
	list-style-type:disc  ; 
	display: list-item ;
    background-color: Transparent;
}
.captchaError
{
    color:Red;
}
#ctl00_MainContent_ctl00_Login1 ol, #ctl00_MainContent_ctl00_CreateUserWizard1 ul, #ctl00_MainContent_ctl00_ManageProfile ul {
	list-style: none;
	margin:0px;
	padding: 0px;

}
#ctl00_MainContent_ctl00_Login1 li, #ctl00_MainContent_ctl00_CreateUserWizard1 li, #ctl00_MainContent_ctl00_ManageProfile li {
	padding: 5px;

}

/* <Blog items> */



#primary-nav-blog {
    background-color: #999999;
    padding-top: 10px;
    height: 25px;
    clear:both;
}

#primary-nav-blog a {
	color: #fff;
	text-decoration: none;
}


/* BLOG - Secondary Menu*/


#secondary-nav-blog {
	float: right;
	width: 205px;
	font-size: .8em;
	text-align:left;
	line-height: 1.4em;
}

#secondary-nav-blog p {
	text-align:left;
}

#secondary-nav-blog h2 {
	margin: 15px 0 5px 0;
	padding: 0;
	font-size:1em;
	font-style:normal;
}

#secondary-nav-blog h3 {
	margin: 15px 0 5px 0;
	padding: 0;
	font-size:1.2em;
	font-style:normal;
}

#secondary-nav-blog ul
{
    list-style-image:url('../../images/bullet_secondary-nav.gif');
	margin: 11px 0 0 10px;
	padding: 0 0 0 10px;
}

#secondary-nav-blog ul li {
	margin: 5px 0;
	padding: 0;
}

#secondary-nav-blog  a
{
    color:#4A80BD;
    text-decoration:none;
    border-bottom:1px #4A80BD dotted;
}

#secondary-nav-blog a:hover
{
	color: #3D699E;
	border-bottom: 1px #3D699E solid;
}

a.ComparisonButton 
{
    padding:5px !important; 
    background-color:#4a80bd !important; 
    color:#FFF !important; 
    cursor:pointer !important; 
    font-size:14px !important;
    text-decoration:none !important;

    }
/******************************************
	(5) sitemap
******************************************/
#siteMap ul {
	color:#4A80BD;
}

    