/* =General
-----------------------------------------------------------------------------*/
.overview_box {
	padding:20px;
	border:1px #666 solid;
	background-color:#ccc;
}

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* default body setting */
body {
	background: #eee;
	color: #333;
	font: 1.05em/1.1em Verdana, Arial, Helvetica, sans-serif;
}

/* default link */
a, .link {
	color:#717cde;
	text-decoration:none;
	border-bottom:1px dotted;
	cursor:pointer;
}

/* Class for clearing floats */
.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.lastUpdate {
	font-size:75%;
	color:#666;	
	text-align:right;
}

.alarm {
	background-image:url('../images/exclamation.png');
	background-repeat:no-repeat;
	padding-left:20px;
}

.new {
	background-image:url('../images/add.png');
	background-repeat:no-repeat;
	padding-left:20px;
	cursor:pointer;
}

span.delete {
	background: url(../images/delete.png) no-repeat right;
	cursor:pointer;
	margin-left:10px;
	padding-left:10px;
}

h3.error {
	text-align: center;
	margin-bottom: 15px;
}

.title1 {color:#666;}
.title2 {color:#D78E36;}
.title3 {color:#666; font-size:65%;font-weight:normal;}
.title4 {color:#CA1F24;font-weight:bold;}

.bold {font-weight:bold;}

/* =Wrapper
-----------------------------------------------------------------------------*/

.wrapper {
	min-width:1040px;
}

/* =Header
-----------------------------------------------------------------------------*/

.header {
	padding-top:10px;
	width: 100%;
	min-width: 770px;
	background-color: #728fa1; /*#222*/
	color: #fff;
}

.header p .logo {

	padding:0 0 0 2.5%;
	font-size:150%;
	font-weight:bold;
}


/* =Navigation
-----------------------------------------------------------------------------*/

.utilityNavigation {
	float:right;
	padding:0 2.5% 0 0;
}

.utilityNavigation li {
	display:inline;
}

.utilityNavigation li a {
	color:#fff;
}

.mainNavigation {
	width:97.5%;
	padding:10px 0 0 2.5%;
	background-color: #728fa1; /*#222*/
	clear: both;
	text-align: left;
	height: 1.65em;
}
.mainNavigation li{
	display: block;
  	margin: 0 3px 0 0;
  	padding: 0;
  	border: 0;
  	float: left;
}
.mainNavigation li a {
  	display: block;
  	background-color: #666;
  	padding: 2px 10px 0px 10px;
  	line-height: 26px;
  	border: 0;
	text-decoration:none;
	color:#fff;
}

.mainNavigation li:hover a {
	background-color:#D78E36;
}
.mainNavigation li.selected a {
	background-color: #FFF;
	color:#666;
}

.subNavigation {
	width:100%;
	padding:10px 0 0 2.5%;
	clear: both;
	text-align: left;
	height: 1.65em;
}

.subNavigation li{
	display: block;
  	margin: 0 3px 0 0;
  	padding: 0;
  	border: 0;
  	float: left;
}
.subNavigation li a {
  	display: block;
  	background-color: #666;
  	padding: 2px 10px 0px 10px;
  	line-height: 26px;
  	border: 0;
	text-decoration:none;
	color:#fff;
}

.subNavigation li:hover a {
	background-color:#D78E36;
}
.subNavigation li.selected a {
	background-color: #FFF;
	color:#666;
}


/********  login  *****************/
.loginBox {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	text-align: center;
	border: 8px #ccc solid;
	background-color:#fff;
	padding:10px;
}
.loginBox .forgot{
	font-size:70%;
	color:#717cde;
	float:none;
	text-decoration:none;
	border-bottom:1px dotted;
	cursor:pointer;
}
.loginBox a img {
	border:none;
}
.loginBox img {
	float:right;
}
.loginBox form {
	padding-left:20px;
	text-align: left;
}

.loginBox form p {
	padding:5px;
}
.loginBox form label {
	display: block;
}

.error_message {
	color:red;
	font-size:70%;	
	padding:0 0 0 20px;
	background-image: url(../images/exclamation.png);
	background-repeat: no-repeat;
}

.notification_message {
	color:green;
	font-size:85%;	
	padding:0 0 0 20px;
	background-image: url(../images/accept.png);
	background-repeat: no-repeat;
}

.loginBox form input:focus {
	background-color:#fff8dc;
}
/* =Content
-----------------------------------------------------------------------------*/
.content {
	width:95%;
	margin:auto;
	background-color:#fff;
}

.subcontent1 {
	float:left;
	width:240px;
	padding:5px;
	font-size:70%;
}

.subcontent1 label{
	display:block;
	padding:4px 0 0 0;
}

.subcontent2 {
	float:left;
}

/*****table *********************/
#display_results {
	width:95%;
	margin:auto;
	padding:5px;
}
#display_results caption {
	text-align:left;
	font-weight:bold;
	font-size:130%;
	padding:5px;

}
#display_results caption span {
	color:green;
}

#display_results table {
	border-collapse: collapse;
	font-size:70%;
	width:100%;
}

#display_results th {
	background-color:#666;
	color:#fff;
}

#display_results td, #display_results th {
	padding: 0.1em;
	border: 1px solid #CCC;
}

#display_results thead, #display_results tfoot {
	background-color: #DDD;
}

#display_results tr.rowodd {
	background-color: #FFF;
}

#display_results tr.roweven {
	background-color: #F2F2F2;
}

#display_results tr:hover {
	background-color: #fbf3b0;
}
#display_results .sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
#display_results .sortasc {
	background-color: #DDFFAC;
	background-image: url(../images/up.gif);
	color:#000;
}
#display_results .sortdesc {
	background-color: #B9DDFF;
	background-image: url(../images/down.gif);
	color:#000;
}
#display_results .nosort {
	cursor: default;
}

/* =Admin
-----------------------------------------------------------------------------*/

.adminBox {
	float:left;
	width:40%;
	margin:10px;
	padding:10px;
	border:1px solid #ccc;
	background-color:#999;
}

.adminBox div {
	background-color:#ccc;
	padding:10px;
}

.adminBox div span.label{
	padding:0 5px 0 0;
	float:left;
}

.adminBox label {
	display:block;
	font-size:75%;
	color:#555;
}

.adminBox ul {
	padding:6px 0 0 0;
	list-style:none;
}

.message {
	display:block;
	font-size:80%;
}

/* =Footer
-----------------------------------------------------------------------------*/
.footer {
	clear:both;
	text-align:right;
	padding:10px;
	width:95%;
	margin:auto;
}