/* CSS Document */

html, body {
	background-color: #5e605a;
	margin-top: 2px;
	margin:0px;
	padding:0px;
}

a, a:hover, a:visited {
	color: black;
	text-decoration: underline:
}

#opti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #fefefe;
	padding: 5px;
}
#opti .text {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
#opti h1 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}
#opti a {
	color: #666600;
	text-decoration: none;
}
#sysbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#111;
	border: 1px solid #333;
	padding: 2px 6px;
	margin:5px;
}
#box {
	width: 100%;
	background-image: url(img/bgrayado.gif);
	display: block;
	background-color:#9d9f4a;
}
#bg {
	background-image: url(img/bg_header.jpg);
	background-repeat: repeat-x;
}
#content {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
table.loguer {
	background-image: url(img/bg-loguin.gif);
	background-repeat: repeat-y;
	background-color:#b8bb57;
	margin:0;
}
#flashbox {
	width: 100%;
	background-color:#5e605a;
	background-image: url(img/bg-flash-box.gif);
	background-repeat: repeat-x;
	display: block;
}
#flashplay {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-image: url(img/bg-flash.gif);
	background-repeat: repeat-x;
}
#flashplay .swf{
	border: 1px solid #000000;
}
td.intro {
	background-image: url(imgbg-introtext.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div.introtext {
	padding:3px;
	margin:15px 7px;
	font-family: Tahoma;
	font-size: 14px;
	color: #222;
}

button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}

button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

#foot {
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#flash {
	border: 2px solid #666666;
}
#flash h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
}
#flash td {
	width:25%;
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	position: static;
}
/*blue buttons*/
input.submitBtn{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:5px 17px 5px 17px;
	color: #FFF;
	background-image: url(img/buttons.jpg);
	background-repeat: repeat-x;
	background-color: #FF9900;
	border:#666 solid 1px;
}
input.submitBtn:hover {
	 background-image: url(img/transparent.gif);
	 background-color:#afaf00;
}

<!--Loguin Form-->

#container {
	width:270px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}
#leftSide {
	width:270px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
}


	#overlay {
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		-khtml-opacity: 0.4;
		opacity: 0.4;
		top: 0px;
		left: 0px;
		text-align: center;
		background-color: #000;
		position: absolute;
		overflow-x: hidden;	
	}

	#overlaycnt {
		height:0;
		left:0;
		margin: 10px auto;
		text-align:center;
		top:0;
		padding: 0px;
		position: absolute; 
	}

	#overlaycontent {
		background-color:#FFFFFF;
		height:0;
		margin:0 auto;
		text-align:center;
		top:0;
		width:600px;
	}	

fieldset {
	border:1px solid #111;
	padding:8px;
	margin:6px;
}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#111;
	border: 1px solid #333;
	padding: 2px 6px;
}
label {
	width:80px;
	height:27px;
	margin-top:3px;
	margin-right:2px;
	padding-top:6px;
	padding-left:6px;
	background-color:#222;
	float:left;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 115%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#CCCC00;
}
.div_texbox {
	width:144px;
	float:right;
	background-color:#E6E6E6;
	height:27px;
	margin-top:3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	background-image: url(images/bg-label.gif);
	background-repeat:  repeat-x;
}
textbox {
	background-image: url(images/bg-label.gif);
	background-repeat: no-repeat;
	background-position:left;
	width:80px;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}
.username {
    	background-image: url(images/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
		width:100px;
    	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
    	padding:0px 10px 0px 10px;

}
.username:focus, .username:hover {
		background-color:#F0FFE6;
}
.password {
    	background-image: url(images/16s.png);
    	background-repeat: no-repeat;
   		background-position:left;
		width:100px;
    	font:normal 18px Verdana, Arial, Helvetica, sans-serif;
    	padding:0px 10px 0px 10px;

}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}
.button_div {
	width: 100%;
	float:left;
	margin-top:3px;
	padding:5px 3px 3px 0px;;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

.ulc {
	list-style: none;
} 

.ulc li {
	margin: 2px;
	padding: 1px;
}