#header_container{
  background-color:#ccc;
  background-image: url(/images/top_bg.png);
  height: 40px;
}

#header a:active img{
  opacity:0.3;
}

#header_links{
	text-align: right;
}

/* @group opt nav */
#optnav{
	background-color: #eee;
	border: 2px solid #757070;
	border-top: none;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
}
	
	#optnav .custom_date{
		width: 70px;
		background: #ffffff url(/images/calendar.png) no-repeat 58px;
	}
	
	#optnav .custom_date.no_bg{
		background-image: none;
	}
/* @end */

/* @group nav bar */
#subnav ul{
	list-style-type: none;
	padding: 0px;
}

  #subnav ul li{
    border-bottom: 2px solid #757070;
    background: #c0c0c0;
    float:left;
    border-right: 2px solid #757070;
  }
  
  #subnav ul li a{
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
    color: #000;
  }
	
	#subnav ul li.active{
		/*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#757070));
		background: -moz-linear-gradient(top, #eee, #757070);*/
		background-color: #eee;
	}
	
  	#subnav ul li.active a{
  	  color: #555e1c;
  	}
  
  #subnav ul li:hover{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#757070));
    background: -moz-linear-gradient(top, #fff, #757070);*/
    background-color: #fff;
  }
  
  #subnav ul li:active{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#757070), to(#fff));
    background: -moz-linear-gradient(top, #757070, #fff);*/
    background-color: #757070;
  }
		
	#subnav ul li:first-child{
	  border-left: 2px solid #757070;
		margin-left: 40px;
		-moz-border-radius-bottomleft: 5px;
/*    -webkit-border-top-left-radius: 20px; */
		border-bottom-left-radius: 5px;
	}
	
	#subnav ul li:last-child{
	  border-right: 2px solid #757070;
		-moz-border-radius-bottomright: 5px;
		border-bottom-right-radius: 5px;	
	}


/* @end */

/* @group nav bar */
#nav{
	border-bottom:  5px solid #757070;
}

#nav ul{
	list-style-type: none;
	padding: 0px;
}

  #nav ul li{
    border-top: 4px solid #757070;
    background: #c0c0c0;
    float:left;
    border-right: 2px solid #757070;
  }
  
  #nav ul li a{
    font-weight: bold;
  }
	
	#nav ul li.active{
		/*background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#757070));
		background: -moz-linear-gradient(top, #eee, #757070);*/
		background-color: #eee;
	}
	
  	#nav ul li.active a{
  	  color: #555e1c;
  	}
  
  #nav ul li:hover{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#757070));
    background: -moz-linear-gradient(top, #fff, #757070);*/
    background-color: #fff;
  }
  
  #nav ul li:active{
    /*background: -webkit-gradient(linear, left top, left bottom, from(#757070), to(#fff));
    background: -moz-linear-gradient(top, #757070, #fff);*/
    background-color: #757070;
  }
		
	#nav ul li:first-child{
	  border-left: 4px solid #757070;
		margin-left: 40px;
		-moz-border-radius-topleft: 20px;
/*    -webkit-border-top-left-radius: 20px; */
		border-top-left-radius: 20px;
	}
	
	#nav ul li:last-child{
	  border-right: 4px solid #757070;
		-moz-border-radius-topright: 20px;
		border-top-right-radius: 20px;	
	}
	
		#nav ul li a{
			padding: 15px;
			font-size: 24px;
			color:  #000;
			text-decoration: none;
		}

	.nav_link{
		cursor: pointer;
		float: right;
		background-position: 0 40px;
	}
	
	.nav_link:hover{
		background-position: 0 0;
	}
	
	.nav_link:active{
	  opacity: 0.6;
	}
	
  .nav_logout{
    width: 37px;
    height: 40px;
    background-image: url(/images/logout_sprite.png);
  }
  
  .nav_preferences{
    width: 40px;
    height: 40px;
    background-image: url(/images/preferences_sprite.png);
  }


/* @end */

/* @group log submit */

#log_expander{
  cursor: pointer;
  position: relative;
  top: 12px;
  opacity: 0.4;
}

#log_expander:hover{
  opacity: 0.8;
}

#log_expander.opened{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  opacity: 0.8;
}

#log_expander.opened:hover{
  opacity: 0.4;
}

#log_expander_container{
  display: none;
}

#logger input{
	font-size: 24px;
	width: 212px;
	border: 2px solid #757575;
/*  -moz-border-radius: 20px;
  border-radius: 20px;  
*/
  padding-left: 2px;
	outline: 0px;
}

#log_submit{
  border: 5px solid #555e1c !important;
  color: #555e1c;
  background: #c0c0c0;
  -moz-border-radius: 20px;
	border-radius: 20px;	
	cursor: pointer;
}

#log_submit:hover{
/*  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#757070));
  background: -moz-linear-gradient(top, #ccc, #757070);
*/
  background-color: #ccc;
}

#log_submit:active{
/*  background: -webkit-gradient(linear, left top, left bottom, from(#757070), to(#ccc));
  background: -moz-linear-gradient(top, #757070, #ccc);
*/
  background-color: #fff;
}

#logger{
  padding-left: 15px;
}

/* @end */

/* @group recently logged */
.recently_logged{
	margin-bottom: 20px;
}
	
	.recently_logged_tools{
		color: #cecece;
	}
	
		.recently_logged_tools a{
			color:  #cecece;
		}

/* @end */
.msg{
  margin-bottom: 10px;
}

.placeholder{
  color: #ccc;
}

#footer_container{
  min-height: 100px;
  border-top: 5px solid #757070;
  background-color: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background: -moz-linear-gradient(top, #fff, #ccc);
}

#footer{
  text-align: right;
}

#footer a{
  color: #757575;
}

#footer a:hover{
  color: #000;
}

body{
  background-color: #ccc !important;
  margin: 0px !important;
  padding: 0px !important;
}

#content_container{
  padding-top: 15px;
  background-color: #fff;
  min-height: 385px;
  padding-bottom: 20px;
}

#fonttest{
  display:none;
}

h2.highcharts-title{
  color: #000 !important;
  font-weight: bold;
  text-transform: capitalize; 
}

div.fieldWithErrors{
  display:inline;
}

div.fieldWithErrors, div.fieldWithErrors input{
  color: #BE1B1B;
}

.large_form input, .large_form select{
  font-size: 24px;
}

.large_form input[type="submit"]{
  border: 5px solid #555e1c !important;
  color: #555e1c;
  background: #c0c0c0;
  -moz-border-radius: 20px;
	border-radius: 20px;	
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 150px;
}

.large_form input[type="submit"]:hover{
/*  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#757070));
  background: -moz-linear-gradient(top, #ccc, #757070);
*/
  background-color: #ccc;
}

.large_form input[type="submit"]:active{
/*  background: -webkit-gradient(linear, left top, left bottom, from(#757070), to(#ccc));
  background: -moz-linear-gradient(top, #757070, #ccc);
*/
  background-color: #fff;
}

#small_header_container{
  background-image: url(/images/top_bg_small.png);
  height:123px;
}

#small_header_container .container > div{
  margin-bottom:0px;
}

#body_small{
  background-color: #fff !important;
}


#small_nav_container ul{
 	list-style-type: none;
  padding: 0px;
}

#small_nav_container a{
  font-size: 18px;
  color: #000;
  text-decoration: none;
  float: left;
  border-bottom: 2px solid #ccc;
  margin-right: 20px;
}

#small_nav_container li.active a{
  font-size: 18px;
  color: #000;
  text-decoration: none;
  float: left;
  border-bottom: 2px solid #757070;
  margin-right: 20px;
}

#small_nav_container a:hover{
  float: left;
  color: #000;
  border-bottom: 2px solid #000;
  margin-right: 20px;
}

#small_nav_container{
  background-color: #ccc;
}

#small_nav_container .container > div{
  margin-bottom:5px;
}

#small_nav_container{
  margin-bottom:15px;
}

.ui-datepicker{
  z-index: 99;
}

.noDataContainer{
  text-align:center;
  font-size: 18px;
}