@charset "UTF-8";
/* CSS Document */

BODY{ background: #39475D; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;}
H1{ font-size: 30px; line-height:24px; color:#fff; padding: 10px 15px 15px 5px;}
H2{ font-weight: normal; font-size: 14px; line-height: 21px;}
H3{ font-size: 1.4em; line-height: 1.4em; padding: 0 0 0 15px; color: #093161;}

#container{ width: 964px; margin: 1em auto;}
#top_panel{ width: 964px; background: url(images/top_panel_top.gif) no-repeat; margin-bottom: 0.5em;}
#top_panel .bottom{ width: 964px; background: url(images/top_panel_bottom.gif) no-repeat bottom left; min-height: 144px;}
#top_panel P { color: #404f5d; font-size: 12px; line-height: 1.3em;}

.main_panel{ width: 964px; background: url(images/big_panel_top.gif) no-repeat; margin-bottom: 0.5em; padding-top: 1em;}
.main_panel .bottom{ width: 964px; background: url(images/top_panel_bottom.gif) no-repeat bottom left; min-height: 144px;}
.main_panel .main_content { width: 590px; padding-right: 10px; float: left;}
.main_panel .main_content H2{ color: #093161; font-weight:bold;  font-size: 21px; padding: 15px 15px 10px 20px; margin: 0px;}
.main_panel .main_content H3{padding-left: 20px;}
.main_panel .main_content P{ color: #404f5d; font-size: 14px; line-height: 18px; padding: 0px 20px 10px 20px; margin: 0px;}
.main_panel .main_content P.legal, .main_panel .main_content UL.legal{font-size: 12px; line-height: 1.2em;}
.main_panel .main_content UL, .main_panel .main_content OL{ list-style: disc; list-style-position: inside; font-size: 14px; line-height: 18px; padding: 0px 20px 10px 20px;  color: #404f5d;}
.main_panel .main_content OL{ list-style: decimal; list-style-position: inside;}
.main_panel .main_content LI{ padding-bottom: 5px; }
.main_panel .main_content A { border: 0; text-decoration: none; color: #1278ad;}
.main_panel .main_content A:hover {text-decoration: underline;}

.main_panel .main_content .square_panel{ border: 1px solid #738192; background: url(images/content_panel_bg.gif) repeat-x #ffffff; width: 278px; float: left; margin: 0 0 10px 10px;}
.main_panel .main_content .square_panel H2{ padding-top: 20px;}

.main_panel .right_column{ float: right; clear: right; width: 360px; border-left: 1px solid #cfd7da; }
.main_panel .right_column_content{margin-right: 4px; padding-bottom: 20px; border-bottom: 1px solid #cfd7da; }
.main_panel .right_column_content H2{ color: #093161; font-weight:bold;  font-size: 18px; padding: 15px 20px 10px 20px;}
.main_panel .right_column_content UL{ color: #1278ad; font-size: 12px; padding-left: 20px;}
.main_panel .right_column_content LI{  padding-bottom: 10px;}
.main_panel .right_column_content LI A{  color: #1278ad; text-decoration: none;}
.main_panel .right_column_content P{ color: #404f5d; font-size: 12px; line-height: 1.3em; padding: 0 20px 10px 20px;}
.right_column_content .video, .right_column_panel .video{ width: 125px; float: left; margin: 0 0 20px 20px;}
.right_column_content .video IMG, .right_column_panel .video IMG{ margin-bottom: 5px; border: 0;}
.right_column_content .video A, .right_column_panel .video A{ border: 0; text-decoration: none; color: #1278ad; font-size: 1.2em;}
 
.breadcrumbs{ margin-left: 5px; color: #b9c0c9; font-size: 1.1em !important;}
.breadcrumbs A{ color: #b9c0c9; text-decoration: none;}
.breadcrumbs A:hover{ text-decoration: underline;}

#lang_panel LI {display: inline; list-style-type:none; padding-right: 20px;}
#lang_panel P  { color: #404f5d; font-size: 12px; line-height: 1.3em;}

.nav_panel{ float: left; border-left: 1px dashed #a8a8a9; height: 140px; width: 158px;}
.nav_panel ul{ margin: 10px;}
.nav_panel ul ul{ margin: 0px;}
.nav_panel ul li{ font-size: 1.3em; font-weight: bold; margin-bottom: 3px; color: #393939;}
.nav_panel.last ul li{ font-size: 11px; font-weight: normal; margin-bottom: 0px; line-height: 1.2em; color: #797979;}
.nav_panel.last ul li a{ color: #797979;}
.nav_panel ul li a{ color: #393939; text-decoration: none;}
.nav_panel ul ul li{ font-size: 11px; line-height: 1.2em; font-weight:normal; margin-bottom: 0px; color: #797979;}
.nav_panel ul ul li a{ color: #797979;} 
.nav_panel li.current a, .nav_panel li a:hover{color: #b90000;}
.nav_panel li.current li a{color: #393939;}

.intro_panel{ margin: 10px 20px; }

#right_column{ float: right; display: block;}
.right_column_panel{ width: 354px; background: url(images/right_panel_top.gif) no-repeat; margin-bottom:3px; }
.right_column_panel div.bottom{ width: 354px; background: url(images/right_panel_bottom.gif) no-repeat bottom left;min-height: 145px;}
.right_column_panel H1{ color: #093161; font-size: 21px; padding: 10px 15px 8px; margin: 0px;}
/*.right_column_panel P{ padding-left: 15px; font-size: 14px; color: #8d8d8d; line-height: 1.3em;}*/
.right_column_panel p{ color: #575757; font-size: 12px; line-height:16px; padding: 0px 15px;}
.right_column_panel A{ color: #8d8d8d; margin:13px 0px;}
.right_column_panel div.bottom .applyonline{ color: #575757; font-size: 12px; padding: 0px 15px 5px 15px;}
.right_column_panel div.bottom .market { margin:13px 0px;}
.right_column_panel div.bottom .button{ margin:15px 15px 15px 15px;}
.right_column_panel div.bottom .market p{ color: #575757; font-size: 12px; line-height:16px; padding: 0 5px;text-align:left; }
.right_column_panel div.bottom .content { margin:15px 0px;}
.right_column_panel div.bottom .content p{ color: #575757; font-size: 12px; line-height:16px;padding: 0px 15px 0px 15px; text-align:left; }
.right_column_panel div.bottom iframe { margin:5px 0px 15px 0px;}
.right_column_panel #login_panel{ margin: 0px 5px 10px 1px; padding: 10px 15px;}
.right_column_panel #login_panel TABLE TD { padding: 2px 2px 5px 2px; color: #858585; font-size: 12px; font-weight: bold;}
.right_column_panel #login_panel TABLE TD A{ color: #6a6a6a; font-weight: normal;}


#right_column2{ float: right; display: block;}
.right_column_panel2{ width: 354px; background: url(images/right_panel_top02.gif) no-repeat; margin-bottom: 1em; }
.right_column_panel2 .bottom{ width: 354px; background: url(images/right_panel_bottom02.gif) no-repeat bottom left; min-height: 180px;padding-bottom: 1em;}
.right_column_panel2 H1{ color: #093161; font-size: 21px; padding: 10px 15px 8px; margin: 0px;}
/*.right_column_panel P{ padding-left: 15px; font-size: 14px; color: #8d8d8d; line-height: 1.3em;}*/
.right_column_panel2 p{ color: #575757; font-size: 12px; line-height:16px; padding: 0 15px;}
.right_column_panel2 A{ color: #8d8d8d;}
.right_column_panel2 #login_panel{ margin: 5px 5px 13px 1px; padding: 10px 15px;}
.right_column_panel2 #login_panel TABLE TD { padding: 2px 2px 5px 2px; color: #858585; font-size: 12px; font-weight: bold;}
.right_column_panel2 #login_panel TABLE TD A{ color: #6a6a6a; font-weight: normal;}

#markets_table{ margin: 0 6px 0 1px;}
#markets_table TABLE { border-collapse:collapse; border-spacing: 5px; text-align: right;}
#markets_table TABLE TD, #markets_table TABLE TH{ padding: 5px;}
#markets_table TABLE TD{ font-size: 12px;}
#markets_table TABLE TD.gain{ font-weight: bold; color: #078c00;}
#markets_table TABLE TD.loss{ font-weight: bold; color: #bc0000;}
#markets_table TABLE TR{ border-bottom: 1px dashed #b4babf;}
#markets_table TD.instrument_title{ text-align: left; padding-left: 15px; color:#3f3f3f; font-size: 12px; font-weight: bold;}

#login{ width: 578px; height: 428;background: url(images/login_back.gif) no-repeat; margin: 0 0 0 15px;}

.small_panel H1 {font-size: 21px; line-height:24px; color:#093161; padding: 12px 15px 5px 15px; font-weight: bold}
.small_panel P { color: #404f5d; font-size: 12px; line-height: 1.3em; padding: 0 20px 10px 15px;}
.small_panel {width: 289px; background: url(images/small_top.gif) no-repeat; float: left; margin-right: 16px; margin-bottom: 16px;}
.small_panel .bottom {width: 289px; min-height: 55px; background: url(images/small_bottom.gif) no-repeat bottom left;}
.small_panel A:hover {color:#b90000; text-decoration: none;}
.small_panel A {color:#404f5d; text-decoration: none;}

.news A {color:#000000; text-decoration: none;}
.news A:link {color:#000000; text-decoration: none;}
.news A:hover {color:#404f5d; text-decoration: underline;}


.square_content{ width: 578px; background: url(images/square_content_box_top.gif) no-repeat; margin-left: 15px; margin-bottom: 15px;}
.square_content .bottom{min-height: 268; width: 578px; background: url(images/square_content_box_bottom.gif) no-repeat bottom left; padding-top: 15px;}

.two_column_panel{ width: 593px; float: left; background: url(images/two_column_panel_top.gif) no-repeat top left; margin-bottom: 1em;220px;}
.two_column_panel H1, .two_column_panel H2{ font-size: 24px; line-height:24px; color:#093161; padding: 15px 15px 10px 15px; font-weight: bold;}
.two_column_panel div.bottom{ width: 593px; background: url(images/two_column_panel_bottom.gif) no-repeat bottom left; min-height: 100px; padding-bottom: 30px;}
.two_column_panel div.bottom .button {margin:5px 15px}
.two_column_panel .button {margin:5px 15px}
.two_column_panel .intro_panel H1{ font-size: 16px; line-height:24px; color:#737373; margin-bottom: 5px; padding: 0;}
.two_column_panel .intro_panel H1.black{ color: #000;}
.two_column_panel p{ color: #575757; font-size: 12px; line-height:16px; padding: 0 10px 10px 10px;}
.two_column_panel A.news_link{ color: #575757; text-decoration: none;}
.two_column_panel  UL A{ text-decoration: none; color: #1278ad; font-size: 1.2em;}
.two_column_panel  OL A{ color: #1278ad; font-size: 1.2em;}

.square_white_panel{ background: url(images/square_white_panel_top.gif) no-repeat; width: 173px; float: left; margin-right: 8px;}
.square_white_panel div.bottom{ background: url(images/square_white_panel_bottom.gif) no-repeat bottom left; width: 173px; min-height: 135px; padding-bottom: 0;}
.square_white_panel H3{color: #3b3b3b; font-size: 14px; border-bottom: 1px solid #9e9e9e; padding: 6px !important;}
.square_white_panel p, .main_panel .main_content .square_white_panel p{ padding: 3px 15px;; font-size: 11px; line-height: 12px;  }
.square_white_panel .button, .main_panel .main_content .square_white_panel .button{ padding: 5px 10px 5px 10px; font-size: 11px; line-height: 14px; width: 173px;}
.square_white_panel a.button{ margin-left: 10px;}

.news_table{ margin: 0 30px 0 15px;}
.news_table td{ font-size: 1.2em; line-height: 1.2em; color: #6a6a6a; font-weight: bold; padding: 7px 0;}
.news_table td A{ text-decoration: none; color: #6a6a6a;}
.news_table tr{ border: 1px dashed #6a6a6a; border-left:0; border-right: 0px;}
.news_table td.date{ color: #a1a1a1; padding-right: 10px; font-weight: normal;}

.headline{ padding: 0 0 7px 15px; font-size: 16px; color: #1278ad; font-weight: normal; line-height: 1em;}
.headline A{ color: #1278ad; text-decoration: none;}
.headline A:hover{ text-decoration: underline;}
.headline .date{ font-size: 12px; color: #404f5d; font-weight: bold;}
.two_column_panel ul.faqs{ padding-left: 15px; font-size: 14px;}
.two_column_panel ul.faqs A{  color: #1278ad; text-decoration: none;}
.two_column_panel ul li{ padding-bottom: 8px; line-height: 1.4em;}

.economic_indicator{ border: 1px solid #787878; bgcolor: white; padding:10px 5px 10px 20px; margin: 0 0 10px 20px;}
.economic_indicator H3{ font-size: 16px; color: black; margin-bottom: 20px; padding-left: 0px !important;}
.main_panel .main_content .economic_indicator P{ font-size: 11px; line-height: 14px; padding: 0 10px 5px 0px;}
.economic_indicator .release_details{ width: 120px; float:right; margin-left: 20px;}
P.legal{ font-size: 1em;}
P.intro{font-size: 16px !important; line-height: 20px !important; margin-top: 15px !important;}

.clearing_div{ width: 100%; clear: both;}
.float_left{ float: left; margin-right: 10px;}
.float_right{ float: right; margin-left: 10px; margin-bottom: 20px;}
.black{ color: #000 !important;}
.red{ color:#b90000 !important ;}
.emphasis{font-style: italic; font-weight:bold; !important}

A.button, .main_panel .main_content A.button{ background: url(images/button_left.gif) top left no-repeat !important;  font-size: 12px;  text-decoration:none; color: #4f5255; font-weight: bold; padding: 3px 0; *padding: 0px;}
A.button SPAN, .main_panel .main_content A.button SPAN{ background: url(images/button_right.gif) top right no-repeat !important; padding: 3px 10px;line-height:20px;}
A.button:hover, .main_panel .main_content A.button:hover{ background: url(images/button_hover_left.gif) top left no-repeat !important; color:#b90000 !important;}
A.button:hover SPAN, .main_panel .main_content A.button:hover SPAN{ background: url(images/button_hover_right.gif) top right no-repeat !important;}

A.red_button, .main_panel .main_content A.red_button{ font-size: 18px;  text-decoration:none; color: #ecd7d4; font-weight: bold; *padding: 0px; line-height: 34px;}
A.red_button SPAN.left{ background: url(images/red_button_left.png) top right no-repeat !important; padding: 7px 3px 7px 0;line-height: 34px;}
A.red_button SPAN.middle{ background: url(images/red_button_center.png) top right repeat-x !important; padding: 7px 10px;line-height: 34px;}
A.red_button SPAN.right{ background: url(images/red_button_right.png) top left no-repeat !important; padding: 7px 0px 7px 5px;line-height: 34px;}
A.red_button:hover, .main_panel .main_content A.red_button:hover{color:#fff;}
A.red_button:hover SPAN.left{ background: url(images/red_button_left_hover.png) top right no-repeat !important; text-decoration: none;}
A.red_button:hover SPAN.middle{ background: url(images/red_button_center_hover.png) top right repeat-x !important; text-decoration: none;}
A.red_button:hover SPAN.right{ background: url(images/red_button_right_hover.png) top left no-repeat !important; text-decoration: none;}


A.red_button1, .main_panel .main_content A.red_button1{ font-size: 14px;  text-decoration:none; color: #ecd7d4; font-weight: bold; *padding: 0px; line-height: 34px;}
A.red_button1 SPAN.left{ background: url(images/red_button_left.png) top right no-repeat !important; padding: 7px 3px 7px 0;line-height: 34px;}
A.red_button1 SPAN.middle{ background: url(images/red_button_center.png) top right repeat-x !important; padding: 7px 10px;line-height: 34px;}
A.red_button1 SPAN.right{ background: url(images/red_button_right.png) top left no-repeat !important; padding: 7px 0px 7px 5px;line-height: 34px;}
A.red_button1:hover, .main_panel .main_content A.red_button1:hover{color:#fff;}
A.red_button1:hover SPAN.left{ background: url(images/red_button_left_hover.png) top right no-repeat !important; text-decoration: none;}
A.red_button1:hover SPAN.middle{ background: url(images/red_button_center_hover.png) top right repeat-x !important; text-decoration: none;}
A.red_button1:hover SPAN.right{ background: url(images/red_button_right_hover.png) top left no-repeat !important; text-decoration: none;}
ul.benefits_list{ list-style: disc; list-style-position: inside; color: #4e4e4e; font-size: 1.2em;}

#markets_table iFrame #divMarket #tblMarket{ width: 384px;} 

#footer{ font-size: 1em; color: #CFD8E2; clear: both; margin: 10px 0; line-height: 1.2em;}
#footer p{ margin-bottom: 10px;}
#footer A{ color: white; text-decoration: none;}

form#LoginForm *, form#trading_example * {vertical-align:middle;}

A.gray_button,form#LoginForm A.gray_button, .main_panel .main_content A.gray_button{font-size: 12px;  text-decoration:none; color: #4f5255; font-weight: bold;}
A.gray_button SPAN.left{ background:transparent url(images/button_left.gif) no-repeat top left !important; display:block; float: left;line-height: 17px;height: 22px; padding-left: 10px;}
A.gray_button   SPAN.middle{ background: url(images/button_center.gif) repeat-x top center!important; display: block;float:inherit;line-height: 17px;height: 22px;padding: 2px 10px 3px 10px;}
A.gray_button   SPAN.right{ background:transparent url(images/button_right.gif)  no-repeat top right !important;display: block;float: left;line-height: 17px;height: 22px;padding-right: 10px;}
A.gray_button:hover,form#LoginForm A.gray_button:hover, .main_panel .main_content A.gray_button:hover{color:#b90000;cursor: hand}
A.gray_button:hover SPAN.left{ background: transparent url(images/button_hover_left.gif) no-repeat top left !important; text-decoration: none; cursor: hand}
A.gray_button:hover  SPAN.middle{ background: url(images/button_hover_center.gif) repeat-x top center!important; text-decoration: none; cursor: hand}
A.gray_button:hover  SPAN.right{ background: transparent url(images/button_hover_right.gif) no-repeat top right!important; text-decoration: none;cursor: hand}

A.gray_button2, .main_panel .main_content A.gray_button2{font-size: 10px;  text-decoration:none; color: #4f5255; font-weight: bold;}
A.gray_button2 SPAN.left{ background:transparent url(images/button_left.gif) no-repeat top left !important; display:block; float: left;line-height: 17px;height: 22px; padding-left: 10px;}
A.gray_button2  SPAN.middle{ background: url(images/button_center.gif) repeat-x top center!important; display: block;float:inherit;line-height: 17px;height: 22px;padding: 2px 5px 3px 5px;}
A.gray_button2  SPAN.right{ background:transparent url(images/button_right.gif)  no-repeat top right !important;display: block;float: left;line-height: 17px;height: 22px;padding-right: 10px;}
A.gray_button2:hover, .main_panel .main_content A.gray_button2:hover{color:#b90000;cursor: hand}
A.gray_button2:hover SPAN.left{ background: transparent url(images/button_hover_left.gif) no-repeat top left !important; text-decoration: none;cursor: hand}
A.gray_button2:hover SPAN.middle{ background: url(images/button_hover_center.gif) repeat-x top center!important; text-decoration: none;cursor: hand}
A.gray_button2:hover SPAN.right{ background: transparent url(images/button_hover_right.gif) no-repeat top right!important; text-decoration: none;cursor: hand}

/* Css For List Menu*/

UL#ss_nav, UL#ss_nav UL{margin:0; padding: 0; list-style: none; width: 160px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; line-height:21px; color:#3a506c; position:relative;}
UL#ss_nav UL{ position: absolute;}
UL#ss_nav LI{ border: 1px solid #333; border-bottom:none; background:url(flags/off_bg.gif) repeat-x; min-height: 25px;}
UL#ss_nav LI IMG {vertical-align: bottom; padding-right: 5px;}
UL#ss_nav UL LI { padding-left: 5px; padding-right: 5px; background:#d5dee2;}
UL#ss_nav UL LI A{ text-decoration: none; color: #3a506c;display:block; height: 1%;}
UL#ss_nav LI.last{ border-bottom: 1px solid #333;}
UL#ss_nav UL{ display:none;}
UL:hover#ss_nav UL, UL#ss_nav li.hover UL{ display:block;}
UL#ss_nav LI.first{border-top:none;}
UL#ss_nav LI:hover.first{border-top:none;}
UL#ss_nav LI:hover.last{border-bottom:1px solid #333;}
UL#ss_nav UL LI:hover, UL#ss_nav UL LI.hover{ background: #929cab; border: 1px solid #333; border-bottom:none;}
UL#ss_nav UL LI IMG{border: none; vertical-align:text-bottom; padding-right: 5px;}
/*UL#ss_nav UL LI:hover, UL#ss_nav UL LI.hover IMG{border: none; }*/
UL#ss_nav UL LI:hover A, UL#ss_nav UL LI.hover A{ color: #fff;}

*UL#ss_nav, UL#ss_nav UL{width: 160px;}
*UL#ss_nav UL{top: 20px; left: 0px;}
*UL#ss_nav UL LI, UL#ss_nav LI  { padding: 3px;}