/* @override http://local.spectrumweather.com/assets/css/style.css */

@charset "utf-8";
body {margin:0;
padding:0;
background-color: #fff;
color:#333;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
img {border:none;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.cleaner {clear:both;height:0px;font-size:0px;border:none;margin:0;padding:0;background:transparent;}
a {text-decoration:none;outline:none;color: #475ea9;}
a:hover {text-decoration:underline;color: #ae1117;}
a, p, h1, h2, h3, h4, label {
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
label {
	font-size: 13px;
}
h1 {font-size:26px;margin:0 0 10px 0;padding:0;font-weight: 400;}
h2 {font-size:18px;margin:0 0 10px 0;padding:0;font-weight: 400;}
h3 {font-size:18px;margin:10px 0;padding:0;}
h4 {font-size:16px;margin:10px 0;padding:0;}
p {font-size:16px;margin:0 0 15px 0;padding:0;}
.footer, .home-lower h1,.home-lower h3 {color:#666;}
.header {background-image: url(/images/headerback.jpg);background-repeat: repeat-x;height: 23px;}
.wrap {width: 786px;margin: 0 auto;}
.wrap-secondary {width: 95%;margin: 0 auto;min-width: 1024px;}
.logos {margin:10px 0;}

/*top menu*/
.menu-horiz {background-image: url(/images/menu-tile.jpg);background-repeat: repeat-x;min-width: 800px;height: 37px;}
.menu-horiz-left {background-image: url(/images/menu-left.jpg);float: left;height: 37px;width: 18px;}
.menu-horiz-right {background-image: url(/images/menu-right.jpg);float: right;height: 37px;width: 18px;}
.menuitem {width: 19%;float:left;text-align: center;border-right: 1px solid #333;font-size: 14px;line-height: 22px;margin-top: 7px;}
.menuitem a {
	color: #000;
}
.menuitem a:hover {color:#980000;text-decoration:underline;}
.menulast {border-right:none;}
/*end top menu*/

/*footer*/
.footer {background-image: url(/images/footer-tile.jpg);height: 36px;margin: 15px 0;background-repeat: repeat-x;
	font: 14px/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.footer-left {background-image: url(/images/footer-left.jpg);height: 37px;width: 18px;float: left;}
.footer-right {background-image: url(/images/footer-right.jpg);height: 37px;width: 18px;float: right;}
/*end footer*/

/*home*/
.home-lower {background-image: url(/images/home-lowerback.jpg);background-repeat: repeat-y;padding: 0 15px;width: 756px;}
.home-lower p {font-size:17px;color:#333;line-height: 110%;}
.home-lower-bottom {background-image: url(/images/home-lowerback-bottom.jpg);height: 12px;background-repeat: no-repeat;}

.learnmore {background-image: url(/images/button.jpg);height: 30px;width: 113px;text-align: center;margin-bottom: 10px;margin-left: 350px;}
.learnmore a{color: #fff;line-height:30px;height: 30px;}

.login {float: right;}
.loginbox {width: 250px;margin-right: 0px;}
.button-sm {background-image: url(/images/button-sm.jpg);height: 20px;width: 75px;text-align: center;margin-bottom: 10px;margin-top:7px;float:right;}
.button-sm a{font-size:14px;color: #fff;line-height:20px;height: 20px;}
/*end home styles*/

/*secondary pages*/

/*side menu*/
.menu-side {float: left;width:250px;
	background-color: #ededed;
	border: 1px solid #a9a9a9;
	margin: 15px 5px 0 0;
}
.menu-side-top {background-image: url(/images/menu-side-top.jpg);height: 12px;width: 171px;background-repeat: no-repeat;}
.menu-side-bottom {background-image: url(/images/menu-side-bottom.jpg);height: 12px;width: 171px;background-repeat: no-repeat;}
.menu-content h2 {color: #000000;text-align: center;}
.menuitem-side {font-size: 14px;line-height: 22px;margin-top: 7px;height: 22px;padding:0 15px;}
.menuitem-side:hover{background-color:#fff;margin: 7px 1px 0 1px;padding:0 14px;}
.arrow {background-image:url(/images/arrow.gif);background-repeat: no-repeat;width:8px;height:10px;float:left;margin-top:5px;margin-right:15px;}
.edit {color: #ff9999;float: right;}
.plus {background-image:url(/images/add.gif);background-repeat: no-repeat;width:13px;height:13px;float:left;margin-top:5px;margin-right:10px;}
.add {color: #ff9999;}
.content {margin: 15px 0 0;padding: 0 15px;float: none;}
/*end side menu*/
#contentLeft {
	float: left;
}
#contentRight {
	float: left;
}
#contentInnerLeft {
	float: left;
}
#contentInnerRight {
	float: left;
	width: 300px;
}
.rightForm {
	width: 300px;
}
.column {float: left;font-weight: 700;margin: 0 1%;width: 25%;}
.column table {}
.column td {font-weight: 700;}
/*end secondary page styles*/

/* Table sorter Css*/
table.tablesorter {background-color:#CDCDCD;font-family:arial;font-size:8pt;margin:10px 0 15px;text-align:left;}
table.tablesorter thead tr .header {background-image:url(images/bg.gif);background-position:right center;background-repeat:no-repeat;cursor:pointer;}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color:#8DBDD8;}
table.tablesorter tbody td {background-color:#FFFFFF;color:#3D3D3D;padding:4px;vertical-align:top;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color:#E6EEEE;border:1px solid #FFFFFF;font-size:8pt;padding:4px;}
table.tablesorter tbody td {color:#3D3D3D;}
.submitCancelButton {
	background-color: #cb0000;
	color: #FFFFFF;
	float: left;
}
.submitCancelButton:hover {
	background-color: #ffd5e4;
	color: #000000;
	float: left;
}
.submitButton {
	background-color: #FFFFFF;
	color: #000000;
	float: right;
}
.submitButton:hover {
	background-color: #ded7d9;
	color: #000000;
}
/* end Table sorter Css*/
.dashboardColumns {
	float:left;
	height:auto;
		font-size: 12px;
}
.dashboardGaugeContainer {
	margin:15px;
	text-align:center;
}
.dashboardHumidityContainer {
	margin:0 15px 0 15px;
	text-align:center;
	font-size: 12px;
}
.dashboardThermometerContainer {
	float:left;
	margin:15px 15px 0 15px;
	text-align:center;
}
#dashboardDataContainer {
	margin:15px;
	padding:10px 10px 30px 10px;
	background: #EEEEEE;
	border: #666666 1px solid;
	height:100%;
}
.dashboardDataLabel {
	float:left;
	width:150px;
	height:25px;
	font-weight: bold;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.dashboardDataValue {
	float:left;
	height:25px;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.clear {
	clear:both;
}
sup {
	font-size:9px;
	}
#pageBack {
	margin: 10px 0 15px 0;
}
.btnBack {
	padding: 5px;
	margin-top: 10px;
	background-color: #e1fde9;
	border: 1px solid green;
}
