.COLOR1, h3 { color: #1E5475 !important; }
.COLOR2, .headerBackground, #rightContentContainer {color: #2195A2 !important; }
.COLOR3, .navBackground, .article td.odd { background-color: #A7F0F1 !important; background-image: none !important;}
.COLOR3A, .ui-tabs-nav { background-color: #2195A2 !important; }
.tableContainer { display: inline-block !important; }
#unitsTable- { height: auto !important; }
td, th { height: 30px !important; }
tr.odd { background-color: #b3f3e0 !important; }
.COLOR4, .highlightMenuItem, .indent-top-bottom, .navText, .sideNav { color: #F1FFE6 !important; }
.COLOR5, .highlightMenuItem { background-color: #EF7E2B !important; }
h3 p, .indent-top-bottom { color: #1E5475 !important; }

html { text-shadow: none !important; }

#specBoxR, .specBoxR {
	border-radius: 10px !important;
	padding: 10px 0 !important;
	margin-left: auto;
	margin-right: auto;
	max-width: 75%;
	background-color: #1E5475 !important;
	color : #F1FFE6 !important;
	background-image: none !important;
	font-size: 0.8em !important;
	text-shadow: none !important
}
#specBoxR h1, .specBoxR h1 { border: 0 !important; margin-top: 10px !important; margin-bottom: 15px !important; padding: 3px 0 !important; }
#specBoxR h4, .specBoxR h4, #specBoxR h5, .specBoxR h5 { color : #F1FFE6 !important; }
.specBoxR p { padding: 0 10px 0 10px !important; }
.specBoxR li, #specBoxR li
{
	list-style-type: square !important;
	background-image: none !important;
	margin-left: 20px !important;
	padding-left: 5px !important;
	line-height: 1em !important;
	margin: 0.5em 5px 0 20px !important;
}

.specBoxR a, #specBoxR a { color: #ef7e2b; }
.specBoxR a:hover, #specBoxR a:hover { background-color: #F1FFE6; }
.specBoxR span[style] { background-color: #F1FFE6; }

.boxhead h2 {
	font-size: 1.2em;
	text-align: center;
    background-color: #2195A2 !important;
}

.ui-widget-header {
	/*	background-image: none !important;
		background-color: #2195A2 !important;
		font-family: Raleway, sans-serif !important;*/
}

.ui-widget {font-family: none; }

.ui-widget-content {
	background-image: none !important;
	background-color: #1e5475 !important;
	font-family: Raleway, sans-serif !important;
	padding: 0 !important;
}

#tabs, #tabPageContainer, .sideNav, .bottomNav, li.ui-menu-item { font-family: Raleway, sans-serif !important; }

.sideNav { text-align: left !important; border-radius: 0 !important; padding-left: 35px !important; border: 0 !important; font-weight: bold !important; }
.bottomNav { text-align: left !important; border-radius: 0 !important;  border: 0 !important; }

#navButtons, #quickLinks { background-color: #1E5475 !important; background-image: none !important; padding: 1em 0 !important;}
.dualHeading { background-image: none !important; }
h1, h1 span, .lh, table caption, [data-class="headerRow"], .article .dualHeading { color: white !important; background-color: #2195A2 !important; }
h1 span { background-image: none !important; }
#tabsBackground {background-color: #2195A2 !important; }
#imageContainer { margin: 0 20px; }
#imageCaption { color: #1E5475 !important; }
#leftContentContainer { background-color: #F1FFE6 !important; }
#rightContentContainer { background-color: #1e5475 !important; }

/*.midlightMenuItem { background-color: #d6dadb !important; }*/
.selectedMenuItem { color: #F1FFE6 !important; background-color: #2195A2 !important;background-image: url(images/rightArrow.png) !important; background-position: 4px center !important; background-repeat: no-repeat !important; }
.hoveredMenuItem { color: #F1FFE6 !important; background-color: #A7F0F1 !important; background-image: url(images/rightArrow.png) !important; background-position: 4px center !important; background-repeat: no-repeat !important; }
li[data-id="policy"], li a#policy { visibility: hidden; }

.contentBackground, .headerText { color: white !important; }
#imageCaption { background-color: white !important; }

a[href^="index.php"] { color: #EF7E2B !important; }
div#headlinesDiv li a { display: inline; color: #f5af7b !important; font-size: 1.1em !important; padding: 0 !important; }

div#headlinesDiv h1, div#tempConDiv h1, div#tempConDiv h1>div,
div#pressureConDiv h1, div#pressureConDiv h1>div  {
	text-align: center;
	background-image: none !important;
	background-color: #2195A2 !important;
	color: #F1FFE6 !important;
	font-family: Raleway, sans-serif !important;
	font-size: 0.9em !important;
	border-radius: 0 !important;
	border-width: 0 !important;
}

#accordionHeadlines, #accordionTemp, #accordionPressure {
	border-radius: 0 !important;
	border-width: 0 !important;
	padding: 0 !important;
}

div#headlinesDiv #headLines, div#headlinesDiv .headLines {
	margin-left: 0px !important;
	padding-left: 5px !important;
}

div#headlinesDiv #headLines li, div#headlinesDiv .headLines li {
	background-image: none !important;
	list-style-type: square !important;
	margin-left: 20px !important;
	padding-left: 5px !important;
}

div#headlinesDiv #headLines li a:hover {
	color: #000000 !important;
	background-color: #f5af7b !important;
	text-decoration: none !important;
}

/*.headlines li a {
	padding: 0 !important;
}*/

#header { background-color: white !important; background-image: none !important; }

#allBanners {
	position: relative;
	/*overflow: hidden;*/
	width: 1300px;
	height: 120px;
	margin: 0 auto;
}

#compositeBannerLeft {
	position: absolute;
	left: 0px;
	width: 395px;
	height: 120px;
	background-image: url(images/compositeBannerLeft.png);
	background-repeat: no-repeat;
}

#logoBanner {
	top: 5px !important;
	left: 450px !important;
	background-color: white !important;
	border-radius: 10px;
	padding: 5px 10px !important;
	background-image: url(images/logoStyle2.png);
	background-repeat: no-repeat;
	background-position: center;
}

@media print {
	#ghostBanner {visibility: hidden;}
}

#ghostBanner {
	position: fixed;
	/*	top: 200px;
		left: 220px;*/
	width: 400px;
	height: 120px;
	border-radius: 15px;
	border: solid 1px black;
	background-color: #fff7c3;
	background-image: none !important;
	background-repeat: no-repeat;
	opacity: 0;
	z-index: 99999;
	padding: 10px;
	font-size: 90%;
	text-align: center;
	/*transition: opacity 6s;*/
}

#bannerInfo {
	cursor: pointer;
	text-decoration: underline;
	font-size: 150%;
}

#compositeBanner
{
	position: absolute;
	left: 420px;
	width: 1080px;
	height: 120px;
	/*background-image: url(images/compositeBanner.png);*/
	background-repeat: no-repeat;
}

#compositeBannerRight {
	position: absolute;
	left: 900px;
	width: 395px;
	height: 120px;
	background-image: url(images/compositeBannerRight.png);
	background-repeat: no-repeat;
}

a.topNav:hover {background-color: #dafafa !important}

#tabs .ui-tabs-nav {
    padding: 0em;
    background: transparent;
    border-width: 0px;
}
#tabs .ui-tabs-nav li {
    position: static;
    margin: 0px;
    border-bottom: 1px solid #327e04 !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#tabs .ui-tabs-nav li:first-child {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}
#tabs .ui-tabs-nav li:last-child {
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}
#tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 0px;
    border-bottom: 1px solid #d4ccb0 !important;
}

iframe {
	position: relative !important;
	left: 0 !important;
	overflow: hidden !important;
}

.toolForm { vertical-align: central; margin-bottom: 0; font-size: 0.85em; }
.toolForm td { color: #FFF; text-align: center; border-bottom: none; }
.toolForm table { width: 100%; }
.toolForm tbody { width: 100%; }

#headlinesDiv {
	margin: 0 !important;
	background-image: none !important;
	background-color: #1e5475 !important;
	font-family: Raleway, sans-serif !important;
}

#tempConDiv, #pressureConDiv {
	background-image: none !important;
	background-color: #1e5475 !important;
	font-family: Raleway, sans-serif !important;
	padding: 0 !important;
}

.ui-icon { color: white !important; }

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_F1FFE6_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_F1FFE6_256x240.png");
}

@media only screen and (min-width: 200px) and (max-width: 768px) {

	.specBoxR li, #specBoxR li
	{
		margin-left: 40px !important;
		font-size: 1em !important;
	}

	#tempConDiv, #pressureConDiv {
		font-size: 1.25em !important;
		margin-bottom: 30px;
	}

	tbody tr:hover {
		background-color: #1E5475 !important;
	}
}