/* Roadvale Water Board CSS Stylesheet */

/* Headers, Containers and Footers */
body {
	background: #147de0 url("../images/droplets2.png") no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #000000;
	font: 11pt "Verdana", "Arial", sans-serif;
}

#header-container {
	/* background: #FFFFFF; */
	/* border: 1px solid #000000; */
	border-radius: 8px;
	
	margin: 2px auto 0px auto;	
	
	width: 90%;
}

#header-container .logobox {
	float: left;
	width: 320px;
	overflow: none;
	/* Layout Testing */
	/* border-right: 1px dashed black; */
}

#header-container .linksbox {
	float: right;
	width: auto;
	text-align: right;
	/* Layout Testing */
	/* border-left: 1px dashed black; */
}

#header-container .linksbox p {
	margin: 20px;
	padding: 8px;
}

#header-container a {	
	background: #0088BB;
	
	border-radius: 4px;
	border: 1px solid black;
	box-shadow: 0 0 4px #888;
	
	color: #FFFFFF;
	
	margin-left: 4px;
	margin-right: 4px;
	padding: 8px;
}

#header-container .clear {
	clear: both;
}

#container
{
	width: 90%;
/*	min-height: 560px; */
	margin: 2px auto;
	
	/* border: 1px solid gray; */
	/* background-color: #fff; */
	
	color: #333;
	
	line-height: 130%;
	border-radius: 8px;
}

#status
{
	padding: 0px;
}


#leftbar
{
	background-color: rgba(255,255,255,0.5);
	
	float: left;
	width: 300px;
	margin: 0;
	padding: 1em;
	
	border: 1px solid gray;
	border-radius: 8px;
}

#content
{
	background-color: rgba(255,255,255,0.5);
	
	margin-left: 400px;
	padding: 1em;
	max-width: 90em;
	
	border: 1px solid gray;
	border-radius: 8px;
}

#footer
{
	clear: both;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
/*
	margin-top: 16px;
	padding-top: 16px; */
}

#inner-footer {
	background-color: rgba(255,255,255,0.5);
	border-top: 1px solid gray;
	border-radius: 8px;		
	text-align: center;
	padding: 2px;
/*	margin: 8px;   */
}

/* Fixes for various quirks between browsers */
p {
	margin: 2px;
	padding: 4px;
}

ul, li {
	margin: 2px;
	padding: 2px;
}

h1, h2 {
	margin: 2px;
	padding: 0.25em 0em 0.25em 0em;
}

a {
	color: #003366;
	text-decoration: none;
}

a:visited {
	color: #6699FF;
}

/* Table */
table {
	margin-left: 4px;
}

.tableofrates {
	text-align: center;
}

.tablevision {
	text-align: center;
}

/* The status box */
.systemsinfo, .systemsok, .systemswarning, .systemsimpact, .validation {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin: 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.systemsinfo {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}

.systemsok {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/tick.png');
}

.systemswarning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}

.systemsimpact {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}

/* Bold and Such */
.bold {
	font-weight: bold;
}

.textleft {
	text-align: left !important;
}

.textright {
	text-align: right !important;
}

.textcenter {
	text-align: center !important;
}