@font-face{
    font-family:"Myriad";
    src:url(/styles/MyriadPro-Regular.otf) format("truetype");
}
*{
    font-family:"Myriad";
}
h3{
    margin-top:0px;
}
th{
    background-color: #Ed7020;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
th.rounded{
    background-color: #Ed7020;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    behavior: url(/css/PIE.htc);
}
.tablelist{
    position:relative;
    text-align:center;
    width:360px;
    z-index:2;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0px 2px 5px #fff;
    -webkit-box-shadow:0px 2px 5px #fff;
    box-shadow:0px 2px 5px #fff;
    behavior:url(/css/PIE.htc);
}
.tablelist>tbody>tr>td{
    padding:4px;
}
.tbl-evencontent{
    background:none repeat scroll 0 0 #dcdcdc;
    border-collapse:collapse;
    font-size:12px;
    padding:4px;
    vertical-align:top;
}
.tbl-oddcontent{
    background:none repeat scroll 0 0 #eaeaea;
    border-collapse:collapse;
    font-size:12px;
    padding:4px;
    vertical-align:top;
}
td.footer{
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    behavior:url(/css/PIE.htc);
}
#main-body-container{
    margin:0px auto;
    width:960px;
}
#login-header{
    background: #Ed7020 url('/MASPION001/images/logo-maspion.png') no-repeat left top;
    height:80px;
    margin-bottom:20px;
    width:100%;
}
#login-content-container{
background:#b4b4b4;
background:-webkit-gradient(linear,0 0,0 bottom,from(#b4b4b4),to(#fff));
background:-webkit-linear-gradient(#b4b4b4,#fff);
background:-moz-linear-gradient(#b4b4b4,#fff);
background:-ms-linear-gradient(#b4b4b4,#fff);
background:-o-linear-gradient(#b4b4b4,#fff);
background:linear-gradient(#b4b4b4,#fff);
-pie-background:linear-gradient(#b4b4b4,#fff);
min-height:300px;
padding:10px;
width:940px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 5px 10px #cacaca;
-webkit-box-shadow:0px 5px 10px #cacaca;
box-shadow:0px 5px 10px #cacaca;
behavior:url(/css/PIE.htc);
}
#slider-content{
    background-color:#f8f8f8;
    height: 180px;
margin:10px;
padding:10px;
position:relative;
text-align:center;
width:500px;
z-index:2;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 5px 10px #000;
-webkit-box-shadow:0px 5px 10px #000;
box-shadow:0px 5px 10px #000;
behavior:url(/css/PIE.htc);
}
#screen-content{
background-color:#f8f8f8;
color:#000;
    margin: auto;
padding:10px;
position:relative;
text-align:center;
width:360px;
z-index:2;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 5px 10px #000;
-webkit-box-shadow:0px 5px 10px #000;
box-shadow:0px 5px 10px #000;
behavior:url(/css/PIE.htc);
}
#tabheader{
    color:#e9a644;
    font-size:22px;
    letter-spacing:-1px;
    padding:0 0 5px;
}
#login-footer{
    background:#cdcdcd;
    background:-webkit-gradient(linear,0 0,0 bottom,from(#cdcdcd),to(#e6e6e6));
    background:-webkit-linear-gradient(#cdcdcd,#e6e6e6);
    background:-moz-linear-gradient(#cdcdcd,#e6e6e6);
    background:-ms-linear-gradient(#cdcdcd,#e6e6e6);
    background:-o-linear-gradient(#cdcdcd,#e6e6e6);
    background:linear-gradient(#cdcdcd,#e6e6e6);
    -pie-background:linear-gradient(#cdcdcd,#e6e6e6);
    height:50px;
    margin-top:20px;
    padding:0px 10px;
    vertical-align:bottom;
    width:940px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:0px 5px 10px #cacaca;
    -webkit-box-shadow:0px 5px 10px #cacaca;
    box-shadow:0px 5px 10px #cacaca;
    behavior:url(/css/PIE.htc);
}
#login-footer-left{
float:left;
/*font-weight:bold;*/
/*margin-top:15px;*/
vertical-align: middle;
padding:10px;
}
#login-footer-left .right-text{
	font-size:11px;
	float: right;
	padding-top: 8px;
}
#login-footer-right{
float:right;
padding:10px;
}
#login-footer-right .left-text{
	font-size:11px;
	float: left; 
	padding-top: 8px;
}
#clock-container{
    background-color:#fff;
    border:1px solid #bbb;
    bottom:0;
    font-size:12px;
    font-weight:bold;
    opacity:0.8;
    position:fixed;
    text-align:right;
    width:98%;
    z-index:10;
}
.errmsg{
    font-weight:bold;
    font-size:12px;
    color:#FF0000;
}
.successmsg{
    font-weight:bold;
    font-size:12px;
    color:#3366FF;
}