body{
	padding: 0px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #808080;  
	background-color:#F5F5F5;
}

div#container {
	margin:20px;
  width:1000px;
  font-size:12px;
}
div#menu {
  font-size:12px;	
}

div#rightContainer {
  float:left;	
}

div#header {
  border-bottom:1px dotted #636363;
  position:relative;
}
div#header img {
  margin-bottom:20px;
  margin-top:10px;	
}

div#content{
  width:800px;	
}

div#gridbox { 
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: #404040;
  width:100%;  
  border:0px solid black;
  border-collapse: collapse;
  border-spacing:0px;
  margin-top:0px;
  background-color:white;
}

div#gridbox span{

}

div#gridbox th{
  text-align:left;
  line-height:20px;	
}

div#gridbox span.total{
	line-height:16px;
	font-weight:bold;
	border:none;
	padding-bottom:15px;
}

div#gridbox span.allTotal{
  line-height:18px;
  font-weight:bold;
  border:none;
  border-top:2px solid black;
}

div#gridbox select{
  width: 100%;
}

td.tableHeader {
  background-color:#99B3FF;
  font-weight:bold;	
  line-height:17px;
}

table.data td.dataHdr{   
  background-color:black;
  text-align: center;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color: #FEFEFE;
}

table.data td.dataGrpHdr{ 
  background-color:#99B3FF;
  text-align: left;
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  color:black;
}

table.data td.datagrid{ 
  border: 1px solid black;  
}

table.data td.datagrdsum{ 
  border: 1px solid black;
}

table.data td.datagridcenter{ 
  border-bottom: 1px dotted rgb(194,124,167);
  border-right: 1px solid rgb(194,124,167);  
  text-align: center;
}

table.data td{   
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: 11px;
  color: #404040;
  background-color:#C7C7C7;
  text-align: left;
  padding-left: 3px;
  margin:0px;
}

table.data select{
  font-size: 11px;
}

table.data input{
  font-size: 11px;
}


table.login{  
  font-family: Verdana;
  font-weight: normal;
  font-size: 11px;
  color: 404040;
  width: 300;  
  background-color: #fafafa;
  border: 1px solid gray;
  border-collapse: collapse;
  border-spacing: 0px;
  margin-top: 0px;
}

table.login td{   
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: 11px;
  color: 404040;
  background-color: white;
  text-align: left;
  padding-left: 3px;
}

table.login td.header{
  font-family: Verdana, sans-serif, Arial;
  font-weight: normal;
  font-size: 11px;
  color: fefefe;
  background-color: purple;
  text-align: left;
  padding-left: 3px;
}

table#userInfo{
	
}

.olcg {background-color: purple; text-align:center;font-size:10px;}
.olfg {background-color: #fffcee; text-align:center;font-size:10px;}

.olcap {font-family:Verdana,Arial,Helvetica;font-size:12px;font-weight:bold;color:#ffffff;}
.oltxt {font-family:Verdana,Arial,Helvetica;font-size:10px;color:#000000;}

/*MENU*/
div#menu {
  width:130px;	
  text-align:left;
  float:left;
}
div#menu ul{
  list-style-type:none;
  margin:0px;
  padding:0px;	
}
div#menu li{
  line-height:24px;	
}

div#menu a {
  border-bottom:1px dotted #636363;
  text-decoration:none;
  display:block;
  color:blue;
  margin:0px;
  margin-right:20px;
  padding:0px;
}
div#menu a:hover {
  color:red;
  background-position:center right;
  background-repeat:no-repeat;
  background-image:url(../gfx/rt.gif);
}
div#menu img {
  border:none;
  margin-top:7px;
  margin-bottom:12px;
  padding:0px;	
  background-color:blue;
  width:120px;
  height:46px;
}
td.vertMenu a {
  border-right:1px dotted #636363;
  border-bottom:1px solid #636363;
  text-decoration:none;
  line-height:20px;
  display:block;
  float:left;
  color:blue; 	
  width:100px;
  text-align:center;
  font-size:12px;
}

td.vertMenu a:hover {
  color:red;
}

td.vertMenu a#first {
  border-left:1px dotted #636363;	
}

table#searchForm {
  width:100%;	
}

table#saveForm {
  width:100%; 
}

td.infoError {
  background-color:red;
  color:white;
  font-weight:bold;
  line-height:20px;
}

td.infoSuccess{
  background-color:green;
  color:white;
  font-weight:bold;
  line-height:20px;
}

.contentHeader{
  line-height:20px;
  background-color:#00ACB6;
  padding-left:2px;
  color:white;
  font-size:12px;
  font-weight:bold;
}
div#loginTxt{
  position:absolute;
  right:0px;
  top:50px;
  color:black;
  font-size:12px;
}

table#hourList {
  font-size:12px;	
  color:black;
}

table#hourList th {
  text-align:left;	
}

table#hourList tr.row1 {

}
table#hourList tr.row2 {
  background-color:#D5D5D5; 
}

/*Save hour*/
div#sh {
  margin-top:10px;
  font-size:12px;
  width:100%;
}

div#sh fieldset#openArea {
	padding:10px;
  border:1px solid black;
}
input#ID_START_DATE, input#ID_END_DATE{
  width:75px;
  background-color:#E6E6E6;
}
input#ID_WEEK {
	width:35px;
	background-color:#E6E6E6;
	text-align:center;
}
input#ID_OPEN_CALENDAR {
  padding:0px 5px 0px 5px;	
  height:23px;
}

div#gridbox input.hour {  
  width:40px;
  float:left;
}

div#gridbox {
	margin-top:10px;
  font-size:11px;  
  color:black;

}

div#gridbox span.total {
  font-weight:bold;
  font-size:12px;
  padding-left:4px;	
  color:black;
}
div#gridbox span.total_red {
  font-weight:bold;
  font-size:12px;
  padding-left:4px; 
  color:red;
}
#id_mon, #id_tue, #id_wed, #id_thu, #id_fri, #id_sat, #id_sun {
  width:40px;
  float:left;
}
.locked {
  background-color:#E6E6E6;
}
.copy {
  font-size:11px;
}

/*hour_bank*/