html{
    margin:0px auto;
    min-height:100%;
    /*background-color:#000000;*/
    background-image:-moz-linear-gradient(top, #0099CC, #DFF2F8); 
    background-image:-webkit-linear-gradient(top, #0099CC, #DFF2F8); 
    background-image:-ms-linear-gradient(top, #0099CC 0%, #DFF2F8 100%);
    line-height:18px;
    font-family: helvetica,tahoma,verdana,sans-serif;
    color: black;
}

body{margin: 30px 20px;min-width: 1050px;}

a {
    color:white;
    background-color: inherit;
    padding-right: 2px;
    padding-left: 2px
}

a:hover {text-decoration: none;}
p { margin:10px; }
/*div{display: block;padding-top:5px}*/
.div-top{display: block;padding-top:10px}
.reduce-grap{margin-top:-10px}
div[align="center"], .grap-top{padding-top:15px;}

img{vertical-align: text-top;margin-bottom: -2px}

button{display:block; width:100px;font-size: 16px;height: 25px}

blockquote {
    background: #f9f9f9;
    /*border: 1px solid black;*/
    text-align: left;
    overflow: auto;
    padding: 0em 10px;
    margin: 0px;
    margin-top: -5px;
}
blockquote ol li{padding: 0.5em 10px;}

input{font-size:14px;line-height:18px;}
input{font-family: Verdana, Helvetica;}
input[type="text"], input[type="password"]{
    display:inline-block;
    /*width:210px;*/
    /*height:16px;*/
    /*padding:4px;margin-bottom:9px;*/
    font-size:14px;
    line-height:18px;
    color:black;
    vertical-align: middle;
    border:1px solid #CFCFCF;
    outline: none;
}
input[type="submit"], input[type="reset"]{
    margin-top: 10px;width:100px;height: 30px;-webkit-appearance: button;-moz-appearance: button;-ms-appearance: button;
}

/* Navigation */
.nav ul {padding:0px;display: inline;z-index: 999999;}
.nav ul li {display:block;float:left;border-right: 2px solid #9F9F9F;height: 40px;margin: 0px;}
.nav ul a {display:block;padding:11px 8px;text-decoration:none;background-color: inherit; color: black;text-align: left;vertical-align: middle;height: 18px;}
.nav ul li:hover {background: #EFEFEF;border-bottom: 1px solid #9F9F9F;}
.nav ul li:hover > ul {display: block;clear: both;}
.nav ul ul {display: none;position: absolute;padding: 0;background-color: inherit; border: 1px solid #9F9F9F; margin-left: -1px;}
.nav ul ul li {
    float: none; 
    border-right: 0px;
    border-bottom: 1px solid #9F9F9F;
    position: relative;
    width: 150px;
}
.nav ul ul li:hover {background: #DFDFDF;}
.nav ul ul ul {position: absolute; left: 100%; top:0; margin-top: -1px;}
.nav ul ul ul li:hover {background: #EFEFEF;}

/* class- specify for a group of elements */
/*.detail-table{font-size: 14px;line-height: 11px;}*/
.number-align{text-align: right;}
.detail-right{text-align: right; width: 40%;white-space: nowrap;}
.order-right{text-align: right; color:blue;white-space: nowrap;}
.detail-left{text-align: left;}
.detail-15{text-align: right; width: 15%; vertical-align: text-top;white-space: nowrap;}
.align-left{float:left; white-space: nowrap;} 
.align-right{float:right; white-space: nowrap}
.common-left{float:left; width: 75%;}
.common-right{float:right; width: 24%;}
.common{width: 550px;height:400px}
.title{text-decoration: underline; font-weight: bold; font-size: 18px}

.box-header{float:top; position: relative;background: #CFCFCF;height: 22px;}
.box-content{float:bottom;position: relative;background: #FFFFFD;height: 80%;overflow: auto}

.header-table{float:top; height: 8%; padding: 10px 10px;position: relative; background-color:#FFF5CC;border-radius:10px 10px 0px 0px; box-shadow: 5px 5px 10px #888888;}
.content-table{float:bottom; height: 80%;position: relative; padding-left:10px;background-color:#FFFFFF;border-top: 1px solid black; border-bottom: 1px solid black}
.bottom-table{float:bottom; overflow:hidden;
    height: 90%;position: relative; padding:10px;background-color:#FFFFFF;border-radius:0px 0px 10px 10px; }
.footer-table{float:bottom; height: 10%;position: relative; padding-left:10px;background-color:#FFF5CC;border-radius:0px 0px 10px 10px; box-shadow: 5px 5px 10px #888888;}
.subcontent-table{height: 100%;position: relative;background-color: #FFFFFF;padding-bottom: 5px;margin-left:-10px;}

.login{width: 550px;}
.login-frame{height:270px}
.login-frame a{font-size: 14px}
.header-login{float:top; height: 20%;padding-top: 10px;position: relative;background-color:#FFF5CC;border-radius:10px 10px 0px 0px; box-shadow: 5px 5px 10px #888888;}
.content-login{height: 60%; position: relative;background-color: #FFFFFF; border-top: 1px solid black; border-bottom: 1px solid black}
.footer-login{float:bottom; height: 20%;padding-top: 10px; position: relative;background-color:#FFF5CC;border-radius:0px 0px 10px 10px; box-shadow: 5px 5px 10px #888888;}

.header-frame{height:70px;padding-top:10px;}
.nav-frame{height:40px;margin:0px -20px;padding-left: 10px;padding-right: 20px;margin-bottom: 10px;
           background-image:-webkit-linear-gradient(bottom, #CFCFCF 50%, #EFEFEF 50%);
           background-image:-moz-linear-gradient(bottom, #CFCFCF 50%, #EFEFEF 50%);
           background-image:-ms-linear-gradient(bottom, #CFCFCF 50%, #EFEFEF 50%);
}

.term-frame{max-width: 800px; height: 80vh;}
/*.announcement{display: table;}*/
/*.announcement-frame{height:400px;}*/


#login input[type="text"], #login input[type="password"], #login input:focus{
    width:220px;font-size: 14px; line-height:25px
}

.icon-up{background-image: url('../icon/arrow_up.png') !important ;}
.icon-add{background-image: url('../icon/add.png') !important ;}
.icon-edit{background-image: url('../icon/edit.png') !important;}
.icon-delete{background-image: url('../icon/delete.png') !important;}
.icon-refresh{background-image: url('../icon/refresh.png') !important;}
.icon-print{background-image: url('../icon/printer.png') !important;}
.icon-search{background-image: url('../icon/search.png') !important;}
.icon-cancel{background-image: url('../icon/cancel.png') !important;}
.icon-upload{background-image: url('../icon/upload.png') !important;}

.lable{text-align:right; white-space: nowrap; font-size: 14px;width:25%}

.copyright{font-size: 10px; bottom:0;text-align: center;width:100%;margin-bottom:10px; clear: both}
.copyright a {font-size: 11px;color:grey;}

/* message style display in front end */
.msgDiv{height: 15px; line-height: 4px;}
.errorMsg{color:red;line-height: 15px;}
.infoMsg{color:green}

.bold{font-weight: bold}

.rateTable{border-spacing: 0;width:100%; border-collapse: collapse;}
.rateTable tr{border-bottom: 1px solid black}
.rateTable td{vertical-align: top;}


.enquiry-table{
    width:100%; 
    border-collapse:collapse; 
}
/*.enquiry-table td{ 
    padding:7px; border:#4e95f4 1px solid;
}
 provide some minimal visual accomodation for IE8 and below 
.enquiry-table tr{
    background: #b8d1f3;
}*/
/*  Define the background color for all the ODD background rows  */
.enquiry-table tr:nth-child(odd){ 
    text-align:left;
}
/*  Define the background color for all the EVEN background rows  */
.enquiry-table tr:nth-child(even){
    text-align:right;
}