@charset "utf-8";
/* CSS Document Flexi Upgrade*/

body {
	background-color: #CCC;
}

.canvas {
	behavior: url(/includes/pie/PIE.htc);
	width: 790px;
	margin: auto;
	margin-bottom: 20px;
	padding: 5px;
	background-color: #FFF;
	box-shadow: 2px 2px 2px #000000;
	border-radius: 5px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 0px ridge #000000;
}

#loginbox {
	behavior: url(/includes/pie/PIE.htc);
  	position: fixed;
  	top: 50%;
  	left: 50%;
  	margin-top: -100px;
  	margin-left: -100px;
	background-color: #0CF;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 5px 5px 5px #000000;
}

#loginhead {
	background-color: #F33;	
	color: #FFF;
	font-weight: bold;
}

#errorbox {
	position: fixed;
  	top: 30%;
  	left: 53%;
  	margin-top: -80px;
  	margin-left: -160px;
	background-color: #F30;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 5px 5px 5px #000000;
}

.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}

.countbox {
	behavior: url(/includes/pie/PIE.htc);
	background-color: #d8dfea;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #3b5998;
	font-weight: bold;
	left: -1px;
	padding: 0 4px;
	position: relative;	
}

.countvalue {
  color: #3b5998;
  font-weight: bold;	
}

tr.even{
    background:#E6EDF5;
}

tr.odd{
    background:#F0F5FA;
}

#popOver {
	display: none;
	behavior: url(/includes/pie/PIE.htc);
	background-color: #d8dfea;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	position: absolute;
	z-index: 99;
	width: 250px;
	height: 100px;
	margin-left: 257px;
	margin-top: 500px;
	padding: 5px;
	
}