/* CSS Document */

* {
    padding:0;
	margin:0;
}

body {
	background:url(../images/diagonal.gif);
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-family: sans-serif;
	font-size:.9em;
	color:#363636;
	text-align:center;/* IE centering fix */
}

.wrapper {
	position:relative;
	margin:0 auto;
	padding-top:80px;
	min-width:650px;
	max-width:925px;
	_width:775px;/* IE <=6 */
	text-align:left;/* IE centering fix */
}

h1 {
    color:#363636;
	font-size:2em;
}


/* LOGIN INFO STYLES */

.login-info 
{
	position:absolute;
	left:0;
	right:300px;
    min-width:320px;
	float:left;
}
.login-info ul {
    margin:20px 0px 20px 30px;	
}
.login-info h2 {
    font-size:14px;
}
.login-info .message {
    background:#ebebeb;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	border:1px solid #959595;
	padding:15px 20px 20px 20px;	
	behavior:url(css/pie/PIE.htc);
}
p.copy 
{
    font-size:.8em;
	text-align:center;	
	margin-top:5px;	
}


/* LOGIN STYLES */

.login {
    width:240px;
	float:right;	
}
.info {
    position:relative;
	top:9px;
	left:8px;	
}
.cant_login {
    color:#363636;
	font-weight:bold;
	position:relative;
	top:-13px;
	left:20px;
	font-size:12px;
}
.txtbox{
    color:#363636;
	height:20px;
	width:230px;
	border:1px solid #dcdbdb;
	background-color:#fafafa;
	padding:5px;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-family: sans-serif;
	font-size:1em;
}
label {
    margin-top:10px;
	display:inline-block;
	color:#636363;
}
#information {
    position:absolute;
	font-size:12px;
	width:220px;
	padding:10px;
	background:url(../images/postback.jpg) repeat-x #faf5b8;
	z-index:5;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	display:none;
	margin-top:23px;
	right:20;
	behavior: url(css/pie/PIE.htc);
}
#tiptop {
    position:absolute;
	top:-10px;
	right:15px;	
}
.panel-light, .panel-dark
{
	padding:20px;
	opacity:0.8;
	-moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;
	box-shadow: #ccc 2px 2px 8px; -webkit-box-shadow: #ccc 2px 2px 8px;
	behavior: url(css/pie/PIE.htc);
}
.panel-light{
	background-color:#fff;
	border:1px solid #c8c8c8;
}
.panel-dark{
	background-color:#ddd;
	border:1px solid #b8b8b8;
}
.datagrid, .datagrid th, .datagrid tr, .datagrid td{
	border:1px solid #bbb;
	vertical-align:top;
	border-collapse:collapse;
	border-spacing:0;
	padding:0 10px 3px 10px;
	font-size:1em;
}
.datagrid tr{ background-color:#fff; }
.datagrid tr.alt-row{ background-color:#f8f8f8; }
.datagrid tr:hover{ background-color:#EFE7F0; }
.btn{
	border:2px solid #777;
	padding:7px 7px 7px 60px;
	margin-bottom:3px;
	background-color:#333;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-family:sans-serif;
	-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;
	opacity:1;
	box-shadow: 2px 2px 4px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc;
	behavior: url(css/pie/PIE.htc);
}
.btn:hover{
	border-color:#555;
	background-color:#111;
}
.fr{ float:right; }
.fl{ float:left; }
.error{ color:Red; font-size:.8em; font-weight:bold; }
ul, li{margin-left:20px;}