/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #e1e1e1;
	margin:10px;
	}
td { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 14px;
	}

.masthead {
	background-image: url(../images/masthead.jpg);
}

.content {
	padding: 0px 10px 0px 10px;
	width: 800px;
	background-image: url(../images/bkg-middle.gif);
	}
.bkg-top {
	background-image: url(../images/bkg-top.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	}

.bkg-middle {
	background-image: url(../images/bkg-middle.gif);
	background-position: top left;
	background-repeat:repeat-y;
	width: 800px;
	
	}

.bkg-bottom {
	background-image: url(../images/bkg-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 10px;
	}	

.BodyArea {
	width: 100%;
	padding: 5px;
	}

a {  color: #003399}

.LoginBox {
	border-top: 1px solid #bd908e;
	border-right: 1px solid #bd908e;
	border-collapse: collapse;
	height: 55px;
	background-color: #7c211e;
	}

.Title {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold; 
	color: #7c211e
	}

.SubTitle {
	font-size: 12px; 
	font-weight: bold;
	/*font-style: italic;*/
	color: #282828; 
	}

.navFiller {
	background-color: #003399;
	height: 220px;
	background-image:url(../images/navFiller.jpg);
	}
.nav a:link, .nav a:visited, .nav a:active {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	}
.nav a:hover {
	color: #FFF;
	font-size: 12px;
	text-decoration: underline;
	}

td.mainnav {
	padding-right: 25px;
	color: #282828;
	padding-bottom: 5px;	
	font-size: 11px;
	}

a.mainnav{
	color: #FFFFFF;
	text-decoration:none;
	}
	
.mainnav a:hover{
	color: #FFFFFF;
	text-decoration:underline;
	}
.Footer-bkg {
	background-color:#999999; 
	border-top:1px solid #FFF;
	background-image: url(../images/bottom-repeat.gif);
	background-repeat:repeat-x;
}
td.Footer {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #333333; 
	line-height: 13pt
}

a.Footer { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
	line-height: 13pt;
	text-decoration:none
}
.Footer  a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
	line-height: 13pt;
	text-decoration:underline;
}

.navSpacer {
	background-color: #000000;
	width: 1px;
	}
	
.LeftColumn {
	color: #FFFFFF;
	background-image: url(../images/bkg-left.jpg);
	background-repeat: repeat-y;
	width: 175px;
	}

.RightColumn {
	border-left: 1px dashed #282828;
	border-collapse: collapse;
	border-right: 1px solid #282828;
	}	


.Module {
	background-color: #FFFFFF;
	border-bottom:1px solid #282828
	}

.ModuleTblText {
	padding: 3px;
	font-size: 9px;
	}
	
.ModuleTblTitle {
	padding: 3px;
	font-weight: bold;
	}

.ModuleTblHeader {
	color: #FFFFFF;
	height: 25px;
	font-size: 11px;
	background-image: url(../images/tblheaderbg.gif);
	padding-left: 20px;
	background-color: #282828;
	background-repeat: no-repeat;
	}


.LocationTblHeader {
	border: 1px solid #33339A; 
	padding: 4px; 
	color: #FFFFFF; 
	font-weight: bold;
	background-color: #9A9ACC;
	}
	
.caption {
	font-size: 9px;
	line-height: 11px;
	}


div#weather{
	background: url(../images/weatherbg.gif) no-repeat;
	width: 300px;
	height: 78px;
	}
div#markets{
	background: url(../images/marketsbg.gif) no-repeat;
	width: 300px;
	height: 54px;
	}
/*********************** Market Watch styles ***********************/

#stocks {
	width: 200px;
	}

#stocks table {
	background-color: #FFF;
	font-size: 10px;
	}

#stocks th {
	background-color: #999999;
	color: #282828;
	font-weight:bold;
	font-size: 9px;
	padding: 4px;
	}

#stocks td {
	text-align: center;
	}

#stocks .row1 {
	background-color: #FFF;
	padding: 4px;
	font-size: 10px;
	}

#stocks .row2 {
	background-color: #EEE;
	padding: 4px;
	font-size: 10px;
	}

#stocks .stock-footer {
	border-top: 1px solid #CCC;
	}

#stocks .change-up {
        color: #009900;
        }

#stocks .change-down {
        color: #FF0000;
        }

/*********************** Weather styles ***********************/

#module-weather {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	width: 175px;
	}

#module-weather td, #module-weather p {
	font-size: 10px;
	}

#module-weather .weather-location {
	text-align: center;
	font-weight:bold;
	display: block;
	width: 100%;
	/*background-color: #CCC;*/
	padding-top: 2px;
	}

#module-weather .weather-image {
	float:left;
	}

#module-weather .weather-data {
	/*border: 1px solid #CCC;*/
	padding: 2px;
	}
	
#module-weather .weather-conditions {
	/*border: 1px solid #CCC;*/
	padding: 5px;
	margin: 5px 15px 0px 10px;
	font-size: 10px;
	background-image: url(../images/weather-bkg.png);
	background-repeat: no-repeat;
	}

#module-weather .weather-temp {
	display: block;
	font-size: 20px;
	font-weight:bold;
	}

#module-weather .weather-forecast {
	display: none;
	}

#module-weather table.forecast-data {
	width: 160px;
	padding-left: 2px;
	}

#module-weather .weather-forecast-title {
	font-weight:bold;
	background-color: #DEDEDE;
	padding: 2px;
	text-transform: uppercase;
	}

.weather-footer {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	}

#module-weather font {
	font-size: 9px;
	}

#module-weather .input_type {
 	background-color: #CCCCCC;
 	border:1px solid;
 	font-family:Arial,sans-serif;font-size:8pt;
 	font-weight:bold;
 	padding: 2px 5px 2px 5px;
	}

#module-weather form {
	margin: 0;
	}