body{

 background-color:#CABC8B;

/*background-color:#C1FFE0; */
}

#header {
top:0px;
height:60px;
width:600px;
left: -15px;
position: relative;
}



#main{
/*width:1014px; */
width:600px;
top:0px;
position: relative;
}

#leftcol{
width:180px;
float:left;
text-align:left;
font-family: 'Franklin Gothic Medium';
left: -10px;
position: relative;

}


#bar{
width:600px;
background-color:#336600;
float:left;
left: -4px;
position:relative;
font-family: 'Franklin Gothic Medium';
}

#bar a{
color:#ffffff;
text-decoration: none;
}

#bar #headBar{

color:#000000;
font-size:24px;
font-family: 'times new roman';
float:none;
text-transform: uppercase;
text-align: center;



}

#bottomBar{
width:500px;
/*background-color:#669900;*/
background-color:#336600;
float:left;
left: 0px;
position:relative;
color:#000000;
font-size:18px;
font-Family: Verdana;
left: 0px;
position: relative;
font-family: 'Franklin Gothic Medium';


}



#bar #barRight{
margin-top:30px;
color:#ffffff;
text-align:right;
font-size:14px;
margin-right: 5px;
float: right;
font-family: 'Franklin Gothic Medium';
}

#bar #barLeft{
margin-top:30px;
color:#ffffff;
text-align:left;
font-size:14px;
margin-left: 5px;
float:left;
font-family: 'Franklin Gothic Medium';
}


#containerMain{
width:500px;
float: left;
left: -4px;
margin-top: 0px;
text-align:left;
position: relative;
font-family: 'times new roman';
}

#containerMain a{

text-decoration: none;
}


#containerMain a:Hover{
 text-decoration: none;
 text-transform: none;

}

#containerMainLogin{
width:800px;

/*background-image: url(../images/login.jpg);    */
margin-top:-65px;
left: 0px;
position: relative;
text-align:center;

font-Family: 'Franklin Gothic Medium';

}

#BTLForm{
width:600px;

/*background-image: url(../images/login.jpg);    */
margin-top:-70px;
left: 0px;
position: relative;
text-align:left;
font-Family: 'Franklin Gothic Medium';

}
#searchreport{
width:1000px;

/*background-image: url(../images/login.jpg);    */
margin-top: 0px;
left: 0px;
position: relative;
text-align:left;
font-Family: 'Franklin Gothic Medium';

}

#reportbar{
width:800px;

/*background-image: url(../images/login.jpg);    */
margin-top: 0px;
/*left:-10px; */
position: relative;
text-align:left;
font-Family: 'Franklin Gothic Medium';

}
#graphsearch{
width:800px;

/*background-image: url(../images/login.jpg);    */
margin-top: -100px;
left:-100px;
position: relative;
text-align:left;
font-Family: 'Franklin Gothic Medium';

}
#avgmon{
width:800px;

/*background-image: url(../images/login.jpg);    */
margin-top: -100px;
left:-100px;
position: relative;
text-align:left;
font-Family: 'Franklin Gothic Medium';

}


#head{
width:180px;
height:25px;
/*background-color:#99CCFF;   */
background-color:#336600;
color:#000000;
font-family:'Franklin Gothic Medium';

}

#head1{
width:500px;
height:30px;
/*background-color:#99CCFF;*/
background-color:#336600;
color:#000000;
text-align:left;
font-family: 'Franklin Gothic Medium';
}

#headtitle{
top:-4px;
position:relative;
color:#FFFF99;
font-Family: 'Franklin Gothic Medium';
font-size:14px;
font-weight: bold;
  text-align: justify
}

#headtitle1{
color:#000000;
font-Family: 'Franklin Gothic Medium';
left:0px;
position:relative;
font-size:16px;
}

#headtitle1 td{
color:#ffffff;
font-Family: 'Franklin Gothic Medium';
}

#head img{
left:0px;
top:-2px;
position: relative;
float:left;}

#head1 img{
left:0px;
position: relative;
}

#footer{
top:5px;
left: -12px;
width:1000px;
height:30px;
background-color:#767557;
position: relative;
float:left;
color: #FFFFFF;
font-family: 'Arial';
font-size: 10px;
text-decoration: none;
text-transform: none;}

#footer12{
top:150px;
left: -12px;
width:1000px;
height:30px;
background-color:#767557;
position: relative;
float:left;
color: #FFFFFF;
font-family: 'Arial';
font-size: 10px;
text-decoration: none;
text-transform: none;}
#footer a{
   text-decoration: none;
   color: #ffffff;
   text-transform: none;
}


h3{
color:#000000;

}


#leftWidget{
background-image: url(../images/bg3.jpg);
background-repeat: repeat-x;
background-color: #ffffff;}


#leftWidget #leftWidgetContent{
color:#000000;
font-size: 12px;
font-Family: 'Arial';
margin-left: 10px;
text-decoration: none;
text-transform: none;
cursor: pointer;


}

#leftWidget #leftWidgetContent1{
color:#000000;
font-size: 12px;
font-Family: 'Arial';
margin-left: 0px;
text-decoration: none;
text-transform: none;
cursor: pointer;


}

#leftWidgetContent1 table{
color:#000000;
font-size: 12px;
font-Family: 'Arial';
margin-left: 10px;
text-decoration: none;
text-transform: none;
}

#leftWidget #leftWidgetContentLogin{
color:#000000;
font-size: 10px;
font-Family: 'Arial';
margin-left: 10px;

}

#leftWidget #leftWidgetContentLogin a{
color:#000000;
text-decoration: none;
text-transform: none;

}

#leftWidget #leftWidgetContentLogin a:HOVER{
color:#000000;
text-decoration: underline;
font-weight: bold;

}

#leftWidget #leftWidgetContent a:HOVER{
color:#000000;
text-decoration: underline;
font-weight: bold;
}

#leftWidget #leftWidgetContent a{
color:#000000;
text-decoration: none;
font-size: 12px;
}


#buttonContainer
{
    left:10px;
    position:relative;
   /* width:775px;*/
    display:inline;
    margin-left:4px;
    float: right;

}

#buttonContainer a #title
{
    top: 60px;
    left: 20px;
    position: relative;
    color: #000000;
    font-size: 20px;
    font-weight:bold;
	font-family:Serif;
    width: 210px;}



#buttonContainer a #title1
{
    top: -65px;
    left: 160px;
    position: relative;
    color: #336600;
    font-size: 20px;
    font-weight:bold;
	font-family:Serif;
    width: 210px;}

#buttonContainer a
{
    color:#336600;
    cursor:pointer;
    text-decoration: none;
    width:383px;
    height:133px;
    background-image: url(../images/b22.jpg);

    float:left;
    background-color:#336600;

}

#buttonContainer a:hover
{
    text-decoration: none;
  /*  background-image: url(../images/button4.png); */
     background-image: url(../images/b22.jpg);
    background-repeat: repeat-x;

}

#buttonContainer a img
{
    top:40px;
    border: 0px;
    left: 20px;
    position:relative;
    width:auto;
    float: left;
}


#buttonAdd{
  background-image: url(../images/button.jpg);
  background-repeat: repeat-x;
  height:40px;
  width: 200px;
  text-align: center;
  color: #336600;
  font-family: 'Franklin Gothic Medium';


  }

#buttonAdd a{
    cursor: pointer;
    color: #336600;



}



#buttonAdd a:Hover{
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
   /* color:#336600; */
     color:#ffffff;
}




#goBack{

   font-family:'Franklin Gothic Medium';
   text-align: center;
   font-size: 12px;
   position: relative;
   left: 200px;
   cursor: pointer;
   top:-30px;
}

#logout{

   font-family:'Franklin Gothic Medium';
   text-align: center;
   font-size: 12px;
  position: relative;
   top:-30px;
   left:300px;

   cursor: pointer;

}
#chgpas{

   font-family:'Franklin Gothic Medium';
   text-align: center;
   font-size: 12px;
   position: relative;
   top:-30px;
   left:200px;

   cursor: pointer;

}

#edit{

   font-family:'Franklin Gothic Medium';
   text-align: center;
   font-size: 12px;
   position: relative;
   top:-30px;
   left:100px;

   cursor: pointer;

}
#even{
 background-color: #E0EDDE;
 /* background-color: #99CCFF; */


}


#odd{
  /* background-color: #FFFFCC;*/
  background-color: #ffffff;


}

#hd{
  background-color: #000000;
  color: #ffffff;
}

#err{
  color: #FF0000;
  text-decoration: blink;
  text-align: center;
  top:-150px;
}

#search input{

border: none;
font-weight: bold;
}

#print table{
    text-align: center;
    border-width: 1px 1px 1px 1px medium;
    border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}

#print table td {
    text-align: center;
    vertical-align: middle;
    border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

#print table th{
        border-width: 1px 1px 1px 1px;
	    padding: 1px 1px 1px 1px;
	    border-style: inset inset inset inset;
	    border-color: gray gray gray gray;
        -moz-border-radius: 0px 0px 0px 0px;
}


#heading{
  background-color: #ECE9D8;
  color: #000000;
  text-align: center;
}


#even{
 /* background-color: #99CCFF;  */
 background-color:#336600 ;
  text-align: center;
}

#odd{
  background-color: #FFFFFF;
  text-align: center;
}

#total{
    background-color: #ECE9D8;
    color: #000000;
    text-align: center;
}

#evenExt{
  /*background-color: #99CCFF;  */
   background-color:#336600 ;
  text-align: center;
}

#oddExt{
  background-color: #FFFFFF;
  text-align: center;
}




#itReport td{
  text-align: right;

}

#itReport #list{
  text-align: left;
}
#itReport #list1{
  text-align:  right;
}

#totsalreport table
{

}

 #totsalreport  td
{
  text-align:  right;
}
#totsalreport #sub
{
  text-align: left;
}

#totsalreport #list1
{
  text-align: right;
}

#deduction{
  float: left;
}


#salary{
    float: left;
    left: 30px;
    position: relative;
}


#salary2{
    float: right;
    margin-bottom: 30px;

}

#salary3 td{
    text-align: center;
}

#salary3{
    float:left;
    top: 20px;
    position:relative;
    left: 30px;

}

#desg{
  float: right;
}

.inputtext
{
 border: 1px solid #000000;
 border-collapse: collapse;
 width:100px;
 height:20px;
 margin:0;
 padding: 2px 7px 0px 7px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}

textarea
{
 border: 1px solid #000000;
 border-collapse: collapse;
 width:250px;
 height:60px;
 margin:0;
 padding: 2px 7px 0px 7px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}

#small{
  font-size: 10px;
}

#smallLogin{
  font-size: 15px;

 
  font-family:'Franklin Gothic Medium';
  color:#767557;
  
}

#help{

    margin-left: 30px;
    margin-top: 30px;
    position: relative;
    font-family:'Franklin Gothic Medium';
    font-size: 20px;
    color: #000000;
}

#help a{

    color: #000000;
}