a/************/
/* DROPPING */
/************/

* {padding: 0px; margin: 0px;}
body {background: #F4FBFF url(img01ii2.jpg) repeat-x;}
body.clean{background: #fff; padding:5px;}
body, td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #113C67;
	font-weight: normal;
}
header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003;
}
.tophead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #006;
}
.textbox{ background-color:#ffffff; color:#333333; border:solid 1px #7F9DB9; width:95px; font:normal 10px verdana; font-weight:bold; padding:4px; }
.orangeline {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	COLOR: #003366;
	FONT-FAMILY: verdana;
	border-bottom:1px  #aacfe2 solid;
}
img {border: 0px;}
table {border-collapse: collapse; border-spacing: 0px; border: 0px;}

form fieldset {border: 0px solid;}
form legend {display: none;}
.input {padding: 1px; font-family: arial, tahoma, verdana; font-size: 12px; font-family: trebuchet MS, arial, tahoma, verdana; color: #1B2E49; background: #FFF; border: 1px solid #6F8BB5; width:275px; text-indent: 3px;}
.inputsmall {padding: 1px; font-family: arial, tahoma, verdana; font-size: 12px; font-family: trebuchet MS, arial, tahoma, verdana; color: #1B2E49; background: #FFF; border: 1px solid #6F8BB5; width:75px; text-indent: 3px;}
select.input {text-indent: 0px;}
.button { padding: 1px 10px 2px 10px; font-weight: bold; font-size: 11px; color: #FFF; border: 1px solid #FC7A15; background: #FC7A15;}
.button1 { padding: 1px 20px 2px 10px; font-weight: bold; font-size: 20px; color: #FFF; border: 1px solid #006699; text-decoration:none; background:#00CCFF;}

hr {display: none; visibility: hidden;}

.clear {clear: both; height: 1px; display: block; float: none !important;}


/******************/
/*  BASIC LAYOUT  */
/******************/

/* main wrapper */
.wrapper {min-width: 994px;}
* html .wrapper {width: expression(document.body.clientWidth>994?"100%":"994px");}

.header {height: 167px; background: #0F3661;}
.inner .header {height: 121px;}

.body {background: #FFF url(images/body-bg.gif) repeat-x left bottom; text-align: center;}
.body .body-wrap {margin: 0px auto; width: 994px; text-align: left; background: url(images/body-wrap-bg.gif) repeat-y left top;}
.body .body-cont {padding: 0px 8px; position: relative; z-index: 2; background: url(images/body-cont-bg.gif) no-repeat left bottom;}
* html .body .body-cont {height: 1%;}
*:first-child+html .body .body-cont {height: 1%;}
.body .body-btm {margin-top: -5px; height: 5px; position: relative; background: #FFF url(images/body-btm-crn-l.gif) no-repeat left bottom;}
.body .body-btm span {height: 5px; display: block; background: url(images/body-btm-crn-r.gif) no-repeat right bottom;}
.body .main {padding: 8px; background: #FFF;}

.body .main .main-nav {margin: 0px 9px 20px 0px; width: 183px; float: left; min-height: 490px; background: url(images/main-nav-bg.gif) repeat-x left top;}
* html .body .main .main-nav {height: 490px;}
.body .main .main-content {width: 470px; float: left;}
.inner .body .main .main-content {width: 755px; float: right;}
.body .main .main-extra {width: 290px; float: right;}

.body .ftr {height: 47px; clear: both; text-align: center; background: url(images/body-ftr-bg.gif) repeat-x left top;}

.footers {padding-top: 57px; margin-top: -39px; position: relative; z-index: 1; background: #39547A;}
* html .footer {height: 1%;}
*:first-child+html .footer {height: 1%;}


/******************/
/*    CSS RULES   */
/******************/

h1 {float: left;}
h1 a {margin: 27px 0px 0px 22px; position: absolute; z-index: 999; display: block; width: 374px; height: 41px; text-indent: -9999px; background: url(images/logo.gif) no-repeat; text-decoration: none;}
h2 {margin-bottom: 11px; font-size: 14px;}

a {color: #39547A; text-decoration: underline;}
a:hover {
	text-decoration: none;
	color: #000;
	text-align: right;
}

.header .top {text-align: center; background: url(images/header-top-bg.gif) repeat-x left top;}
.header .top .cont {margin: 0px auto; width: 994px; height: 32px; text-align: left;}
.inner .header .top {background-image: url(images/header-top-bg-inner.gif);}
.inner .header .top .cont {height: 89px; background: url(images/header-top-bg-inner.jpg) no-repeat top center;}

.header .flash {height: 103px; text-align: center; background: url(images/_flash-bg.gif) repeat-x left top;}
.header .extra {text-align: center; background: url(images/header-extra-bg.gif) repeat-x left top;}
.header .extra .cont {margin: 0px auto; width: 1002px; height: 32px; text-align: left;}

.header .icos {margin: 11px 0px 0px 56px; float: left;}
* html .header .icos {margin-left: 28px;}
.header .icos li {display: inline;}
.header .icos a {display: block; float: left; background: no-repeat; text-indent: -9999px; text-decoration: none;}
.header .icos a.home {margin: 0px 27px 0px 0px; width: 13px; height: 11px; background-image: url(images/ico-home.gif);}
.header .icos a.mail {margin: 4px 26px 0px 0px; width: 9px; height: 7px; background-image: url(images/ico-mail.gif);}
.header .icos a.sm {margin: 1px 0px 0px 0px; width: 11px; height: 9px; background-image: url(images/ico-sm.gif);}

.header .tmenu {margin: 6px 0px 0px 46px; display: block; float: left;}
* html .header .tmenu {margin-left: 0px;}
.header .tmenu li {margin-left: 46px; padding-bottom: 2px; float: left;}
.header .tmenu li a {color: #FFFFFF; font-size: 14px; font-weight: bold; display: block; text-decoration: none;}
.header .tmenu li a:hover {text-decoration: underline;}
.header .tmenu li strong {color: #FC641A;}
.header .tmenu li span {display: block;}
.header .tmenu li span span {padding: 0px 4px 1px 4px; display: block;}
.header .tmenu li.active {background: url(images/tmenu-arr.gif) no-repeat center bottom;}
.header .tmenu li.active a {color: #39547A; background: url(images/tmenu-bg.gif) repeat-x left top; text-decoration: none;}
.header .tmenu li.active span {background: url(images/tmenu-side.gif) no-repeat left center;}
.header .tmenu li.active span span {background: url(images/tmenu-side.gif) no-repeat right center;}

.header .extra .country {margin-right: 9px; width: 183px; float: left;}
.header .extra .country select {margin: 3px 0px 0px 4px; width: 170px; font-size: 12px; font-family: trebuchet MS; color: #39547A;}

.header .extra .rates {margin-top: 8px; width: 470px; float: left; font-size: 14px; font-family: arial; color: #FFF;}
.header .extra .rates * {display: block; float: left;}
.header .extra .rates p {margin-right: 20px}
.header .extra .rates dt {margin-right: 4px;}
.header .extra .rates dd {margin-right: 20px;}

.header .extra .open-acc {width: 290px; float: right;}
.header .extra .open-acc a {margin: 4px 0px 0px 0px; text-align: center; display: block; font-weight: bold; font-size: 15px; color: #FFF; background: url(images/btn-submenu-bg.gif) repeat-x left top; text-decoration: none;}
.header .extra .open-acc a span {display: block; background: url(images/btn-submenu-right.gif) no-repeat right top;}
.header .extra .open-acc a span span {background: url(images/btn-submenu-left.gif) no-repeat left top;}
.header .extra .open-acc a span span span {line-height: 24px; background: url(images/ico-open-acc.gif) no-repeat 7px 6px;}


.header .ublock {margin: 13px 6px 0px 0px; float: right; color: #FCBA1A; font-size: 14px; font-weight: bold; background: url(images/ublock-bg.gif) repeat-x left top;}
* html .header .ublock {margin-right: 27px;}
.header .ublock .bg {background: url(images/ublock-right.gif) no-repeat right top;}
.header .ublock-cont {height: 62px; background: url(images/ublock-left.gif) no-repeat left top;}
.header .ublock-cont table {margin: 9px 24px 0px 17px;}
.header .ublock-cont th {padding: 0px 7px 4px 0px; font-size: 14px; color: #FFF; font-weight: bold; text-align: right;}
.header .ublock-cont td {padding: 0px 0px 4px 0px; font-size: 14px; color: #FCBA1A; font-weight: bold;}
.header .ublock-cont a {color: #FFF;}
.header .ublock-cont a.logout {padding-right: 18px; display: block; color: #FCBA1A; background: url(images/ico-logout.gif) no-repeat right center;}

.footer p {margin-bottom: 18px; text-align: center; font-size: 10px; color: #FFF;}
.footer p a {color: #FFF; text-decoration: none;}
.footer p a:hover {text-decoration: underline;}

.body .ftr table {margin: 0px auto;}
.body .ftr ul {margin-top: 21px;}
.body .ftr li {margin-left: 21px; padding-left: 25px; display: block; float: left; color: #39547A; background: url(images/fmenu-div.gif) no-repeat 0px 4px;}
.body .ftr li.fc {margin-left: 0px; padding-left: 0px; background: none;} /* first child */
.body .ftr li a {color: #39547A;}

.mmenu {}
.mmenu li {display: inline; font-size: 12px; color: #6583B0;}
.mmenu a {padding-right: 9px; display: block; color: #6583B0; font-weight: bold; text-align: right; text-decoration: none;}
.mmenu a:hover {text-decoration: underline;}
.mmenu span {padding: 3px 11px 3px 20px; display: block;}
.mmenu a.active {color: #FC641A; background: url(images/mmenu-active-bg.gif) repeat-y right top;}
.mmenu a.active span {background: url(images/arr01-right.gif) no-repeat 100% 9px;}
.mmenu a.active:hover {text-decoration: none;}

.imenu li {display: inline; text-align: right; font-size: 14px; color: #FFF; font-weight: bold;}
.imenu li span {padding: 3px 11px 3px 20px; text-align: right; display: block; background: #DAE2EC url(images/imenu-bg.gif) repeat-y right top;}
.imenu li ul {margin: 7px 0px;}
.imenu li a {display: block; color: #FFF; text-decoration: none;}
.imenu li a:hover {text-decoration: underline;}
.imenu li li {font-size: 12px; color: #6583B0; font-size: 11px;}
.imenu li li a {padding-right: 9px; display: block; color: #6583B0; text-decoration: none;}
.imenu li li a:hover {text-decoration: underline;}
.imenu li li span {padding: 3px 7px 3px 20px; display: block; background: url(images/arr02-left.gif) no-repeat 100% 9px;}
.imenu li li a.active {color: #FC641A; background: url(images/mmenu-active-bg.gif) repeat-y right top;}
.imenu li li a.active span {}
.imenu li li a.active:hover {text-decoration: none;}

.ctext {line-height: 18px;}
* html .ctext {height: 1%;}
*:first-child+html .ctext {height: 1%;}
.ctext p {margin-bottom: 22px;}
.ctext ul {margin-bottom: 22px;}
.ctext ul li {padding-left: 23px; background: url(images/arr02-right.gif) no-repeat 6px 6px;}
.ctext .table {margin-bottom: 22px; padding: 2px; float: left; border: 1px solid #6F8BB5;}
.ctext table td {padding: 3px 10px; font-size: 12px; border-left: 1px solid #ACC2DD;}
.ctext table td.ct td {padding: 0px 0px; font-size: 12px; border-left: 0px solid #ACC2DD;}
.ctext table th {padding: 3px 10px; font-size: 12px;}
.ctext table .odd {background: #C6DAEE;}
.ctext table .even {background: #E1ECF8;}
.ctext table .dummy {background: #FFF;}
.ctext table .error {background: #FFF; color: #638CD7;}
.ctext blockquote {margin-bottom: 22px; padding: 5px 30px 5px 36px; border: 1px solid #6F8BB5; color: #638CD7; background: url(images/ico-warning.gif) no-repeat 11px 6px;}

.main-nav .links {padding-top: 10px;}
.main-nav .links li {display: inline;}
.main-nav .links a {margin: 0px 7px 8px 7px; display: block; font-size: 14px; text-align: center; color: #A5C7EC; font-weight: bold; text-decoration: none; background: url(images/btn-nav-bg.gif) repeat-x left top;}
* html .main-nav .links a {cursor: hand;}
*:first-child+html .main-nav .links a {cursor: hand;}
.main-nav .links a span {display: block; background: url(images/btn-nav-left.gif) no-repeat left top;}
.main-nav .links a strong {display: block;}
.main-nav .links a span span {padding: 0px 5px; line-height: 15px; height: 43px; background: url(images/btn-nav-right.gif) no-repeat right top;}
.main-nav .links .download a strong {padding-top: 6px;}
.main-nav .links .cabinet a strong {padding-top: 15px;}

.main h3 {margin: 0px 0px 14px 0px; padding: 3px 0px 3px 7px; font-size: 14px; color: #1B2E49; font-weight: bold; border-left: 3px solid #FC641A; background: url(images/main-content-h3-bg.gif);}
.main .main-extra h3 {color: #FC641A; border-color: #FC641A; background-image: url(images/main-extra-h3-bg.gif);}
.main-content .intro .ctext {margin: 0px 25px 0px 25px;}
.main-content .intro p.more a {margin-top: -10px; padding: 0px 6px 0px 16px; line-height: 15px; display: block; float: left; font-size: 10px; color: #FC641A; background: #FFDBAC url(images/ico-more.gif) no-repeat 5px 4px; text-decoration: none;}
.main-content .intro p.more a:hover {text-decoration: underline;}

.main-extra .news {padding-bottom: 27px;}
.main-extra .news h3 {margin-bottom: 18px;}
.main-extra .news dl {margin-left: 13px;}
.main-extra .news dt {margin: 1px 0px; float: left; clear: left; width: 64px; font-size: 10px; color: #FC641A;}
.main-extra .news dd {margin-bottom: 1px; float: left; width: 170px;}
.main-extra .news dd a {color: #6790B7;}

.main-extra .quotes {margin-bottom: 28px;}
.main-extra .quotes h3 {margin-bottom: 7px;}
.main-extra .quotes .table {padding: 8px 7px 8px 9px; background: #1A5984 url(images/quotes-bg.gif) repeat-x left top;}
* html .main-extra .quotes .table {height: 1%;}
*:first-child+html .main-extra .quotes .table {height: 1%;}
.main-extra .quotes table {width: 100%; border: 1px solid #0F395B;}
.main-extra .quotes table th {padding: 3px 0px; font-size: 10px; font-weight: normal; text-align: center; color: #FFFFFF; background: #0E325C url(images/quotes-th-bg.gif) repeat-x left top;}
.main-extra .quotes table td {padding: 3px 0px 4px 0px; font-size: 10px; text-align: center; white-space: nowrap; border-right: 1px solid #9BB2C9; background: #E1ECF8;}
.main-extra .quotes table td.t {border-right: 0px; color: #FFF; background-color: #7996B1;}
.main-extra .quotes table td.hl {color: #0D8A25;}
.main-extra .quotes table td.hl span {margin: -4px 0px -2px 2px; height: 20px; display: block; float: left; position: relative; background: url(images/arr03-top.gif) no-repeat center bottom;}
.main-extra .quotes table td.hl.low {color: #C93E07;}
.main-extra .quotes table td.hl.low span {background-image: url(images/arr04-btm.gif);}
.main-extra .quotes table td.tm {border-right: 0px;}
.main-extra .quotes table .even td {background-color: #B6CEE5;}
.main-extra .quotes table .even td.t {background-color: #6487A8;}

.cnotice {margin-bottom: 13px; padding-right: 13px;}
.cnotice h3 {margin-right: -13px; position: relative;}
.cnotice p {margin-bottom: 15px;}
.cnotice table th {padding-left: 20px; padding-right: 0px; text-align: right; font-weight: normal;}
.cnotice table td {border: 0px; padding-right: 50px;}
.cnotice table select.input {width: 89px; float: left;}
.cnotice table input.input {width: 148px; float: left;}
.cnotice table input.button {float: left;}
.cnotice table .date * {float: left;}
.cnotice table .date img {margin: 3px 0px 0px 5px;}

.cbenefics {padding-right: 13px;}
.cbenefics h3 {margin-bottom: 23px; margin-right: -13px; position: relative;}
.cbenefics .table {margin-bottom: 26px;}
.cbenefics .table table {width: 100%;}
.cbenefics .table table th {text-align: left;}

.submenu {margin-right: 12px; float: right;}
* html .submenu {margin-right: 6px;}
.submenu li {display: inline;}
.submenu li a {margin: 4px 0px 0px 5px; display: block; float: left; font-weight: bold; font-size: 14px; color: #FFF; background: url(images/btn-submenu-bg.gif) repeat-x left top; text-decoration: none;}
.submenu li a span {display: block; background: url(images/btn-submenu-right.gif) no-repeat right top;}
.submenu li a span span {padding: 0px 14px; line-height: 24px; background: url(images/btn-submenu-left.gif) no-repeat left top;}
.submenu li.history span span {padding: 0px 24px;}

.cegold h3 {margin-bottom: 24px;}
.cegold table th {padding-left: 20px; padding-right: 0px; text-align: right; font-weight: normal;}
.cegold table td {border: 0px; padding-right: 50px;}
.cegold table input.input {width: 148px; float: left;}
.cegold table input.button {float: left;}

.chistory h3 {margin-bottom: 20px;}
.chistory table td {text-align: center; font-size:11px; padding:2px 2px 2px 2px; }
.chistory table td.left {text-align: left;}
.chistory table td.fc {border-left: 0px; font-size: 11px; }
.chistory table th {text-align: center; border-left: 1px solid #ACC2DD; font-size: 11px; }
.chistory table th.fc {border-left: 0px; font-size: 11px; }

.ccabinet {padding: 0px 25px 100px 0px;}
.ccabinet .item {margin: 0px 0px 15px 0px; width: 350px; float: left;}
.ccabinet .item h3 a {display: block; color: #1B2E49; text-decoration: none;}
.ccabinet .item h3 a:hover {text-decoration: none;}
.ccabinet .item .ctext {background: url(images/main-content-h3-bg.gif) repeat-x left bottom;}
.ccabinet .item.notice {float: right;}
.ccabinet .item.history {float: right;}
.ccabinet .item.leftnotice h3 a {padding-left: 23px; background: url(images/ico-cabinet-notice.gif) no-repeat 0px 1px;}
.ccabinet .item.leftnotice .ctext {padding: 16px 40px 18px 40px;}
.ccabinet .item.add h3 a {padding-left: 23px; background: url(images/ico-cabinet-add.gif) no-repeat 0px 1px;}
.ccabinet .item.add .ctext {padding: 16px 40px 18px 40px;}
.ccabinet .item.notice .ctext {padding: 16px 40px 18px 63px;}
.ccabinet .item.notice h3 a {padding-left: 28px; background: url(images/ico-cabinet-notice.gif) no-repeat 0px 1px;}
.ccabinet .item.withdraw .ctext {padding: 16px 40px 188px 40px;}
.ccabinet .item.withdraw h3 a {padding-left: 25px; background: url(images/ico-cabinet-withdraw.gif) no-repeat 0px 1px;}
.ccabinet .item.history h3 a {padding-left: 26px; background: url(images/ico-cabinet-history.gif) no-repeat 0px 1px;}
.ccabinet .item.history .ctext {padding: 16px 10px 30px 15px;}
.ccabinet .item.history .ctext p {margin-bottom: 12px;}
.ccabinet .item.history .ctext ul {margin-bottom: 12px;}
.ccabinet .item.history .ctext ul li {padding-left: 17px;}

.header .extra .country {margin-right: 9px; width: 183px; float: right;}
.header .extra .country select {margin: 3px 0px 0px 4px; width: 170px; font-size: 12px; font-family: trebuchet MS; color: #39547A;}
 
.header {
	color: #103A64;
}
.foot {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
}
.panelhead {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
}
