@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBoldItalic.eot');
    src: url('../fonts/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Poppins-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
 
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Italic.eot');
    src: url('../fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Italic.woff2') format('woff2'),
        url('../fonts/Poppins-Italic.woff') format('woff'),
        url('../fonts/Poppins-Italic.ttf') format('truetype'),
        url('../fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
 
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype'),
        url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
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; font-family: Poppins; }
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; } 

html { margin: 0px; padding: 0px; }
body {
margin: 0px;
padding: 0px;
font-family: Poppins;
font-size: 12px;
color: #575757;
}
#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; }
/* ***** [START] MBB CMS Additions ***** */
.width50 { width: 50px; }
.width85 { width: 85px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
/* ***** [ END ] MBB CMS Additions ***** */
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width265 { width: 265px; }
.width350 { width: 350px; }
.content28p { float: left; width: 28%; position:relative; }
.content33p { float: left; width: 33%; position:relative; }
.content50p { float: left; width: 50%; position:relative; }
.content28p select { width:214px;}
.content50p select { width:264px;}
.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; }
/* ------------------ 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: Poppins; font-size: 21px; font-weight: bold; line-height: 26px; margin-bottom: 10px; }
.h2 { font-family: Poppins; font-size: 18px; font-weight: bold; line-height: 26px; margin-bottom: 10px; }
.h3 { font-family: Poppins; font-size: 16px; font-weight: bold; color: #f6b403; line-height: 22px; margin-bottom: 8px; }
.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 a { 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 ------------------ */

/* ------------------ content table container ------------------ */
.table_head1, .table_head2 { height: 44px; }
/* ***** [START] MBB CMS Changes ***** */
/* Removed width atribute */
/*
.tableH_M { width: 400px; float: left; padding: 12px; }
*/
.tableH_M {               float: left; padding: 12px; }
/* ***** [ END ] MBB CMS Changes ***** */
.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; }
/* ------------------ content table container ------------------ */

/* ------------------ 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; }
/* ***** [START] MBB CMS Changes ***** */
/* 
#login #header_container { height: 112px; background-color: #ffc600; background-image: none; border-bottom: 10px solid #000; }
#header_content { width: 980px; margin: auto; position: relative; z-index: 999; }
 */
#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; }
/* ***** [ END ] MBB CMS Changes ***** */
#logo { float: left;  padding-right: 40px; height:100px; }
#logo a { width:200px; height:40px; display:block; margin-top:33px;}
/* ***** [START] MBB CMS Changes ***** */
/* #login #logo { float: left; padding-top: 22px; padding-left: 20px; } */
#login #logo { float: left; height: 50px; padding-top: 22px; padding-left: 20px; background: none; }
#login #logo a { width:270px; height:40px; display:block; margin-top:0px;}
/* ***** [ END ] MBB CMS Changes ***** */
#header_profile { margin: 22px 8px 8px 8px; padding-top: 6px; float: left; text-align: center; }
#header_profile div { max-width: 70px; margin-top: 10px; font-size: 9px; font-weight: bold; color: #FFF; line-height: 9px; }
#header_welcome { width: 380px; height: 34px; margin-top: 26px; float: left; line-height: 12px; font-size:11px; }
#header_welcome div { margin-bottom: 2px; }
#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; display: table; }
.nav div { display: table-cell; vertical-align: middle; }
.nav div a div {
height: 36px;
padding: 0px 12px;
font-size: 12px;
font-weight: bold;
}
.nav a div#nav_home { padding: 0px; }
.nav a div#nav_home div { padding: 0px 24px; }
.nav div.nav_divider { width: 1px; height: 35px; padding: 0px; float: left; }

#subnav_container {
width: 100%;
padding-bottom: 5px;
position: absolute;
top: 139px;
background: url(../images/subnav_shadow.png) repeat-x bottom;
left: 0px;
z-index: 999;
}
.subnav1 { background-color: #F1F1F1; display: none; z-index: 999; }
.subnav1 a div { padding: 10px 25px; float: left; font-size: 14px; font-weight: bold; color: #353535; background-color: #F1F1F1; z-index: 999; }

.subnav1 a div img { padding-left:5px;}

.subnav2 { padding: 15px 0px; background-color: #FFF; display: none; z-index: 999;}
.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 0px 10px; display: block; }
.subnav2 ul li a:hover { color: #FFF; background: url(../images/icn_navbulletA.gif) no-repeat 0px 10px #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 0px 10px #FFF; }

.subnav_corp {
	position: absolute;
	top: 139px;
	right: 0px;
	background-color: #222222;
	display: none;
	width: 300px;
}

.subnav_corp a {
	font: bold 14px Poppins;
	color: #fff;
	z-index: 999;
	cursor: pointer;
	display: block;
	padding: 12px 12px;
	border-bottom: solid 1px #434343;
}

.subnav_corp a:hover {
	background-color: #333;
}

.subnav_corp img {
	width: 9px;
	height: 11px;
	background: url(../images/img_bullet.gif) no-repeat bottom;
	margin: 14px 10px auto 12px;
	float: left;
}

.subnav_corp img.selected {
	background-position: top;
}

/* ***** [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; font-family: Poppins;}

.input_infoBlack { padding: 6px 5px; color: #000; font-weight: bold; font-size: 13px; }
.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-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; font-family: Poppins;}

.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; }
/* ***** [START] MBB CMS Changes ***** */
/* Change shortcut button behavior
#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; }
*/
.shortcuts_btn { width: 26px; height: 42px; margin-left: 944px; position: fixed; top: 138px; overflow: hidden; background-color: #ffc600; }
.shortcuts_btn_hover { width: 250px; height: auto; margin-left: 720px; background: url(../images/shortcuts_bg.gif) repeat-y left #ffc600; overflow: visible; }
#shortcuts_btn #shortcuts_content { width: 200px; padding: 10px; float: right; }
/* ***** [ END ] MBB CMS Changes ***** */

.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; }
/* ***** [START] MBB CMS Changes ***** */
/* Change accTransfer table to have smaller padding */
/*
table.accTransfer td { padding: 8px 12px; }
*/
table.accTransfer td { padding: 4px 4px; }
/* ***** [END] MBB CMS Changes ***** */

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: default; }

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 { min-height:100%; }
#loginhere, #loginhere a { color: #626262; }
#loginhere a:hover { text-decoration: underline; }
/* ***** [START] MBB CMS Changes ***** */
/* 
#login_form { width: 335px; overflow:auto; padding-bottom: 105px; background: url(../images/login_bg.gif) repeat-x top #ffffff;}
*/
/* ***** [ END ] MBB CMS Changes ***** */
#login_form { width: 335px; overflow:auto; padding-bottom: 114px; background: url(../images/login_bg.gif) repeat-x top #ffffff; height: 611px;}
#loginhere div.loginhere_top { margin-top:35px; margin-left:25px; }
#loginhere div.loginhere_mid { background: url(../images/login_mid.gif) repeat-y; padding-left: 20px; padding-bottom:20px; margin-left:25px; min-height:330px; }
#loginhere div.loginhere_btm { background-color:#ffffff; margin-left:25px; } 
#login_btn { margin-top:10px; margin-bottom:20px; margin-right: 20px; }
#login_divider, #login_awards { 
	position: relative;
	margin-top: -105px; /* negative value of footer height */
	height: 105px;
	clear:both;background-color: #f2f2ef; font-size:11px; padding: 15px 0px 5px 30px; }
#login_divider { width: 305px; }
#login_awards { width: 630px; padding-left:15px; }
#login_divider .login_caption { padding-bottom:8px; }
#login_content { width: 645px; overflow:auto; padding-bottom: 105px; background: url(../images/login_bg.gif) repeat-x top #ffffff; padding-top:50px; }
#loginwelcome { height:258px; }
#loginwelcome_title { font:bold 22px Poppins; color: #231f20; margin-bottom:4px; margin-left:40px; }
#loginwelcome_title span { color: #ffc600; }
#loginwelcome_tagline { font-size:16px; color: #575757; margin-left:40px; }
#loginwelcome_point { width:270px; }
#loginwelcome_point ul { margin-top: 25px; margin-bottom: 20px; margin-left:40px; }
#loginwelcome_point ul li { background: url(../images/login_bullet.gif) no-repeat left top; padding-left: 20px; margin-bottom:8px; line-height:18px; }
#login_assistance { width:48%; color: #575757; line-height: 18px; }
#login_assistance #login_helpdesk { margin: 20px 20px 10px 20px; }
#login_assistance #login_helpdesk div.h4 { margin-bottom:4px; }
#login_assistance #login_helpdesk .login_caption { line-height: 22px; }
#login_assistance #login_helpdesk .login_caption span.h4 { font-size:16px; line-height:20px; }
#login_assistance #login_helpdesk_email { margin: 0px 20px 20px 20px; }
#login_safety { width:52%; background-color: #fffcca; }
#login_safety table { margin: 20px 25px; }
#login_safety div.divider_hor { border-top:1px solid #F4E5A6; }
#login_safety li { list-style: disc inside; line-height: 20px; margin-bottom:3px; }
#login_content a.btn_getFree { width:140px; height:29px; background: url(../images/btn_getFree.jpg) no-repeat top; display:block; margin-left:40px; }
#login_content a.btn_getFree:hover { background-position: bottom; }
#login_header_bg { width:310px; height: 70px; background: url(../images/login_top_bg.gif) no-repeat top;}
#login_header_title {width:auto; margin: 0 auto; padding-top: 20px; text-align: center; color: black; font-weight: bold; font-size: 20px; text-shadow: -1px 1px white; font-family: Poppins;}
.country_dropdown .link_dropdown { margin-right:0px; padding: 2px 4px; }
.country_dropdown .link_dropdown.hoverable:hover, .country_dropdown .link_dropdown.hovered { padding: 2px 4px;}
.country_dropdown .link_dropdown div a { font-size:12px; }
.country_dropdown .link_dropdown img { margin-right:4px; }
.country_dropdown .link_dropdown .link_icn { margin-right:1px; margin-left:3px; background: url("../images/icn_arrowdown.gif") no-repeat scroll 0px 5px transparent;}
.country_dropdown .link_dropdown .link_country { display: none; }
.country_dropdown .link_dropdown.hoverable:hover .link_country, .country_dropdown .link_dropdown.hovered .link_country { display: block; }
.country_dropdown .link_country { position: absolute; top: 23px; }
.country_dropdown .link_country a div { width: 100px; margin-top: -1px; padding: 4px 4px; clear: both; border: 1px solid #afafaf; background-color: #FFF; font-size: 12px; color: #676760; }
.country_dropdown .link_country a:hover div { background-color: #fef092; color: #2e2e2e; }
/* ------------------ 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; }
.portSettings #portSettings5 { width: 28px; height: 24px; background: url(../images/btn_camera.gif) no-repeat;}

.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; }

/* ***** [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; }
.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; }
*/
#home .portlet_content { text-align: center; }
.portlet_content { min-height: 50px; background-color: #FFF; }
/* ***** [ END ] MBB CMS Changes ***** */



.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; font-size: 10px; }
.portlet_youhaveR { width: 35px; padding-top: 7px; float: right; color: #6F6F6F; font-size: 14px; 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; font-family: Poppins;}

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 Additions ***** */
ul.menuTree ul li ul li.menuTreeGrey { background-color: #f3f3f3;}
/* ***** [ END ] MBB CMS Additions ***** */
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; 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; 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;}

/* ***** [START] MBB CMS Changes ***** */
ul.menuTree ul li ul li.nolineheight { padding: 0px; margin: 0px; line-height: 0px; font-size:0px; }
ul.menuTree ul li ul li div.folderNodeDetail { border:solid 1px #d1d1d1; border-top:none; padding: 0px; margin: 0px; }
ul.menuTree ul li ul li div.folderNodeDetail ul li { float: left; border: none; line-height: 33px;}
/* ***** [ END ] MBB CMS Changes ***** */

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 ----------------------*/

/*------------------------ date picker ----------------------*/
/* ***** [START] MBB CMS Changes ***** */
/* Set position to absolute */
/*
div.datepicker { position: relative; width: 196px; height: 147px; cursor: default; display: none; font-size: 12px; z-index: 1200; }
*/
div.datepicker { position: absolute; width: 196px; height: 147px; top: 0; left: 0; cursor: default; display: none; font-size: 12px; z-index: 1200; }
/* ***** [ END ] MBB CMS Changes ***** */

div.datepickerContainer {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1000;
	-moz-box-shadow: 1px 1px 4px #BBBBBB;
	-webkit-box-shadow: 1px 1px 4px #BBBBBB;
	-o-box-shadow: 1px 1px 4px #BBBBBB;
	box-shadow: 1px 1px 4px #BBBBBB; 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=130, Color='#BBBBBB')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=130, Color='#BBBBBB');
}
	
div.datepickerHidden { display: none; }

div.datepicker table { border-collapse:collapse; padding: 2px !important; }
div.datepicker table tr { height: auto !important; }
div.datepicker table td { background-color:#fafafa !important; border: 1px solid #cccccc; padding:0px !important; text-align:center; color:#666; }

th.datepickerMonth a {
	background: url("../images/table-header-bg.jpg") repeat-x #868A8D;
	padding: 7px 0px; width:auto; height:16px; display:block; text-align: center; color: #fff; font-weight:bold; text-shadow: 0 2px 1px #666; }
th.datepickerMonth a:hover { text-shadow: 0 0px 3px #ccc; }

th.datepickerGoNext a, th.datepickerGoPrev a {
	background: url("../images/table-prevnext-bg.jpg") no-repeat #D5D7DC;
	padding:0px; width:auto; height: 30px; display:block; text-align:center; color:#ff0000; }
th.datepickerGoPrev a {background-position:top left;}
th.datepickerGoNext a {background-position:top right;}
th.datepickerGoPrev a:hover {background-position: left bottom;}
th.datepickerGoNext a:hover {background-position: right bottom;}

tr.datepickerDoW th { height: 16px; font-size:10px; color: #868686; text-align:center; background-color:#dbdbdb; border:solid 1px #cacaca; }

.datepickerDays a {
	background: url("../images/table-normal-bg.jpg") no-repeat center #eee;
	width: 20px; height: 16px; padding: 7px 5px; color: #393939; font-weight:bold; display:block; }
.datepickerDays a:hover { background-position:bottom; background-color:#fffeb1; color: #000; cursor: pointer; }

.datepickerSunday a { color:#DB4621; }
.datepickerSunday a:hover { color:#DB4621; }

.datepickerSelected a { background: url("../images/table-selected-bg.jpg") no-repeat #4E5156; color: #FFF; text-shadow: 0 2px 1px #666; }
.datepickerSelected a:hover { color:#FFF; text-shadow: 0 0 3px #eee; }

.datepickerNotInMonth a { color: #CCC !important; background-position:top; }

.datepickerSpecial a { background-image:none; background-color: #A9D9EC; }
.datepickerSpecial a:hover { background: url("../images/table-normal-bg.jpg") no-repeat bottom #fff;}
.datepickerSpecial.datepickerSelected a { background-image:none; background-color: #567B89; }

.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a { color: #333; }
.datepickerDisabled a:hover { color: #333; }

/* ***** [START] MBB CMS Changes ***** */
/*
.datepickerYears a, .datepickerMonths a { width: 44px; height: 36px; line-height: 36px; text-align: center; color: #4d4d4d; }
*/
.datepickerYears a, .datepickerMonths a {
    background: url("../images/table-normal-bg-2.jpg") no-repeat center #eee;
    width: 53px; height: 30px; line-height: 30px; color: #393939; font-weight:bold; display:block; }
/* ***** [ END ] MBB CMS Changes ***** */
.datepickerYears td.datepickerSelected,
.datepickerMonths td.datepickerSelected { background-color: #17384d; }

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears { display: none; }

table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW { display: none; }

/* ***** [START] MBB CMS Changes ***** */
.datepickerSpace { width: 20px; }
table.datepickerViewDays tr.datepickerDoW th { padding:2px; margin:0; font-weight: bold; color: #666666; }
table.datepickerViewDays td { text-align:center; padding: 1px; }
table.datepickerViewDays td a {}

.datepicker a { }
.datepicker tbody a { display: block; }
.datepicker tbody a:hover { text-decoration:none !important; }
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW { display: none; }

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a { color: #333; }
td.datepickerDisabled a:hover { color: #333; }
td.datepickerSpecial a { background: #700; }
td.datepickerSpecial.datepickerSelected a { background: #a00; }
/* ***** [ END ] MBB CMS Changes ***** */
/*------------------------ date picker ----------------------*/

/*------------------------ misc ----------------------*/
/* ***** [START] MBB CMS Changes ***** */
/*
.fld_group { overflow: hidden; padding: 5px; display: block; clear: both; }
*/
.fld_group { overflow: hidden; padding: 5px; display: block; clear: both; }
/* ***** [ END ] MBB CMS Changes ***** */

/* ****************************************************** */
/* 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 {}

.error_notes {
/* 	color:#DC281E;
    display:block;
	font-size:11px;
	font-style: italic;
    padding-top:0px;
    padding-bottom:5px;
    margin-top: 0px;
    
    replace txt_caption_error
    
     */
    color: #EF3E42;
	font-style: italic;
	font-size: 11px;
	text-shadow: 1px 1px white;
	clear: both;
	margin: -8px 0px 10px 2px;
	display:block;
}

.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:right; 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; }

.input_field_file
{
	position:relative;
	top:0;
	left:-250px;
	/* start of transparency styles */

	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);

	/* end of transparency styles */
	z-index:-2; /* bring the real upload interactivity up front */
}

.inquiry .div_input_dd { float: left; position:relative; font-family: Poppins }

.div_input_dd {
	font-family: Poppins
}


/* ------------- 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; }


.menuTree_span_img_minus {float : left; position: relative; width:26px; height:15px; border: 0px red solid; background: url(../images/icn_minus.jpg) no-repeat; display : none;}
.menuTree_span_img_plus {float : left; position: relative; width:26px; height:15px; border: 0px red solid; background: url(../images/icn_plus.jpg) no-repeat; display : none;}
/*.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; }
.width180 { width: 180px; }
.portlet_body { padding: 10px; background-color: #FFF; }
.drag_column { margin: 10px; }
.portlet_youhave_content { padding: 10px; }
input[type=text], input[type=password] { outline: none; font-family: Poppins}
.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; }
.clsHidden { display: none; }
.porlet_subhead { height: 17px; padding: 3px 0px 0px 10px; background: url(../images/portlet_subheadBG.gif) repeat-x; font-size: 11px; font-weight: bold; color: #383d43; text-shadow: 0px 1px 1px #DDD; }

/*-------------- hide the screen code ---------------*/
.clsScreen {display:none;}


/* ***** [START] Pick Clear ***** */
.textfield_clear { display: none; }
.picklist_clear { display: none; }
.picklist_inq_clear { display: none; }

a .clear_data_icn { position: absolute; width: 18px; height: 18px; background: url(../images/icn_clear.gif) no-repeat; }
a .textfield_clear_icn { margin-left:-15px;}
a .picklist_clear_icn { margin-left:-15px;}
a .picklist_inq_clear_icn { margin-left:-25px; margin-top:5px;}


/*-------- camera -----------*/
.portletScreenCapture { width: 22px; height: 22px; background: url(../images/btn_camera.gif) no-repeat; }
/* ***** [ END ] Pick Clear ***** */