/*color: E32119*/

body
{
	margin: 0;
	padding: 2px 2px 2px 2px;
	font-family: Tahoma, Sans-serif, times, "times new roman";
	font-size: 12px;
	font-style: normal;
	color: #000;
	background-color: #a7a189;
	text-align: center;
	/*overflow:scroll;*/
}

a {
    color: #FFFFFF;
}

#content a {
    color: #333;
}

#content table th {
    background-color: #e5b1af;
}


#content table {
    text-align: left;
    border-width: 0px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	color: #E32119;
	margin-top: 0;
	margin-bottom: 0.3em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#container
{
	text-align: left;
	background-color: #FFF;
	border: 1px solid #333;
	min-width: 650px;
}

#container {
    background-image: url(home-bg-light.png);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-attachment:fixed;
    background-position:center bottom;
    color: white;
    height: 150%;
}

/* All login window related styles */
#loginContainer
{
    background-image: url('header-hydrologo.png');
    color: #E32119;
	margin: 100px auto auto auto;
	width: 50em;
    height: 14em;
	padding: 3em 3em 3em 0;
	background-color: #0A0809;
	border: 1px solid #333;
	text-align: center;
	/*height: 160px;*/
}

#loginTable {
    position: relative;
    top: 4em;   
}

#loginLinks 
{
    position: relative;
    top: 9em;
}
    
#banner
{
    background-image: none;
    background-color: rgb(52, 59, 64);
	border-bottom: 1px solid #333;
	background-repeat: repeat-x;
	border-top-width: 0;
	height: 110px;
	padding-top:5px;
}


#content
{
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	z-index:1;
}

#footer
{
	clear: both;
	background-color: rgb(52, 59, 64);
	padding: 1em;
	text-align: right;
	border-top: 1px solid #333;
	font-size: 0.8em;
	background-image: none;
	background-repeat: repeat-x;
}

#menuright {
    top: 86px;
    opacity: 1;
}

#menupanel {
    top: 86px;
    opacity: 1;
}

#login {
    background-image: url(home-bg-light.png);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-attachment:fixed;
    background-position:center bottom;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#content {
    background: none;
}

#container {
    background-image: url(home-bg-light.png);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-attachment:fixed;
    background-position:center bottom;
    color: white;
    height: 150%;
}

.dataTables_wrapper .ui-widget-header {
    background-color: #E32119;
    background-image: none;    
}

#tableTop .widget {
    height: 158px;
    overflow: hidden;
}

.topScrollContent {
    overflow: hidden;
}

.topScrollContent .widget {
    height: 120px;
    
}

.scrollContent {
    overflow: hidden;
}

.addButtons {
    top: 86px;
}

.widget-banner .ui-button {
    top: -4px;
    opacity: 0.1;
}

.widget-banner .ui-button:hover{
    top: -4px;
    opacity: 0.9;
}

.ui-widget-header {
    border: none;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.widget {
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    
}

table  {
    border-width: 0px;
    border-image-width: 0;
}

.tableTop:first-child {
    padding-right: 4px;    
}
.tableTop:last-child {
    padding-left: 4px;    
}

.widget .content
{
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    
    background-color: transparent;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none;
    border-width: 2px;
    border-color: #E32119;
    background-color: #E32119;
    color: white;
}

.ui-button-icon-only .ui-icon {
    apadding: 3px;
}

.ui-widget-header {
    color: #E32119;
    background-image: none;
}

.tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: white;
}

.tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default button {
    /*background-color: #E32119;*/
    color: #E32119;
}

div.widget-banner {
    margin: 0px;
    background-image: none;
    background-color: #E32119;
    border-width: 0px;
    height: 22px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-widget-content {
    border-color: rgb(108, 123, 134);
    border-width: 2px;
    background-image: none;
}

.ui-tabs {
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
}

.ui-tabs .ui-tabs-nav {
    margin: 0px;
    padding: 0px;
    background-color: #E32119;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-image: none;
}

.ui-state-active a {
    color: #E32119;
}

.jqueryslidemenu{
    background-color: #E32119;
    border-color: #E32119;
    border-width: 2px;
}

.jqueryslidemenu ul li ul li a {
    font-size: 8pt;
}

.widget-banner-title {
    color: white;
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
    font-size: 11pt;
}

.content{
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

.latestValue {
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
    font-size: 28pt;
	text-decoration: none;
}

.dateSelection {
    color: white;
}

#tsSelectedSeriesTable th {
    background-color: #E32119;
}

#graphTransport {
    background-image: none;
    background-color: #E32119;
}

#Timeline {
    margin-top: 5px;
    margin-bottom: 5px;
}

#ViewDetails {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 220px;
}

#ViewDetails .content {
    min-height: 200px;
}

#Banner {
    padding-left: 10px;
}
.full{
	padding: 0;
    padding-left: 8px;
    padding-right: 8px;
}
.centreleft{
	padding: 0;
	padding-left:8px;
}
.centreright{
	padding: 0;
	padding-right:8px;
}
.leftside {
    margin-top: 3px;
}
.rightside {
    margin-top: 3px;
}
#browser {
    color: black;   
}

#installationTable td {
    color: black;
    background: rgba(253, 250, 250, 0.7);
}

#tsGraphCheckList td {
    color: black;
    background: rgba(253, 250, 250, 0.7);
}