/*
 Master Stylesheet
 Site: YourLink
*/

/* Reset */
html, 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;
}

ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0; background: #fff}
/*595958*/
/* Basic Elements  */
html{font-size:100%;}
body {background: #eee; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;
; line-height: 1.33; color: #000;}
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: #244d92; text-decoration: none; }
a:hover { color: #244d92; 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; }
mainone {font-size:1.3em; margin: 0 0 1em 0; }
br2 {margin: 0 0 6em 0; }
h4.hdr-org { height: 23px; background-color:#1e3ea3; color: #fff; margin-bottom:5px; font-size: 1.2em; padding: 7px 0px 0 15px; border:1px solid #cccccc}
h4.hdr-grey { height: 23px; background:  url(../images/header-grey_test.gif) 0 1px repeat-x; color: #000; margin-bottom:10px; font-size: 1.2em; padding: 7px 0px 0 15px; border:1px solid #cccccc}
h4.hdr-grey2 { width:607px; height: 0px; background:  color: #fff; font-size: 1.3em; padding: 0px 0 0 0px;}
h5 { color: #187dba; font-size: 1.5em; font-weight: 400;margin: 0 0 .2em; }
#my-nav { font-size: 1.1em; }

.no_class, .no_class td
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:auto;
		color: default;
		font-size:13px;
		background: #eeeeee;
	}

.no_class2, form2, .no_class2 td
	{
		width:auto;
		height:auto;
		margin:0px;
		padding:0px;
		border:auto;
	}

/* Site Structure */
#wrap { width: 970px; margin: 0 auto;  }
#content { background: #fff; clear: both;  }
#col-left { width: 224px; float: left; margin: 0 7px 0 0; }
#col-mid { width: 336px; float: left; margin: 0 7px 0 0; }
#col2-mid2 { width: 734px; float: left; margin: 0 7px 0 0; }
#col3-mid3 { width: 607px; float: left; margin: 0 7px 0 0; }
#col-right { width: 390px; float: left; margin: 0; }
#col-right2 { width: 120px; 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: #000; }
#top a{ font-weight: 800; color: #000; text-decoration: none;}
#top a:hover { text-decoration:underline; }
#top span { color: #a6a6ab; }

h1#logo { width: 167px; height: 50px;font-size: 1em; overflow: hidden; position: relative; float: left;margin: 0px 15px 15px; }h1#logo span { background: url(../images/new/new_YL_logo_small_tr4-50.gif) 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#refer { width: 109px; height: 23px;font-size: 1em; overflow: hidden; position: relative; float: left;margin: 42px 34px 0px; }h1#refer span { background: url(../images/refer-a-friend_menutop.gif) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

h1#comeover { width: 160px; height: 23px;font-size: 1em; overflow: hidden; position: absolute; float: left;margin: 42px 342px 0px; }h1#comeover span { background: url(../images/comeonover_menutop.gif) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; }

h1#credit { width: 152px; height: 23px;font-size: 1em; overflow: hidden; position: absolute; float: left;margin: 42px 504px 0px; }h1#credit span { background: url(../images/credit_menutop.gif) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; }

h1#google { width: 248px; height: 32px;font-size: 1em; overflow: hidden; position: relative; float: right; margin: 17px 0px 0px 0px; }h1#google span { background: url() no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

h1#mailfly { width: 34px; height: 32px;font-size: 1em; overflow: hidden; position: absolute; float: left;margin: 38px 125px 0px; }h1#mailfly span { background: url(../images/mail_fly.gif) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; }

/* Main Navigation */
ul#nav-main2 { 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: #000; 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: #000; }
p#design-credit { float: right; width: 100px; }
p#design-credit a { color: #000; }

/*
Page Specific Styles 
*/

/* Homepage */

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 */
table#interest { margin: 0 0 10px 5px; }
table#interest td { font-size: 1.1em; color: #8b8b90; padding: 0px 0 2px; border-bottom: 0px solid #e7e8ea ; }
table#interest td.rates-type { color: #61616a; font-weight: 800; }
table#interest td span { color: #126ca2; }
table#interest tr.rates-last td { border: none; } 

/* System Features */
#mid-inner { padding: 5px 15px; }
#mid-inner2 { padding: 0px 0px; }
#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: 100px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
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-flash{ background: url(../images/new/linear2-1.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;}
#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 6px;}
ul.news li { font-size: 1.0em; margin: 0 0 20px; color: #000; }
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: 734px; height: 116px; background: url(../images/new/about-hdr.jpg); margin-bottom: 10px; }

p.intro-text { font-size: 1.5em; color: #0057C2; }/*0079c2*/
#live-broadcast { border: 1px solid #dddddf; padding: 18px 10px 10px; background: url(../images/) no-repeat center 20px; text-align: left; margin: 0 0 10px;}
#live-broadcast2 { border: 1px solid #dddddf; padding: 10px 15px 0px 10px; text-align: left; margin: 0 0 0px;}
#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; }