﻿
.logo {background:url(../images/MEA/logo.png) no-repeat;width:407px; height:70px;}
.menu-top {left: 450px; }
#menu-main { bottom: 0; position: absolute; width: 100%; height:40px; overflow:hidden; }
#menu-main ul { list-style: none; margin: 0; padding: 0; height:40px;position:relative; left:510px;}
.menu-top ul li a{color:#ff9800;}

a.enroll_now{float:left; background:url(../images/MEA/btn.png) no-repeat;}
a { color: #369; outline: none; text-decoration: underline;}
a.button, a.button-top { text-decoration: none;}
.title { background: #d8e4f1 url(../images/title_left.png) no-repeat 0 0; margin-bottom: 12px; position: relative }
.title div { background:#1c6bb5; overflow: hidden; padding: 10px 12px 8px }
.title h1, .title h2, .title h3, .h2-title { float: left; font-size: 14px; margin: 0; text-transform: uppercase; color:#fff;}
.title h3{font-size:13px;}
.subtitle { background-color: #f4f4f4; font-size: 14px; margin-bottom: 10px; padding: 10px 14px; text-transform: uppercase }
#header { background: url(../images/MEA/header_bg.gif) repeat 0 0; border-bottom: 5px solid #ff9801; margin-bottom: 15px; height:120px;}
#header .container {height:120px;}

#footer { background: #ffc979; bottom: 0; height: 85px; left: 0; line-height: 1.7; padding-top: 25px; position: absolute; width: 100% }
#menu-main li { float: left; height:40px; margin-left: 2px; overflow:hidden;}
#menu-main li a {background: url('') no-repeat 0 0; background:#787879; float:left; height:40px; text-decoration: none; overflow:hidden; padding:0;}
#menu-main li a b {background: url('') no-repeat 100% -40px; color: #fff; cursor: pointer; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 12px; text-shadow: none; }
#menu-main li a:hover{background:#ff9800;}
#menu-main li.active a, #menu-main li.active a:hover { background:#ff9800;}
#menu-main li a:hover b{background:#ff9800; color:#000;}
#menu-main li.active a b, #menu-main li.active a:hover b{ background:#ff9800; color:#000;}
.menu-category { background-image:url(''); background: #bc8d0b; margin-bottom: 10px; padding-top: 12px; width: 224px }
.menu-category h2 { font-size: 14px; letter-spacing: -1px; margin: 0 0 10px; text-align: center; text-shadow: 0 -1px 1px #666; text-transform: uppercase; color:#fff; }
.menu-category ul {background-image:url(''); list-style: none; margin: 0; min-height: 100px; padding: 0}
.menu-category ul li:first-child {border-top:solid 3px #79A8AF;}
.menu-category li a {background-image:url('');   color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; padding: 8px 20px; text-decoration: none; margin:0 1px;}
.menu-category li.active a, .menu-category li.active:hover a, .menu-category li:hover a{background: #fff; color: #94833c }
.button-top { background:#bc8d0b; height: 32px; position: absolute; right: 0; top: 0 }
.button-top b {background:none; text-shadow:none; color: #fff; cursor: pointer; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 32px; text-align: center; width: 110px }
.button-top:hover { background:#94833c; text-decoration:none;}
.breadcrumbs span { background: url(../images/breadcrumbs_simbol.gif) no-repeat 50% 2px; float: left; margin: 0 8px; text-indent: -5000px; width: 6px }
.top_content ul li a.chat_link{background:url(../images/bg-chat.gif) no-repeat 100% 50%; padding-right:32px;}
.box { background: url(../images/box_corners.gif) no-repeat 0 100%; margin: 0 0 10px; padding-bottom: 7px }
.box-content { border-left: 2px solid #eaf0f8; border-right: 2px solid #eaf0f8; padding: 12px 10px }
.block-message-info { background: #f0edd5 url(../images/message-info_top.gif) no-repeat 0 0; margin: 15px 0 }
.block-message-info .block-pad { background: url(../images/message-info_bot.gif) no-repeat 0 100%; padding: 17px 15px 12px 80px }
.block-faq { background: url(../images/etc.gif) no-repeat 50% 100%; padding-bottom: 30px }
.block-faq .question { background: url(../images/MEA/arrow.gif) no-repeat -15px 1px; margin: 0; min-height: 16px; padding-left: 30px }
.list-links li { background: url(../images/list_mark1.gif) no-repeat 0 8px; border: 0; margin: 0; padding: 4px 0 4px 16px }
.list-helpful-links li { background: url(../images/list_mark2.gif) no-repeat 0 7px; padding: 4px 0 4px 20px }
.list-text li { background: url(../images/list_mark3.gif) no-repeat 0 5px; margin: 10px 0; padding-left: 24px }
.table th { background-color: #f4f4f4; font-weight: normal; padding: 10px 13px; text-align: left }
.table .tfoot td { background: #d1af55; border: 0; font-weight: bold; padding-bottom: 8px; padding-top: 8px }
.ico-health-protection { background: url(../images/icons/ico-health-protection.png) no-repeat 0 50% }
.ico-income-protection { background: url(../images/icons/ico-income-protection.png) no-repeat 0 50% }
.ico-wealth-protection { background: url(../images/icons/ico-wealth-protection.png) no-repeat 0 50% }
.ico-history .ico { background: url(../images/icons/ico-history.png) no-repeat 0 0; height: 41px; left: 3px; position: absolute; top: -3px; width: 39px }
.ico-pdf { background: url(../images/icons/ico-pdf.png) no-repeat 0 0; min-height: 30px }
.ico-doc { background: url(../images/icons/ico-doc.png) no-repeat 6px 3px; min-height: 27px; }
.ico-xls { background: url(../images/icons/ico-xls.png) no-repeat 0 3px; min-height: 30px }
.ico-calendar { background: url(../images/icons/ico-calendar.gif) no-repeat 0 0; float: left; height: 23px; margin-right: 15px; width: 19px }
.f-right {margin:-3px 0 0; float: right !important }
#extra-main .bg-t .wrap { background: url(../images/MEA/bg-extra-main-bgt.gif) no-repeat; overflow: hidden; padding: 10px 0; width: 100%; height:19px;}
#extra-main .bg-b { background: url(../images/MEA/bg-extra-main-bgb.gif) repeat-y; clear: both }
#extra-main .bg-b .wrap { background: url(../images/MEA/bg-extra-main-bgb-wrap.gif) no-repeat 0 100%; height: 1%; overflow: hidden; padding: 10px 20px 10px 10px }
#extra-main .bg-c { background: url(../images/MEA/bg-extra-main-bgc.gif) repeat-y; width: 100% }

#extra-main .bg-f .wrap { background: url(../images/MEA/bg-extra-main-bgf.html) no-repeat; overflow: hidden; padding: 10px 0; width: 100%; height:19px;}

#extra-main h1 {color:#69879C; float: left; font: bold 16px/18px Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 0 15px; text-transform: uppercase }
#extra-main h2 { margin: 0; text-shadow: 0 -1px 1px #000; color:#fff;}
.extra-main-content { background: none;}
.extra-main-content .right-box { background: #ebebeb url(../images/bg-grey-box.gif) no-repeat; float: right; width: 306px }
.extra-main-content .right-box .holder { background: url(../images/bg-grey-box-botom.gif) no-repeat 0 100%; height: 1%; overflow: hidden; padding: 12px 15px }
.extra-main-content textarea { float: right; font-size: 11px; height: 126px; line-height: 14px; overflow: visible; padding: 5px; }
.step { color: #fff; overflow: hidden; padding: 0 0 2px; width:100%; }
.step-active .step-holder { background: url(../images/bg-sideer-step.gif) no-repeat; color: #000 }
.step-active .step-bgb { background: url(../images/bg-sidebar-step-holder.gif) no-repeat }
.step .state { background: url(../images/bg-state.gif) no-repeat; float: left; height: 24px; margin: 0 8px 0 0; width: 28px }
.step .heading { background: url(../images/MEA/bg-title.gif) repeat-x; height: 18px; margin: 0 0 0 36px; overflow: hidden; padding: 2px 0 3px 10px; width: 189px }
.step .price { float: right; font-style: normal; width: 65px }
.step .state-done{background-position: 0pt -24px;}
.conformation { background: url(../images/MEA/bg-border.gif) repeat-x; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0 0 0 36px; padding: 15px 0 0 11px; text-shadow: 0 -1px #374c61 }
.twocolumn { background: url(../images/bg-twocolumn.gif) repeat-y; overflow: hidden; padding: 10px 0; width: 100% }
.navigation .chat { background: url(../images/bg-chat.gif) no-repeat 100% 0; padding: 3px 35px 0 0 }
.basic-table tr, .basic-table th, .basic-table td { border-collapse: collapse }
.basic-table .col { width: 25px; }
.basic-table2 tfoot td { background: #f5c9c1; color: #ff0000; font-weight: bold }
.more { overflow:hidden; background: url(../images/btn-more.gif) no-repeat; float: left; height: 14px; margin: 1px 0 0; text-indent: -9999px; width: 14px }
.current{background:#CBB586 url(../images/bg-curent.gif) no-repeat 50% 50%;}
.new{background:#c00 url(../images/bg-new.gif) no-repeat 50% 50%;}
.red-box { background: url(../images/bg-red-box.gif) no-repeat; float: left; height: 25px; overflow: hidden }
.red-box span { background: url(../images/bg-red-box-holder.gif) no-repeat 100% 0; color: #ffffff !important; float: left; height: 25px; line-height: 25px; padding: 0 15px }
.dependents dt { color: #848484; display: block; font-size: 11px; width: 100% }
.blue-title { background: #d6e4e7; height: 1%; overflow: hidden; padding: 10px 15px 10px 0px; }
#extra-main .blue-title h2 { float: left; text-shadow:none; color:#69879C; padding:5px 0 0;}

.pdf_files li a{display:block; background:url(../images/icons/ico_pdf.gif) no-repeat; width:74px; padding:70px 0 0 0; text-align:center;}
.add_remove{width:500px; height:270px; padding:10px; overflow:hidden;background:url(../images/popup_1.png) no-repeat;}
#add_remove_members{width:500px; height:270px; padding:10px; overflow:hidden;background:url(../images/popup_2.png) no-repeat;}
#compare_available_options{background:url(../images/popup_big.png) no-repeat; width:923px; overflow:hidden;}
.naw_table a.prev{background:url(../images/pointer_prew.gif) no-repeat 0 53%; padding:0 0 0 10px;}
.naw_table a.next_btn{background:url(../images/pointer_next.gif) no-repeat 100% 53%; padding:0 10px 0 0;}
.first_cell{width:210px; height:43px; padding:17px 0 0 0; background:#A8C0E1;}
a.btn_close{display:block; width:8px; height:8px; overflow:hidden; text-indent:-9999px; background:url(../images/btn_table_close.gif) no-repeat; position:absolute; top:5px; right:5px; }

.StyledButton {	border:none; position:relative;overflow:hidden; margin:0px; margin-top:3px; padding:3px 5px;cursor:pointer; border-color: #ffffff !important; border-style:outset;	font-weight: bold;	color: #FFF !important;	background: #B18000 ;}

.ico-history div{padding-left: 55px;}
#ddlCategories {width:175px;}



#block_2{background:url(../images/MEA/bg_want.png) no-repeat;}
#block_1{background:url(../images/MEA/index_popup.png) no-repeat;}
.add_remove{background:url(../images/MEA/popup_1.png) no-repeat;}
#add_remove_members{background:url(../images/MEA/popup_2.png) no-repeat;}
#compare_available_options{background:url(../images/MEA/popup_big.png) no-repeat;}
#block_FAQ {background:url(../images/MEA/index_faq_popup.png) no-repeat;}
#block_TransactionHistory{background:url(../images/MEA/index_popup.png) no-repeat;}
.ContactUsWrapper, #block_DepAuditStatus {background:url(../images/MEA/popup_genPurpose.png) no-repeat;}  
#compBreakdownModal {background:url(../images/MEA/popup_big.png) no-repeat;}
.divAddDependent{background:url(../images/MEA/popup_genPurpose.png) no-repeat;}
.divBeneficiaries, .divAddBeneficiaries {background:url(../images/MEA/popup_genPurpose.png) no-repeat;}
.divIntegrityCheck {background:url(../images/MEA/popup_genPurpose.png) no-repeat; }
.divEmailForm {background:url(../images/MEA/popup_genPurpose.png) no-repeat;}
#fancybox-close { background:url(../images/MEA/fancy_close.png) no-repeat;}





.mb-table {position: relative;}
.mb-table .column {position: relative; float: left;}
.mb-table .cell {position: relative; overflow: hidden; }
#tritable-upperleft .cell, #tritable-left .cell, #tritable-lowerleft, #tritable-main .cell, #tritable-footer .column, #tritable-header .column {border:solid #e6e6e6; border-width:1px 1px 1px 0;}
#tritable-strip, #tritable-header .cell, #tritable-upperleft .cell, #tritable-upperright {background:#d6e4e7;}
#tritable-left .cell {background:#d8d8d8;}

#tritable-scrollbar-vert .mb-scrollbar-handle, #tritable-scrollbar-members .mb-scrollbar-handle {background: #94833c url(../images/scrollbar-v.png) no-repeat 50% 50%;}
#tritable-scrollbar-horz .mb-scrollbar-handle {background: #94833c url(../images/scrollbar-h.png) no-repeat 50% 50%;}
#tritable-left .cell {background:#e6eff1;}
#tritable-main .current, #tritable-footer .current {background:#f1f1f1 url('');}
#tritable-main .current .cell, #tritable-footer .current .cell {background: #f1f1f1 url('');}


.box-content { border-left: 1px solid #F2B036; border-right: 1px solid #F2B036; padding: 12px 10px }

#column-right .title{ background: #ff9800;}
#column-right .title div{ background: #ff9800;background-image: url('');}
#column-right .title h3{letter-spacing:-1px; color:White;}
#column-right .menu-category li a { border-top: 1px solid transparent; color: #fff; display: block; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; padding: 8px 20px; text-decoration: none }
#column-right .menu-category li.active a, .menu-category li.active:hover a {background: #79a8af; color: White; }
#column-right .menu-category li:hover a{background:#94833c;}
.box-content { border-left: 1px solid #ff9800; border-right: 1px solid #ff9800; padding: 12px 10px }
.box { background: url(../images/MEA/box_corners.gif) no-repeat 0 100%; margin: 0 0 10px; padding-bottom: 7px }

.ProgramChapterTable {border:solid 1px black;}
.ProgramChapterTable { width: 100%;border:outset 1px #79A8AF;border-spacing: 2px;border-collapse: separate;}
.ProgramChapterTable th { background-color: #79A8AF; font-weight: bold; padding: 10px 13px; text-align: center;  }
.ProgramChapterTable td { border:inset 1px #79A8AF;padding: 10px 13px; text-align: center; vertical-align: top }
.basic-table tr.collapse td.fillInNoPadd {background:#79A8AF;}


.transIconOpenEnrollment {background:url('../images/img/CS_OE.png');} 

#iWantTo {display:none;}

.MEATable {border:solid 1px black;}
.MEATable tr th{ font-weight:bold; color:White; background:#FF9801; font-size:16px;}


.divDashMessage {padding:10px 0px;}