@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,blockquote,input,p { margin:0; padding:0; }
table { border-collapse: collapse; font-size: inherit; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
p { line-height:18px; margin-bottom:11px; }
a { cursor: pointer; color: inherit; text-decoration: none; } 
select { padding: 4px; margin-bottom: 10px; background: #FFF; border: 1px solid #ccc; }

html { margin: 0px; padding: 0px; }
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #575757;
/* ***** [START] MBB CMS Changes ***** */
/* Purposely change following to #ffffff for MBB CMS purpose
background-color: #eee;
*/
background-color: #eee;
/* ***** [ END ] MBB CMS Changes ***** */
}
#wrapper { min-width: 1004px; }

#content_containerR { width: 992px; margin: auto; padding-right: 12px; background: url(../images/content_bgR.gif) repeat-y right #FFF; }
#content_containerL { min-height: 500px; height: auto; padding: 10px 30px 20px 32px; background: url(../images/content_bgL.gif) repeat-y left; }
#login #content_containerL { padding: 0px 0px 0px 12px; }
#home #content_containerL { padding: 10px 10px 20px 22px; }

#footer { width: 100%; height: 80px; text-align: center; background: url(../images/footer_bg.jpg) repeat-x; }
#footer_content { width: 960px; margin: auto; padding-top: 26px; }
#footer_content a { color: #575757; }
#footer_content a:hover { text-decoration: underline; }

/* ------------------ aesthetics ------------------ */
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.padding_5 { padding: 5px; }
.padding_10 { padding: 10px; }
.marginR_10 { margin-right: 10px; }
.marginL_5 { margin-left: 5px; }
.width30 { width: 30px; }
.width70 { width: 70px; }
.width90 { width: 90px; }

/* ***** [START] MBB CMS Additions ***** */
.width85 { width: 85px; }
.width100 { width: 100px; }
/* ***** [ END ] MBB CMS Additions ***** */

.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width350 { width: 350px; }
.content28p { float: left; width: 28%; position:relative; }
.content33p { float: left; width: 33%; position:relative; }
.content50p { float: left; width: 50%; position:relative; }
.column1 { width: 220px; margin: 10px; }
.column2 { width: 460px; margin: 10px; }
.divider_hor { height: 1px; margin: 10px 0px; border-top: 1px solid #dcdcdc; background-color: #FFF; font-size: 0px; line-height: 0px; }
.inquiry div.divider_hor { border-top: 1px solid #666666; background-color: #cccccc;}
.bgyellow { background-color: #fffeb1; padding: 15px; }
/* ------------------ aesthetics ------------------ */

/* ------------------ text ------------------ */
.bold { font-weight: bold; }
.size_9 { font-size: 9px; }
.size_11 { font-size: 11px; color: #666; }
.size_14 { font-size: 14px; }
.size_16 { font-size: 16px; }
.color_ffc600 { color: #ffc600; }/* yellow */
.color_cc00dd { color: #cc00dd; }/* purple */
.color_dbdbdb { color: #dbdbdb; }/* light grey */
.asterisk { color: #F00; }
.darkbold, .darkbold16 { color: #404040; font-weight: bold; }
.darkbold16 { font-size: 16px; }
.h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 26px; margin-bottom: 10px; }
.h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 10px; }
.h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #f6b403; line-height: 22px; margin-bottom: 8px; padding: 2px 12px; background: url(../images/bullet-yellow.gif) no-repeat left; }
.h4 { font-size: 14px; font-weight: bold; line-height: 22px; display: inline; }
.h4_whiteBG { font-size: 14px; font-weight: bold; color: #252525; line-height: 22px; display: inline; padding:6px 5px }
.h5-greybg { font-size: 12px; color: #777; }
.h5-whitebg {  font-size: 12px; font-weight: bold; color: #555;}
.txt_caption { color: #b2b2b2; font-style: italic; font-size: 11px; text-shadow: 1px 1px #FFFFFF; }
.txt_caption2 { color: #656565; font-style: italic; margin-top: 10px; font-size: 11px; text-shadow: 1px 1px #FFFFFF; }
.txt_caption_error { color: #ef3e42; font-style: italic; font-size: 11px; text-shadow: 1px 1px #FFFFFF; clear: both; margin: -8px 0px 10px 2px; }
.txt_boldFilled { padding: 4px 0px; font-size: 16px; font-weight: 700; color: #000; text-shadow: #FFFFFF 1px 1px; padding-bottom: 15px; }
.txt_boldFilled12 { padding:5px; font-size:12px; font-weight:700; color:#000000; text-shadow:#FFFFFF 1px 1px; padding-bottom:0}
.hyperlink { text-decoration: underline; color: #007eff; }
.hyperlink:hover { text-decoration: none; }
.hyperlink_white { text-decoration: underline; color: #FFF; font-weight: bold; }
.hyperlink_white:hover { text-decoration: none; color:#f3f3f3; }
.strikethrough { text-decoration: line-through; }
/* ------------------ text ------------------ */

/* ------------------ buttons ------------------ */
.btn_L { background-position: top left; margin-left: 5px; }
.btn_R { background-position: top right; margin-right: 5px; _margin-right: 2px; } 

.tab_black, .tab_orange { height: 30px; float: left; margin-top: 1px; }
.tab_black .btn_L, .tab_black .btn_R { height: 30px; width: 8px; float: left; background-image: url(../images/tab_black.gif); background-repeat: no-repeat; }
.tab_black .btn_L { margin-left: 0px; }
.tab_black a:hover .btn_L { background-position: 0px -30px; }
.tab_black a:hover .btn_R { background-position: -8px -30px; }
.tab_black .btn_M { height: 22px; padding: 8px 2px 0px 0px; float: left; background: url(../images/tab_blackM.gif) repeat-x top; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; text-shadow: 0px 1px 1px #000000; text-decoration: none;}
.tab_black a:hover .btn_M { background-position: bottom; }

.tab_orange .btn_L, .tab_orange .btn_R { height: 30px; width: 8px; float: left; background-image: url(../images/tab_orange.gif); background-repeat: no-repeat; }
.tab_orange .btn_L { margin-left: 0px; }
.tab_orange a:hover .btn_L { background-position: 0px -30px; }
.tab_orange a:hover .btn_R { background-position: -8px -30px; }
.tab_orange .btn_M {
height: 22px;
padding:8px 2px 0px 0px;
float: left;
background: url(../images/tab_orangeM.gif) repeat-x top;
color: #1D1D1D;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.tab_orange a:hover .btn_M { background-position: bottom; }

.tab_blackTall, .tab_orangeTall { height: 42px; float: left; margin-top: 1px;}
.tab_blackTall .btn_L, .tab_blackTall .btn_R { height: 42px; float: left; background-image: url(../images/tab_blackTall.gif); background-repeat: no-repeat; }
.tab_blackTall .btn_L { margin-left: 0px; width: 18px; }
.tab_blackTall .btn_R { margin-left: 0px; width: 6px; }
.tab_blackTall a:hover .btn_L { background-position: 0px -42px; }
.tab_blackTall a:hover .btn_R { background-position: -18px -42px; }
.tab_blackTall .btn_M { height: 36px; padding: 6px 4px 0px 0px; float: left; background: url(../images/tab_blackTallM.gif) repeat-x top; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: left; text-shadow: 0px 1px 1px #000000; text-decoration: none;}
.tab_blackTall a:hover .btn_M { background-position: bottom; }

.tab_orangeTall .btn_L, .tab_orangeTall .btn_R { height: 42px; float: left; background-image: url(../images/tab_orangeTall.gif); background-repeat: no-repeat; }
.tab_orangeTall .btn_L { margin-left: 0px; width: 18px; }
.tab_orangeTall .btn_R { margin-left: 0px; width: 6px; }
.tab_orangeTall a:hover .btn_L { background-position: 0px -42px; }
.tab_orangeTall a:hover .btn_R { background-position: -18px -42px; }
.tab_orangeTall .btn_M { height: 36px; padding: 6px 4px 0px 0px; float: left; background: url(../images/tab_orangeTallM.gif) repeat-x top; color: #1D1D1D; font-size: 12px; font-weight: bold; text-align: left; text-decoration: none; }
.tab_orangeTall a:hover .btn_M { background-position: bottom; }

a.btn_grey .btn_L, .btn_grey .btn_R { height: 24px; width: 6px; float: left; background-repeat: no-repeat; }
a.btn_grey .btn_M { 
min-width: 40px;
height: 19px;
padding: 5px 10px 0px 10px;
float: left;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}
a.btn_grey .btn_M span.back { background: url(../images/icn_btnLeft.gif) no-repeat center; }
a.btn_grey .btn_M span.next { background: url(../images/icn_btn.gif) no-repeat center; }

a.btn_grey:hover .btn_L { background-position: 0px -24px; }
a.btn_grey:hover .btn_R { background-position: -6px -24px; }
a.btn_grey:hover .btn_M { background-position: 0px -24px; color: #000000; text-shadow: 0px 1px 0px #FFE6A7; }

a.btn_grey:hover .btn_M span.back, a.btn_grey:active .btn_M span.back, a.btn_orangeS.click .btn_M span.back { background: url(../images/icn_btnblackLeft.gif) no-repeat center; }

a.btn_grey:hover .btn_M span.next, a.btn_grey:active .btn_M span.next, a.btn_orangeS.click .btn_M span.next { background: url(../images/icn_btnblack.gif) no-repeat center; }

a.btn_grey:hover .btn_M span.approve, a.btn_grey:active .btn_M span.approve, a.btn_grey.click .btn_M span.approve { background: url(../images/icn_apprvB.gif) no-repeat center; }

a.btn_grey:active .btn_L, a.btn_grey.click .btn_L { background-position: 0px -48px; }
a.btn_grey:active .btn_R, a.btn_grey.click .btn_R { background-position: -6px -48px; }
a.btn_grey:active .btn_M, a.btn_grey.click .btn_M { background-position: 0px -48px; color: #000000; text-shadow: 0px -1px 1px #FFFFFF; }
a.btn_grey:active .btn_M span.back, a.btn_grey.click .btn_M span.back { background: url(../images/icn_btnblackLeft.gif) no-repeat center; }
a.btn_grey:active .btn_M span.next, a.btn_grey.click .btn_M span.next { background: url(../images/icn_btnblack.gif) no-repeat center; }

a.btn_grey .disabled .btn_L, a.btn_grey .disabled:hover .btn_L { background-position: 0px -72px; cursor: default; }
a.btn_grey .disabled .btn_R, a.btn_grey .disabled:hover .btn_R { background-position: -6px -72px; cursor: default; }
a.btn_grey .disabled .btn_M, a.btn_grey .disabled:hover .btn_M { background-position: 0px -72px; color: #B4B4B5; text-shadow: 0px 1px 1px #FFFFFF; cursor: default; }

a.btn_grey .disabled .btn_M span.back, a.btn_grey .disabled:hover .btn_M span.back { background: url(../images/icn_btnlgreyLeft.gif) no-repeat center; }
a.btn_grey .disabled .btn_M span.next, a.btn_grey .disabled:hover .btn_M span.next { background: url(../images/icn_btnlgrey.gif) no-repeat center; }

a.btn_lgrey .btn_L, .btn_lgrey .btn_R { height: 28px; width: 8px; float: left; background-repeat: no-repeat; }
a.btn_lgrey .btn_M { 
height: 21px;
padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
float: left;
color: #444444;
font-size: 12px;
font-weight: bold;
text-align: center;
text-shadow: 0px 1px 1px #FFF;
text-decoration: none;
}
a.btn_lgrey .btn_M span.back { background: url(../images/icn_prev.gif) no-repeat center; }
a.btn_lgrey .btn_M span.next { background: url(../images/icn_next.gif) no-repeat center; }

a.btn_lgrey:hover .btn_L { background-position: 0px -28px; }
a.btn_lgrey:hover .btn_R { background-position: -8px -28px; }
a.btn_lgrey:hover .btn_M { background-position: 0px -28px; color: #000000; }
a.btn_lgrey:hover .btn_M_small { background-position: 0px -28px; color: #000000; }

a.btn_lgrey:active .btn_L, a.btn_lgrey.click .btn_L { background-position: 0px -56px; }
a.btn_lgrey:active .btn_R, a.btn_lgrey.click .btn_R { background-position: -8px -56px; }
a.btn_lgrey:active .btn_M, a.btn_lgrey.click .btn_M { background-position: 0px -56px; color: #000000; text-shadow: 0px -1px 1px #FFFFFF; }

a.btn_lgrey .disabled .btn_L, a.btn_lgrey .disabled:hover .btn_L { background-position: 0px -84px; cursor: default; }
a.btn_lgrey .disabled .btn_R, a.btn_lgrey .disabled:hover .btn_R { background-position: -8px -84px; cursor: default; }
a.btn_lgrey .disabled .btn_M, a.btn_lgrey .disabled:hover .btn_M { background-position: 0px -84px; color: #B4B4B5; text-shadow: 0px 1px 1px #FFFFFF; cursor: default; }
a.btn_lgrey .disabled .btn_M span.back, a.btn_lgrey .disabled:hover .btn_M span.back { background: url(../images/icn_prevDis.gif) no-repeat center; }
a.btn_lgrey .disabled .btn_M span.next, a.btn_lgrey .disabled:hover .btn_M span.next { background: url(../images/icn_nextDis.gif) no-repeat center; }

a.btn_white .btn_L, .btn_white .btn_R { height: 28px; width: 8px; float: left; background-image: url(../images/btn_white.gif); background-repeat: no-repeat; }
a.btn_white .btn_M { 
/* ***** [START] MBB CMS Changes ***** */

/*min-width: 340px;*/
width: 85%;
/* ***** [ END ] MBB CMS Changes ***** */
height: 21px;
padding-top: 7px;
float: left;
background: url(../images/btn_whiteM.gif) repeat-x top;
color: #575757;
font-size: 12px;
font-weight: bold;
text-align: left;
text-shadow: 0px 1px 1px #FFF;
text-decoration: none;
}
a.btn_white:hover .btn_L, a.btn_white.selected .btn_L  { background-position: 0px -28px; }
a.btn_white:hover .btn_R, a.btn_white.selected .btn_R { background-position: -8px -28px; }
a.btn_white:hover .btn_M, a.btn_white.selected .btn_M { background-position: 0px -28px; color: #000000; }

.link_print, .link_delete, .link_back, .link_cancel, .link_dropdown { float: left; margin-top: 4px; margin-right: 20px; display:block; }
.link_print div, .link_delete div, .link_back div, .link_cancel div, .link_dropdown div { float: left; }
.link_print div a, .link_delete div a, .link_back div a, .link_cancel div a, .link_dropdown div a { text-decoration: underline; color: #51799b; font-size: 14px; font-weight: bold; }
.link_print a.disabled, .link_delete a.disabled, .link_back a.disabled, .link_cancel a.disabled, .link_dropdown a.disabled { text-decoration: none; color: #999; cursor: default; background: none; }
.link_print div a:hover, .link_delete div a:hover, .link_back div a:hover, .link_cancel div a:hover, .link_dropdown div a:hover { text-decoration: none; }
.link_print .link_icn, .link_delete .link_icn, .link_back .link_icn, .link_cancel .link_icn, .link_dropdown .link_icn { width: 12px; height: 14px; margin-top: 2px; margin-right: 4px; background: url(../images/icn_linkactions.gif) no-repeat left top; }
.link_delete .link_icn { background-position: 0px -14px; }
.link_back .link_icn { background-position: 0px -28px; }
.link_dropdown .link_icn { background-position: 0px -42px; }
.link_cancel .link_icn { background-position: left bottom; }

.link_dropdown .clear { clear: both; }
.link_dropdown { float: left; padding: 5px 8px; margin-top: -3px; border: 1px solid #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; }
.link_dropdown.hoverable:hover, .link_dropdown.hovered { float: left; padding: 5px 8px; margin-top: -3px; border: 1px solid #afafaf; }
.link_dropdown.hoverable:hover a, .link_dropdown.hovered a { text-decoration: none; }
.link_dropdown .link_downloadformat { display: none; }
.link_dropdown.hoverable:hover .link_downloadformat, .link_dropdown.hovered .link_downloadformat { display: block;  }
/* ***** [START] MBB CMS Changes ***** */
/* Purposely change following to #ffffff for MBB CMS purpose
.link_downloadformat { position: absolute; left: -1px; top: 27px; }
*/
.link_downloadformat { position: absolute; left: -1px; top: 27px; z-index: 50; }
/* ***** [ END ] MBB CMS Changes ***** */
.link_downloadformat a div { width: 85px; margin-top: -1px; padding: 5px 8px; clear: both; border: 1px solid #afafaf; background-color: #FFF; font-size: 12px; color: #676760; }
.link_downloadformat a:hover div { background-color: #fef092; color: #2e2e2e; }
/* ------------------ buttons ------------------ */

/* ------------------ header ------------------ */
#header_container { height: 139px; }
#login #header_container { height: 80px; background-color: #ffc600; background-image: none; border-bottom: 10px solid #000; }
#header_content { width: 980px; margin: auto; position: relative; z-index: 999; }
#logo { float: left;  padding-right: 40px; height:100px; }
#logo a { width:270px; height:40px; display:block; margin-top:33px;}
#login #logo { float: left; padding-top: 22px; padding-left: 20px; }
#header_profile { width: 55px; height: 56px; margin: 24px 8px 8px 8px; padding-top: 6px; float: left; text-align: center; }
#header_profile div { margin-top: 12px; font-size: 9px; font-weight: bold; color: #FFF; }
#header_welcome { height: 34px; margin-top: 26px; float: left; line-height: 17px; }
#header_date { height: 9px; margin-top: 1px; font-size: 9px; font-weight: bold; text-align: right; }

#headernav { width: 296px; height: 90px; }
#headernav div {
width: 74px;
height: 65px;
padding-top: 25px;
float: left;
background-repeat: no-repeat;
text-align: center;
font-weight: bold;
}
#headernav p { padding-top:38px; text-align:center; }
#headernav a:hover div, #headernav div.hovered { background-position: 0px -90px; padding: 25px 0 0 0; margin:0px; border:none; }

.nav { padding-top: 2px; }
.nav a { float: left; }
.nav a div {
max-width: 120px;
height: 36px;
padding: 0px 17px;
font-size: 12px;
font-weight: bold;
line-height: 14px;
display: table-cell;
vertical-align: middle;
}
.nav a div#nav_home { padding: 0px 14px; }
/* ***** [START] MBB CMS Changes ***** */
/* Add button  onclick effect
.nav a:hover div, .nav div.hovered { background: url(../images/nav_bgactive.gif) repeat-x; color: #FFF; text-shadow: 1px 1px 1px #252525; }
*/
.nav a:hover div, .nav div.hovered,.navdivhovered { background: url(../images/nav_bgactive.gif) repeat-x; color: #FFF; text-shadow: 1px 1px 1px #252525; }
/* ***** [ END ] MBB CMS Changes ***** */
.nav div.nav_divider { padding: 0px; border: none; float: left; }

#subnav_container {
width: 100%;
padding-bottom: 5px;
position: absolute;
/*top: 139px;*/
background: url(../images/subnav_shadow.png) repeat-x bottom;
left: 0px;
}
.subnav1 { background-color: #f1f1f1; display: none; }
/* ***** [START] MBB CMS Changes ***** */
/* Add button onclick effect
.subnav1 a:hover div { background: url(../images/subnav_gradient.gif) repeat-x bottom #FFF; }
*/
.subnav1 a:hover div,.subnav1 a div.subnav1divhovered { background: url(../images/subnav_gradient.gif) repeat-x bottom #FFF; }
.subnav1 a div { padding: 10px 25px; float: left; font-size: 14px; font-weight: bold; color: #353535; background-color: #dbdbdb; z-index: 999; }
/* ***** [ END ] MBB CMS Changes ***** */

.subnav1 a div img { padding-left:5px;}

.subnav2 { padding: 15px 0px; background-color: #FFF; display: none; }
.subnav2 td { padding: 4px 24px 4px 28px; border-right: 1px dotted #aaa; }
.subnav2 td.border_none { border: none; }

.subnav2 ul li { line-height: 24px; }
.subnav2 ul li a { padding: 5px 15px; background: url(../images/icn_navbullet.gif) no-repeat left; }
.subnav2 ul li a:hover { color: #FFF; background: url(../images/icn_navbulletA.gif) no-repeat left #f8ad04; -moz-border-radius: 5px; border-radius: 5px; }

.subnav2 ul li.active a { color: #f8ad04; font-weight: bold; }
.subnav2 ul li.active a:hover { color: #f8ad04; font-weight: bold; background: url(../images/icn_navbullet.gif) no-repeat left #FFF; }

/* ***** [START] MBB CMS Changes ***** */
/* Add menu level 3 support
*/
.subnav3 { margin-left: 25px; display: none; }
/* ***** [ END ] MBB CMS Changes ***** */

/* ------------------ header ------------------ */

/* ------------------ forms ------------------ */
textarea { width: 100%; padding: 4px; border: 1px solid #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; }

select { height: 28px; padding: 4px; margin-bottom: 10px; background-image: none; background-color: #FFF; border: 1px solid #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; }

.input_info { padding: 6px 5px; color: #555; font-weight: bold; font-size: 13px; }
.input_infoDisable { padding: 6px 5px; color: #959494; font-weight: bold; font-size: 13px; }
.input_field { margin-right: 10px; margin-bottom: 10px; }
.input_field .input_fieldL { height: 15px; padding: 7px; padding-right: 3px; background: url(../images/input_text.gif) no-repeat left top; float: left; }
.input_field .input_fieldR { height: 24px; padding: 7px 7px 0px 0px; background: url(../images/input_text.gif) no-repeat right top; float: left; }
.input_field:hover .input_fieldL, .input_field.input_active .input_fieldL { background-position: left -30px; }
.input_field:hover .input_fieldR, .input_field.input_active .input_fieldR { background-position: right -30px; } 
.input_field input, .input_drag input { width: 100%; border: 0px; background: none; }

.content28p select { width:214px;}
.content50p select { width:264px;}

a .search { width: 30px; height: 30px; background: url(../images/btn_search.gif) no-repeat top; }
a:hover .search { background-position: bottom; }
a .search.disabled { background: url(../images/btn_search.gif) no-repeat top; opacity: 0.5; filter:alpha(opacity=50); cursor:default; }

select.disabled {opacity: 0.5; filter:alpha(opacity=50); }
.input_field.disabled .input_fieldL { background: url(../images/input_text.gif) no-repeat left top; opacity: 0.5; filter:alpha(opacity=50); }
.input_field.disabled .input_fieldR { background: url(../images/input_text.gif) no-repeat right top #FFF; opacity: 0.5; filter:alpha(opacity=50); }

.inquiry .input_info { font-size: 14px; }
.inquiry .input_field .input_fieldL { height: 12px; background-image:none; border-radius: 3px 0px 0px 3px; padding: 5px 0px 9px 7px; }
.inquiry .input_field .input_fieldR { height: 21px; background-image:none; border-radius: 0px 3px 3px 0px; padding: 5px 5px 0px 0px; }
.inquiry .input_field:hover .input_fieldL, .inquiry .input_field:hover .input_fieldR { border-color:#ffc600;}
.inquiry .input_search .input_fieldL { width: 183px; }
.inquiry .input_search .input_fieldR { height:26px; padding: 0px; margin:0px; background: none; border:none; }
.inquiry .input_search a div.search { width: 24px; height:26px; background: url(../images/btn_inputSearch.gif) no-repeat; }
.inquiry .input_search a:hover div.search { background-position: bottom; }
.inquiry select option { display:block; font-size: 12px;}
.inquiry select.input_dd { position:relative; z-index:10; margin-bottom:0px;}
span.select { position:absolute; bottom:0; float:left; left:0; width:214px; height:26px; line-height:26px; text-indent:7px; cursor: pointer; z-index:1;
background: url(../images/btn_inputDrop.gif) no-repeat right top #FFF; border-radius: 3px 3px 3px 3px; font-size:13px; font-weight:normal; }

.inquiry select { width:214px; }

.input_field.input_error .input_fieldL { background-position: left -60px; }
.input_field.input_error .input_fieldR { background-position: right -60px; }

.input_field.input_drag .input_fieldL, .input_field.input_drag:hover .input_fieldL { height: 21px; cursor: move; background-position: left -90px; }
.input_field.input_drag .input_fieldR, .input_field.input_drag:hover .input_fieldR { background-position: right -90px; cursor: move; }

.input_inlinelabel { color: #959494; font-style: italic; }

.form_choice { clear: both; }
.form_choice div { float: left; margin: 0px; padding: 3px; }
.form_choice .input_info { padding: 2px; }

.form_greycontain { margin: 10px 0px; background-color: #f1f2f3; }
.addOn2BGMiddle{ height: 24px; padding: 0px; background: url(../images/table_addOn2BG.gif) repeat-x left top; }
.txtAddOn2BGMiddle{ min-width: 212px; height: 20px; padding: 4px 0px 0px 35px; color: #FFFFFF; text-shadow: 1px 1px #333333; background: url(../images/table_addOn2BGMiddle.gif) no-repeat left top; }

table.infotable div.input_field, table.infotable select { margin-bottom:0px; }
table.infotable div.input_info, table.infotable div.input_infoDisable { font-weight:normal; padding: 0 0 0 6px; }
/* ------------------ forms ------------------ */

/* ------------------ components ------------------ */
.breadcrumbs { clear: both; margin-bottom: 5px; }
.breadcrumbs ul, #shortcuts_content ul { padding: 5px 0px; }
.breadcrumbs ul li, #shortcuts_content ul li { display: inline; padding-right: 4px; }
.breadcrumbs ul li a { text-decoration: none; font-size: 11px; color: #666; }
#shortcuts_content ul li a { text-decoration: none; font-size: 11px; color: #111; }
.breadcrumbs ul li a:hover, #shortcuts_content ul li a:hover { text-decoration: underline; }

#shortcuts_btn { width: 26px; height: 42px; margin-left: 934px; position: fixed; top: 139px; overflow: hidden; background-color: #ffc600; }
#shortcuts_btn:hover, #shortcuts_btn.hovered { width: 250px; height: auto; margin-left: 710px; background: url(../images/shortcuts_bg.gif) repeat-y left #ffc600; overflow: visible; }
#shortcuts_btn #shortcuts_content { width: 200px; padding: 10px; float: right; }

.pagination ul li { float: left; margin: 5px; font-size: 14px; }
.pagination ul li a { text-decoration: underline; color: #007eff; }
.pagination ul li a:hover { text-decoration: none; color: #007eff; }
.pagination .input_field { margin: 0px; margin-top: -5px; }
/* ------------------ components ------------------ */

/* ------------------ tables ------------------ */
table.infotable_container { border: 1px solid #d1d1d1; }
table.infotable_container table.infotable { margin: -1px 0px; }
table.infotable { margin-bottom: 5px; }
table.infotable td { padding: 8px 12px; border: 1px solid #d1d1d1; background: #FFF; }
table.infotable td.old { background-color:#F4F4F4; }
table.infotable td.new { background-color:#DCF9FB; border-bottom-color: #FFF; }
table.accTransfer td { padding: 8px 12px; }

table.infotable td.hoverable { background: url(../images/icn_arrow_yellow.gif) no-repeat right center; }
table.infotable td.hoverable:hover, table.infotable td.hovered, table.infotable_container table.infotable td.active { background-color: #fffeb1; cursor: pointer; }

table.infotable .table_head td, 
table.infotable .table_head_noborder td, 
table.infotable .table_head_tab td,
table.accTransfer td.table_head { font-size: 14px; font-weight: bold; color: #FFFFFF; }
table.infotable .table_head_tab { border:1px solid #3B3A3A; }

tr.table_subhead td { background-color: #fffeb1; font-weight: bold; }
tr.table_subheadGrey td { height:13px; padding:2px 10px; font-size: 11px; font-weight: bold; color: #383d43; text-shadow: 1px 1px #d1d1d1; }
tr.table_grey td { background-color: #f3f3f3; }

table.infotable td.rowspan { border-bottom-color: #e8e8e8; }

.table_listing { width: 100%; border: 1px solid #c5c5c5; }
.table_listing td { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; padding: 12px; color: #555555; }
.tableTR_dark td { background-color: #e9eced; border: none; }

.table_head1, .table_head2 { height: 44px; }
.tableH_M { width: 400px; float: left; padding: 12px; }
.tableH_L, .tableH_R { width: 10px; height: 44px; background-repeat: no-repeat; }
.table_head1 .tableH_L  { background-position: left top; float: left; }
.table_head1 .tableH_R  { background-position: right top; float: right; }
.table_head2 .tableH_L  { background-position: left bottom; float: left; }
.table_head2 .tableH_R  { background-position: right bottom; float: right; }

.accordionArrowUp{ float: right; margin-top:15px; width:25px; height:10px; background-image:url(../images/arrowUp.png); background-repeat:no-repeat; display:block}

.tableTitle { height: 45px; background: url(../images/table_titleBG.gif) repeat-x; text-shadow: 1px 1px #e8ebee; font-weight: bold; }
.table_total { text-align: center; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #FFF; }
.table_totalSum { text-align: right; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #FFF; }
.table_content { /*width: 888px;*/ padding: 16px 20px; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; color: #666; }
.table_contentOverlay { width: 768px; padding: 16px 10px; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; color: #666; }

.tableBtm { padding: 5px; margin-bottom: 15px; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; background: url(../images/table_btmM.gif) repeat-x bottom; position: relative; }
.tableBtm_L { width: 8px; height: 8px; background: url(../images/table_btm.gif) no-repeat left; position: absolute; bottom: 0px; left: -1px; }
.tableBtm_R { width: 8px; height: 8px; background: url(../images/table_btm.gif) no-repeat right; position: absolute; bottom: 0px; right: -1px; }
.tableAddOn{height:20px; background-image:url(../images/tablehead_bg.gif); background-repeat:repeat-x; padding-left:23px;}

tr td.tblCell_orange { padding: 8px; background-color: #fffeb1; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; text-align: center; }
tr td.tblCell_orange a { display: block; padding: 0px 20%; }
tr td.tblCell_orange a.btn_lgrey .btn_M { min-width: 15px; padding-left:0px; padding-right:0px; }

table.comparetable td { padding: 8px 12px; border: 1px solid #d1d1d1; border-right:none; }
table.comparetable tr.table_head td { border:none; }
table.comparetable tr.table_head td.old { background: url(../images/table_blackBG.jpg) repeat-x top #606060; color:#FFF; font-weight:bold;}
table.comparetable tr.table_head td.new { background: url(../images/table_blueBG.jpg) repeat-x top #95c40f; color:#FFF; font-weight:bold;}
table.comparetable tr.table_subheadGrey td { height:13px; padding:2px 10px;}
table.comparetable tr.table_grey td { background-color: #f3f3f3; }
table.comparetable tr td.old { background-color:#F4F4F4; border:solid 1px #d1d1d1; border-left-color:#fff; }
table.comparetable tr td.new { background-color:#DCF9FB; border:solid 1px #d1d1d1; border-right-color:#fff; }
/* ------------------ tables ------------------ */

/* ------------------ login ------------------ */
#loginhere { width: 218px; height: 515px; padding: 35px 50px; float: left; background-color: #f3f3f3; border-right: 1px solid #ccc; position: relative; }
#loginhere, #loginhere a { color: #626262; }
#loginhere a:hover { text-decoration: underline; }
#login_btn { width: 100px; margin: 20px auto; }
#login_divider { width: 298px; margin-left: -50px; padding: 25px 10px; border-top: 1px solid #ccc; position: absolute; bottom: 0px; }
#login_content { width: 560px; padding: 20px 50px; float: right; }
#loginwelcome_title { font-size: 28px; color: #231f20; }
#loginwelcome_title span { color: #ffc600; }
#loginwelcome_tagline { color: #575757; font-size: 20px; }
#login_assistance { width: 481px; height: 184px; padding: 15px 25px; margin-top: 20px; background: url(../images/login_assistanceBG.gif) no-repeat; color: #575757; line-height: 20px; }
#login_safetyT { width: 530px; height: 10px; margin-top: 10px; background: url(../images/login_safetyBG.gif) no-repeat top; }
#login_safetyM { width: 508px; padding: 0px 10px; background-color: #f3f2ce; border-left: 1px solid #ffc600; border-right: 1px solid #ffc600; }
#login_safetyB { width: 530px; height: 10px; margin-bottom: 10px; background: url(../images/login_safetyBG.gif) no-repeat bottom; }
#login_safetyM li { list-style: disc inside; line-height: 20px; }
/* ------------------ login ------------------ */

/* ------------------ notification box ------------------ */
.note {
margin: 10px 0px;
color: #5d5d5d;
display: block;
}
.note .note_T { height: 11px; border-top: 1px solid #ffce23; background-color: #ffffd7; }
.note .note_B { height: 11px; border-bottom: 1px solid #ffce23; background-color: #ffffd7; }

.note .note_TL { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat top left; float: left; margin-top: -1px; }
.note .note_TR { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat top right; float: right; margin-top: -1px; }
.note .note_BL { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat bottom left; float: left; margin:  0px; }
.note .note_BR { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat bottom right; float: right; margin: 0px; }

.note_M { padding: 10px 15px; border-left: 1px solid #ffce23; border-right: 1px solid #ffce23; background-color: #ffffd7; }

.note .divider_hor { border-top: 1px solid #F4E5A6;}

.note .note_icn { width: 37px; height: 37px; margin-right: 15px; margin-left: 5px; background: url(../images/icn_notification.gif) no-repeat; float: left; }
.note_none .note_icn { background: none; width: 0px; height: 0px; margin: 0px; display: none; }
.note_error .note_icn { background-position: top; }
.note_fail .note_icn { background-position: 0px -37px; }
.note_success .note_icn { background-position: 0px -74px; }

.note_right { float: left; }
.note .note_header { padding: 1px; font-size: 16px; font-weight: bold; color: #383737; }
.note_error .note_header { padding: 1px; font-size: 16px; font-weight: bold; color: #de1500; }
.note_fail .note_header { padding: 1px; font-size: 16px; font-weight: bold; color: #de1500; }
.note_success .note_header { padding: 1px; font-size: 16px; font-weight: bold; color: #749a00; }
.note .note_message { padding: 2px; font-size: 12px; color: #666; }
/* ------------------ notification box ------------------ */

/* ------------------ detail box ---------------- */
.detail_box {
margin: 10px 0px;
color: #5d5d5d;
display: block;
}
.box_T { height: 11px; border-top: 1px solid #cbcbcb; background-color: #f3f3f3; }
.box_B { height: 11px; border-bottom: 1px solid #cbcbcb; background-color: #f3f3f3; }

.box_TL { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat top left; float: left; margin-top: -1px; }
.box_TR { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat top right; float: right; margin-top: -1px; }
.box_BL { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat bottom left; float: left; margin:  0px; }
.box_BR { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat bottom right; float: right; margin: 0px; }

.box_M { padding: 10px 20px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; background-color: #f3f3f3; }
/* ------------------ detail box ---------------- */

/* ------------------ detail box white ---------------- */
.whiteContainer { display: block; width: 100%; }
.box_T_white { height: 11px; border-top: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; background-color: #ffffff; }
.box_B_white { height: 11px; border-bottom: 1px solid #cbcbcb; background-color: #FFFFFF; }

.box_M_white { padding: 20px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; background-color: #FFFFFF;}
.detail_box .box_M_white { padding: 20px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; background-color: #FFFFFF;}
.box_T_white .box_TL { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat top left; float: left; margin-top: -1px; margin-left: -1px; }
.box_T_white .box_TR { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat top right; float: right; margin-top: -1px; }

.box_B_white .box_BL { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat bottom left; float: left; margin:  0px; }
.box_B_white .box_BR { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat bottom right; float: right; margin: 0px; }
/* ------------------ detail box white ---------------- */

/* ------------------ inquiry & portlet box ---------------- */
.inquiry_box { width: 100%; color: #FFF; font-size: 12px; font-weight:bold; }
.inquiry, .padding1020 { padding: 10px 20px; }
.inquiry_box .titlegrey_L { border-bottom: none; }

.titlegrey_T { height: 6px; font-size: 6px; } 
.titlegrey_B { height: 6px; }

.titlegrey_TL, .titlegrey_TR, .titlegrey_BR, .titlegrey_BL { width: 6px; height: 6px; background-repeat: no-repeat; }
.titlegrey_TL { background-position: 0px 0px; float: left; }
.titlegrey_TR { background-position: -6px 0px; float: right; }
.titlegrey_BL { background-position: -12px 0px; float: left; }
.titlegrey_BR { background-position: -18px 0px; float: right; }
/* ------------------ inquiry box & portlet box ---------------- */

/* ------------------ portlet ---------------- */
.portSettings { width: 28px; height: 24px; margin-right: 5px; background: url(../images/icn_portsettings.gif) no-repeat right; position: absolute; top: 0px; right: 0px; }
.portSettings:hover, #portSettings.hovered { width: 140px; }
.portSettings ul { display: none; }
.portSettings:hover ul, #portSettings.hovered ul { display: block; }
.portSettings ul li { float: left; }
.portSettings #portSettings1 { width: 28px; height: 24px; }
.portSettings #portSettings2 { width: 28px; height: 24px; }
.portSettings #portSettings3 { width: 28px; height: 24px; }
.portSettings #portSettings4 { width: 28px; height: 24px; }

.portlet_title { padding: 8px 20px 12px 20px; font-size: 16px; font-weight: bold; position: relative; }
.portlet_tab, .portlet_tabR {
width: 80px;
height: 18px;
margin-left: 1px;
margin-bottom: -1px;
padding-top: 7px;
padding-left: 10px;
float: left;
background-repeat: no-repeat;
background-position: left;
text-align: center;
color: #cdcdcd;
}
.portlet_tabR { width: 10px; height: 25px; margin-left: 0px; padding: 0px; float: left; background-position: right; background-color: #a6a6a6; }

.portlet_subhead { height: 17px; padding: 3px 0px 0px 10px; 
font-size: 11px;
font-weight: bold;
color: #383d43;
text-shadow: 0px 1px 1px #DDD;
border-left: 1px solid #4c4c4c; border-right: 1px solid #4c4c4c; }
/* ***** [START] MBB CMS Changes ***** */
/* Change padding for portlet container
#home .portlet_content { padding: 15px 8px 5px 8px; text-align: center; }
.portlet_content { min-height: 50px; padding: 10px; border-left: 1px solid #4c4c4c; border-right: 1px solid #4c4c4c; background-color: #FFF; }
*/
#home .portlet_content { text-align: center; }
.portlet_content { min-height: 50px; background-color: #FFF; }
.portlet-container { position: relative; overflow: hidden; border-left: 1px solid #4c4c4c; border-right: 1px solid #4c4c4c; background-color: #FFF;
}
/* ***** [ END ] MBB CMS Changes ***** */

#home .portlet_content { padding: 10px 12px 2px 12px; }
.portlet_content { min-height: 50px; padding: 10px; background-color: #FFF; }
.portlet_btm { width: 100%; background: url(../images/border_btmM.gif) repeat-x; }
.portlet_btmL { width: 10px; height: 15px; float: left; background: url(../images/border_btm.gif) no-repeat left; }
.portlet_btmR { width: 10px; height: 15px; float: right; background: url(../images/border_btm.gif) no-repeat right; }

.portlet_youhave { width: 196px; height: 36px; margin-bottom: 6px; background: url(../images/btn_youhave.jpg) no-repeat; }
.portlet_youhaveL { padding: 3px; float: left; }
.portlet_youhaveM { padding: 11px 0px; float: left; text-shadow: 1px 1px #FFF; }
.portlet_youhaveR { width: 35px; padding-top: 7px; float: right; color: #6F6F6F; font-size: 18px; text-align: center; text-shadow: 1px 1px #FFF; }

#home .portlet_content
select { height: 24px; padding: 2px; margin-top: 2px; margin-bottom: 1px; background-image: none; background-color: #FFF; font-size: 12px;
border: 1px solid #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; }

a .view_list, a .view_graph { width: 26px; height: 26px; margin-left: 3px; background: url(../images/icn_listgraph.gif) no-repeat left top; }
a:hover .view_list, a.active .view_list { background-position: left bottom; }
a .view_graph { background-position: right top; }
a:hover .view_graph, a.active .view_graph { background-position: right bottom; }

a .btn_assist1, a .btn_assist2, a .btn_assist3, a .btn_assist4 { width: 92px; height: 71px; margin: 2px; float: left; background: url(../images/btn_assist.gif) no-repeat top; }
a .btn_assist2 { background-position: 0px -71px; }
a .btn_assist3 { background-position: 0px -142px; }
a .btn_assist4 { background-position: 0px -213px; }
/* ------------------ portlet ---------------- */

/*------------------------ menuTree ----------------------*/
ul.menuTree li { color:#FFF; font-size:14px; font-weight:bold; padding:0px; }
ul.menuTree ul li { background-color:#FFFEB1; color:#383D43; font-size:12px;}
ul.menuTree ul li ul li { background-color: #ffffff;}
ul.menuTree ul li ul li ul li { background-color: #ffffff; font-weight:normal;}
/* ***** [START] MBB CMS Changes ***** */
ul.menuTree ul li ul li.menuTreeGrey { background-color: #f3f3f3;}
/* ***** [ END ] MBB CMS Changes ***** */
ul.menuTree ul li ul li ul li.menuTreeGrey { background-color: #f3f3f3;}

/* ***** [START] MBB CMS Changes ***** */
/*
ul.menuTree li div.folderNode, ul.menuTree ul li div.folderNode, ul.menuTree ul li ul li div.folderNode, ul.menuTree ul li ul li ul li div.folderNode { border:solid 1px #d1d1d1; border-top:none; padding-top: 8px; padding-bottom: 8px;}
*/
ul.menuTree li div.folderNode, ul.menuTree ul li div.folderNode, ul.menuTree ul li ul li div.folderNode, ul.menuTree ul li ul li ul li div.folderNode { height:18px; border:solid 1px #d1d1d1; border-top:none; padding-top: 8px; padding-bottom: 8px;}
/* ***** [ END ] MBB CMS Changes ***** */
ul.menuTree li div.folderNode img, ul.menuTree ul li div.folderNode img, ul.menuTree ul li ul li div.folderNode img, ul.menuTree ul li ul li ul li div.folderNode img { margin-right:10px;}
ul.menuTree li div.folderNode { padding-left:10px; }
ul.menuTree ul li div.folderNode { padding-left:25px; background:none;}
ul.menuTree ul li ul li div.folderNode { padding-left:50px; background:none;}
ul.menuTree ul li ul li ul li div.folderNode { padding-left:90px; background:none;}

/*
ul.menuTree li.table_head { background-color:none; color:#575757; font-size:12px; }
ul.menuTree li.table_head div.old, ul.menuTree li.table_head div.new, ul.menuTree li.table_head div.mainlabel, ul.menuTree li.table_head div.label { padding: 8px 12px; border-bottom:solid 1px #fff; }
ul.menuTree li.table_head div.mainlabel { border-left: solid 1px #d1d1d1; border-top: solid 1px #d1d1d1;}
ul.menuTree li.table_head div.label { border: solid 1px #d1d1d1; border-right:none;}
ul.menuTree li.table_head div.old { background: url(../images/table_blackBG.jpg) repeat-x top #606060; color:#FFF; font-weight:bold; border-right:solid 1px #fff;}
ul.menuTree li.table_head div.new { background: url(../images/table_greenBG.jpg) repeat-x top #95c40f; color:#FFF; font-weight:bold; border-right:solid 1px #fff;}
*/
ul.menuTree li.table_head { line-height:33px; }
ul.menuTree li.table_head ul li { float:left; }
ul.menuTree li.table_head ul li div { padding-left:12px;}
ul.menuTree li.table_head ul li div.mainLabel { border:solid 1px #d1d1d1; background-color:#fff; border-bottom:none;}
ul.menuTree li.table_head ul li div.label { border-top:solid 1px #d1d1d1; background-color:#fff;}
ul.menuTree li.table_head ul li div.old { background: url(../images/table_blackBG.jpg) repeat-x top #606060; color:#FFF; font-weight:bold;}
ul.menuTree li.table_head ul li div.new { background: url(../images/table_blueBG.jpg) repeat-x top #606060; color:#FFF; font-weight:bold; border-right:solid 1px #fff;}

ul.menuTree ul li ul li ul li.nolineheight { padding: 0px; margin: 0px; line-height: 0px; font-size:0px; }
ul.menuTree ul li ul li ul li div.folderNodeDetail { border:solid 1px #d1d1d1; border-top:none; padding: 0px; margin: 0px; }
ul.menuTree ul li ul li ul li div.folderNodeDetail ul li { float: left; border: none; line-height: 33px;}
ul.menuTree li div.folderNodeDetail div.mainLabel { padding-left:90px;}
ul.menuTree li div.folderNodeDetail div.label { border-left:solid 1px #d1d1d1; padding-left:12px;}
ul.menuTree li div.folderNodeDetail div.old { background-color:#F4F4F4; padding-left:12px;}
ul.menuTree li div.folderNodeDetail div.new { background-color:#DCF9FB; padding-left:12px; border-right:solid 1px #fff; border-left:solid 1px #d1d1d1;}
/*------------------------ menuTree ----------------------*/

/*------------------------ misc ----------------------*/
.fld_group { overflow: hidden; padding: 5px; display: block; clear: both; }
/* ****************************************************** */
/* START: ADDITIONAL CSS STYLES REQUIRED BY MBB CMS SIDE  */
/* PLEASE DO NOT CHANGE                                   */
/* ****************************************************** */


/*------------------------icons----------------------*/
.accTlbHeader{background: url(../images/tablehead_bg.gif) repeat-x top #606060; font-size: 14px; font-weight: bold; color: #FFFFFF; padding:8px 12px}
.accTlbContent{background-color:#f3f3f3; padding:15px; min-height:200px}
.accTlbContent_orange{background-color:#fffeb1; padding:15px 22px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #fffeb1; min-height:196px}

.tlbListHeader{background: url(../images/tablehead_bg.gif) repeat-x top #606060; font-size: 14px; font-weight: bold; color: #FFFFFF; padding:8px 0px 0px 0px}
.tlbListSubHeader{background-color:#fffeb1; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border:1px solid #cbcbcb}
.tlbListOrange{background-color:#fffeb1; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border-top:1px solid #cbcbcb}
.tlbListWhite{background-color:#FFFFFF; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border-top:1px solid #cbcbcb}
.tlbListGrey{background-color:#f3f3f3; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border-top:1px solid #cbcbcb}

label.error {}

/*
input.error,
select.error,
textarea.error,
input.error:focus,
select.error:focus,
textarea.error:focus {
  border: 1px solid #d50000 !important;
}
*/

.error_notes {
	color:#DC281E;
    display:block;
	font-size:11px;
	font-style: italic;
    padding-top:0px;
    padding-bottom:5px;
    margin-top: 0px;
}


.table_div_horizontal_scroll
{
    overflow-y : hidden;
    position: relative;
    overflow: auto;
    width: 100%;
    margin: 0px;
    margin-top: 0px;
    padding:0px;
    padding-top: 0px;
}

/*----------START Added by hsli ---------*/
.table_div_vertical_scroll
{
    overflow-x : hidden;
    overflow-y : auto;
    position : relative;
    height : 150px;
    width : 100%;
    margin: 0px;
    margin-top: 0px;
    padding:0px;
    padding-top: 0px;
}
/*----------END Added by hsli ---------*/

.tableTitle2 { height: 45px; padding:0px; background: url(../images/table_titleBG.gif) repeat-x; text-shadow: 1px 1px #e8ebee; font-weight: bold; }

.input_type_numeric { text-align:left; padding-right: 20px; }

/* ------------- START Added by benjaminfoo ------------- */
.accordionArrowDown{ float: right; margin-top:15px; width:25px; height:10px; background-image:url(../images/arrowDown.png); background-repeat:no-repeat; display:block}
/* ------------- END   Added by benjaminfoo ------------- */

/* ------------- START Added by benjaminfoo ------------- */
table.infotable tr.hoverable { }
table.infotable tr.hoverable:hover td, table.infotable tr.hovered td, table.infotable tr.active td, table.infotable_container table.infotable tr.active td { background-color: #fffeb1; cursor: pointer; }
/* ------------- END   Added by benjaminfoo ------------- */

.txt_boldFilled1{padding:1px 0px; font-size:12px; font-weight:700; color:#777; text-shadow:#FFFFFF 1px 1px; padding-bottom:10px}

.h4-details { padding: 4px 0px; font-size: 14px; font-weight: bold; color: #252525; padding-bottom: 15px; }

.search_button_spacer { padding: 6px 5px; color: #555; font-weight: bold; font-size: 13px; }
.inquiry .search_button_spacer { font-size: 14px; color: #242424; text-shadow: 0px 1px 1px #CCC; }
.inquiry .fld_group { overflow: hidden; padding-top: 0; padding-bottom: 0; display: block; clear: both; }
.inquiry .asterisk { color: #000000; }
.inquiry .txt_caption_error { color: #ef3e42; font-style: italic; font-size: 11px; clear: both; margin: -8px 0px 10px 2px; }

tr td.bgyellow { background-color: #fffeb1; padding: 0px 2px; }

/* For menu tree */
.hide {display:none;}
.show {display:}

table.nomargin { margin-top: 0px; margin-bottom: 0px; }

.normal_font { font-weight: normal; }

/* ------------- START Added by hsli ------------- */


.listbox_table
{
	border: 0px;
	padding: 5px;
	width: 100%;
}
.listbox_table_tdL{border-left:2px solid white; border-bottom: 2px solid white;}
.listbox_table_tdR{border-right:2px solid white; border-bottom: 2px solid white;}
.listbox_table_tdLR{border-left:2px solid white; border-right:2px solid white; border-bottom: 2px solid white;}
.listbox_table_header {background-color:#F2A635; font-weight: bold;height:30px;}
.listbox_table_body {background-color: #BFBFBF; vertical-align: top;}
.listbox_table_btnwidth{width:50px;}
.listbox_table_bodyL{padding-left: 30px; padding-right: 30px; border-left:2px solid white;}
.listbox_table_bodyLR{border-left:2px solid white; border-right:2px solid white;}
.listbox_table_bodyR{padding-left: 30px; padding-right: 30px; border-right:2px solid white;}
.ui-not-selected { border: 1px solid #aaaaaa; background: #E5E5E5; color: #222222; }

/*.accTransfer_span_img {float : right; width : 18px; height : 18px; background: url(../images/icn_tickActive.jpg) no-repeat; display : none;}*/
.accTransfer_span_img {position: relative; top: 5px; float : left; left:-25px; width : 18px; height : 18px; background: url(../images/icn_tickActive.jpg) no-repeat; display : none; z-index: 999;}
/* ------------- END   Added by hsli ------------- */

/* ****************************************************** */
/*  END : ADDITIONAL CSS STYLES REQUIRED BY MBB CMS SIDE  */
/* ****************************************************** */


/* ************************************************************ */
/* START: ADDITIONAL CSS STYLES REQUIRED BY MBB CMS (DPMS) SIDE */
/* PLEASE DO NOT CHANGE                                   		*/
/* ************************************************************ */

/*------------------------icons----------------------*/
#setting_container { z-index: 10; margin: auto; position: absolute; width: 980px; top: 100px; }
.clsSettingTab { background-color: #FFE574; height: 38px; margin: auto; position: absolute; width: 100%; }
.clsSettingContent { background-color: gray; width: 100%; min-height: 40px; position: absolute; top: 38px; }
.clsSettingDisplay { display: block; visibility: visible; padding: 10px; }
.clsSettingTitle,.clsSettingTitleOver { float: left; padding: 10px 35px; margin-top: 2px; font-size: 14px; font-weight: bold; cursor: pointer; }
.clsSettingTab a:hover .clsSettingTitle,.clsSettingTitleOver { background-color: white; }

/*------------------------misc-----------------------*/
.width50 { width: 50px; }
.portlet_body { padding: 10px; background-color: #FFF; }
.drag_column { margin: 10px; }
.portlet_youhave_content { padding: 10px; }
input[type=text], input[type=password] { outline: none; }
.infotableCellPadding { padding: 8px 0px; }
.subnav1 { width: 100%; }
.color_success_message { font-size: 14px; font-weight: bold; color: #749a00; }
.color_fail_message { font-size: 14px; font-weight: bold; color: #de1500; }