body { margin: 0px auto; padding-top: 0; width: 1000px; background-color: white; font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px; overflow-y: scroll; }
/* body { background-color: #f8f8f8; } */

/* primary layout elements   
----------------------------------------------------------*/
a, a:link, a:visited, a:hover, input { outline: 0; }
select { font-family: Verdana; font-size: 1em; }
input[type=submit], input[type=button], input[type=text], input[type=password], input[type=reset] { font-family: Verdana, Helvetica, Sans-Serif; font-size: 1em; }
.page { background-color: White; padding: 0; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.highlight { background-color: #fefbd2; }
.clearer { clear: both; }
.tinyBlue { font-size: 0.8em; color: Blue; }
.ackMsg { font-weight: bold; color: Red; }
input[type=button], input[type=reset], input[type=submit] { height: 22px; }
a { color: Blue; text-decoration: none; }
a:hover { text-decoration: underline; }
a[disabled] { color: gray; text-decoration: none; pointer-events: none; cursor: default; }
a[disabled]:hover { color: gray; cursor: default; }
input[type=radio], input[type=checkbox] { margin: 0 3px 2px 0; padding-top: 0; padding-bottom: 0; }


/* headings   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; }
h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 0px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* header and footer (120620)
----------------------------------------------------------*/
header { margin-top: 0; width: 100%; }
.bannerBody { width: 1000px; font-size: small; position: relative; min-height: 75px; color: White; background: transparent url(bannerBlackBody.png) repeat-x; margin-bottom: 5px; }
.bannerBody .leftCorner { position: absolute; bottom: 0; left: 0; width: 10px; background: url(images/leftCorner.png) no-repeat left bottom; }
.bannerBody .rightCorner { position: absolute; bottom: 0; right: 0; background: url(images/rightCorner.png) no-repeat right bottom; }
.bannerBody .title { position: absolute; top: 25px; left: 20px; font-size: 2.5em; /* padding-top: 20px; */ font-weight: bold; color: White; font-style: italic; }
.bannerBody .title h6 { margin-top: -48px; font-size: 0.35em; color: White; font-style: normal; text-align: right; }
.headerRow1 { position: absolute; right: 10px; top: 10px; }
.headerRow1 ul { list-style: none; margin: 0; padding: 0; }
.headerRow1 ul li { float: right; }
.headerRow1 ul li a { color: White; display: block; padding-left: 10px; text-decoration: none; font-size: 0.9em; }
#logindisplay { position: absolute; right: 10px; bottom: 5px; display: block; color: White; padding-top: 5px; text-align: right; }
#logindisplay a:link, #logindisplay a:visited { font-size: 1em; color: white; text-decoration: none; }
#logindisplay a:hover { text-decoration: underline; }
.footer { clear: both; padding-top: 10px; margin-bottom: 20px; }
.footerBody { border: 1px solid gray; padding: 6px 5px; font-size: 1em; }
.footerBody a { font-family: Arial Black; }
.footerBody img { float: right; }

/* main menu (120705)
----------------------------------------------------------*/
.mainMenu { position: absolute; bottom: 0; left: 300px; margin: 0; padding: 0; }
.mainMenu li { list-style: none; float: left; font-weight: bold; border-right: 3px solid Transparent; }
.mainMenu li a:link, .mainMenu li a:visited { display: block; text-decoration: none; background-color: transparent; padding: 2px 10px 3px; margin: 0; color: White; border-top: 2px solid transparent; }
.mainMenu li a.selected { color: Black; background-color: White; border-top: 2px solid #FBBE37; }
.mainMenu li a.chinese { padding-left: 17px; padding-right: 17px; }
.mainMenu li:hover a { color: Black; background-color: #fefbd2; border-top: 2px solid #FBBE37; }

/* dropDown */
.mainMenu li ul { position: absolute; display: none; background-color: White; z-index: 1; border: 2px solid Gray; margin: 0; padding: 0; }
.mainMenu li ul li { float: none; }
.mainMenu li ul li a:link, .mainMenu li ul li a:visited { background-color: White; min-width: 140px; padding: 5px 10px 5px 5px; border-top: 0; white-space: nowrap; font-weight: normal; }
.mainMenu li ul li a:hover { background-color: #fefbd2; font-weight: bold; }
.mainMenu li ul li a[disabled] { color: gray; text-decoration: none; pointer-events: none; cursor: default; }
.mainMenu li ul li a[disabled]:hover { color: gray; cursor: default; }



/* submenu & location (120710)
----------------------------------------------------------*/
.subMenuContainer { font-size: 1.1em; padding-bottom: 2px; }
.subMenu { clear: both; margin: 0; padding: 0; }
.subMenu li { list-style: none; float: left; }
.subMenu li a:link, .subMenu li a:visited { display: block; text-decoration: none; margin: 0; color: Black; padding: 0 10px 0 0; border-right: 2px solid Gray; margin-right: 10px; }
.subMenu li a.selected { font-weight: bold; color: #8B0000; text-decoration: underline; }
.subMenu li:hover a { color: Red; }
.location { width: 200px; }
.subMenu li a[disabled] { color: gray; text-decoration: none; pointer-events: none; cursor: default; }
.subMenu li a[disabled]:hover { color: gray; cursor: default; }

/* left & right panel (120705)
----------------------------------------------------------*/
.smallColLeft { float: left; width: 26.5%; }
.smallColRight { float: right; width: 26.5%; }
.bigColLeft { float: left; width: 72.5%; }
.bigColRight { float: right; width: 72.5%; }
.box { position: relative; border: 1px solid Gray; margin-bottom: 10px; text-align: left; }
.box h2 { font-size: 1em; background-color: ThreeDDarkShadow; font-family: Verdana; font-weight: bold; color: White; margin: 0; padding: 0 8px; line-height: 22px; }
.boxBody { font-size: 1em; margin: 10px; }
.boxBody table { width: 100%; border: 0; }
.boxBody table tr { }
.boxBody table td { padding: 2px 0; border: 0; }
.boxUpperRightCorner { background-color: Transparent; font-weight: bold; text-decoration: none; position: absolute; top: 6px; right: 10px; color: White; }
.opaque { opacity: 0.75; filter: alpha(opacity=75); }
.boxHide { background-color: Transparent; position: absolute; top: 4px; right: 10px; color: White; }
.boxHide img { border: none; vertical-align: bottom; }
.thumbnails ul { list-style: none; margin: 0 12px 0; padding: 0; }
.thumbnails ul li { float: left; margin-top: 10px; }
.thumbnails ul li a { color: #444; display: block; text-align: center; text-decoration: none; margin-right: 20px; }
.thumbnails img { max-height: 60px; padding: 0 0 10px; border: none; vertical-align: bottom; }
table.loginTable td:first-child { width: 80px; }
table.loginTable td:first-child + td { padding-right: 3px; }
table.loginTable td input[type=text], input[type=password] { width: 100%; }

/* my gridview (120814)
----------------------------------------------------------*/
/* table.gridview { width: 100%; border-collapse: separate; border-spacing: 1px; } */
table.gridview { border-collapse: collapse; width: 100%; table-layout: fixed; white-space: nowrap; }
table.gridview > tbody tr th { border-right: 1px solid white; text-align: left; padding: 3px; background-color: #6B696B; color: White; }
table.gridview > tbody tr th a { text-decoration: underline; color: White; }
table.gridview > tbody tr th img { height: 12px; vertical-align: bottom; }
table.gridview > tbody tr.firstRow td { padding-top: 5px; }
table.gridview > tbody tr.selected td { background-color: Yellow; }
table.gridview > tbody tr td { padding-left: 3px; border-left: 1px solid lightgray; overflow: hidden; text-overflow: ellipsis; }
table.gridview > tbody tr td:first-child { border: none; }
table.gridview > tbody tr a { color: Blue; text-decoration: none; }
table.gridview > tbody tr a:hover { text-decoration: underline; }

/* override styles for jQuery UI & misc plug-in (120717)
----------------------------------------------------------*/
.ui-widget { font-size: 1em; font-family: Verdana, Helvetica, Sans-Serif; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Helvetica, Sans-Serif; font-size: 1em; }
.ui-widget-header { color: White; background-image: none; }
.ui-widget-overlay { opacity: .70; filter: Alpha(Opacity=70); }
.myDialog { text-align: center; padding: 10px; }
.captcha_img { margin-right: 5px; vertical-align: bottom; }
.captcha_input { direction: ltr; font-size: 20px !important; height: 24px; text-align: center; width: 70px !important; text-transform: uppercase; }

/* tabs */
.ui-tabs .ui-widget-content { border: none; }
.ui-tabs { border: none; margin: 0; padding: 0; width: 100%; }
.ui-tabs .ui-tabs-nav { background: transparent; border-width: 0px 0px 1px 0px; }
.ui-tabs .ui-tabs-nav li { margin-left: 2px; margin-right: 3px; }
.ui-tabs .ui-tabs-nav li a { padding: 1px 8px 1px; color: Black; }
.ui-tabs .ui-tabs-nav .ui-tabs-selected { font-weight: bold; }
.ui-tabs .ui-tabs-panel { padding: 0; }
.ui-tabs .ui-corner-top, .ui-tabs .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0; }
.ui-tabs .tabBody { padding: 5px 0; }
/* .ui-tabs .message { position: absolute; right: 0; top: 10px; font-weight: bold; font-size: 0.95em; } */

/* pager */
.pager { float: right; }
.pager .disabled { color: #999; margin-top: 4px; padding: 1px; text-align: center; }
.pager .current { border: 1px solid #6e99aa; font-weight: bold; margin-top: 4px; padding: 1px 2px; text-align: center; }
.pager span, .pager a { margin: 0 2px; }
.pager a { padding: 1px; text-align: center; text-decoration: none; }

/* others */
.spinner { vertical-align: bottom; height: 1em; }

/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.error { color: Red; }
div#title { /* 	display: block; 	float: left; 	text-align: left; 	*/ }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }

/*.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } */
.input-validation-error { background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label { margin: 1em 0 0 0; }

.display-field, .editor-field { margin: 0.5em 0 0 0; }

.text-box { width: 30em; }

.text-box.multi-line { height: 6.5em; }

.tri-state { width: 6em; }

.invisibile {display:none;}

.twenty–four-hr{display:none;}

/* Styles for the popup */
.important-popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.important-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    text-align: center;
}

.important-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}