* {margin: 0; padding: 0;}
html {height: 100%}
body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; margin: 0px; padding: 0px}
a {color: blue;	outline: none; text-decoration: underline;}
a:hover {text-decoration: none;}
p {margin: 0 0 18px}
img {border: none;}
input {vertical-align: middle}
#wrapper {width: 100%; min-width: 950px; min-height: 100%; height: auto !important; height: 100%;}
.main {width: 912px; margin: 0px auto; position: relative; height: 100%}
.floatfix {zoom: 1; overflow: hidden}
.dn {display: none}
.cl {clear: both}

/* Header
-----------------------------------------------------------------------------*/
#header {height: 74px; background: #fff;}
#header .menu {height: 74px; width: 920px; margin: 0px auto; position: relative; z-index: 300}
#header .menu a.login {height: 23px; font: bold 12px arial; color: #1f529a; text-decoration: none; display: block; float: left;  background: url(/images/login_main2.jpg); line-height: 23px; margin-top: 11px; text-transform: uppercase}
#header .menu a.enter {margin-left: 20px;  background: url(/images/login_main.jpg); text-transform: none; color: #fff}
#header .menu a.login:hover {text-decoration: underline;}

#header .dropd {height: 32px; position: absolute; bottom: 0px; right: 0px; z-index: 300}
#header .dropd img {float: left; display: block; height: 32px}
#header .dropd .punkt {background: url(/images/menu_mid.jpg) top; height: 32px; font: bold 12px Arial; color: #fff; text-align: center; line-height: 35px; width: 85px; float: left; cursor: pointer; position: relative; z-index: 300; white-space: nowrap}
#header .dropd .punkt:hover {background-position: bottom} 
#header .dropd .punkt .dropped {display: none; background: url(/images/dropdbg.jpg) repeat-x top #3889BF; position: absolute; top: 32px; left: 0px; border-left: 1px solid #2E84BE; border-right: 1px solid #2E84BE; z-index: 100;}
#header .dropd .punkt:hover .dropped {display: block}
#header .dropd .over {background-position: bottom} 
#header .dropd .over .dropped {display: block}

#header .dropd .punkt .dropped a {display: block; border-top: 1px solid #64A2CE; border-bottom: 1px solid #2C6898; font:bold 11px Verdana; color: #fff; padding: 7px 10px 7px 10px; text-decoration: none; text-align: left;}
#header .dropd .punkt .dropped a:hover {background: #64A2CE}

#header .language {width: 142px; position: absolute; right: 10px; top: 0px; z-index: 500;cursor:pointer;}
#header .language .mainlang {background: url(/images/lang_mid.png); padding-top: 5px; padding-bottom: 3px; font: 11px Verdana; color: #000; text-align: center}
#header .language .langchoose {background: url(/images/lang_mid.png) left repeat-y; padding-top: 5px; padding-bottom: 3px; cursor: pointer; display: block; font: 11px Verdana; color: #000; text-align: center; text-decoration: none}
#header .language .langchoose:hover {background-position: right}
#header .language img.end {display: block; clear: both;}
#header .language .floatfix div{float: left; padding-top: 3px; padding-left: 3px}

#header .language #mnu img{float: left; margin-left: 10px}

#header .miniico {position: absolute; top: 13px; right: 160px}
#header .miniico a {float: left; height: 18px; display: block; background: no-repeat left top; font: 10px Verdana; color: #000; text-decoration: none; line-height: 16px; margin-left: 5px}
#header .miniico a:hover {background-position: bottom left; text-decoration: underline}
#header .miniico a.map {background-image: url(/images/head_sitemap.jpg); width: 21px}
#header .miniico a.favor {background-image: url(/images/head_favor.jpg); width: 14px}
#header .miniico a.home {background-image: url(/images/head_home.jpg); width: 14px}
#header .miniico a.mail {background-image: url(/images/head_mail.jpg); width: 16px}

/* Middle
-----------------------------------------------------------------------------*/
.shadowcontainer {position: relative; z-index: 10}
.shadow {background: url(/images/shadow.png) repeat-x top; z-index: 10; position: absolute; top: 0px; height: 12px; width: 100%;}

#content {background: url(/images/bg.jpg) repeat-x top #fff; width: 100%}
#content .main {width: 922px; margin: 0px auto; background: url(/images/bg_main.jpg) no-repeat top center #fff; padding-top: 15px; z-index: 0}
#content .bm {height: 241px; margin-top: 0px; position: relative}

/* Banner
-----------------------------------------------------------------------------*/

.banner {float: left; height: 241px; width: 641px; margin-left: 15px; position: relative}
.bannerin {background: no-repeat left top; height: 241px; width: 641px;position:absolute;left:0px;top:0px; }
.banner .pages {position: absolute; background: url(/images/ban_png.png) no-repeat top left; bottom: 0px; right: 0px; width: 120px; height: 35px; z-index: 2000}
.banner .pages a {display: block; text-decoration: none; height: 26px; width: 25px; background: url(/images/ban_butt.png) no-repeat bottom left; font:bold 12px Verdana; color: #fff; text-align: center; line-height: 26px; float: left; margin-left: 2px; margin-right: 0px}
.banner .pages a:hover {background-position: 0px 1px}
.bantext {font: bold 12px Arial; color: #012D60; padding: 3px 10px 3px 10px}
.banner .pages a.over {background-position: 0px 1px}
a.mtm {color: #e57a3d}
a.mtm:hover {text-decoration: none}
/* Monitor
-----------------------------------------------------------------------------*/

.monitor {width: 244px; float: left; margin-left: 10px}
.monitor .mid {background: url(/images/monitor_grad.jpg) repeat-x top; border-top: 1px solid #fff; height: 166px; position: relative}
.monitor .under {background: url(/images/monitor_bg.jpg) no-repeat bottom}
.monitor table .even {background: #DEEAF4}
.monitor table .title {font-size: 11px}
/*.monitor .under {background-image: url(/images/monitor_news_bg.jpg)} */
.monitor ._fnews table, .monitor ._cnews table, .monitor ._analytics table {font-size: 11px; line-height: 13px}
.monitor ._fnews table td, .monitor ._cnews table td, .monitor ._analytics table td {padding: 5px}
.monitor ._fnews table td a.news, .monitor ._cnews table td a.news, .monitor ._analytics table td a.news {color: #012E60; font-size: 11px; line-height: 13px}
.monitor ._fnews .title, .monitor ._cnews .title, .monitor ._analytics .title {font: bold 10px Verdana; color: #000; text-align: left}
.monitor ._fnews .quote, .monitor ._cnews .quote, .monitor ._analytics .quote {font: bold 9px Verdana; color: #012E60}
.monitor ._fnews .quote a.news, .monitor ._cnews .quote a.news, .monitor ._analytics .quote a.news {font: normal 9px Verdana; color: #012E60; text-decoration: none}
.monitor ._fnews .quote a.news:hover , .monitor ._cnews .quote a.news:hover , .monitor ._analytics .quote a.news:hover {text-decoration: underline; color: #000}
.monitor ._fnews .even td, .monitor ._cnews .even td, .monitor ._analytics .even td {background: url(/images/monitor_even_bg.png); border-top: 1px dotted #8096AF; border-bottom: 1px dotted #8096AF;}
.monitor .mid a.read_all {display: block; position: absolute; top: 0px; right: 3px; height: 15px; font: bold 10px Verdana; color: #8096AF; background: url(/images/monitor_readall.jpg) no-repeat left top; line-height: 17px; width: 77px; height: 21px; text-decoration: none; text-align: center}
.monitor .mid a.read_all:hover {color: #012E60; text-decoration: underline}
.monitor .bottom {}
.monitor .bottom a {width: 121px; float: left; display: block; height: 25px; background: url(/images/monitor_button_bg.jpg) repeat-x top; font: bold 10px Verdana; color: #fff; text-align: center; text-decoration: none; line-height: 22px}
.monitor .bottom a:hover {background-position: 0px -25px; color: #fff !important;}
.active {color: #012D60 !important;}
.active:hover {color: #fff !important;}
.monitor .bottom img {float: left; display: block}

.bar {height: 24px; color: #fff; background: url(/images/bar_mid.jpg); font: 10px Verdana; line-height: 25px; padding-left: 4px}
.grad {background: url(/images/bar_grad.png) repeat-x top #91BBDA; height: 3px; border-top: 1px solid #fff; line-height: 0px;}

/* Actions
-----------------------------------------------------------------------------*/

.actions {float: right; margin-right: 12px;}
.actions img {display: block;}
.actions a.feature {display: block; width: 190px; height: 136px; background-position: 0px 0px; position: relative; margin-bottom: 6px; text-decoration: none; cursor: pointer;}
.actions .text {font: bold 11px Verdana; color: #fff; position: absolute; bottom: 0px; height: 41px; background: url(/images/action_bg.png) bottom center; text-align: left; width: 190px; right: 0px; line-height: 18px; text-decoration: none; text-transform: uppercase;}
.actions a.feature:hover {background-position: bottom left}
.actions a.feature p {margin: 2px 10px 2px 10px}

.actions a.callback {display: block; width: 191px; height: 67px; background: url(/images/callback.jpg) no-repeat top left; text-transform: uppercase; text-decoration: none}
.actions a.callback:hover {background-position: bottom}
.actions a.callback div {padding: 16px 0px 0px 15px; font: bold 14px Arial; color: #fff; text-decoration: none; text-align: left; line-height: 18px}
.actions .hotline {width: 191px; height: 67px; background: url(/images/callback_rus.jpg) no-repeat top left;}
.actions .livechat:hover {text-decoration:underline !important; color: #fff}
.actions .active {background-position: bottom left}

.ta {margin-top: 10px; margin-left: 15px}

/* Boxes
-----------------------------------------------------------------------------*/

.boxes {_margin-top: 10px}
.boxes .begin {_margin-top: -10px; _padding-top: 10px}
.box {width: 225px; float: left; margin-top: 0px; margin-right: 9px; margin-bottom: 9px}
.box .mid {position: relative; font: bold 19px Trebuchet Ms; color: #012E63; text-align: left; height: 202px}
.box .mid p.down {padding: 6px 0px 0px 10px; margin: 0px; color: #fff; position: relative}
.box .mid .welcome {font: 11px Arial; color: $174473; margin: 10px; margin-top: 16px}
.box .mid .item {background: url(/images/box_arrow.png) no-repeat left top; padding-left: 25px; font: bold 12px Arial; color: #000; margin: 10px; margin-top: 0px; background-position: 3px 3px}
.boxes .begin {background-image: url(/images/bg_begin.jpg);}
.boxes .partner {background-image: url(/images/bg_partner.jpg)}
.boxes .trader {background-image: url(/images/bg_trader.jpg)}

.box a.more {display: block; font: bold 11px Verdana; color: #fff; height: 27px; width: 225px; background: url(/images/more.png) no-repeat top; text-decoration: none; line-height: 13px; text-align: center; position: absolute; bottom: 0px; left: 0px; //height: 27px; cursor: pointer}
.box a.more:hover {background-position: bottom; //height: 24px;}
.box a.more div {float: right; width: 113px; padding-top: 6px}
.box a.more:hover div {//padding-top: 3px}

.info {clear: left;}
.infobox {width: 342px; height: 179px; float: left;}
.boxl {background: url(/images/infobox_bg_l.jpg);}
.boxr {background: url(/images/infobox_bg_r.jpg);}
.infobox .title {padding: 7px 20px 10px 15px; font: bold 22px Trebuchet MS; color: #fff; text-align: left}
.infobox a {display: block; height: 32px; font: bold 14px Trebuchet MS; color: #fff; text-decoration: none; line-height: 30px; margin: 0px 1px 0px 1px}
.infobox a:hover {background: url(/images/arrow.gif) no-repeat right center #83AECF}
.infobox a img {float: left; margin-left: 10px; margin-right: 3px}

/* Bottom Buttons
-----------------------------------------------------------------------------*/

.bottombuttons {clear: both; width: 895px; margin: 5px 0px 0px 15px;}
.bottombuttons a {display: block; height: 55px; width: 220px; margin-left: 3px; font:bold 14px Trebuchet MS; text-transform: uppercase; color: #fff; float: left; text-decoration: none; text-align: center}
.bottombuttons a div{padding-left: 60px; padding-top: 10px}
.bottombuttons a.demo {background: url(/images/button1.jpg) no-repeat top}
.bottombuttons a.demo div {background: url(/images/button1_ani.gif) no-repeat left top; background-position: 0px -55px}
.bottombuttons a.live {background: url(/images/button2.jpg) no-repeat top}
.bottombuttons a.live div {background: url(/images/button2_ani.gif) no-repeat left top; background-position: 0px -55px}
.bottombuttons a.terminal {background: url(/images/button3.jpg) no-repeat top}
.bottombuttons a.terminal div {background: url(/images/button3_ani.gif) no-repeat left top; background-position: 0px -55px}
.bottombuttons a.contact {background: url(/images/button4.jpg) no-repeat top}
.bottombuttons a.contact div {background: url(/images/button4_ani.gif) no-repeat left top; background-position: 0px -55px; color: #1f529a}
.bottombuttons a:hover {background-position: bottom}
.bottombuttons a:hover div {background-position: left top}

.bottombuttons .newbutt {width: 295px; height: 59px; text-transform: none}
.bottombuttons .newbutt div {background: none !important; padding: 23px 12px 0px 0px; text-align: right}
.bottombuttons .newbutt:hover {background-position: top}
.bottombuttons .newbutt div:hover {text-decoration: underline}
/* Inside pages
-----------------------------------------------------------------------------*/

.path {background: #729BBC; font: 12px Verdana; color: #fff; padding: 6px 10px 6px 10px; margin-bottom: 10px}
.path a {font: 12px Verdana; color: #fff; text-decoration: none}
.path a:hover {text-decoration: underline}

.rightbar {float: right; margin-right: 20px; margin-left: 20px;}
.rightbar .monitor {clear: both; margin: 0px; float: none;}

.rightbar .tools {margin-top: 10px; width: 244px; margin-top: 10px; clear: both}
.rightbar .tools img {display: block}
.rightbar .tools .grad {background-image: url(/images/tools_grad.jpg); background-color: #DDEAF3}
.rightbar .tools a {display: block; background: #DDEAF3; font: bold 11px Verdana; color: #012D60; text-decoration: none; padding: 6px 10px 6px 10px;}
.rightbar .tools a:hover {background: url(/images/arrow_in.gif) no-repeat right top #5782A9; color: #fff}

.rightbar a.feat {display: block; width: 244px; height: 84px; background-position: 0px 0px; margin-top: 10px; position: relative; overflow: hidden; margin-bottom: 0px; text-decoration: none}
.rightbar a.feat .text {font: 12px Verdana; color: #fff; position: absolute; bottom: 3px; height: 20px; background: url(/images/action_bg_inside.png) bottom center; text-align: right; width: 237px; right: 3px; line-height: 20px; text-decoration: none}
.rightbar a.feat:hover {background-position: 0px -84px}

.ininput {border: 5px solid #91BBDA; float: left; margin-bottom: 15px}
.ininput input {border: 1px solid #093C74; width: 240px; height: 20px; font: 14px Arial; color: #000; padding: 2px}

.insidebuttons {margin-top: 10px; background: #91BBDA}
.insidebuttons img {display: block}
.insidebuttons a {display: block; height: 55px; width: 220px; font:bold 14px Trebuchet MS; text-transform: uppercase; color: #fff; text-decoration: none;}
.insidebuttons a div{padding-left: 60px; padding-top: 10px}
.insidebuttons a.demo {background: url(/images/button1.jpg) no-repeat top}
.insidebuttons a.demo div {background: url(/images/button1_ani.gif) no-repeat left top; background-position: 0px -55px}
.insidebuttons a.live {background: url(/images/button2.jpg) no-repeat top}
.insidebuttons a.live div {background: url(/images/button2_ani.gif) no-repeat left top; background-position: 0px -55px}
.insidebuttons a.terminal {background: url(/images/button3.jpg) no-repeat top}
.insidebuttons a.terminal div {background: url(/images/button3_ani.gif) no-repeat left top; background-position: 0px -55px}
.insidebuttons a.contact {background: url(/images/button4.jpg) no-repeat top}
.insidebuttons a.contact div {background: url(/images/button4_ani.gif) no-repeat left top; background-position: 0px -55px}
.insidebuttons a:hover {background-position: bottom}
.insidebuttons a:hover div {background-position: left top}

.insidecontent {font: 14px Trebuchet MS; color: #103D6E; line-height: 20px; text-align: justify; padding: 5px 0px 0px 20px}
.insidecontent h1 {font: 24px Trebuchet MS; color: #729BBC; display: block; clear: both}
.insidecontent h2 {font: 18px Trebuchet MS; color: #103D6E; display: block; clear: both; padding-top: 10px}
.insidecontent h3 {font: bold 16px Trebuchet MS; color: #729BBC; display: block; margin-top: 20px; clear: both}
.insidecontent div.img {padding: 5px; background: #DEEAF4; float: left; margin-right: 10px}
.insidecontent div.img img {border: 1px solid #fff; display: block}
.insidecontent .picture {border: 1px solid #fff; height: 180px; background-position: left top}
.insidecontent {margin: 0px}
.insidecontent p {margin: 10px 0px;}
.insidecontent a {color: #000; text-decoration: underline}
.insidecontent a:hover {color: #729BBC; text-decoration: none}
.insidecontent .contacts {text-align: left}

.insidecontent ul {padding: 10px 15px 10px 15px; margin: 10px; background: #DEEAF4; font: 10px Verdana; line-height: 14px; color: #000; border: 3px solid #eef4f9; clear: left}
.insidecontent ul li {margin-top: 7px; list-style: none; margin-bottom: 6px; background: #fff; padding: 7px; border: 1px solid #a9caef}
.insidecontent ul li span {font: bold 12px Verdana; color: #103D6E;}
.insidecontent ul li p {margin: 5px 0px}

.insidecontent .pad {background: #DEEAF4; font: 12px Verdana; color: #000; text-align: left; line-height: 20px; margin-top: 20px; margin-left: 30px; padding: 10px 20px 10px 20px}
.insidecontent .pad p {margin: 10px 0px 0px 0px}
.insidecontent .glossary {margin-bottom: 20px}
.insidecontent .glossary a {display: block; float: left; padding: 2px 8px 2px 8px; background: #DEEAF4; border-left: 1px solid #fff}
.insidecontent .glossary a:hover {background: #fff}
.insidecontent ol {margin-left: 30px; margin-top: 20px}

.insidecontent .contest {margin-top: 20px}
.insidecontent .contest a.title {font: 18px Trebuchet MS; color: #729BBC; //text-decoration: none}
.insidecontent .contest a.title:hover .feat {background-position: 0px -84px}
.insidecontent .contest .feat {width: 247px; height: 84px; background-position: 0px 0px; float: left; margin-top: 7px; margin-right: 9px; position: relative; overflow: hidden}
.insidecontent .contest .feat .text {font: 12px Verdana; color: #fff; position: absolute; bottom: 3px; height: 20px; background: url(/images/contest_png.png) bottom center; text-align: right; width: 240px; right: 3px; line-height: 20px; text-decoration: none}
.insidecontent .contest .descr {font-size: 13px; line-height: 16px}
.insidecontent .contest .moar {font: 12px Verdana; float: right; clear: both;}
.insidecontent a.cont_button {display: block; width: 192px; height: 80px; text-decoration: none; font:bold 12px Arial; color: #fff; text-align: left; float: left; margin-left: 10px; margin-bottom: 20px; line-height: 16px}
.insidecontent a.cont_button:hover {text-decoration: underline}
.insidecontent a.cont_button div {padding: 35px 0px 0px 75px}

.insidecontent .advantage {clear: left; margin-top: 20px; zoom: 1; overflow: hidden}
.insidecontent .advantage img {float: left; display: block; margin-right: 15px}
.insidecontent .advantage h2 {font: 22px Trebuchet MS; color: #103b74; margin-top: 2px; margin-bottom: 10px; padding-top: 0px}
.insidecontent .advantage .text {font: 12px Verdana; color: #000}

.enterbar {width: 282px; float: left; background: url(/images/entercab_mid.jpg) repeat-y left; margin-bottom: 20px}
.enterbar .hat {height: 62px; background: url(/images/entercab_top.jpg) no-repeat left; font: bold 14px Trebuchet MS; color: #fff; text-align: right; padding-right: 10px;}
.enterbar .hat div {padding-top: 30px}
.enterbar .body {background: url(/images/entercab_bottom.jpg) no-repeat bottom left; position: relative; text-align: left}
.enterbar .body .form {padding: 7px 15px 10px 32px; font: 10px Verdana; color: #fff}
.enterbar .body .form p {margin: 0px 0px 15px 0px}
.enterbar .body .form span {font: bold 18px Trebuchet MS; line-height: 28px}
.enterbar .body .form .inputs {float: right}
.enterbar .body .form .inputs input {border: 1px solid #285A90; height: 15px; margin-top: 5px; width: 136px; font: 14px Trebuchet MS; color: #285A90; padding: 2px; display: block}
.enterbar .body .form .save {text-align: right; margin-top: 15px;}
.enterbar .body .form .forgot {padding: 17px 0px 0px 10px; text-align: left; z-index: 200; position: relative; width: 100px}
.enterbar .body .form .forgot a {font: 11px Verdana; color: #fff;}

.enterbar input.enter {display: block; font: bold 11px Verdana; color: #fff; height: 27px; width: 282px; background: url(/images/entercab_button.png) no-repeat top right; text-decoration: none; line-height: 13px; text-align: center; position: absolute; bottom: 0px; right: 0px; //height: 27px; cursor: pointer; border: none; padding-left: 168px; border: 0px solid #000; _bottom: -1px}
.enterbar input.enter:hover {background-position: bottom right; //height: 24px;}

a.enter_open {width: 266px; height: 84px; background: url(/images/entercab_open.jpg); display: block; text-decoration: none; color: #fff; text-decoration: none; float: left; margin-left: 20px; font:bold 12px Arial;}
a.affi {background-image: url(/images/entercab_open_affi.jpg)}
a.enter_open:hover {color: #fff; text-decoration: underline}
a.enter_open div {padding: 38px 0px 0px 120px}

.inpicture {background: no-repeat top left;}
.inpicture .dummy {float: left; margin-right: 20px; width: 96px; height: 146px}
.inpicture h1, .inpicture h2 {clear: none}

/* Big Button
-----------------------------------------------------------------------------*/

a.big_button {display: block; background: url(/images/bigbutton.jpg) no-repeat right top; text-decoration: none; width: 450px; margin: 0px auto}
.big_button img {float: left; margin-right: 10px}
.big_button .min {font: 14px Trebuchet MS; color: #fff; margin-top: 77px; text-align: left}
.big_button .normal {font: 27px Trebuchet MS; color: #91bbda; text-align: left}
a.big_button:hover .normal {text-decoration: underline}

/* Big Form 
-----------------------------------------------------------------------------*/

.bigform {margin: 0px auto; width: 476px; background: #F2F7FB; clear: left;}
.bigform img {display: block}
.bigform .cont {padding: 20px}
.bigform .item {clear: both; font: bold 13px Trebuchet MS; color: #000; text-align: left}
.bigform input, .bigform select, .bigform textarea {border: none; background: #fff; width: 218px; height: 20px; font: 12px Arial; display: block; line-height: 19px}
.bigform input {//height: 19px}
.bigform .radio {display: inline; width: 15px; height: 15px; line-height: 15px}
.bigform label {cursor: pointer; line-height: 20px}
.bigform .inpcon {float: right; padding: 6px; background: url(/images/bigform_input.jpg) no-repeat top left; margin-top: -6px; margin-bottom: 10px; clear: right}
.bigform div.alert {background-image: url(/images/bigform_input_alert.jpg)}
.bigform textarea {height: 69px; font-size: 11px; //height: 68px}
.bigform .submit {width: 137px; height: 36px; float: right; background: url(/images/bigform_submit.jpg) no-repeat top left; color: #fff; margin-bottom: 20px; margin-top: 10px; clear: both;cursor:pointer}
.bigform .error {color: #970102; font: 10px Arial; padding: 10px 0px 10px 40px; margin: 10px 20px 0px 20px; background: url(/images/alert.jpg) no-repeat left center;}
.bigform .error img {float: left; margin-right: 10px}

/* Download terminal
-----------------------------------------------------------------------------*/

.dterminal {clear: left; margin-top: 10px; border: 5px solid #DEEAF4}
.dterminal img.dt {float: left; margin-right: 5px}
.dterminal .mlink {color: #012D60; font: normal 14px Trebuchet MS; margin-top: 5px; display: block}
.dterminal .mlink:hover {color: #729BBC; text-decoration: none}
.dterminal .hint {font-size: 11px; color: #6E6E6E; line-height: 12px}
.dterminal .hint a {color: #729BBC}

/* Tag field
-----------------------------------------------------------------------------*/

.tagfield {width: 611px; margin-bottom: 30px}
.tagfield img {display: block}
.tagfield .field {background: #91BBDA; padding: 10px 20px 10px 20px}
.tagfield .field .container {float: left; padding: 1px; background: #fff; border: 8px solid #6690B5; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; position: relative}
.tagfield .tags {padding-left: 20px}
.tagfield .tags .tag {float: left; width: 59px; height: 21px; background: url(/images/bantag_st.jpg); margin-right: 1px; font: bold 11px Arial; color: #fff; line-height: 23px; text-align: center; cursor:pointer; //line-height: 21px}
.tagfield .tags .active {background: url(/images/bantag_ch.jpg); color: #fff !important}
.tagfield .field .container a.usethis {display: block; background: #fff; height: 15px; line-height: 20px; font: bold 10px Arial; color: #000; text-decoration: none; padding: 0px 5px 0px 5px; position: absolute; bottom: -15px; right: 1px}
.tagfield .field .container a.usethis:hover {background: #6690B5; color: #fff}

/* Tools
-----------------------------------------------------------------------------*/

.toolbar {margin-top: 15px; margin-bottom: 15px; text-align: justify; //margin-right: -20px}
.toolbar fieldset {float: left; border: 1px solid #729bbc; margin-right: 6px}
.toolbar fieldset legend {color: #729bbc; font: 13px Trebuchet MS; margin-left: 6px; padding: 3px 5px 5px 5px; line-height: 18px}
.toolbar fieldset legend a {text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px 3px 3px 3px; display: block}
.toolbar fieldset legend a:hover {background: #729bbc; color: #fff}
a.huita {text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px 3px 3px 3px; display: block; font: 13px Trebuchet MS;}
a.huita:hover {background: #729bbc; color: #fff}
.toolbar fieldset table {color: #a9c2d6; margin: 5px 10px 10px 10px; text-align: center; font: 12px Arial}
.toolbar fieldset table .title {color: #234a78}
.toolbar fieldset table td {padding: 2px 5px 2px 5px}
.toolbar fieldset table td.ned {border-left: 1px solid #ddeaf3; padding-left: 7px}
.toolbar fieldset table td.ned_a {padding-right: 12px} 
.toolbar fieldset table td.inactive {color: #e8e8e8}
.toolbar fieldset table td a {text-decoration: none; display: block; padding: 1px 3px 1px 3px; margin: -1px -3px -1px -3px}
.toolbar fieldset table td a:hover {color: #fff; background: #5c799b}
.toolbar fieldset table td a.active {color: #fff !important; background: #5c799b}

.toolbar fieldset .flagset {float: left; width: 85px}
.toolbar fieldset .flag {margin: 5px 0px 12px 10px; font: 13px Trebuchet MS; color: #234a78; text-transform: uppercase; //margin-left: 0px}
.toolbar fieldset select {margin: 0px 0px 5px 10px}

/* Tables
-----------------------------------------------------------------------------*/

.outertables {background: #deeaf4; padding: 7px; clear: left}
.tables {overflow-y: scroll; background: #fff; border: 1px solid #83aecf; height: 500px; padding: 1px; _overflow-x: auto; _width: 595px}
.tables table {width: 100%; text-align:left}
.tables table td {padding: 4px 7px 4px 7px; border-left: 1px solid #ebf2f8}
.tables table td:first-child {border-left: none}
.tables table .title {background: #83aecf; color: #fff; font-weight:bold;}
.tables .even {background: #fff}
.tables .even td {border-left: 1px solid #fff}
.tables table .even td:first-child {border-left: none}
.tables table tr.title:hover {background: #83aecf;}
.tables table tr:hover {background: #badcfe;}
.tables table tr td {border-bottom: 1px solid #d6e2ed}
.tables table tr:last-child td {border-bottom: none}

/* News
-----------------------------------------------------------------------------*/

.news {margin-top: 10px; padding-bottom: 10px}
.calendar {width: 75px; height: 96px; background: url(/images/calendar.jpg) no-repeat top left; float: left; margin-right: 5px}
.calendar .month {text-align: center; font: 10px Arial; color: #fff; padding-top: 15px}
.calendar .day {text-align: center; font: bold 36px Arial; color: #406E9E; padding-top: 4px}
.calendar .year {text-align: center; font: 10px Arial; color: #406E9E; padding-top: 4px}
.news .text {text-align: left; line-height: 18px; font-size: 12px}
.news .text a{color: #3E84BC; font: 16px Trebuchet MS; display: block; line-height: 18px; margin-bottom: 5px; margin-top: 5px;}
.signature {border-top: 1px dotted #999; font: 12px Arial; color: #999; text-align: right; padding: 10px; margin-top: 15px;}

.clock {width: 75px; text-align: center; float: left; clear: left; margin-top: 3px; font: 14px Trebuchet MS; color: #406E9E}
.clock img {}
.currs {width: 75px; text-align: center; float: left; margin-top: 3px; margin-right: 5px}

.insidecontent .pages {clear: left; margin-top: 15px; margin-bottom: 15px}
.insidecontent .pages a.page {float: left; padding: 3px 7px 3px 7px; margin-left: 5px; border: 1px solid #729bbc; background: #fff; font: 12px Verdana; color: #114683; text-decoration: none;  display: block}
.insidecontent .pages a.page:hover {background: #ddeaf3}
.insidecontent .pages a.spe:hover {background: #729bbc; color: #ddeaf3}
/* Calc
-----------------------------------------------------------------------------*/

.calc {width: 370px; height: 187px; background: url(/images/calc_bg.jpg) no-repeat top left; font: bold 14px Trebuchet MS; color: #fff; margin: 0px auto; clear: left}
.calc_fibo {height: 320px; background: url(/images/fibo_bg.jpg) no-repeat top left; }
.calc input {width: 99px; height: 20px; font: 13px Arial; color: #103D6E; border: 1px solid #103D6E; background: #fff; //width: 96px; //margin-top: -2px}
.calc_fibo input {width: 147px}
.calc select {width: 101px; height: 22px; font: 13px Arial; color: #103D6E; border: 1px solid #103D6E; background: #fff; //width: 96px}
.calc .field {width: 101px; height: 22px; font: 13px Arial; color: #103D6E; background: url(/images/calc_field.jpg) no-repeat top; text-align: right; line-height: 20px; //width: 100px}
.calc .field div {padding: 2px}
.calc a.button {width: 160px; height: 36px; background: url(/images/calc_button.png) no-repeat top; clear: both; margin: 10px auto; display: block; text-align: center; text-decoration: none; color: #fff; line-height: 34px;}
.calc a.button:hover {background-position: bottom; color: #fff; //height: 36px}
.calc .item {float: left; margin: 5px; margin-top: 2px}

/* Popup
-----------------------------------------------------------------------------*/

.popup {border: 4px solid #e3e8ee; background: #fff; padding: 1px; display: block;}
.popup img {width: 150px; border: 1px solid #000; display: block}
.popup img:hover {border: 1px solid #fff}
.popup_container {font: bold 10px Verdana; color: #103d6e; text-align: center; margin: 15px; float: left}

/* Widgets 
-----------------------------------------------------------------------------*/

.widgets {margin-top: 20px}
.widgets .tabs {padding-bottom: 1px; border-bottom: 1px solid #7ba3c5; padding-left: 10px; margin-bottom: 1px}
.widgets .tabs a {padding: 3px 7px; display: block; float: left; font: normal 12px Trebuchet MS; text-decoration: none; margin-right: 5px}
.widgets .tabs a:hover {background: #ddeaf3; color: #000}
.widgets .tabs a.active {background: #3d71a5; color: #fff !important; font-weight: bold}
.widgets .rulers {background: url(/images/widbg.jpg) repeat-x top; padding: 20px 20px 0px}
.widgets .rulers span {font: bold 30px Trebuchet MS; color: #729bbc; line-height: 46px}
.widgets .rulers .ruler {width: 448px; height: 54px; float: right; background: url(/images/ruler.jpg) no-repeat top left; _padding-left: 20px}
.widgets .rulers .ruler .item {float:left; margin-left: 8px; font-size: 12px; line-height: 18px; padding-top: 2px; _margin-left: 3px}
.widgets .rulers .ruler .item:first-child {margin-left: 30px}
.widgets .rulers .ruler .item input {vertical-align: middle; border: 1px solid #7fa6c7; height: 21px; font: 12px Arial; color: #000; width: 60px; float: left; clear: left; margin-left: 0px; padding-left: 0px;}
.widgets .rulers .ruler .item a.color {border: 1px solid #7fa6c7; background: #3d71a5; width: 21px; height: 21px; float: left; display: block; margin-left: 2px; position: relative}
.widgets .rulers .ruler .item a.color img {position: absolute; bottom: 0px; right: 0px}
.widgets a.butt {height: 29px; background: url(/images/butt_mid.jpg); color: #fff; display: block; float: right; text-decoration: none; font: bold 14px Trebuchet Ms; line-height: 29px; margin-right: 10px; margin-top: 20px}
.widgets a.butt:hover {text-decoration: underline}

/* Footer
-----------------------------------------------------------------------------*/
#footer {background: url(/images/footer_bg.jpg) no-repeat top left #fff; margin-top: 10px; clear: both}

#footer .copyright {float: right; font: bold 13px Trebuchet MS; color: #fff; margin: 15px 20px 0px 0px; line-height: 30px}
#footer .copyright div {float: left}
#footer .copyright a {float: left; display: block; margin-right: 10px; _margin-right: 5px}

.downpics {margin: 10px; margin-left: 10px; padding-top: 21px; margin-bottom: 0px; clear: both}
.downpics img {float: left; margin-left: 3px; margin-bottom: 3px}

.seo-txt {
	padding: 10px;
	color:#9da1a7;
	font-size: 77%;
	padding-bottom:20px;
	border-bottom:1px solid #9da1a7;
	text-align: justify;
	clear: both;
}
.copy {
	width:100%;
	float:left;
	color:#8f9ba8;
	border-top:1px solid #fff;
	font-size:85%;
	padding-top:10px;
}
.copy a {
	float:right;
	margin:0px 10px;
	color:#2e74ab;
}


.links {
	float:right;