/*- Common -*/
.main-window{
    width: 100%;
    height:auto;
    display:block;
    position:relative;
    margin:0px;
    padding:0px;
    font-family: 'Droid Sans', sans-serif;
}

.main-content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.main-container, .announcement-container {
    width: 980px;
}

/*- clone from #main_container -*/
.main-container {
    display:block;
    margin:0px auto;
    -webkit-box-shadow: 4px 2px  #e4e4e4,  -4px 0 2px #e4e4e4;
    -moz-box-shadow: 4px 0 2px #e4e4e4,  -4px 0 2px #e4e4e4;
    box-shadow: 4px 0 2px #e4e4e4,  -4px 0 2px #e4e4e4;
    background-color:#FFF;
    padding-bottom:15px;
}

/*- Panel -*/
.left-panel, .right-panel{
    height:auto;
    display:inline-block;
}

/*- Header & Footer -*/
.content-header{
    width:100%;
    display:block;
}

.content-footer{
    width:100%;
    border-top: solid 2px #EC7100;
    text-align:center;
    padding-top:18px;
}

/*- Login -*/
.login-container{
    border: 2px solid #002a5c;
    margin-top:10px;
}

.login-container .header{
    padding: 2px 0;
    background-color: #002a5c;
    text-align:center;
    color:#fff;
}

.login-container .header h1{
    font-weight: normal;
    font-size: 18px; 
    margin: 10px;
}

.login-container .login-section{
    width: 80%;
    margin:30px auto;
}

.login-container .login-section table td:nth-child(2){
    padding-left:10px;
}

.login-container .login-section .login-btn{
    width:100px;
    height:35px;
    background: #F2800E;
    color:#fff;
    font-size:15px;
}

.login-container .login-section input{
    width:100%;
}

.login-container .login-section a{
    text-decoration: none;
}

.login-container .login-section a,.login-container .login-section a:visited,.login-container .login-section a:hover,.login-container .login-section a:active {
  color:#000;
}

/*- form
input[type="text"]:valid{
  background:  url('/images/check.png');
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center right;
}*/

/*- Contact -*/
.contact-container{
    padding-top:20px;
}

/*- general use -*/
.fs-10{
    font-size:10px;
}

.fs-14{
    font-size:14px;
}

.ml-20{
    margin-left:20px;
}
.pt-15{
    padding-top:15px;
}

.pl-2{
    padding-left:2px;
}

.no-wrap{
    white-space: nowrap;
}

/*- Use in multiple place -*/
.login-frame{
    background-color:#fff;
    width:100%;
    height:100%;
}
.home-contat-us{
    background-color:#fff;
    padding:10px;
    margin-top:10px;
    font-size:14px;
}
.home-contat-us .contact-title h2 {
    display:block;
    text-transform:uppercase;
    color:#131313; 
    margin-bottom:12px;
}
.home-contat-us .curve-style {
    display:block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#d7d7d7;
    padding:5px 12px;
    line-height:1.2em;
    height:35px;
    margin-bottom:10px;
}
.home-contat-us .curve-style2 {
    display:block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#d7d7d7;
    padding:5px 12px;
    line-height:1.2em;
    height:70px;
    margin-bottom:10px;
}

.home-contat-us a {
    color:#ec7100;
    font-weight:bold;
}
.home-contat-us .curve-style img {
    float:left;
    margin-right:8px;
}
.home-contat-us .curve-style span {
    color:#ec7100;
    font-weight:bold;
    font-size:18px;
}

.login-frame .find-us-bar{
    display:none;
}

.login-frame .curren-notices-box{
    display:inline-block;
}

/*- notice -*/
.current-notices-container{
    width:635px;
    height:600px;
}

.current-notices-box{
    width:300px;
    display:inline-block;
    vertical-align: top;
}

.current-notices-box h2{
    display:block;
    color:#00000c;
    margin-bottom:12px;
    text-transform:uppercase;
    font-size:14px;
    padding:2px 8px;
}

.current-notices-box ul{
    margin:0px;
    padding:0px;
    vertical-align: top;
}

.current-notices-box ul li{
    display:inline-block;
    width:275px;
    vertical-align:inherit;
    margin-bottom:10px;
}

.current-notices-box p{
    margin:0px;
    padding:0px;
    padding-bottom:5px;
}

.current-notices-box p span{
    color:#ec7100;
    font-weight:bold;
}

.current-notices-box p a:hover span{
    color:#00a8b5;
}

.current-img{
    width:83px;
    float:left;
}

.current-desc{
    width:167px;
    float:left;
    margin-left:8px;
    line-height:1.2em;
}

.dot-border-right{
    border-right:dotted 1px #a8a8a8;
    margin-right:13px;
	height: 100%;
}

.current-listing{
    vertical-align: baseline;
}
.notices-listing{
    padding-bottom:8px;
}

.notices-listing ul {
    margin:0px;
    padding:0px;
}

.notices-listing ul li {
    font-weight:bold;
    background-image:url(../images/arrow.jpg);
    background-position:left 4px;
    background-repeat:no-repeat;
}
.notices-listing ul li a {
    display:block;
    padding-left:12px;
    color:#002a5c;
    line-height:1.2em;
}
.notices-listing ul li a:hover {
    color:#ec7100;
}

/*- latest news -*/
.latest-news {
    width:100%;
    height:21px;
    background-color:#f4f4f4;
}

.latest-news .latest-title{
    display:inline-block;
    width:10%;
    height:inherit;
    vertical-align: text-bottom;
}

.latest-news .latest-news-container {
    display:inline-block;
    height:inherit;
}

.latest-news .latest-title h2 {
    width:90px;
    color:#6a6a6a;
    /* padding-top:2px; */
    font-size:13px;
    padding-left:20px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin:0px;
}

.news{
    width:100%;
    position:relative;
    margin-left:10px;
    padding-top:2px;
}

#slide_two{
    position:absolute;
    z-index:100;
}

/*- HTML tag -*/
body{
    font-size: 12px;
    margin:0px;
    padding:0px;
    line-height:1.5em;
    color:#000;
    background-color:#efefef;
    font-family:'Droid Sans', sans-serif;
    font-weight:normal;
}
ul, ol {
    list-style-type:none;
}

a, a:active, a:visited{
    text-decoration:none;
    color:#282828;
}

a:link{
    -webkit-tap-highlight-color:#00a8b5;
}

.elect-pw{
	padding-top:5px;
	padding-left:5px !important;
}

/*COB Notice */
.important-listing{
	padding:2px 8px;	
	font-size: 13px;
}

.important-listing-title{  
    text-decoration : underline;
    font-weight: bold;
}

.important-listing-content ul {
    margin-bottom:10px;
	list-style-type: disc;
}

.important-listing-content ul li { 
	display: list-item;
	list-style-position: inside;
	margin: 0px;
}
.important-listing-content ul li a {
	text-decoration: underline;
	text-decoration-color: #E87000;
	font-weight: bold;
}
.important-listing-content ul li span {
    display: inline-table;
    padding-left: 7px;
}
.current-notice-seperator {
    border-bottom: dotted 1px #a8a8a8;
    padding: 10px;
    width: 260px;
}