body {margin:0; padding:0; font-size:12px; font-family:Arial; color:#757575;}
html,body { margin:0; padding:0; height:100%}

/*--- base ---*/
a {cursor:pointer}
a img {border:none}
h1{margin:0; padding:0;color:#363636; font-size:16px; font-weight:bold}
h2{margin:0; padding:0;color:#656565; font-size:11px; font-weight:normal}
.clear {clear:both; height:0; line-height:0; font-size:0}
form{margin:0; padding:0}
ul, li, p {margin:0; padding:0; list-style:none}
.textbox, textarea {border:1px solid #b7b7b7;font-family:Arial; font-size:11px;margin-bottom:5px; padding:2px}
select {border:1px solid #b7b7b7;font-family:Arial; font-size:11px;margin-bottom:5px}
input.button {background:#6b204e; border:1px solid #aa7e99; border-right:1px solid #441431; border-bottom:1px solid #441431; width:70px; color:#fff; text-align:center; font-weight:bold; font-size:11px; padding:2px 10px; cursor:pointer; width:auto}
.border_line {border-bottom:1px solid #aeaeae; margin:10px 0; font-size:0; line-height:0}
.wrapper{margin:0; padding:0; width:auto; min-width:960px;background:url(../images/bg2.gif) repeat-x left 0px; height:100%}
#content {position:relative; padding: 0 20px 60px;margin-top:5px}
.container {position: relative; min-height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;background:url(../images/leftcol_bg.gif) repeat-y 20px top}
.container.single_col {background:none}

/*--- tooltip ---*/
a.tooltip {color:#fff; text-decoration: none;position: relative;}
a.tooltip span {color:#363636;display: block;position: absolute; top: 25px; left: 20px;padding: 1px 3px;z-index: 100;border: 1px solid #363636;text-decoration: none;background: #ffffe1; width:200px}

/*--- Header ---*/
#header {padding:20px 20px 0; height:70px; position:relative; z-index:1}
.logo {color:#a5a5a5; font-size:14px; font-weight:bold; text-decoration:none; float:left; height:15px; padding-bottom:18px; height:20px}
.logo img { margin-right:10px}
.userBox {float:right; line-height:18px}

/*--- Menu ---*/
#menu {width:100%; clear:both}
#menu .menu_head {background:url(../images/menu_bg.gif) repeat-x left 0; height:32px; width:5px; float:left; margin-right:5px}
#menu .menu_tail {background:url(../images/menu_bg.gif) repeat-x right 0; height:32px; width:5px; float:right}
#menu .menu_content {padding-left:10px;background:#6b204e; height:32px}
.menutab span, .upper_menutab span {float:left}
.menutab, .upper_menutab {background:none; height:26px; float:left; margin-top:6px; color:#fff; text-decoration:none; font-weight:bold; line-height:26px; padding-left:15px; margin-right:5px}
.upper_menutab {margin-right:1px;padding-left:35px;}
.menutab .menutab_tail, .upper_menutab .menutab_tail {background:none; height:26px; width:5px; padding-right:10px}
.upper_menutab .menutab_tail {padding-right:30px}
.menutab .menutab_arrow {background:url(../images/menu_arrow.gif); height:12px; width:12px; margin:7px 0 0 5px; line-height:0; font-size:0}
.upper_menutab {background:url(../images/uppertab_bg_on.gif) repeat-x left 0; color:#fff}
.upper_menutab .menutab_tail {background:url(../images/uppertab_bg_on.gif) repeat-x right 0}
.headlink.on .upper_menutab, .headlink.hover .upper_menutab, .upper_menutab:hover {background:url(../images/uppertab_bg.gif) repeat-x left 0; color:#fff}
.headlink.on .upper_menutab .menutab_tail, .headlink.hover .upper_menutab .menutab_tail, .upper_menutab:hover .menutab_tail {background:url(../images/uppertab_bg.gif) repeat-x right 0}
.headlink.on .menutab, .headlink.hover .menutab, .menutab:hover {background:url(../images/menutab_bg.gif) repeat-x left 0; color:#6b204e}
.headlink.on .menutab .menutab_tail, .headlink.hover .menutab .menutab_tail, .menutab:hover .menutab_tail {background:url(../images/menutab_bg.gif) repeat-x right 0}
.headlink.on .menutab .menutab_arrow, .headlink.hover .menutab .menutab_arrow, .menutab:hover .menutab_arrow {background:url(../images/menu_arrow.gif) -12px top}
a.logout {float:right; color:#fff; text-decoration:none; font-size:11px; margin:10px 10px 0 0; background:url(../images/menu_logout.gif) no-repeat 8px center; padding-left:28px; line-height:11px; border-left:1px solid #a26189}
.userBox a.logout {float:none; color:#757575;text-decoration:none; font-size:11px; margin:10px 10px 0 5px; background:url(../images/menu_logout_w.gif) no-repeat 8px center; padding-left:22px; line-height:11px; border-left:1px solid #757575}
a.login {float:left; color:#fff; text-decoration:none; font-size:11px; margin:10px 0 0 10px; line-height:11px; font-weight:bold}
a.logout:hover, a.login:hover { text-decoration:underline}
#menu li{float:left}

#menu .headlink {position:relative}
#menu .headlink:hover ul { /* display: block; */}
#menu .headlink ul {display: none; position:absolute; background:#fff; border:2px solid #e4e4e4; border-top:2px solid #fff; z-index:1; top:32px; left:0; padding:5px 0}
#menu .headlink li {width:100%}
#menu .headlink .title {color:#6b204e; display:block; font-weight:bold; padding:2px 2px 2px 10px; border-bottom:1px solid #e1e1e1; margin:5px 0 2px}
#menu .headlink ul ul {position:relative; top:0; border:none; display:block; padding-left:23px; width:auto}
#menu .headlink li li a {float:left; height:21px; line-height:21px; padding-left:10px; margin-right:3px; font-weight:bold; color:#353535; text-decoration:none; margin:3px}
#menu .headlink li li a .tail {width:7px; height:21px; padding:3px 3px 4px 5px; line-height:21px;}
#menu .headlink li li a:hover, #menu .headlink li li a.on {background: url(../images/menu_btn.gif) left top; color:#FFFFFF;}
#menu .headlink li li a:hover .tail, #menu .headlink li li a.on .tail {background: url(../images/menu_btn.gif) no-repeat right top;padding-bottom:9px;}
#menu .headlink .icon_log {background: url(../images/icon_log.gif) no-repeat 5px top;font-size:0;height:12px;line-height:0;margin:1px 0 0 0;width:25px;float:left}
#menu .headlink .icon_account {background: url(../images/icon_account.gif) no-repeat 5px top;font-size:0;height:12px;line-height:0;margin:1px 0 0 0;width:25px;float:left}
#menu .headlink .icon_doc {background: url(../images/icon_earth.gif) no-repeat 5px top;font-size:0;height:12px;line-height:0;margin:1px 0 0 0;width:25px;float:left}

#menu .menu_cs ul{width:260px}
#menu .menu_sna ul{width:260px}
#menu .menu_btd ul{width:235px}
a.email {color:#757575; text-decoration:none}
a.email:hover { text-decoration:underline}

/*--- Left_Col ---*/
.left_col {width:210px; float:left; background:#eee; padding:10px 5px 5px; margin-right:10px; position:relative; overflow:hidden}
.left_col h1 {font-size:12px; color:#656565; font-weight:normal; padding:0 5px}
.left_col h2 {font-size:14px; color:#353535; font-weight:bold; padding:0 5px}

/*--- Right_Col ---*/
.right_col {margin-left:230px}
.right_col.no_content {background:url(../images/no_content.gif) no-repeat center center; height:500px}
.navbar {padding:10px 0 0; border-bottom:1px solid #ccc; margin-bottom:5px}
.navbar .pagenum {float:right; margin-top:-25px; position:relative}
.navbar .pagenum span{float:left; margin:3px 3px 0 0}
.navbar .pagenum select {font-size:12px}
.main_col .navbar {border:none; padding:15px 15px 5px}
.grey_box {background:#f6f6f6; padding:20px 30px}
.grey_box label {float:left; padding:4px 20px 0 0; color:#353535; font-weight:bold; font-size:12px; position:relative; width:125px}
.grey_box .textbox {width:500px; margin: 10px 0 0 0}
.grey_box textarea {width:500px; height:100px; margin: 10px 0 0 0}
.grey_box label, .grey_box select { margin: 10px 0 0 0}
.grey_box .inputzone {padding:10px 0 0 145px}
.grey_box h2 {padding-left:145px; font-size:10px; margin-top:3px}

/*--- remark ---*/
.remark {background:#e6e6e6; padding:15px; color:#353535}
.remark h1 {font-size:12px; font-weight:bold}
.remark p{font-size:11px; }

/*--- accordion ---*/
.leftcol_box {margin-top:5px}
.leftcol_box h3 {font-size:12px; color:#353535; font-weight:bold; margin:0; padding:0;}
.leftcol_box h3 a{height:27px; line-height:27px; color:#353535; text-decoration:none; padding-left:2px; display:block; background:url(../images/accordion_h.gif) repeat-x}
.leftcol_box h3.ui-helper-reset a .arrow {background:url(../images/accordion_arrow.gif) no-repeat right top; height:12px; width:12px; margin:7px 0 0 5px; line-height:0; font-size:0; float:left; margin-right:5px}
.leftcol_box h3.ui-state-active a.on .arrow {background:url(../images/accordion_arrow.gif) no-repeat 0 top}
.leftcol_box label {display:block; font-size:12px; color:#757575; font-family:arial; text-align:left}
.leftcol_box .leftcol_content {background:#fff; padding:10px; text-align:center}
.leftcol_box input.textbox { width:180px}
.leftcol_box .textarea { width:180px; height:60px;}
.leftcol_box select { width:185px; margin-bottom:10px}
.leftcol_box .inputzone { text-align:center; margin-top:10px}
.no_accordion .leftcol_content {background:none}
.no_accordion .logo_login {margin:20px 0 20px}

/*--- list_table ---*/
.table_content {overflow-x:auto; overflow-y:hidden; width:99.5%}
 .fixwidth_table .table_content {overflow-x:hidden; overflow-y:hidden; width:99.5%} 

.table_content table {width:100%; margin-bottom:50px}
.table_content td {padding:5px; border-bottom:1px solid #e9e9e9; text-align:center; color:#454545}
.table_content tr.title td {background:#5d2443; border:1px solid #893562; border-left:none; color:#fff; font-weight:bold}
.table_content textarea {height:50px}
.table_content .table_arrow {background: url(../images/menu_arrow.gif) no-repeat -36px top;font-size:0;height:12px;line-height:0;margin:0px 0 0 5px;width:12px;float:left}
.table_content .on .table_arrow {background: url(../images/menu_arrow.gif) no-repeat -24px top}
.table_content .on td { background:#f6f6f6; border:none; line-height:18px}
.table_content .iframeInside {background:#f6f6f6; padding:10px 20px 20px}
.table_content .iframeInside iframe{height:650px; width:100%; border:0;}
.table_content.collapsible tr td{ cursor:pointer}
.table_content .odd td {background:#fff}
.table_content .even td {background:#f6f6f6}
.table_content .hover td {background:#e3e3e3}
.table_content .hover .table_arrow {background: url(../images/menu_arrow.gif) no-repeat -60px top}
.table_content .on.hover .table_arrow {background: url(../images/menu_arrow.gif) no-repeat -48px top}

/*--- msgbox ---*/
.msgbox {padding:15px 15px 15px 45px;margin:10px 0; color:#363636}
.msgbox h1{font-size:15px; font-weight:bold}
.msgbox ul{margin:3px 0 0}
.msgbox li{list-style:disc; margin-left:15px}
.msgbox.success {border:1px solid #acdbf1; background:#e8fbff url(../images/msgbox_success.gif) no-repeat 10px 10px}
.msgbox.success h1 {color:#0894b1}
.msgbox.fail {border:1px solid #e9a4a5; background:#ffe4e4 url(../images/msgbox_fail.gif) no-repeat 10px 10px}
.msgbox.fail h1 {color:#e82d2d}

/*--- Customer Care Tools ---*/
.CustomerCareTools {width:520px; padding:80px 0; margin:0 auto; color:#353535; line-height:20px}
.CustomerCareTools h1 {color:#6b204e}
.CustomerCareTools ul {padding:5px 30px}
.CustomerCareTools li{color:#6B204E; list-style:disc}
.CustomerCareTools li span {color:#353535; line-height:20px}
.box_frame518 {background:#E9E9E9;margin:8px 0;width:518px;}
.box_frame518 .box_head {background: url(../images/frame_518.gif) no-repeat center top;font-size:0;height:7px;line-height:0;}
.box_frame518 .box_tail {background: url(../images/frame_518.gif) no-repeat center bottom;font-size:0;height:7px;line-height:0;}
.box_frame665 {background:#E9E9E9;margin:8px 0;width:665px;}
.box_frame665 .box_head {background: url(../images/frame_665.gif) no-repeat center top;font-size:0;height:7px;line-height:0;}
.box_frame665 .box_tail {background: url(../images/frame_665.gif) no-repeat center bottom;font-size:0;height:7px;line-height:0;}

/*--- footer ---*/
#footer {text-align:center; background:#e9e9e9; padding:15px 0;position:absolute; bottom:0px; width:100%; border-top:5px solid #fff}
#Container{padding-bottom: 60px;   /* Height of the footer */}


/*--- datepicker ---*/
div.datepicker {margin:3px 0 10px}
.ui-datepicker {font-size:88%}
.ui-helper-hidden-accessible {top:0}

/*--- iframebox ---*/
.iframebox h1 {margin-bottom:10px; line-height:15px}
.iframebox .title {font-weight:bold; width:295px; font-size:12px}
.iframebox .textbox {width:370px}
.iframebox textarea {width:370px; height:70px}
.iframebox .button {float:right}

.iframeInside .iframebox, .iframebox td { text-align:left; background:#fff}
.iframeInside .iframebox td { text-align:left; background:#fff; padding:0; border:none; color:#757575}
.iframebox table {margin:0}
.iframebox {background:#fff; padding:15px;height:650px; cursor:default}
.table_content.collapsible .iframebox tr td {cursor:default}

/* --------- Privacy --*/
.privacy li {list-style:disc outside none; margin-left:15px;}

/*--- For IE6 ONLY ---*/
*html .container {height: 100%;}
*html .inputzone input.button {padding:2px 0px;}
*html .textbox, *html textarea {padding:1px 2px}

*html #menu iframe, *html .tooltip_span iframe{	display:none; display/**/:block; position:absolute; top:0; left:0; z-index:-1;filter:mask()}
*html #menu .menu_cs iframe {width:240px; height:280px}
*html #menu .menu_sna iframe {width:235px; height:403px}