/*
 Master Stylesheet
 Site: FEX
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Basic Elements  */
html{font-size:100%;}
body {background: #fff url(../images/body-bg.gif) repeat-x;font-size: 62.5%; font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
; line-height: 1.33; color: #595958;}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus {outline: 1px;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong{font-weight:800;}
hr { display: none; }
.clearer { clear: both; line-height: 0; height: 0; }
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
a img { border: none }

/* Links */
a:link, a:visited, a:active { color: #1177b5;text-decoration: none; }
a:hover { color: #1177b5; text-decoration:underline; }

/* Headers / Paragraph */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 2.2em; margin: 10px 0 10px; background: #717177; color: #fff;padding: 5px 0 5px 15px;font-weight: 400;}
h3 { color: #187dba; font-size: 1.6em; font-weight: 400;margin: 0 0 .2em; }
h5, h6 { font-size: 1.2em; margin: 0 0 1em; }
p {font-size:1.2em; margin: 0 0 1em 0; }
h4.hdr-org { height: 32px; background:  url(../images/header-org.gif) repeat-x; color: #fff; font-size: 1.3em; padding: 7px 0 0 25px;}
h4.hdr-blue { height: 32px; background:  url(../images/header-blue.gif) repeat-x; color: #fff; font-size: 1.3em; padding: 7px 0 0 15px;}
h4.hdr-grey { height: 32px; background:  url(../images/header-grey.gif) repeat-x; color: #fff; font-size: 1.3em; padding: 7px 0 0 15px;}
h5 { color: #187dba; font-size: 1.5em; font-weight: 400;margin: 0 0 .2em; }

/* Site Structure */
#wrap { width: 970px; margin: 0 auto;  }
#wrap-video { width: 630px; margin: 0 auto;  }
#content { background: #fff; clear: both;  }
#col-left { width: 224px; float: left; margin: 0 7px 0 0; }
#col-mid { width: 508px; float: left; margin: 0 7px 0 0; }
#col-right { width: 219px; float: left; margin: 0; }
.mid-left { width: 248px; float: left;margin: 0 10px 0 0; }
.mid-right { width: 248px; float: left; }

/* Top & Logo */
#top { text-align: right; margin: 3px 0 0;color: #76767c; }
#top a{ font-weight: 800; color: #76767c; text-decoration: none;}
#top a:hover { text-decoration:underline; }
#top span { color: #a6a6ab; }
h1#logo { width: 195px; height: 58px;font-size: 1em; overflow: hidden; position: relative; float: left;margin: 9px 0 15px; }
h1#logo span { background: url(../images/fex-logo.png) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
h1#logo a { cursor: pointer; display: block; height: 100%; width: 100%; }
h1#logocn { width: 271px; height: 58px;font-size: 1em; overflow: hidden; position: relative; float: right;margin: 9px 0 15px; }
h1#logocn span { background: url(../images/fex-logo_cn.png) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
h1#logocn a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Main Navigation */
ul#nav-main { margin-bottom: 50px; }
ul#nav-main li{height: 32px; width: 199px; margin-bottom: 1px;}
ul#nav-main li a { height: 25px;display: block; background: url(../images/nav-bg2.jpg) no-repeat;width: 199px;font-size: 1.3em; color: #5d5d64; padding: 7px 0 0 25px;position: relative;}
ul#nav-main li a:hover { background: url(../images/nav-bg2.jpg) no-repeat 0 -33px; color: #fff; text-decoration: none; }
ul#nav-main li.active { margin-bottom: 3px; }
ul#nav-main li.active a{ background: url(../images/nav-on.gif) repeat-x; color: #fff; text-decoration: none; }

/* Mercari Direct Nav */
ul.direct-list { margin: 0 0 20px; }
ul.direct-list li a{ font-size: 1.2em; background: url(../images/tri.gif) no-repeat 15px 7px ; padding: 3px 0 3px 25px; border-bottom: 1px solid #e7e8ea;  display: block;}
ul.direct-list li.direct-sub a{ padding-left: 40px; background-position: 30px 7px; color: #6d6d73; }
ul.direct-list li.direct-last a{ border: 0; }
ul.direct-platform li a{ color: #55595c;}

/* General */
ul.basic-list { padding: 10px 15px; }
ul.basic-list li{ font-size: 1.2em;margin: 0 0 1em; }
span.footnote { font-size: 1.1em; color: #74747e; display: block; }

/* Footer */
#footer { background: url(../images/footer-bg.gif) repeat-x; clear: both; color: #6c6c72; padding: 10px 0 10px; margin: 10px 0 0; }
#footer-inner { width: 970px; margin: 0 auto; }
p#copyright { font-weight: 800;  }
#footer-nav { font-size: 1.3em; }
#footer-nav2 { float: left; }
#footer-nav2 a{ color: #a2a2aa; }
p#design-credit { float: right; width: 100px; }
p#design-credit a { color: #a2a2aa; }

/*
Page Specific Styles 
*/

/* Homepage */

#graphic-main { background: url(../images/hp-main-bg.jpg) no-repeat; width: 508px; height: 264px; position: relative; }
h2#tagline { width: 294px; height: 65px;margin: 0;padding: 0;position: absolute; top: 30px; left: 30px;background: none;}h2#tagline span { background: url(../images/fex-mercari-otc-markets.gif) no-repeat 0 0; }

p#contact { font-size: 1.3em; color: #5d5d64;padding: 10px 0 0 25px; }
.ajax-content { background: url(../images/tab-content-bg.gif) repeat-x;  padding: 15px;margin: 0 0 25px; }
.ajax-content p{ font-size: 1.2em; line-height: 1.5;}
.ajax-content img { margin-right: 20px; float: left;}
.message { background: #f2f3f4; padding: 10px 15px; }

/* Interest Rates */
table#interest-rates { margin: 0 0 10px 5px; }
table#interest-rates td { font-size: 1.2em; color: #8b8b90; padding: 3px 0 3px; border-bottom: 1px solid #e7e8ea ; }
table#interest-rates td.rates-type { color: #61616a; font-weight: 800; }
table#interest-rates td span { color: #126ca2; }
table#interest-rates tr.rates-last td { border: none; } 

/* ECN Rates */
table#ecn-rates { margin: 0 0 10px 5px; }
table#ecn-rates td { font-size: 1.1em; color: #8b8b90; padding: 3px 0 3px; border-bottom: 1px solid #e7e8ea ; }
table#ecn-rates td.rates-type { color: #61616a; font-weight: 800; }
table#ecn-rates td span { color: #126ca2; }
table#ecn-rates tr.rates-last td { border: none; } 

/* System Features */
#graphic-features { background: url(../images/system-features-graphic.jpg) no-repeat; width: 508px; height: 116px; }
#mid-inner { padding: 5px 15px; }
#feature-list { background: url(../images/tab-content-bg.gif) repeat-x; height: 200px; }
table#feature-list-tbl { }
table#feature-list-tbl td { border-bottom: 1px solid #ddd;padding: 3px 0 3px 15px; font-size: 1.2em; font-weight: 800;  }
#feature-list ul li span { width: 220px;  display: inline; }
#feature-list h3 { padding: 5px 0 0 15px; }

/* Login */
#login-wrap { background: url(../images/login-bg.gif) repeat-x; position: relative; margin: 15px 0 0;padding: 15px 10px 10px; height: 100px;}
#login-wrapbottom {
	background: url(../images/login-bg.gif) repeat-x;
	position: relative;
	height: 240px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#login-wrapecn {
	
	position: relative;
	height: 100px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#video-wrapbottom {
	border: 1px solid #dddddf;
	position: relative;
	height: 200px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: center;
	vertical-align: text-bottom;
}
h6 { font-size: 1.3em; font-weight: 400; color: #1177b5;margin: 0 0 3px;}
form#login { }
form#login p { margin: 0;padding: 0; clear: both; }
form#login label { width: 60px; display: block; float: left; vertical-align: middle;padding: 4px 0 0; margin-bottom: 2px;}
form#login input { width: 111px; vertical-align: middle;border: 1px solid #c3c4c8;}
form#login input#login-submit { width: 16px; vertical-align: middle;border: 0;margin-left: 3px;}
a.forgot-password { color: #8b8b90;margin: 3px 0 0 60px; display: block;}

/*
New Styles
*/

/* Main */
body#about ul#nav-main, body#main ul#nav-main { margin-bottom: 11px; }

#main-header{ background: url(../images/new/main-hdr-bg.jpg) no-repeat; height: 236px; padding: 30px 0 0 35px; margin: 0 0 10px; position: relative;}
#main-header-flash{ background: url(../images/new/main-hdr-bg.jpg) no-repeat; height: 266px; padding: 0 0 0 0; margin: 0 0 10px; position: relative;}
#main-wrap h2#welcome-hdr { width: 360px; height: 36px; background: none; padding: 0;}
h2#welcome-hdr span {background: url(../images/new/welcome-fex-group.png) no-repeat; }
#main-header img#sim { position: absolute; bottom: 0; }
#main-header img#otc { position: absolute; bottom: 0; left: 235px; }

#main-wrap .main-gradient { background: url(../images/new/main-text-bg.gif) repeat-x; padding: 15px; color: #6e6e74; line-height: 1.5;}

body#main p.intro-text { margin-bottom: 0; }
span.highlight { color: #1177b5; }
span.highlight-dark { color: #48484e; }

ul.news { padding: 10px 0 0 15px;}
ul.news li { font-size: 1.2em; margin: 0 0 20px; color: #6e6e74; }
ul.news li span.news-date { display: block; color: #55595c; }
ul.news li a { font-size: 1.2em; display: block; }
ul.news li a.more-link { font-size: 1em; }

/* About Us */
body#about ul#nav-main { margin-bottom: 10px; }
#main-wrap { width: 734px; float: left; }
#main-wrap h2{ margin-top: 0; font-weight: 400; font-size: 2em; padding: 3px 0 3px 15px; }
#about-graphic { width: 731px; height: 116px; background: url(../images/new/about-hdr.jpg); margin-bottom: 10px; }

p.intro-text { font-size: 1.5em; color: #0079c2; }
#live-broadcast { border: 1px solid #dddddf; padding: 100px 20px 10px; background: url(../images/new/cnbc-logo.png) no-repeat center 20px; text-align: center; margin: 0 0 10px;}
#col-left #login-wrap { margin: 0; }

/* Related Links */
ul.related-links { margin: 0 0 20px; }
ul.related-links li a{ font-size: 1.2em; background: url(../images/tri.gif) no-repeat 15px 7px ; padding: 3px 0 3px 25px; border-bottom: 1px solid #e7e8ea;  display: block;}
ul.related-links li a{ color: #55595c;}

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* self-clear floats */
.auto-clear:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }

/* for the Careers section */
.careerlist {
	list-style:disc;
	line-height:1.5;
	font-size: 1.2em;
	margin-left:30px;
}
.homelist {
	list-style-type: disc;
	font-size:12px;
	margin-left:30px;
}
.homelistb {
	list-style-type: decimal;
	font-size:12px;
	margin-left:30px;
}