/**
 *  Default style for FLS pages
 */

/* Reset */
* { margin: 0; padding: 0; border: none; line-height: 1.25; }
:focus { border: none; outline: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: block; padding-top: 1px; }
object { display: block; }

/* Basic layout */
html, body { height: 100%; }
html { background: #339; }
body { width: 975px; margin: 0 auto; }
#page { min-height: 100%; position: relative; }

/* Defaults */
body { font-family: Helvetica, sans-serif; font-size: 12px; color: black; /*#333333;*/ }
a { text-decoration: none; color: #333333; }
a.arrowed { 	background: url('/assets/images/left-menu/bullet.jpg') no-repeat left 5px; padding-left: 15px; }

/* Header */
#header { display: block; overflow: hidden; height: 60px; padding: 18px; background: white; }
#header a { display: inline-block; }
#header-left { float: left; }
#header-right { float: right; }

/* Utility */
#utility { float: right; margin: -10px -5px 0 0; }
#utility a { color: #888; }
#utility a:hover { text-decoration: underline; }

/* World Clock */
#worldClockDiv { position: absolute; top: 60px; right: 145px; z-index: 10; width: 300px; height: 30px; overflow: hidden; }

/* Search panel */
#search { position: absolute; top: 65px; right: 12px; }
#search fieldset { width: 130px; border: none; padding: 0; margin: 0; }
#search input { vertical-align: middle; }
#search .text { width: 90px; color: #aaa; border: 1px solid #e2e2e2; }
#search .submit { width: 33px; }

/* Footer */
#footer
{
	position: absolute;
	bottom: 0%;
	width: 100%;
	height: 42px;
	padding: 70px 0 20px;
	background: white url('/assets/images/footer/bar.jpg') 0 29px repeat-x;
	text-align: center;
}
#footer a:hover { text-decoration: underline; color: #339; }

/* Top menu */
#top-menu { display: block; padding: 0px; background: white; }
#top-menu ul
{
	display: block;
	height: 31px;
	padding: 0 0 20px 0;
	overflow: hidden;
	background: transparent url('/assets/images/top-menu/bar.jpg') top repeat-x;
}
#top-menu li, #top-menu li a { display: block; float: left; height: 32px; overflow: hidden; }
#top-menu li a { background-position: 50% 0; }
#top-menu li a span
{
	display: block;
	height: 32px;
	overflow: hidden;
	background: url('/assets/images/spacer.gif');
	cursor: pointer;
}
#top-menu li a:hover  { background-position: 50% 32px; }

li#top-menu-aboutus a  { width: 149px; background: url('/assets/images/top-menu/btn_aboutus.jpg'); }
li#top-menu-market a { width: 186px; background: url('/assets/images/top-menu/btn_marketdata&insights.jpg'); }
li#top-menu-trading a { width: 162px; background: url('/assets/images/top-menu/btn_tradingtools.jpg'); }
li#top-menu-learning a { width: 179px; background: url('/assets/images/top-menu/btn_learningcentre.jpg'); }
li#top-menu-announcement a { width: 148px; background: url('/assets/images/top-menu/btn_announcement.jpg'); }
li#top-menu-contact a { width: 151px; background: url('/assets/images/top-menu/btn_contactus.jpg'); }

#page.aboutus li#top-menu-aboutus a { background-position: 50% 32px; }
#page.market li#top-menu-market a { background-position: 50% 32px; }
#page.trading li#top-menu-trading a { background-position: 50% 32px; }
#page.learning li#top-menu-learning a { background-position: 50% 32px; }
#page.announcement li#top-menu-announcement a { background-position: 50% 32px; }
#page.contact li#top-menu-contact a { background-position: 50% 32px; }


/* Left menu */
#page { background: white url('/assets/images/left-menu/bar.jpg') repeat-y 150px 0; }
#page.global { background: white none; }
#left-bar { display: block; float: left; width: 120px; padding-right: 30px; }
#left-bar h4 { margin-left: -10px; }
#left-bar h4 a { color: #339; }
#left-menu { margin-left: -10px; list-style: none; }
#left-menu li
{
	/* list-style: none url('/assets/images/left-menu/bullet.jpg') outside; */
	/* margin-left: 5px; */
	display: block;
	margin-bottom: 3px;
	padding-left: 15px;
	background: url('/assets/images/left-menu/bullet.jpg') 0 4px no-repeat;
}
#left-menu li.selected a { font-weight: bold; color:#339; }
#left-menu li.selected #left-menu-2ndlevel a { font-weight: normal; color:#333333; }
#left-menu li a:hover { text-decoration: underline; color:#339; }
#left-menu li ul li
{
	/* list-style:  none url('/assets/images/left-menu/bullet3.jpg') outside; */
	/* margin-left: 12px; */
	margin-bottom: 3px;
	padding-left: 12px;
	font-size: 11px;
	background: url('/assets/images/left-menu/bullet3.jpg') 0 3px no-repeat;
}

.left-menu_selected { font-weight: bold; color:#339; }

/* Right bar */
#right-bar { position: static; display: block; float: right; width: 215px; padding-left: 10px; }
#right-bar .panel { padding: 10px; margin-bottom: 10px; }
.panel a:hover{ font-size: 12px; font-weight: bold; color: #339; }
.filled a.arrowed { 	background: url('/assets/images/bullet-darkbg.jpg') no-repeat left 5px; padding-left: 15px; }
#right-bar .img { padding: 0; }
#right-bar .filled { background: #e2e2e2; }
#right-bar h4 { border-bottom: 1px solid #868a8d; margin-bottom: 5px; padding-bottom: 0; }
#right-bar h5 { color: #339; font-weight: bold; margin-bottom: 5px; }
#right-bar p { margin-bottom: 5px; }
#right-bar li
{
	list-style: none url('/assets/images/bullet-darkbg.jpg') outside;
	margin-left: 15px;
}
#right-bar li.no-arrow { list-style: none; list-style-image: none; margin-left: 0; }

#right-bar .dateline { display: block; font-weight: bold; }
#right-bar .text-field { text-align: center; /*background: url('/assets/images/right-bar/bg-text.jpg') center center no-repeat;*/ }
#right-bar .text-field input
{
	width: 188px;
	height: 16px;
	padding: 1px;
	background: transparent;
	border: 2px solid #bbb;
}
#right-bar .submit { text-align: right; }

/* See Also */
#right-bar #see-also a { color: #339; }

/* Contact Us */
#right-bar #contact-us a { text-decoration: underline; color: #333399; }

/* Announcements */
#right-bar #announcements { height: 210px; }
#right-bar #announcements a { text-decoration: normal; color: #333399; }
#right-bar #announcements a:hover { text-decoration: underline; }
#right-bar #announcements .marquee a { text-decoration: none; color: #333399; }
#right-bar #announcements li { padding-bottom: 10px; }
#right-bar #announcements h4 { margin-bottom: 10px; }
#right-bar #announcements .marquee { height: 165px; overflow: hidden; margin-bottom: 5px; }

#inner-content #announcements { height: 190px; }
#inner-content #announcements a { text-decoration: none; color: #333399; }
#inner-content #announcements a:hover { text-decoration: none; }
#inner-content #announcements .marquee a { text-decoration: none; color: #333399; }
#inner-content #announcements li { padding-bottom: 10px; }
#inner-content #announcements h4 { margin-bottom: 10px; }
#inner-content #announcements .marquee { height: 165px; overflow: hidden; margin-bottom: 5px; }

/* Hear From Us overlay */
#hear-from-us-overlay
{
	position: absolute;
	right: 0;
	width: 359px;
	height: 205px;
	background: #e2e2e2;
	visibility: hidden;
}
#hear-from-us-overlay h6 { padding: 0 10px 10px 0; overflow: auto; }
#hear-from-us-overlay h6 img { float: left; padding: 0; }
#hear-from-us-overlay h6 span { float: right; width: 205px; }
#hear-from-us-overlay div { overflow: auto; padding: 0 0 5px; }
#hear-from-us-overlay label
{
	display: block;
	float: left;
	text-align: right;
	width: 130px;
	padding: 3px 10px 0;
}
#hear-from-us-overlay .text-field input { background: white; }
#hear-from-us-overlay input,
#hear-from-us-overlay select
{ display: block; float: left; border: 2px solid #bbb; background: white; }
#hear-from-us-overlay select#hear-from-us-title { width: 100px; }
#hear-from-us-overlay select#hear-from-us-country { width: 144px; }
#hear-from-us-overlay .submit { text-align: right; padding: 5px 15px; }
#hear-from-us-overlay .submit input { border: none; float: none; display: inline; }

/* Content block */
#content { position: relative; overflow: hidden; padding: 0 20px 132px/* footer height */; }
#inner-content { float: left; }

/* Layout */
.layout-3-column { background: transparent; }
.layout-3-column #inner-content { width: 560px; }
.layout-2-column { background: white; }
.layout-2-column #inner-content { width: 710px; }
.layout-2-market-column #inner-content { width: 785px; }