/* Sticky Footer -------------------------------------------------------------*/
* {margin:0;padding:0;} 
html, body, #main {height: 100%;}
body > #main {height: auto; min-height: 100%;}
#contentRoot {padding-bottom: 130px;}  /* must be same height as the footer */
#footerRoot {position: relative; margin-top: -130px; height: 130px; clear:both;}
/* Sticky Footer END----------------------------------------------------------*/


/* General -------------------------------------------------------------------*/
body {background: #00385E; min-width: 960px}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
h1 {color: #095282; font-size: 1.5em;}
h2 {color: #095282; font-size: 1.4em;}
h3 {color: #095282; font-size: 1.3em;}
h4 {color: #095282; font-size: 1.2em;}
h5 {color: #095282; font-size: 1.1em;}
h6 {color: #095282; font-size: 1.0em;}
code {font-size: 1.1em;}
ol {list-style: decimal;}
ul {list-style: disc;}
ul ul {list-style: circle; margin-bottom: 5px;}
li {margin-left: 20px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 20px;}
a {color: #156fa7; text-decoration:none; outline:none} /* outline none disables dotted focus */
a:hover {text-decoration:underline}
img {border:0}
th {border-bottom: 1px #CCC solid; color:#666; padding:0 10px 0 10px}
td {padding:0 10px 0 10px; vertical-align: top}
iframe {background:#FFF; width:910px; border:#CFCFCF solid 1px; padding:5px 20px; margin-bottom:20px}
table.zebra tr:nth-child(odd){background-color:#F8F8F8}
table.zebra tr:nth-child(even){background-color:#FFF}

#javax_faces_developmentstage_messages {margin:0} /* avoid vertical scrollbar if JSF message appears - because of general margin-bottom setting for UL tag */

input.text {margin-bottom:10px; width:220px;}
textArea.text {margin-bottom:10px; width:220px;}
.textXL {margin-bottom:10px; width:100%;}
/*input.button {padding:0 10px 0 10px;}*/
input.submitButton {width:140px;}
span.disabled{color:#AAA}
iframe.video {background:#FFF; width:640px; height:385px; border:#CFCFCF solid 1px; padding:0px}

.topSpace{margin-top:20px}
.bottomSpace{margin-bottom:20px}

.emphasize{color:#E70}
.requiredMessage{color:#C00; font-weight:bold; margin-left:4px; position:absolute;} /* position:absolute to avoid that a message affects layout size */
.errorMessage{color:#C00; font-weight:bold;}
.vSeparator100 {border-right: 1px #CCC dotted; height:100px;}
.line { clear: both; margin: 0; border-bottom: 1px dotted #ccc; }
.messageBox {border: 2px solid #EE0044; background-color:#FFFEEE; color:#AA0044; padding: 10px; margin: 10px 0; /*--top and bottom = 10px | right and left = 0 --*/}
/* enable word wrap for pre tags - see http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags */
pre {white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* General END----------------------------------------------------------------*/

a.more {display:block; font-weight:bold; padding-top:6px;}

a.downloadButton > span{display:inline-block;background:url("/images/downloadButton.png") no-repeat; height:60px; margin:0; padding:0; width:250px;}
a.downloadButton:hover > span{display:inline-block;background:url("/images/downloadButton.png") no-repeat 0px -60px; height:60px; margin:0; padding:0; width:250px;}
a.downloadButton > span > span{color:#cfd; line-height:1.0em; padding: 27px 5px 0px 70px; position:absolute}
/*a.downloadButton div{background:url("/images/downloadButton.png") no-repeat; height:60px; margin:0; padding:0; width:250px;}
a.downloadButton:hover div{background:url("/images/downloadButton.png") no-repeat 0px -60px; height:60px; margin:0; padding:0; width:250px;}
a.downloadButton span{color:#cfd; line-height:1.0em; padding: 27px 5px 0px 70px; position:absolute}*/

a.buttonOld {background:transparent url('/images/button_right.png') no-repeat 100% 0; color:#FFF; display:block; float:left; height:24px; text-decoration:none; padding-right:10px;/* sliding doors padding */}
a.buttonOld span {background:transparent url('/images/button_left.png') no-repeat; display:block; line-height:14px;/* height - padding*/ padding:4px 0 6px 10px;}
a.buttonOld:hover {background-position: 100% -24px;}
a.buttonOld:hover span {background-position: 0px -24px;}

/* rounded buttons */
.button {background:url(/images/button_right.png) no-repeat right top; color:#FFF; height:24px; padding-right:10px;/* sliding doors padding */ display:inline-block;}
.button ins {background:url(/images/button_left.png) no-repeat left top; display:inline-block; height:24px; line-height:1.92em;/*was: height - padding*/ padding:0px 0px 0px 10px; text-decoration:none;}
.button:hover {background-position: 100% -24px;text-decoration:none;}
.button:hover ins {background-position: 0 -24px;} 
.button input {background:url(/images/button_left.png) no-repeat left top; display:inline-block; color:#FFF; border:none; height:24px; /*line-height:1.4em;*/ padding:0px 0px 1px 10px;}
.button:hover input {background-position: 0 -24px;}

.downloadButtonSmall {background:url(/images/downloadButtonSmall_right.png) no-repeat right top; color:#FFF; height:24px; padding-right:10px;/* sliding doors padding */ display:inline-block;}
.downloadButtonSmall ins {background:url(/images/downloadButtonSmall_left.png) no-repeat left top; display:inline-block; height:24px; line-height:1.92em;/*was: height - padding*/ padding:0px 0px 0px 10px; text-decoration:none;}
.downloadButtonSmall:hover {background-position: 100% -24px;text-decoration:none;}
.downloadButtonSmall:hover ins {background-position: 0 -24px;}
.downloadButtonSmall input {background:url(/images/downloadButtonSmall_left.png) no-repeat left top; display:inline-block; color:#FFF; border:none; height:24px; /*line-height:1.4em;*/ padding:0px 0px 1px 10px;}
.downloadButtonSmall:hover input {background-position: 0 -24px;}

div.intro {margin:5px 0 6px 4px;}
h4.newsList {margin:5px 0 6px 4px;}
ul.newsList {margin:0}
ul.newsList li {list-style:url("/images/newsBullet.png");}
ul.newsList table {margin:0}
ul.newsList td {padding:0}

/*ul.newsList li.title{color: #095282; font-size: 1.2em; font-weight:bold; list-style:none; margin-bottom:10px;}*/

.today {background:#FE4; color:#444; font-size:12px; font-style:italic; margin-right:8px}
.todaySmall {background:#FE4; color:#444; font-size:11px; font-style:italic; font-weight: bold; margin-right:4px}
.yesterday {background:#AFA; color:#444; font-size:12px; font-style:italic; margin-right:8px}
.yesterdaySmall {background:#AFA; color:#444; font-size:11px; font-style:italic; font-weight: bold; margin-right:4px}
.newsTime {color:#888; font-size:12px; margin-left:8px}

#adminPanel{background:#EEE; border:1px solid #222; left:240px; padding:5px; position:absolute; margin:10px 0 0 -10px;}

#main{background: #FFF}

#header {height:91px;}
#headerRoot{background: url("/images/headerRepeat.jpg") repeat-x top; height:140px; width:100%;}
#headerBackground{background: url("/images/header.jpg") no-repeat top center;}
#headerLogo a{height:50px; left:-5px; position:absolute; top:18px; width:200px; }

#searchAndLogin {float:right; margin-top:15px;}
#loginSignup {float:left; list-style:none; margin:0; padding-left:20px}
#loginSignup li {float:left; height:20px; margin:0;}
#loginSignup li a {float:left; height:20px;}

#loggedIn {float:left; list-style:none; margin:0;}
#loggedIn li{float:left; margin:0; text-align:center; width:180px;}
#loggedIn li a{color:#DDD; text-align:center;}

#loginButton {width:60px;}
#login a {background: url("/images/login.png") no-repeat 0 0; width:60px;}
#login:hover a {background: url("/images/login.png") no-repeat 0 -20px; width:60px;}
#loginBullet {background: url("/images/login.png") no-repeat -60px 0px; width:10px;}
#signup a {background: url("/images/login.png") no-repeat -70px 0; width:70px;}
#signup:hover a {background: url("/images/login.png") no-repeat -70px -20px; width:70px;}

#searchSeparator {background: url("/images/searchSeparator.png") no-repeat; border:none; height:1px; margin:8px 0 8px 0;}
#cse-search-box {background: url("/images/searchIcon.png") no-repeat left bottom; margin:0; padding:0;}
#searchButton {background: transparent; border:none; height:14px; margin:0 4px 0 0; padding:0; width:16px;}
#searchField {background:url("/images/inputBackground.png") top center !important; border:none !important; color:#333 !important; margin:0 !important; padding:1px 3px 1px 3px !important; width:150px !important;}

#mainMenu {float:left; list-style:none; margin:0; padding:0;}
#mainMenu li {float:left; margin:0; padding:0;}
#mainMenu li a {color: #CCC; float:left; height:25px; margin:0; padding:0; font-weight:bold; text-decoration:none;}
#mainMenu li a span {color: #CCC; float:left; margin-top:0px; padding:2px 10px 3px 10px; font-weight:bold; text-decoration:none;}
#mainMenu li a:hover span {color:#fff;}

#mainMenu li#menuA a {background:url("/images/mainMenu.png") no-repeat 0 0; width:85px}
#mainMenu li#menuA a:hover {background:url("/images/mainMenu.png") no-repeat 0px -50px; width:85px}
#mainMenu li#menuA a.selected {background:url("/images/mainMenu.png") no-repeat 0px -25px; width:85px}

#mainMenu li#menuB a {background:url("/images/mainMenu.png") no-repeat -85px 0; width:118px}
#mainMenu li#menuB a:hover {background:url("/images/mainMenu.png") no-repeat -85px -50px; width:118px}
#mainMenu li#menuB a.selected {background:url("/images/mainMenu.png") no-repeat -85px -25px; width:118px}

#mainMenu li#menuC a {background:url("/images/mainMenu.png") no-repeat -203px 0; width:175px}
#mainMenu li#menuC a:hover {background:url("/images/mainMenu.png") no-repeat -203px -50px; width:175px}
#mainMenu li#menuC a.selected {background:url("/images/mainMenu.png") no-repeat -203px -25px; width:175px}

#mainMenu li#menuD a {background:url("/images/mainMenu.png") no-repeat -378px 0; width:136px}
#mainMenu li#menuD a:hover {background:url("/images/mainMenu.png") no-repeat -378px -50px; width:136px}
#mainMenu li#menuD a.selected {background:url("/images/mainMenu.png") no-repeat -378px -25px; width:136px}

#mainMenu li#menuE a {background:url("/images/mainMenu.png") no-repeat -514px 0; width:111px}
#mainMenu li#menuE a:hover {background:url("/images/mainMenu.png") no-repeat -514px -50px; width:111px}
#mainMenu li#menuE a.selected {background:url("/images/mainMenu.png") no-repeat -514px -25px; width:111px}

#subMenu {float:left; list-style:none; margin:0 0 0 4px; padding:0;}
#subMenu li {float:left; margin:0; padding:0}
#subMenu li a {height:24px; color:#BAE3FF; float:left; margin:0; padding:0px 15px 0px 15px; text-decoration:none;}
#subMenu li a:hover {color:#fff;}
#subMenu li a.selected {color:#FFF; margin:0; padding:0px 15px 0px 15px; background: url("/images/subMenuSelector.png") no-repeat top center;}

/*#headline {font-weight:bold; padding: 10px 0px;}*/


/* LISTS */
/*#titledList li { background: url("/images/bullet.gif") no-repeat 0 10px; list-style: none;}
#titledList li.title { color: #222; font-size: 1.2em; font-weight: bold; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; } */
	
/* QUOTE */
/*
#quote {float: right; width: 270px; padding: 20px 15px; background: #ddd url("/images/quote.gif") no-repeat 7px 7px; height: 115px; color: #444; font-style: italic; }
#author { font-weight: bold; padding: 10px 0 0;  } */


/* Transparent box -----------------------------------------------------------*/
.tbox 
{
  margin-left:10px; /* left content insets */
  max-width:920px;  /* image width - left right insets */
}
.tbox h4 {padding-bottom:4px;}
.tbox .content, .tbox .t, .tbox .b, .tbox .b div {background:transparent url("/images/tbox.png") no-repeat top right;}
.tbox .content {min-height: 180px; position:relative; padding:3px 10px 0 0; /* right and top content insets */}
.tbox .t {background-position:top left; height:100%; left:0px; margin-left:-10px; position:absolute; top:0px; width:10px;}
.tbox .b {position:relative; width:100%;}
.tbox .b,.tbox .b div {font-size:1px; height:10px; /* bottom content insets */}
.tbox .b {background-position:bottom right;}
.tbox .b div {background-position:bottom left; margin-left:-10px; position:relative; width:10px;}

.tbox .h, .tbox .h div {background:transparent url(/images/tboxHeader.png) no-repeat top right; z-index:10;}
.tbox .h {position:absolute; width:100%;}
.tbox .h,.tbox .h div {height:32px;}
.tbox .h div {background-position:top left; margin-left:-10px; position:relative; width:10px;}

/* Transparent END -----------------------------------------------------------*/

	
/* Footer --------------------------------------------------------------------*/
#footerRoot {width: 100%; background: url("/images/footer.jpg") repeat-x top center;}
#footer {font-size: 1.0em; color:#CCC; padding-top:10px;}
#footer a {color:#CCC; text-decoration:none}
#footer a:hover {color:#FFF; text-decoration:underline}
/*#footer li {background: url(footerBullet.png) no-repeat 0px 4px; list-style: none;}*/
#footer li {list-style: url("/images/footerBullet.png");}
#footer li.title {color:#DDD; font-size:1.2em; font-weight:bold; padding-bottom:4px; text-align:center; list-style:none; margin-left:0px;}
#footer ul {margin-bottom:10px;} 
#copyright {color: #479; font-size: 0.80em; line-height:1.2em; text-align:center;}
#footerSeparators{position:absolute; top:15px}
#footerSeparators div{border-right: 1px #479 solid; height:80px;} 
/* Footer END-----------------------------------------------------------------*/