
/*
*@dev: Jayson Valentino
*@WEB Developer/Back-end -BPO international, inc
*@TEST
*/
/*body {font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px;  padding-top:100px; margin: 0 auto;}*/
body {
	background: #e3e7e8 url(../images/gbg.jpg) top repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding-top:150px; 
	margin: 0 auto;
}
input, textarea {
	color:#006600;
	color:#0033CC
	color:#666666
	position:
	color:#333333;
	padding: 5px;
	border: solid 1px #3b5998;
	outline: 0;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	font-size:12px;
	cursor:pointer;
	}

textarea { 
	width: 300px;
	max-width: 300px;
	height: 150px;
	line-height: 100%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	color:#333333;
	border-color: #3b5998; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label {
	padding: 5px;
	margin: 5px;
	color:#3b5998;
	}
.submit input {
	width: auto;
	padding: 2px 0;
	background: #F9C723;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	
.login_wrapper{width:600px; margin:0 auto; border:#CCCCCC 6px solid; padding-top:0; margin-top:0; top:0; background:#FFFFFF;
padding-bottom:0; margin-bottom:0;}
.login_wrapper2{width:600px;  margin:0 auto; border:#CCCCCC 1px solid; padding-top:0; margin-top:0; top:0; background:#FFFFFF;
padding-bottom:0; margin-bottom:0;}
.login_wrapper3{width:700px; margin:0 auto; border:#CCCCCC 1px solid; padding-top:0; margin-top:0; top:0; background:#FFFFFF;
padding-bottom:0; margin-bottom:0;}
.wp{ background:url(../images/clock_index.png) no-repeat;}
.login_wrapper a:link{color:#3b5998;text-decoration:none;}
.login_wrapper a:visited{color:3b5998;text-decoration:none;}
.login_wrapper a:hover{color:#3b5998;text-decoration:none;}
.login_wrapper a:active{color:3b5998;text-decoration:none;}

.head{background: #E3E7E8;padding: 5px 5px;color:#011047;}
.foot{background: #E3E7E8; margin-bottom:0; padding:5px; color:#011047;text-align:center;}

.submit a{text-decoration:none; color:#F9C723;}
.header, .username, .password,.submit,.message,.name,.email,.comment{text-align:center;}
.blue{color:#3b5998;}
.default{color:#3b5998;}
.gray{color:#999999;}
.large{font-size:14px; font-weight:800;}
.small{font-size:11px;}
.small2{font-size:9px; padding-top:5px; cursor:pointer;}
.error{color:#CC3333;}
.bold{font-weight:800;}
.clear{clear:both;}

.left{width:200px;float:left; margin-left:10px; text-align:right; padding-right:50px;font-size:12px;}
.left2{width:30%;float:left; margin-left:40px; text-align:right; padding:0px;font-size:12px;}
.left3{width:25%;float:left; margin-left:70px; text-align:right; padding:0px;font-size:12px;}
.lef4{width:30%;float:left; margin-left:70px; text-align:left; padding-right:50px;font-size:12px; padding-left:10px;}
.left5{width:500px;float:left; margin-left:100px; text-align:left; margin-top:-15px; padding-right:20px; font-size:12px;}


/*.content_left{width:120px;float:left; margin-left:0; text-align:left; padding-top:0;padding-left:20px;}
.content_right{width:300px;float:left; margin-left:0; text-align:left; padding-top:2px;*/


.u{width:15%;float:left; margin-left:40px; text-align:right; padding-right:0; margin-right:0; font-weight:500;}
.p{width:40%;float:left; margin-left:0; text-align:right; padding-left:0;}
.right{width:50%;float:left; margin-left:10px;}
.center{margin:0 auto; text-align:center; padding-left:75px;};
.perpage{color:#0066FF;}
.load_content{width:700px; height:100%; margin: 0 auto; color:#003399;}

select{	padding: 2px;
	border: solid 1px #C9C9C9;
	outline: 0;
    font-size: 10px;
	font-family:Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	max-width: 400px;
	
	line-height: 100%;	
	padding:2px;
	color:#006699;
    height: auto;
    width: auto;
	}