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

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 24px/30px Arno Pro;
}
h2
{
color:#000000;
font:16px/20px Arno Pro;
}
h3
{
color:#000000;
font-size:14px;
margin-top:10px;
}
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: -webkit-linear-gradient(#fefefe, #c5c1c2);
background: -o-linear-gradient(#fefefe, #c5c1c2); 
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:30px;
width:250px;
color:#000000;
font-size:14px;
padding-left:5px;
/*-moz-border-radius:5px;
border-radius:5px;*/
border:1px solid #999999;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.textbox:hover{
box-shadow:0 0 4px #333333;
}

.selectbox
{
height:38px;
width:262px;
color:#000000;
font-size:14px;
padding:5px;
/*-moz-border-radius:5px;
border-radius:5px;*/
border:1px solid #999999;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.selectbox:hover{
box-shadow:0 0 4px #eeeeee;
}

.submit
{
height:35px;
font-size:14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFFFFF;
background:#77021d;
text-align:center;
line-height:35px;
padding:0 20px;
border:none;
/*-moz-border-radius:3px;
border-radius:3px;*/
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:60%;
float:left;
margin:20px 10px 0 10px;
}
.topright
{
width:35%;
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:#1a1a1a;
position: fixed;
bottom: 0;
width: 100%;
color:#FFFFFF;
text-align:center;
padding-top:3px;
line-height:25px;
}
.boxDiv
{
border:1px solid #999999;
min-height:500px;
padding:10px;
margin:10px 20px 10px 20px;
}
.header
{
background:#77021d;
border:1px solid #dadada;
height:40px;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFFFFF;
}
.table-border1
{
border:1px solid #dcdcdc;
height:25px;
background:#E1E4FF;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222
}
.table-border1:hover{
background:#f3f3f3;
}
.table-border2
{
border:1px solid #dcdcdc;
height:25px;
background:#FFFFFF;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#222222;
}
.table-border2: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:#727271;
font-size:15px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
width:250px;
height:35px;
padding:0 5px;
/*-moz-border-radius:5px;
border-radius:5px;*/
border:1px solid #999999;
}
.newrecord{
font-size:14px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:35px;
color:#FFFFFF;
background:#77021d;
text-align:center;
border:none;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
}
.newrecord:hover
{
background:#FF9900;
color:#FFFFFF;
}
.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:35%;
bottom:20%;
left: 38%;
width: 25%;
height: 25%;
border: 5px solid #999999;
z-index:1002;
-moz-border-radius:35px;
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:120px;
width:175px;
border:3px solid #77021d;
cursor:pointer;
-moz-border-radius:3px;
background: linear-gradient(to bottom, #FFFFFF, #f7f8d9);
box-shadow:6px 6px 6px #333333;
}
#iconDiv:hover
{
height:120px;
width:175px;
border:3px solid #fb9d23;
-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.7;
opacity:.5;
filter: alpha(opacity=70);
}
.graph_content1{
display: none;
position: fixed;
top:15%;
bottom:20%;
left: 10%;
width: 80%;
height: 70%;
border: 5px solid #999999;
z-index:1002;
-moz-border-radius:5px;
border-radius:5px;
overflow: auto;
background:#FFFFFF;
color:#333333;
font-size:14px;
}
.running
{
background:#FF3300;
color:#FFFFFF;
line-height:25px;
padding:3px 7px;
font:bold 14px/25px Georgia, "Times New Roman", Times, serif;
-moz-border-radius:5px;
border-radius:5px;
}
.completed
{
background:#006600;
color:#FFFFFF;
line-height:25px;
padding:3px 7px;
font:bold 14px/25px Georgia, "Times New Roman", Times, serif;
-moz-border-radius:5px;
border-radius:5px;
}
.gap
{
height:8px;
}

#identityDiv .birth
{
position:absolute;
top:235px; 
left:30px
}
.curve
{
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #666666;
}