/* --- Global --- */

body {
  margin: 0;
  padding: 0;
  background: #E4E7D7;
}

form {
  margin: 0;
  padding: 0;
}

body,select,input,p,td {
  font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana", sans-serif;
  font-size: 11px;
}

img {
  border: 0;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

h1 {
  color: #CC0000;
}

h2 {
  margin-top: 0;
  padding-top: 13px;
  font-weight: bold;
  color: #CC0000;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link { color: #414334; }

a:active { color: #CC0000; }

a:visited { color: #414334; }

a:hover { color: #CC0000; }

select,input {
  padding-left: 1px;
  margin-bottom: 4px;
}

.xml {
  background:#FF6600 none repeat scroll 0% 50%;
  border-color:#FFCC99 rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102);
  border-style:solid;
  border-width:1px;
  color:#FFFFFF;
  font-family:verdana,sans-serif;
  font-size:10px;
  font-weight:bold;
  margin:0pt;
  padding:0pt 3px;
  text-decoration:none;
}

/* --- tab menus --- */

/*- Menu Tabs I--------------------------- */

#toptabs {
  position: absolute;
  top: 0px;
  right: 8px;
  height: 25px;
  line-height:normal;
  z-index: 9999;
}

#toptabs ul {
  margin:0;
  padding:0px 10px 0 50px;
  list-style:none;
}
#toptabs li {
  display:inline;
  margin:0;
  padding:0;
}

#toptabs a {
  float:left;
  text-decoration:none;
  border-width: 2px 0 0 0;
  border-style: solid;
  width: 60px;
}

#toptabs a span {
  float:left;
  display:block;
  text-align: center;
  font-weight: normal;
  color:#FFF;
  border-width: 2px 0 0 0;
  border-style: solid;
  padding: 1px 0px 5px 0px;
}

#toptabs a.tabred {
  background-color: #CC0000;
  border-top-color: #CC0000;
}
#toptabs a.tabred span {
  background-color: #CC0000;
  border-top-color: #CC0000;
}
#toptabs a.tabgreen {
  background-color: #349C54;
  border-top-color: #349C54;
}
#toptabs a.tabgreen span {
  background-color: #349C54;
  border-top-color: #349C54;
}
#toptabs a.tabbrown {
  background-color: #9DA679;
  border-top-color: #9DA679;
}
#toptabs a.tabbrown span {
  background-color: #9DA679;
  border-top-color: #9DA679;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#toptabs a span {float:none;}
/* End IE5-Mac hack */
#toptabs a:hover span {
  color:#FFF;
}

#toptabs a.tabred:hover {
  background-color: #e60000;
  border-top-color: #e60000;
}
#toptabs a.tabred:hover span {
  background-color: #e60000;
  border-top-color: #e60000;
}
#toptabs li.active a.tabred {
  border-top-color: #e60000;
}
#toptabs li.active a.tabred span {
  border-top-color: #e60000;
  padding-right: 10px;
  background: url(/images/arrow_down.gif) no-repeat 40px 2px;
}

#toptabs a.tabgreen:hover {
  background-color: #3cb561;
  border-top-color: #3cb561;
}
#toptabs a.tabgreen:hover span {
  background-color: #3cb561;
  border-top-color: #3cb561;
}
#toptabs li.active a.tabgreen {
  border-top-color: #3cb561;
}
#toptabs li.active a.tabgreen span {
  border-top-color: #3cb561;
}

#toptabs a.tabbrown:hover {
  background-color: #b5bf8b;
  border-top-color: #b5bf8b;
}
#toptabs a.tabbrown:hover span {
  background-color: #b5bf8b;
  border-top-color: #b5bf8b;
}
#toptabs li.active a.tabbrown {
  border-top-color: #b5bf8b;
}
#toptabs li.active a.tabbrown span {
  border-top-color: #b5bf8b;
}

/* -- grey tabs -- */
.tabmenu a
{
  color: #000;
  font-weight: normal;
  background-color: #F3F6E6;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
}

.tabmenu a:hover
{
  color: #CC0000;
}

.tabmenu li.active a
{
  background-color: #E4E7D7;
}

ul.tabmenu
{
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabmenu li
{
  float: left;
  margin: 0;
}

.tab {
  clear:left;
  background: #fff url(/images/menuborder.gif) repeat-x scroll 0 0;
}

/* --- main layout --- */

#rightcontent {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 200px;
  overflow: auto;
}

#rightcontent h2 {
  margin-top: 58px;
}

#rightcontent h2 a {
  font-weight: normal;
  color: #CC0000;
}

#centercontent {
  position: absolute;
  top: 0px;
  right: 200px;
  border-left: 1px solid #707463;
  border-right:1px solid #707463;
  width: 270px;
  height: 100%;
  background: white;
}

#centerinnercontent {
  margin: 10px 20px;
}

#centercolumn {
  overflow: auto;
}

#leftcontent {
  margin-right: 471px;
}

#leftinnercontent {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#lowercontent {
  clear: both;
  background: #E4E7D7;
}

.fullheight {
  height: 100%;
}

.reducedheight {
  height: 512px;
}

/* --- rightcontent --- */

#rightcontent h2 {
  margin-left: 15px;
}

#rightcontent ul {
  margin: 0;
  padding: 0;
  border-top: 1px dashed #707463;
}

#rightcontent ul.odd_lines {
  border-bottom: 1px dashed #707463;
}

#rightcontent li {
  list-style: none;
  padding: 2px 0 3px 15px;
}

a.layer {
  background:url(/images/arrow_right_brown.gif) no-repeat;
  padding-left: 15px;
}


#rightcontent .sectionentry1 {
  background-color: #E4E7D7;
  border-top: 1px dashed #707463;
  border-bottom: 1px dashed #707463;
}

#rightcontent .sectionentry2 {
  background-color: #BABFA7;
}

#license img {
  margin-top: 15px;
  margin-left: 15px;
}

/* --- centercontent --- */

#centercontent p {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

#openid_url {
  background: url(/images/login-bg.gif) no-repeat #FFF 5px;
  padding-left: 25px;
}

#user_message {
  margin-top: 8px;
  background: #E4E7D7;
}

#locate_flash {
  margin: 5px;
}

#centercontent label {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* --- leftcontent --- */

div#welcome {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(/images/welcome_back.jpg) no-repeat;
  color: white;
}

div#leftdata {
  height: 100%;
  margin-left: 45px;
  /*padding-top: 68px;*/
  padding-right: 45px;
  overflow: auto;
}

#leftdata h1 {
  margin-top: 68px;
}

.wmsinfo {
  margin-top: 20px;
}

.wmsinfo a:link {
  color: #CC0000;
}

.wmsinfo a:hover {
  color: #414334;
}

table.wmsinfotable {
  border-collapse: collapse;
  border: 0px none;
}

.serverdate {
  font-size: 10px;
  margin-left: 10px;
}

td.preview_spacing_wide {
  width: 82px;
}

td.preview_spacing {
  width: 12px;
}

td.preview_img {
  width: 80px;
  height: 64px;
  border-top:1px dashed #707463;
  border-left:1px dashed #707463;
  border-right:1px dashed #707463;
  background-color: #FFFFFF;
  text-align: center;
}

td.preview_text {
  height: 18px;
  color: #FFFFFF;
  background-color: #CC0000;
  text-align: center;
}

td.preview_text a:link, td.preview_text a:visited {
  color: #FFFFFF;
}

td.preview_text a:hover, td.preview_text a:active {
  color: #000000;
}

table.wmsshowtable a:link {
  color: #CC0000;
}

table.wmsshowtable a:hover {
  color: #414334;
}

td.layer_tree {
  vertical-align:top;
}
td.show_img_outer {
  width: 64px;
  vertical-align:top;
}

.show_img {
  width: 64px;
  height: 64px;
  border:1px dashed #707463;
  background-color: #FFFFFF;
  text-align: center;
  padding: 0;
  margin: 0;
}

td.layer_details {
  padding-left: 20px;
  vertical-align:top;
}

tr#serverdetails_row {
  height: 64px;
}

#serverdetails {
  background-color: #686a5b;
  color: white;
  font-size: 12px;
  padding: 10px;
}

.frontblock {
  margin-left: 48px;
  margin-top: 50px;
}

#frontblock1 {
  margin-top: 87px;
}
.frontbox {
  width: 260px;
  min-height:60px;
  height:auto !important;
  height:60px;
  margin-left: 91px;
  padding: 10px;
  opacity: 0.8;
  filter:alpha(opacity=80);
}

.frontblock span {
  position:relative;
  top:24px;
}

#frontblock1 div {
  background-color: #43BC06;
}

#frontblock2 div {
  background-color: #FFBF00;
}

#frontblock3 div {
  background-color: #3399CC;
}

#copyright {
  background-color: white;
  color: black;
  padding: 2px;
  opacity: 0.8;
  filter:alpha(opacity=80);
  position: absolute;
  left: 139px;
  bottom: 2px;
}

div#map {
  width: 100%;
  height: 100%;
}

#maploading {
  position: absolute;
  top: 22px;
  left: 40px;
  width: 200px;
  height: 15px;
  z-index: 999;
  background-image: url("/images/maploading.gif");
  background-repeat: no-repeat;
}

/* --- popups --- */

.olPopupContent {
  color: white;
}

.popup_close {
  text-align: right;
  margin-right: 10px;
  height: 15px;
}

.popup_content {
  margin: 0 10px;
  height: 230px; /*FF: 260px*/
  overflow: auto;
  color: black;
}

.popup_content hr {
  margin-right: 10px;
}

/* --- lowercontent --- */

#lowercontent {
  width: 100%;
  overflow: auto;
}

#layer_data {
  width: 100%;
}

tr.layer_column_header th select {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
}

#flash span {
  padding: 5px;
  margin-top: 10px;
  color: #0C2504;
  display: block;
}

#flash .notice {
  background: #CBE4C3;
  border-top: 1px solid #2E9410;
  border-bottom: 1px solid #2E9410;
}

#flash .error {
  background: #e99;
  border-top: 1px solid #822;
  border-bottom: 1px solid #822;
}

.errorExplanation {
  color: #CC0000;
}


/* Rating http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/ */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/images/star.gif) left -1000px repeat-x;
	margin:0;
	padding:0;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(/images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/* custom display options */
.star-rating {
  float:left;
  margin: 2px 6px 0px 6px;
}