html, body {
width: 100%;
height:100%;
padding:0px;
margin:0px;
font-size:13px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:15px;
cler:both;
color:#333333;
background:#f5f5f5;
}

p{
font-size:14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:18px;
color:#333333;
margin:0px;
padding:0px;
}
div,td,h1,h2,h3,h5,h6,from input{
padding:0;
margin:0;
}
image {
border:0;
}
ul{
padding:0;
margin:0;
list-style-type:none;
}
a{
padding:0;
margin:0;
outline:none;
text-decoration:none;
color:#000000;
cursor:pointer;
}
.specer{
padding:0;
margin:0;
clear:both;
height:2px;
margin-bottom:10px;
margin-top:10px;
}
h1
{
color:#fe0a04;
font:bold 28px/30px Arno Pro;
}
h2
{
color:#000000;
font:bold 20px/20px Arno Pro;
}
h3
{
color:#000000;
font-size:14px;
}
h4
{
margin:0;
padding:0;
color:#FFFFFF;
font:bold 15px/20px verdana;
}
h5
{
background:#666666;
height:25px;
font:bold 16px/25px verdana;
color:#FFCC00;
}
h5 span1
{
color:#00CC00;
}
h5 span2
{
color:#ED4B47;
}
/*-------------------------------------------------*/
#mainbody
{
width:90%;
margin:0 auto;
}
#midcontent
{
min-height:500px;
background-color:#FFFFFF;
padding-bottom:20px;
margin-bottom:20px;
}
login
{
background-color:#c5d2cb;
width:99.9%;
height:50%;
position: fixed; /* or absolute */
top: 25%;
bottom:25%;
}
.leftlogin{
width:35%;
height:100%;
float:left;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.textbox
{
height:20px;
width:250px;
color:#000000;
font-size:14px;
padding:5px;
border:1px solid #999999;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.textbox:hover{
box-shadow:0 0 4px #333333;
background:#FEFDE7;
}
.textboxmid
{
height:20px;
width:150px;
color:#000000;
font-size:14px;
padding:5px;
border:1px solid #999999;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.textboxmid:hover{
box-shadow:0 0 4px #333333;
background:#FEFDE7;
}
.textarea
{
height:60px;
width:250px;
color:#000000;
font-size:14px;
padding:5px;
border:1px solid #999999;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.textarea:hover{
box-shadow:0 0 4px #333333;
background:#FEFDE7;
}

.selectbox
{
height:32px;
width:262px;
color:#000000;
font-size:14px;
padding:5px;
border:1px solid #999999;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.selectbox:hover{
box-shadow:0 0 4px #eeeeee;
background:#FEFDE7;
}
.selectboxmid
{
height:32px;
width:162px;
color:#000000;
font-size:14px;
padding:5px;
border:1px solid #999999;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.selectboxmid:hover{
box-shadow:0 0 4px #eeeeee;
background:#FEFDE7;
}

.submit
{
height:35px;
font-size:14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFFFFF;
background:#222222;
text-align:center;
line-height:35px;
padding:0 20px;
border:none;
cursor:pointer;
font-weight:bold;
}
.submit:hover
{
background:#FF6600;
color:#FFFFFF;
}

front
{
width:60%;
height:80%;
position: fixed; /* or absolute */
top: 8%;
bottom:5%;
right:5%;
left:36%;
background:#FFFFFF;
z-index:10001;
font-size:15px;
font-weight:500;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:20px;
}

header
{
height:40px;
}
.topleft
{
width:50%;
float:left;
margin:10px 10px 0 10px;
}
.topright
{
width:40%;
float:right;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
margin:10px 10px 0 10px;
}
.menu
{
height:60px;
width:100%;
}
footer{
height:25px;
background:#434343;
position: fixed;
bottom: 0;
width: 100%;
color:#FFFFFF;
text-align:center;
padding-top:3px;
line-height:25px;
}
.boxDiv
{
border:1px solid #999999;
min-height:600px;
padding:10px;
margin:10px 20px 10px 20px;
}
.header
{
background:#222222;
border:1px solid #dadada;
height:40px;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFFFFF;
}

.header1
{
background:#222222;
border:1px solid #dadada;
height:30px;
font-size:14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFFFFF;
}

.header2
{
background:#FFCC00;
border:1px solid #dadada;
height:25px;
font-size:12px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#666666;
}



.table-border1
{
border:1px solid #dcdcdc;
height:30px;
background:#E1E4FF;
font-size:12px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222;
padding:0px;
}
.table-border1:hover{
background:#f3f3f3;
}
.table-border2
{
border:1px solid #dcdcdc;
height:25px;
background:#FFFFFF;
font-size:12px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222;
padding:0px;
}
.table-border2:hover{
background:#FFFFFF;
}
.table-border3
{
border:1px solid #dcdcdc;
height:30px;
background:#FFBFBF;
font-size:13px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000000;
padding:3px;
}
.table-border3:hover{
background:#FFFFFF;
}




#searchDiv
{
width:280px;
height:35px;
background:#fefefe;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #999999;
}
.search
{
/*background: transparent;*/
z-index: 1;
border:none;
color:#000000;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
width:250px;
height:30px;
padding:0 5px;
border:1px solid #999999;
}
.searchdate
{
width:130px;
color:#000000;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
height:30px;
padding:0 5px;
border:1px solid #999999;
}
.searchselect
{
width:160px;
color:#000;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
height:30px;
padding:0 5px;
border:1px solid #999999;
}
.newrecord{
height:32px;
font-size:14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:20px;
color:#FFFFFF;
background:#222222;
text-align:center;
padding:3px 15px;
border:none;
cursor:pointer;
}
.newrecord:hover
{
background:#EEEEEE;
color:#222222;
border:1px solid #000000;
}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 1200px;
background-color: #000000;
z-index:1001;
-moz-opacity: 0.7;
opacity:.5;
filter: alpha(opacity=70);
}
.graph_content{
display: none;
position: fixed;
top:10%;
bottom:10%;
left: 10%;
width: 80%;
height: 80%;
border: 5px solid #999999;
z-index:1002;
overflow: auto;
background:#FFFFFF;
color:#333333;
font-size:14px;
}

.class1
{
border:1px solid #dcdcdc;
height:30px;
background:#E1E4FF;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222;
}
.class1:hover{
background:#f3f3f3;
}
.class2
{
border:1px solid #dcdcdc;
height:30px;
background:#FFFFFF;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222;
}
.class2:hover{
background:#FFFFFF;
}
/*-------------------------------------------------*/
#iconDiv
{
height:100px;
width:160px;
border:3px solid #000000;
cursor:pointer;
-moz-border-radius:3px;
background: linear-gradient(to bottom, #FFFFFF, #f7f8d9);
box-shadow:6px 6px 6px #333333;
}
#iconDiv:hover
{
height:100px;
width:160px;
border:3px solid #ed3338;
-moz-border-radius:3px;
border-radius:3px;
border-radius:3px;
background: linear-gradient(to bottom, #f7f8d9, #FFFFFF);
}
.black_overlay1{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 1200px;
background-color: #000000;
z-index:1001;
-moz-opacity: 0.5;
opacity:.5;
filter: alpha(opacity=90);
}
.graph_content1{
display: none;
position: fixed;
top: 30%;
left: 25%;
width: 50%;
height: 40%;
z-index:1002;
background:#EEEEEE;
border:10px solid #009933;
-moz-border-radius:10px;
border-radius:10px;
}

.graph_content2{
display: none;
position: fixed;
top: 6%;
left: 20%;
width: 60%;
height: 85%;
z-index:1002;
background:#EEEEEE;
border:10px solid #009933;
-moz-border-radius:10px;
border-radius:10px;
}
.graph_content3{
overflow:auto;
display: none;
position: fixed;
top: 6%;
left: 20%;
width: 60%;
height: 85%;
z-index:1002;
background:#EEEEEE;
border:10px solid #009933;
-moz-border-radius:10px;
border-radius:10px;
}



.pendingbutton
{
background:#FF3300;
color:#FFFFFF;
line-height:25px;
padding:5px 10px 5px 10px;
font:bold 14px/25px Georgia, "Times New Roman", Times, serif;
-moz-border-radius:5px;
border-radius:5px;
}
.approvedbutton
{
background:#006600;
color:#FFFFFF;
line-height:25px;
padding:3px 10px;
font:bold 12px/25px Georgia, "Times New Roman", Times, serif;
-moz-border-radius:5px;
border-radius:5px;
}

#errormsg
{
height:50px;
background:#FFE8E8;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #333333;
line-height:50px;
font-size:16px;
color:#CC4444;
font-weight:bold;
}

.invoiceitem1
{
border:1px solid #CCCCCC;
height:30px;
font-size:12px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222
}
.invoiceitem1:hover{
background:#f3f3f3;
}
.manifest1
{
border:1px solid #dcdcdc;
height:30px;
font-size:12px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222;
}
.manifest1:hover{
background:#f3f3f3;
}
#item
{
position:absolute;
}
#item #itemsearchDiv{
position:relative;
top:30;
}
#itemlist{
border:1px solid #999999;
width:250px;
color:#000000;
font-size:14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
min-height:30px;
padding:0px 5px;
z-index:10001;
background:#FFFFFF;

}


#itemlist ul{list-style-type:none;}
#itemlist ul li{
height:18px;
padding:7px 5px;
}
#itemlist ul li a{
text-decoration:none;
color:#000000;
}
#itemlist ul li:hover{
background:#FFE8F3;
}

.searchselect1
{
width:65px;
color:#000;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
height:30px;
padding:0 5px;
border:1px solid #999999;
}