body{ margin:0px; padding:0px; background:#f2f2f2 url(../images/bglogin.jpg) no-repeat center top; font-family:Arial, Helvetica, sans-serif ; font-size:12px; }
table{ border-collapse:collapse}
table td{border-collapse:collapse; padding:2px 5px; border:none}
table.report { background:#DA70D6;   width:98%; margin:1%; font-size:11px}
table.report th{ background: url(../images/th.png) center repeat-x; padding:8px 5px; color:#DA70D6; border:1px solid #666}
.report td{ border-bottom:1px solid #ccc }
.report tr:nth-child(odd)		{ background:#FF7F50 url(../images/tr.png) repeat-x  bottom  ; }
.report tr:nth-child(even)		{ background-color:#00FF7F; }
table.form{ background: url(../images/form.png) repeat-x #dfe9ef; border:2px solid #FFF;
-moz-box-shadow: 0px 5px 5px #888;
-webkit-box-shadow: 0px 5px 5px #888;
box-shadow: 0px 5px 5px #888;}
.report tr:hover{ background:#ede9c0}
input,select,textarea{ /* for non-css3 browsers */
border:1px solid #b3c5ce; padding:2px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDA0DD', endColorstr='#DA70D6'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#DDA0DD), to(#FFF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f9f9f9,  #fff); /* for firefox 3.6+ */ 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 2px #9ec7df;
-webkit-box-shadow: 0px 0px 2px #9ec7df;
box-shadow: 0px 0px 2px #9ec7df; outline:none
}
input:focus,select:focus,textarea:focus{ border:1px solid #06C}
input[type=button],input[type=submit],input[type=reset] {
background:url(../images/.png) repeat-x; padding:5px;	 border:1px solid #576e42;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#85b700'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#85b700)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFFFFF,  #85b700); /* for firefox 3.6+ */ 
text-shadow:0px 1px 2px #FFF; color:#000; font-weight:bold
}

input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97bc54', endColorstr='#638b3f'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#97bc54), to(#638b3f)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #97bc54,  #638b3f); /* for firefox 3.6+ */ 
	}

input[value=Del] { background:#000;
text-shadow:0px 1px 2px #FFF; color:#fff; font-weight:bold;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a2222', endColorstr='#915050'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#6a2222), to(#915050)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #6a2222,  #915050); /* for firefox 3.6+ */ 
 border:1px solid #900;
}
input[value=Del]:hover{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#720000', endColorstr='#cc0000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#720000), to(#cc0000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #720000,  #cc0000); /* for firefox 3.6+ */ 
	}
	
input[value=CANCEL] {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#e9e9e9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#e9e9e9)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #d5d5d5,  #e9e9e9); /* for firefox 3.6+ */ 

	}
#login{ width:549px; margin:100px auto; background:#eaeaea;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0606', endColorstr='#e9e9e9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fe0606), to(#e9e9e9)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #0616fe,  #fffc10); /* for firefox 3.6+ */ margin-bottom:100px;

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; 
 -moz-box-shadow: 0px 0px 40px #8a8a8a;
-webkit-box-shadow: 0px 0px 40px #8a8a8a;
box-shadow: 0px 0px 40px #8a8a8a; outline:none;
padding:40px;
}

#login .inner{
 
}
h1{ margin:0px; background:#21b7e9; padding:10px; font-style:italic; font-size:18px; color:#ff8400}
h2{ font-size:18px; font-weight:bold; font-style:italic; color:#a2a2a2}
h1 strong{ color:#a4a4a4}
#login input,select{ padding:5px;}
.footer{ background:#fff url(../images/form.png) repeat-x; width:600px; margin:auto; margin-top:30px; padding:20px; border:1px solid #CCC; text-align:center; margin-bottom:10px}
.logo{  background:url(../images/brown.png) repeat-x; height:86px;}
