/*
Water Sentinel Layout - Blue
By Sara Rodriguez
December 2012

Adapted Sticky Footer by Ryan Fait
http://ryanfait.com/
*/

/* GENERAL STYLES */
* { margin: 0; padding: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 1.0em; line-height: 1.3em; }
img { border: none; }
h1 { font-size: 1.2em; margin-bottom: 10px; }
h2 { font-size: 1.1em; margin-bottom: 10px; }
h3 { font-size: 1.0em; margin-bottom: 10px; }
.list_info { margin: 0 40px; list-style-type: disc; }
.list_info ul { margin: 0 20px; padding-top: 2px; list-style-type: circle; }
.numbered_list_info { margin: 0 40px; }
.numbered_list_info ol { margin: 0 20px; }
.p_center { text-align: center; }
.validators { color: Red; font-weight: bold; }
.divider_line { margin: 20px auto; height: 0px; width: 100%; border: 1px solid #6699CC; background-color: #6699CC; }
.push { height: 40px; }
.image_left { padding: 0; margin: 12px 0 0 0; float: left; }
.image_right { padding: 0; margin: 12px 0 0 0; float: right; }

.addScroll { min-width: 1000px; overflow: auto !important; margin-left: 10px; }

/*Header Styles*/
#header { height: 70px; background-image: url('../images/header_background_image.gif'); background-repeat: repeat-x; /*border: 1px solid red;*/}
#header_image { width: 80%; margin: 0 0 0 0; }
#header_image img { margin: -10 0 0 100px; padding-left: 100px; padding-top: 0; }
#contact_box { width: 20%; float: right; margin-top: -30px; padding-right: 20px; text-align: right; }
#header a, #header a:visited, #navigation a, #navigation a:visited { text-decoration: none; color: Black; }
#header a:hover, #navigation a:hover { text-decoration: none; color: White; }

/*Navigation Styles*/
#navigation { width: 135px; float: left; padding: 0; margin: -1px 0 0 0; }
#navigation ul li { display: block; border-bottom: 1px solid black; font-weight: bold; padding: 5px 0 5px 5px; }
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active { display: block; border: none; }
#navigation ul li a:hover { display: block; border: none; }

/*Login Styles*/
#div_login, #div_logout { background-color: #6699cc; font-size: 0.8em; padding: 10px 5px; }
#div_user { text-align: center; background-color: #6699cc; font-size: 0.8em; padding: 10px 5px; }
#lblUserType, #ddlClient { padding: 3px; }
#lblLogin, #lblUsername, #lblPassword , #btnLogin, #lblWelcome, #lblUser, #lblUserType { font-weight: bold; }
#txtUsername { text-align: left; }

/*Body Styles*/
html, body { margin: 0; padding: 0; height: 100%; }
html { margin: 0; padding: 0; overflow: auto; min-width: 1200px;}/*1/22/13 changed min-width from 900px*/
body { font-size: 70%; overflow-x: hidden; margin: 0; padding: 0; height: 100%; }
form { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -42px 0; border-left: 2px solid #6699cc; border-right: 2px solid #6699cc; border-top: 2px solid #6699cc; }
/*.wrapper note: the bottom margin is the negative value of the footer's height */
#div_body { min-height: 100%; height: auto !important; height: 100%; border-top: 2px solid #6699cc; }
#div_body .image_left, #div_body .image_right { padding-top: 0;	margin-top: 0; }
#content { margin: 0 0 0 135px; padding: 20px 40px 20px 20px; /*overflow-x:hidden; */ word-wrap: normal; }
#slogan_div { text-align: center; margin-bottom: 10px; }

/*Footer Styles*/
.footer { height: 40px; }
.divider_line_footer { margin: 0 auto; height: 0px; width: 98%; border: 1px solid #6699CC; background-color: #6699CC; }
#footer { padding: 0; margin: 0; font-size: 0.9em; text-align: center; clear: both; position: relative; bottom: 0; border-left: 2px solid #6699cc; border-right: 2px solid #6699cc; border-bottom: 2px solid #6699cc; }
#footer .image_left, #footer .image_right { padding-top: 0;	}