html {
    overflow-y: scroll;
}

body {
    font-size: 12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    font-weight: normal;
    background-color:#FAFAFA;    
    color: #222;
    margin:0px;
    padding:0px;    
}

.fixedMenu {
	position: fixed;
    top: 0px;
}

/* Advance Search */
#advanceSrh {
	display:none;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	line-height:15px;
}

#advanceSrh .row {
	padding-bottom:10px;	
}

.srhKeywords_Preview {
	min-width:150px
	width:40%;
}

.ui_searchField {
	height:26px;
	font-size:18px;
	padding-left:5px;
	color:#111111;
	border: 2px solid #CDCDCD;
    position:relative;
}

/* Button */
.ui_btn {
	color:white;
	-moz-border-radius:5px;
	text-transform: uppercase;
	text-align:center;
	border-radius:5px;
	
	border:none;
	transition-property:all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: initial;
}

.ui_btn:hover {	cursor:pointer;}

.ui_searchBtn {
	height:34px;
	background-color:#052672; 
	}
.ui_searchBtn:hover { 
	background-color:#3C63aa;
}

.ui_formBtn {
	height:22px;
	background-color:#052672; 
}
.ui_formBtn:hover { 
	background-color:#3C63aa;
}

.ui_saveBtn {
	height:34px;
	background-color:#78933e; 
}
.ui_saveBtn:hover { 
	background-color:#92ac5b;
}

.ui_error_background {
	background-color:#ffd700 !important;
}

.ui_fine_background {
	background-color:#ffffff !important;
}

.ui_readOnly_background {
	background-color:#dddddd !important;
}

.centerButton { 
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
}

.home{
	padding:12px 0 50px 0;
    float:left;
    width:33%;
    overflow:hidden;
}

#HeaderMenu {
    background:#FFFFFF;
}

#HeaderRightMenu {
    position:relative;
    top:4px;
    float:right;
    right:3%;
    font-size:12px;
    line-height:15px;
    font-family:Arial,Helvetica,sans-serif;
}

#HeaderSearch {
	background-color:#FFFFFF;
	padding:13px 0px 10px 20px;
}

#HeaderLogo{
	padding-left:10px;
	padding-right:10px;
}

#HeaderLogoDim {
	max-width:200px;
	max-height:60px;
}

#HeaderRecentModule{
}

#application 
{
	position:relative;
    left:0px;
    height:500px;
    width:100%;
}

/* Inner Boundary */
#application-table {
	z-index:1;
    width:100%;
    background-color: #F9F9F9;
}

/* Where the application lives in */
#application-body {
	font-size:12px;
    padding:10px;
}

#application-body table{
	/*width:100%;*/
}

/* For showing a loading message on top */
#loadingMsg {
    position:absolute;
    left:530px;
    top:40px;
    font-size: 12px;
    text-align:center;
    width:100px;
    color:#333;
    background:pink;
    visibility:hidden;
    padding:3px;
}

/* To show the report printout */
#outerTable {
	padding:0px;
	border:0px;
}

#ColumnTable{
	padding:10px;
	border:0px;
}

#chgTable th {
	text-align:center;
}
#ledgerTable th {
	text-align:center;
}

.srhCommonTable {
    font-family: Verdana;
    font-weight: normal;
    font-size: 13px;
    color: #404040;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
    line-height:14px;
    padding-bottom:10px;
}

.srhCommonTable .hide {
   display: none;
}

.srhTable {
	margin-left:auto;
	margin-right:auto;
    table-layout:fixed;
    width:1000px;
    text-align: center;
    font-family: Verdana;
    font-weight: normal;
    font-size: 13px;
    color: #404040;
    background-color: #fafafa;
    border: 1px #9CF solid;
    border-collapse: collapse;
    border-spacing: 0px;
    line-height:14px;
    margin-top:3px;
    
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

th.srhVar {
	/*
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	font-weight:bold;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
	*/
	border-bottom: 2px solid #6699CC;
    border-top: 1px solid #6699CC;
    border-left: 1px solid #6699CC;
    border-right: 1px solid #6699CC;
    background-color: #BEC8D1;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 13px;
    color: #404040;   
    cursor:pointer;
}

th.srhVar_readOnly {
    border-bottom: 2px solid #9CF;
    border-top: 1px solid #9CF;
    border-left: 1px solid #9CF;
    border-right: 1px solid #9CF;
    background-color: #F0F0F0;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 13px;
    color: #404040;
}

th.doc {
	width:160px;
}

th.date {
	width:140px;
}

th.systype {
	width:140px;
}

th.customer {
	width:30%;
}

.srhTable td {
    overflow:hidden;
}

.srhTable .clickableCell{
	cursor:pointer;
}

.srhTable td
{
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 12px;
    color: #404040;
    height:12px;
    line-height:20px;
    padding-top:0px;
    padding-bottom:5px;
    padding-left:10px;
}

.srhCommonTable td
{
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    text-indent: 5px;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 12px;
    color: #404040;
    height:12px;
    line-height:14px;
    padding-top:5px;
    padding-bottom:5px;
}

td.helpHighlight
{
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    text-indent: 10px;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 12px;
    color: #404040;
    height:12px;
    line-height:12px;
    background-color:gold;
}


#ajaxTable
{
    table-layout:fixed;
    width:600px;
    height:200px;
    position:absolute;
    border:#0099FF 2px solid;
    background:#FFFFFF;
    margin:0px;
    padding:0px;
    z-index:9999;
    font-size:14px;
    line-height:14px;
    visibility:hidden;
    display:none;
    overflow:hidden;
}

#ajaxTable td {
    vertical-align: top;
    white-space:nowrap;
    overflow:hidden;
}

.ajaxTableResult {
    table-layout:fixed;
    width:450px;
}

#top {
    width:100%;
}

#topLine {
    width:100%;
    height:2px;
    background-color:#CDCDCD;
}

.SectionLine {
	width:100%;
    height:1px;
    background-color:#AAA;
}

.centerText {
    text-align:center;
}

.loginInputfield {
    border:#DDDDDD 2px solid;
    width:250px;
    padding:3px;
    margin-top: 5px;
    margin-bottom: 3px;
    height:20px;
    font-size:14px;
}

#heading_main_basic{
	text-transform: uppercase;
    position:relative;
    margin:0px;
    background-color: #86D1F1;
    height:18px;
    color: #404040;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:3px;
}

.heading_main_section{
	text-transform: uppercase;
    position:relative;
    margin:0px;
    background-color: #86D1F1;
    height:14px;
    color: #404040;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:3px;
    margin-top:10px;
    margin-bottom:5px;
}

#heading_preview_basic{
	text-transform: uppercase;
    position:relative;
    margin:0px;
    background-color:#86D1F1;
    height:16px;
    color: #404040;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    padding-left:10px;
    padding-top:4px;
    padding-bottom:2px;
}

#heading_preview_basic a{
    color: #404040;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

#heading_preview_basic a:link {
    color: #404040;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

#heading_preview_basic a:visited {
    color: #404040;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

#heading_preview_basic a:hover {
    color: #404040;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-decoration: underline;
}

.sectionHeader{
    font-size:13px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

.cpanelHeader {
	font-size:16px;
    font-weight:bold;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
}

.AdditionalInfo {
	width:110px;
}

.AdditionalInfoHeader{
	font-weight:bold;
}

.AdditionalInfoContent {
	width:100px;
	line-height:20px;
	padding:3px; 
	border:#999 2px solid;
}

#control_panel_heading {
    font-size:16px;
    font-weight:bold;
}

#mainTable {
    width:100%;
    table-layout:fixed;
}


#footer {
    height: 18px;
    background-color: #EFEFEF;
    position: fixed;
    bottom: 0px;
    text-align:center;
}

.recordControl {
    position:relative;
    float:right;
    right:5%;    
}

.right {
	text-align:right;
}

/* For MenuBar Uses */
#option {
    position:absolute;
    float:left;
    left:5px;
    width:180px;
}

#option a {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
    line-height:22px;
}
#option a:link {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;

}
#option a:visited {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
}
#option a:hover {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:red;
    z-index:1000;
    text-decoration:none;
}

#login_toolbar a {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
    line-height:22px;
}
#login_toolbar a:link {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;

}
#login_toolbar a:visited {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:#0066ff;
    z-index:1000;
    text-decoration:none;
}
#login_toolbar a:hover {
    font-size:12px;
    font-family:Arial, 'Microsoft Jhenghei', PMingLiu, sans-serif;
    text-align:left;
    color:red;
    z-index:1000;
    text-decoration:none;
}

/* For MenuBar-Item Uses */
.form_label {
	font-weight:bold;
	font-size:13px;
}
.ff_w05 {
    width:50px;
}
.form_field_w07 {
    width:75px;
}
.ff_w10 {
    width:100px;
}
.form_field_w11 {
    width:110px;
}
.form_field_w15 {
    width:150px;
}
.ff_w20 {
    width:200px;
}
.form_field_w30 {
    width:300px;
}
.form_field_w35 {
    width:350px;
}
.form_field_w35 {
    width:400px;
}
.form_field_readonly {
	background-color:#DDD;
	border:#CDCDCD 1px solid;
}

.option-item {
    margin:3px;
}

/* Apply to all input table */
.fixedTable {
    table-layout:fixed;
    width:100%;
}

.generalRemark {
    font-size:10px;
    color:#444;
}

.searchRemark {
    font-size:11px;
    color:#333;
    font-weight:normal;
    font-style:italic;
}

.fieldRemark {
	font-size:10px;
}

#popupBox{
    position: absolute;
    display:none;
}

#commonTable{
    border-width:1px;
    border-style:inset;
    height:25px;
    width:400px;
}
#popupBoxTable{
    border-width:1px;
    border-style:inset;
    width:400px;
}
#cellPopupBoxTable{
    border-width:1px;
    border-style:inset;
    width:400px;
}

.reportSelect{
    width: 20em;
    height:10em;
}

#generalForm {
    display:none;
    border-radius: 3px;
}

#generalForm #tbl{ 
	border:1px #6699CC solid;
	padding:10px;	
	border-radius: 5px;
	width:100%;
}

.contentCol {
	width:200px;
}

#generalForm td {
    font-weight:bold;
	font-size:13px;
}

.label_UserRight_Level1 {
    font-size: 14px;
    font-weight:bold;
    font-style: italic;
}

.label_UserRight_Level2 {
    font-size: 12px;
    font-style: italic;
}

.label_UserRight_Level3 {
    font-size: 10px;
    font-style: italic;
    font-weight:normal;
}

.formLabel {
    width:200px;
}

.pFormLabel {
    font-size:11px;
    width:100px;
}

.inputRadio {
    width:30px;
}

/* Use for column heading */
.arrow {
    float: right;
}

/* Use in customer module */
#allAddress table {
    width:100%;
}

/* Use in VAccount Report and */
.reportFilter {
	display:none;
}

.OverSearchRow {
	background-color:gold;
	cursor:pointer;
}

.OutSearchRow {
	background-color:#fafafa;
	cursor:pointer;
}


/* Setting - Upload Company Logo*/
.load_frame {
	width:350px;
	height:240px;	
}

.logo {
	vertical-align:middle;
}

/* Below is AirFreight Specific*/
#DimensionView {
	height:200px; 
	width:400px; 
	overflow:auto; 
	border:#CDCDCD 1px solid;"
}

#DimensionTable .cell{
	width:60px;
}

#AttachmentView{
	height:400px; 
	width:900px; 
	overflow:auto; 
	border:#CDCDCD 1px solid;"
}

.ReportFilterLabel_Preview {
	font-weight:bold;
	width:120px;
}

.ReportFilterLabel {
	font-weight:bold;
	width:150px;
}

/* Use in CommonSearch.jsp*/
#SelectedRecord {
	background-color:#DEDEDE;
	border:#CDCDCD 1px solid;
}

.todayLink{
	visibility:hidden
}

.separator {
	width:15px;
}

.groupSeparator {
	background-color: #86D1F1;
	padding-left:10px;
	padding-right:10px;
}

.printHeader {
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	font-weight:bold;
}

.relatedListPage {
	padding-left:28px;
	font-weight:bold;
}

.searchBar {
	margin-top:5px;	
}

.autocomplete-suggestions { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete-suggestions .autocomplete-selected { background:gold; }
.autocomplete-suggestions div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete-suggestions strong { font-weight:bold; color:#3399FF; }
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 * Original: #basic-modal-content {display:none;}
 */

#basic-modal-content {display:block;}/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}/* Container */
#simplemodal-container {height:400px; width:700px; color:#404040; background-color:#FAFAFA; border:3px solid #DEDEDE; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(./img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
/* IE 6 hacks */
#simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/basic/x.png',sizingMethod='scale');}

/* FAQ Page */
#faqs dt, #faqs dd { padding: 0 0 0 50px }
#faqs dt { font-size:1.5em; color: #9d9d9d; cursor: pointer; height: 37px; line-height: 37px; margin: 0 0 15px 25px}
#faqs dd { font-size: 1em; margin: 0 0 20px 25px}
#faqs dt { background: url(img/expand-icon.png) no-repeat left}
#faqs .expanded { background: url(img/expanded-icon.png) no-repeat left}

/* Password Strength Indicator*/
.is0{background:url(img/progress.png) no-repeat 0 0;width:138px;height:7px;}
.is10{background-position:0 -7px;}
.is20{background-position:0 -14px;}
.is30{background-position:0 -21px;}
.is40{background-position:0 -28px;}
.is50{background-position:0 -35px;}
.is60{background-position:0 -42px;}
.is70{background-position:0 -49px;}
.is80{background-position:0 -56px;}
.is90{background-position:0 -63px;}
.is100{background-position:0 -70px;}

.loadingImg
{
	width:18px;
	height:18px;
	display:none;
	background-image: url('img/loader_s.gif');	
}

.pdf-icon {
	width:45px;
	height:45px;
	position:relative;
	left:2px;
	cursor:pointer;
}