/* Main layout */
html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	font-family: arial, sans-serif;
	font-size: small;
  background: #f0f0f0;
}
img {
	border: none;
}
#container {
  position: relative; /* needed for footer positioning*/
	margin: auto; /* center, not in IE5 */
  background: #f0f0f0;
  height: auto !important; /* real browsers */
  height: 100%; /* IE6: treated as min-height*/
  min-height: 100%; /* real browsers */
  overflow: hidden;
}
#footer {
  padding: 4px 0px 0px 4px;
}
#header_wrapper {
  height: 65px;
  background-image: url(/static/img/header_bg.png);
  background-repeat: repeat-x;
  background-position: top;
  width: 100%;
  min-width: 600px;
  z-index: 1000;
}
#header_content {
  padding: 42px 8px 0 8px;
  height: 60px;
  text-align: right;
  height: 100%;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
}
#navigation_content {
  padding: 5px 8px 5px 10px;
  height: 65px;
  text-align: left;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
}
#content {
  width: 960px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#report_content {
  width: 50%;
  float: left;
  position: relative;
  margin-top: 16px;
}
#button {
  cursor: pointer;
}
#link {
  cursor: pointer;
}

#progressBar {
  width: 900px;
  height: 22px;
  border: 1px solid #111;
  background-color: #025829;
}

#progressBar div {
  height: 100%;
  color: #fff;
  text-align: right;
  line-height: 22px;
  width: 0;
  background-color: #4d9d37;
}

#loading {
  position: absolute;
  top: 20px;
  left: 30%;
  width: 40%;
  height: 100px;
  z-index: 1000;
  text-align: left;
  -moz-box-shadow: inset 0 1px 0 0 #5fc244;
  -webkit-box-shadow: inset 0 1px 0 0 #5fc244;
  box-shadow: inset 0 1px 0 0 #5fc244;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4d9d37), color-stop(1, #025829) );
  background: -moz-linear-gradient( center top, #4d9d37 5%, #025829 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9d37', endColorstr='#025829');
  background-image: linear-gradient(to bottom, #4d9d37 0%, #025829 80%);
  background-color: #4d9d37;
  color: #ffffff;
  font-family: Arial;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 1px 1px 0 #212121;
  border-radius: 6px 6px 6px 6px;
  border-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #777777;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 15px;
  cursor: move;
}

.image_header {
  background: rgba(0,0,0,0.8);
  z-index: 90;
  color: #fff;
  font-size: 13px;
  padding: 3px 6px 3px 6px;
  position: absolute;
  text-decoration: none;
}

.delete_button {
  background: rgba(255,0,0,1);
  z-index: 100;
  color: #fff;
  font-size: 13px;
  padding: 3px 9px 3px 9px;
  position: absolute;
  font-weight: bold;
  text-decoration: none;
}

.field {
  margin: 0px auto;
}
.login_field {
  border: none;
  padding: 0 0 1em;
  margin: 0px auto;
}
.labels {
  float: left;
  line-height: 3.2em;
  padding-right: 1em;
}
.inputs {
  float: left;
  line-height: 3.2em;
}
.errors {
  float: left;
  line-height: 1.6em;
}

/* Boxes */
.box_top {
	text-align: left;
	-moz-box-shadow: inset 0 1px 0 0 #5fc244;
	-webkit-box-shadow: inset 0 1px 0 0 #5fc244;
	box-shadow: inset 0 1px 0 0 #5fc244;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4d9d37), color-stop(1, #025829) );
	background: -moz-linear-gradient( center top, #4d9d37 5%, #025829 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9d37', endColorstr='#025829');
  background-image: linear-gradient(to bottom, #4d9d37 0%, #025829 80%);
  background-color: #4d9d37;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 1px 0 #212121;
	border-radius: 6px 6px 0 0;
	border-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #777777;
	padding-bottom: 5px;
	padding-left: 4px;
}
.box_content {
  padding: 2px 6px 0 6px;
  margin-bottom: 0;
  background: #F4F4F4;
  background: -moz-linear-gradient(top, #ddd, #f0f0f0);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#f0f0f0));
  position: relative;
  display: inline-block;
}

/* Buttons */
.button_disabled {
  display: inline-block;
  text-align: center;
  -moz-box-shadow: inset 0 1px 0 0 #666;
  -webkit-box-shadow: inset 0 1px 0 0 #666;
  box-shadow: inset 0 1px 0 0 #5AAA46;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5AAA46), color-stop(1, #333) );
  background: -moz-linear-gradient( center top, #5AAA46 5%, #333 100% );
  background-image: -o-linear-gradient(90deg, rgb(2, 88, 41), rgb(77, 157, 55));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5AAA46', endColorstr='#333');
  background-image: linear-gradient(to bottom, #5AAA46 0%, #333 80%);
  background-color: #555;
  color: #ffffff !important;
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-shadow: 1px 1px 0 #212121 !important;
  border-radius: 6px 6px 6px 6px;
  border-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #5AAA46;
  padding-bottom: 6px;
  padding-left: 15px;
  padding-top: 6px;
  padding-right: 15px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.button {
  display: inline-block;
  text-align: center;
  -moz-box-shadow: inset 0 1px 0 0 #5fc244;
  -webkit-box-shadow: inset 0 1px 0 0 #5fc244;
  box-shadow: inset 0 1px 0 0 #5fc244;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4d9d37), color-stop(1, #025829) );
  background: -moz-linear-gradient( center top, #4d9d37 5%, #025829 100% );
  background-image: -o-linear-gradient(90deg, rgb(2, 88, 41), rgb(77, 157, 55));
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9d37', endColorstr='#025829');
  background-image: linear-gradient(to bottom, #4d9d37 0%, #025829 80%);
  background-color: #4d9d37;
  color: #ffffff !important;
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-shadow: 1px 1px 0 #212121 !important;
  border-radius: 6px 6px 6px 6px;
  border-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #777777;
  padding-bottom: 6px;
  padding-left: 15px;
  padding-top: 6px;
  padding-right: 15px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.button:hover {
	behavior: url(/inc/border-radius.htc);
	color: #ffffff !important;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #025829), color-stop(1, #4d9d37) );
	background: -moz-linear-gradient( center top, #025829 5%, #4d9d37 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#025829', endColorstr='#4d9d37');
  background-image: linear-gradient(to bottom, #025829 0%, #4d9d37 80%);
  background-color: #025829;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.button:active {
	behavior: url(/inc/border-radius.htc);
	position: relative;
	top: 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
div.olControlZoom a {
    display: block;
    margin: 2px !important;
    padding: 7px !important;
    color: white;
    font-size: 22px !important;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    background: #5AAA46 !important; /* fallback for IE */
    background: rgba(60, 130, 40, 0.7) !important;
    filter: alpha(opacity=80) !important;
}
div.olControlZoom a:hover {
    background: #5AAA46; /* fallback for IE */
    background: rgba(60, 100, 40, 0.7) !important;
    filter: alpha(opacity=100);
}

.olControlLayerSwitcher {
    font-size: large !important;
    font-weight: normal !important;
    background: rgba(255,255,255,0) !important;
    border-radius: 4px !important;
    width: 12.5em !important;
}

.olControlLayerSwitcher .layersDiv {
    background: #5AAA46 !important; /* fallback for IE */
    background-color: rgba(60, 130, 40, 0.7) !important;
    margin: 5px !important;
    border-radius: 4px;
}

.olControlLayerSwitcher .maximizeDiv {
  width: 122px !important;
  height: 41px !important;
}

.olControlLayerSwitcher .minimizeDiv {
  width: 41px !important;
  height: 41px !important;
  top: 5px !important;
  right: 5px !important;
}

/* dropdown menu */

#cssmenu{
  height: 37px;
  display: inline;
  padding: 0;
  margin: 26px auto;
  border: 1px solid;
  border-radius: 5px;
}

#cssmenu > ul {
  list-style: inside none;
  padding: 0;
  margin: 0;
}

#cssmenu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
}


#cssmenu > ul > li > a{
  outline: none;
  display: block;
  position: relative;
  padding: 12px 20px;
  font: bold 13px/100% Arial, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
}

#cssmenu > ul > li:first-child > a{
  border-radius: 5px 0 0 5px;
}

#cssmenu > ul > li > a:after{
  content: '';
  position: absolute;
  border-right: 0px solid;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
}

#cssmenu ul li.has-sub:hover > a:after{
  top: 0;
  bottom: 0;
}

#cssmenu > ul > li.has-sub > a:before{
  content: '';
  position: absolute;
  top: 18px;
  right: 6px;
  border: 5px solid transparent;
  border-top: 5px solid #fff;
}

#cssmenu > ul > li.has-sub:hover > a:before{
  top: 19px;
}

#cssmenu ul li.has-sub:hover > a{
  background: #3f3f3f;
  border-color: #3f3f3f;
  padding-bottom: 13px;
  padding-top: 13px;
  top: -1px;
  z-index: 999;
}

#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{
  display: block;
}

#cssmenu ul li.has-sub > a:hover{
  background: #3f3f3f;
  border-color: #3f3f3f;
}

#cssmenu ul li > ul, #cssmenu ul li > div{
  display: none;
  width: auto;
  position: absolute;
  top: 38px;
  padding: 10px 0;
  background: #3f3f3f;
  border-radius: 0 0 5px 5px;
  z-index: 999;
}

#cssmenu ul li > ul{
  width: 210px;
}
#cssmenu ul li > ul li{
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
}

#cssmenu ul li > ul li a{
  outline: none;
  display: block;
  position: relative;
  margin: 0;
  padding: 5px 20px;
  font: 10pt Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
}

#cssmenu, #cssmenu > ul > li > ul > li a:hover{
  background: -moz-linear-gradient(top, #4d9d37 5%, #025829 100%);
  background: -webkit-gradient(linear, left top, left bottom,
                               color-stop(5%,#4d9d37), color-stop(100%,#025829));
  background: -webkit-linear-gradient(top, #4d9d37 5%, #025829 100%;
  background: -o-linear-gradient(top, #4d9d37 5%, #025829 100%);
  background: -ms-linear-gradient(top, #4d9d37 5%, #025829 100%);
  background: linear-gradient(top, #4d9d37 5%, #025829 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9d37',
                                                     endColorstr='#025829',
                                                     GradientType=0);
  background-image: linear-gradient(to bottom, #4d9d37 0%, #025829 80%);
}

#cssmenu{
  border-color : #39540d;
}

#cssmenu > ul > li > a{
  border-right: 1px solid #39540d;
  color: #fff;
}

#cssmenu > ul > li > a:after{
  border-color: #39540d;
}

#cssmenu > ul > li > a:hover{
  background: #6aa613;
}