/* START - reset CSS (http://meyerweb.com/eric/tools/css/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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
/* END - reset CSS */
/******************************************************************************************************************/

body { margin:0px; padding:0px; background:url(../images/body-bg.gif) repeat-x scroll 0 0 #FFFFFF; font-family:Arial,Verdana,Sans-Serif; font-size:12px; font-style:normal; }
a { color:#000; text-decoration:none; }
a:visited { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin-bottom:10px; text-align:justify; }
h1.page-hd { background-color:#ccc; color:#000; height:25px; line-height:25px; font-family:Trebuchet MS; font-weight:bold; margin-bottom:10px; }
h1.page-hd span { margin-left:10px; font-size:14px; }
div.page-body { margin:12px; }
h2 { font-family:Trebuchet MS; }
iframe { margin-bottom:15px;overflow:hidden; }

#main { width:960px; margin:0 auto; }
#content-center { position:relative; float:left; width: 640px; color:#545454; font-size:14px; line-height:20px; }
#content-center a, #content-center a:visited { color:#26A9E1; text-decoration:none; }
#content-center a:hover { text-decoration:underline; }
#rightsideAds{position:absolute;float:right;margin:346px 0 0 970px;}
.btn-blue { font-size:12px; display:inline-block; color:#FFF; margin-left:10px; padding-bottom:4px; text-align:center; float:right; border:none; width:65px; height:25px; background:transparent url(../images/blueButtonBG.gif) no-repeat 0 0; }
a.btn-blue, a.btn-blue:visited { color:#fff !important; padding-top:6px; }

#content-right { position:relative; float:left; margin-left:20px; width: 300px; color:#545454; font-size:14px; line-height:20px; }
#content-right a, #content-right a:visited { color:#26A9E1; text-decoration:none; }
#content-right a:hover { text-decoration:underline; }

/*** HEADER - start ***/
#header { height:160px; margin-bottom:20px; }
#header a { color:#FFF; }
#header-menu { height:28px; color:#414141; }

#header .subhead { position:relative; float:left; height:28px; line-height:24px; }

#header #links { width:320px; }
#header #mood { position:relative; width:350px; left:30px; }
#header #account-login { width:250px; }

#header .subhead div.links-wrapper {height:24px; line-height:18px; margin-top:4px; width:300px; }
#header .subhead div.menu-item { display:inline-block; text-align:center; }

#header .subhead #home { height:20px; width:46px; }
#header .subhead #ipo { height:20px; width:80px; }
#header .subhead #watchlist { height:20px; width:72px; }
#header .subhead #news { height:20px; width:52px; }

.home #header .subhead #home { background:transparent url(../images/btnMenu-grey-dark-right.gif) top right no-repeat; padding:0 13px 0 0;}
.home #header .subhead #home a { display:inline-block; height:20px; color:#000000; background:transparent url(../images/btnMenu-grey-dark-left.gif) top left no-repeat; padding:0 0 0 13px;}
.ipo-centre #header .subhead #ipo { background:transparent url(../images/btnMenu-grey-dark-right.gif) top right no-repeat; padding:0 13px 0 0;}
.ipo-centre #header .subhead #ipo a { display:inline-block; height:20px; color:#000000; background:transparent url(../images/btnMenu-grey-dark-left.gif) top left no-repeat; padding:0 0 0 13px;}
.ipo-centre div.no-listings p { text-align:center; margin-top:60px; font-style:italic; }
.watchlist #header .subhead #watchlist { background:transparent url(../images/btnMenu-grey-dark-right.gif) top right no-repeat; padding:0 13px 0 0;}
.watchlist #header .subhead #watchlist a { display:inline-block; height:20px; color:#000000; background:transparent url(../images/btnMenu-grey-dark-left.gif) top left no-repeat; padding:0 0 0 13px;}
.news #header .subhead #news { background:transparent url(../images/btnMenu-grey-dark-right.gif) top right no-repeat; padding:0 13px 0 0;}
.news #header .subhead #news a { display:inline-block; height:20px; color:#000000; background:transparent url(../images/btnMenu-grey-dark-left.gif) top left no-repeat; padding:0 0 0 13px;}

#mood { color:#999999; line-height:28px !important; }
#mood span { position:relative; float:left;}
#mood img  { position:relative; float:left; left:-4px; }
#mood .flat { color: #ffffff; background-image: url(../images/flat.gif); background-repeat: no-repeat; background-position: right; }
#mood .down { color: #d73f3f; background-image: url(../images/down.gif); background-repeat: no-repeat; background-position: right; }
#mood .up { color: #6fd73f; background-image: url(../images/up.gif); background-repeat: no-repeat; background-position: right; }
#mood .mood-quote { font-size:14px; font-weight:bold; margin-left:7px; padding-right:15px; }
#mood .mood-quote.moveflat { color: #ffffff; }
#mood .mood-quote.movedown { color: #d73f3f; }
#mood .mood-quote.moveup { color: #6fd73f; }

#account-login div { float:right; margin-left:10px; color:#ffffff; }

#logo { position:relative; margin-top:10px; }
#logo a.logo { display:block; width:241px; height:62px; text-indent:-99999em; background:url(../images/marketmood-logo.gif) no-repeat scroll 0 0 transparent; }

div#twitter { position:relative; float:right; height:48px; width:130px; }
div#twitter p { display:inline-block; margin:5px 0 0 0; text-align:right; line-height:20px }
div#twitter a { color:#000; text-decoration:underline; }
div#twitter a.icon { display:inline-block; float:right; height:48px; width:48px; }

#search { height:59px; }
#quote { position:relative; float:left; height:59px; width:373px; background: url(../images/search-input.gif) no-repeat scroll 0 10px transparent; }
#quote-inner { position:relative; height:59px; width:269px; }
#quote input { display:inline-block; width:185px; top:11px; border:0px none transparent;  height :28px; left:2px; position:relative; font-size:20px; text-align:center; text-transform:uppercase; }
#quote input.btn-quote { position:relative; float:right; top:20px; right:8px; width:58px; height:auto; text-transform:none; font-size:13px; padding:0; margin:0; background-color:transparent; color:#FFF; }

#world-times { color:#999999; float:left; font-family:Trebuchet MS,Helvetica,sans-serif; font-size:10px;  line-height:59px; }
.login #world-times { position:relative; left:373px; }
#ttl { float:left; height:59px; width:78px; }
#world-times .cw { float:left; height:59px; width:55px; margin-right:10px; margin-top:15px; line-height:18px; }
#world-times .clock { height:20px; width:auto; background:transparent url(../images/btnGrey-dark-right.gif) top right no-repeat; padding:0 6px 0 0; color:#FFF; }
#world-times .clock div { height:20px; background:transparent url(../images/btnGrey-dark-left.gif) top left no-repeat; padding:0 0 0 7px; }
#world-times .city { text-align:center; }
#world-times .tz-more { position:relative; display:inline-block; color:#999999; text-decoration:none; background:transparent url(../images/tz-more.gif) no-repeat scroll right center; padding-right:15px; }
/*** HEADER - end ***/

/*** FOOTER - start ***/
#footer-wrap { background-color:#F7F7F7; border-top:1px solid #F0F0F0; margin-top:15px; }
#footer { width:960px; margin:0 auto; height:auto; }
#footer a { color:#000; }
#footer #explore-mm { background-color:#ccc; margin:20px 0px 5px 0px ;position:relative; height:24px; line-height:24px; font-family:Trebuchet MS; font-weight:bold; }
#footer #explore-mm span { margin-left:10px; font-size:15px; }
#footer #mm-logo-small { position:relative; width:127px; height:25px; float:right; right:20px; top:25px; }
#footer #mm-logo-small img { position:relative; float:right; }
#footer #footer-links { padding:5px 0px; }
#footer .links-block { position:relative; float:left; width:232px; margin-right:10px; }
#footer #stock-links { margin-right:0px; }
#footer .links-block .header { background-color:#EAEAEA; height:20px; line-height:20px; font-family:Trebuchet MS; font-weight:bold; }
#footer .links-block .header span { margin-left:10px; font-size:13px; }
#footer .links-block ul { padding:10px; }
#footer .links-block li { margin-bottom:10px; }
#footer .links-block table { width:100%; margin-top:10px; }
#footer .links-block td { width:33%; text-align:center; padding:5px; }
#footer #footer-text { clear:both; font-size:10px; color:#CCC; position:relative; top:15px; }
#footer #footer-text a, #footer #footer-text a:visited { color:#26A9E1; text-decoration:none; }
#footer #footer-text a:hover { text-decoration:underline; }
/*** FOOTER - end ***/

.column { position:relative; float:left; width:310px; margin-right:12px; }
.column2 { position:relative; float:left; width:631px; margin-right:10px; }
.column.last-col, .column2.last-col { margin-right:0px; }

.section { position:relative; float:left; width:300px; font-family:Trebuchet MS,Helvetica,sans-serif; color:#333; margin-right:10px; }
.section .section-header { background-color:#EAEAEA; font-family:Trebuchet MS; font-weight:bold; line-height:25px; font-size:14px; }
.section .section-header span { margin-left:10px; }
.section .section-body { background-color:#FFF; padding:15px; }
.section .field { padding:0 0 10px 0; }
.section .field label { display:block; color:#777; font-size:14px; margin-bottom:5px; }
.section .field input[type='text'], .section .field input[type='password'] { width:97%; font-size:20px; }
.section .field textarea { width:97%; height:90px; }

.error-message { color:#FF0000; font-size:11px; }

#login-panel.section { width:330px; }
#login-panel.section .section-body { background-color:#F5F5F5; margin-top:10px; padding-bottom:30px; }
#login-panel.section { margin-right:0px; }
ul.join { padding:10px; list-style-type:disc; }
ul.join li { margin-left:10px; margin-bottom:5px; }

#contact-form-panel.section { width:400px; }
#contact-form-panel.section .section-body { background-color:#F5F5F5; margin-top:10px; }

#contact-details-panel.section { width:220px; }

.glossary p.top { border-bottom:1px solid #999; margin-bottom:20px; }
.glossary p.top a { display:inline-block; position:relative; float:right; font-size:10px; clear:both; }

.world-times table.times { width:100%; border-collapse:collapse; }
.world-times table.times th { font-size:11px; }
.world-times table.times td { font-size:12px; }
.world-times table.times .name { text-align:left; }
.world-times table.times .last { text-align:right; }

.quote-chart { width:610px; height:300px; margin:10px; }
.chart-nav { margin-left:5px; }
.chart-nav a { margin:0 5px; }

/*
#quote-chart { background-color: #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; margin-bottom: 25px; }
#quote-chart label { font-size: 9px; text-transform: uppercase; margin-bottom: 2px; display: block; color: #666; }
#quote-chart-img { height: 375px; width: 500px; background: #fff; border: 1px solid #ccc; float: left; margin-right: 10px; text-align: center; }
.loading { display: block; height: 32px; width: 32px; margin: auto; padding-top: 50px; float: none; text-align: center; }
#quote-chart #symbol { border: 0px;border-left: 3px solid Red;}
#quote-chart #symbol2 { border: 0px; border-left: 3px solid Blue;}
#quote-chart #param1 { border: 0px; border-left: 3px solid Pink; margin-bottom: 4px; font-weight: bold; text-align: center;background-color: #f6f6f6;  }
#quote-chart #param2 { border: 0px; border-left: 3px solid Cyan; font-weight: bold; text-align: center; background-color: #f6f6f6; }

#chart-options { width: 105px; float: left; }
#chart-options2 { clear:both; padding-top: 10px; }
#chart-options2 table.format td { padding-right: 25px; vertical-align: top; }
#chart-options2 table.indicators td { padding-right: 25px; vertical-align: middle; }
#quote-chart input.symbol { width: 100px; padding: 5px 0px; text-align: center; margin-bottom: 4px; font-weight: bold; background-color: #f6f6f6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#quote-chart select.exchange { font-size: 12px; width: 103px; font-size: 14px; text-align: center; font-weight: bold; background-color: #f6f6f6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 0px; }
#quote-chart select.format { font-size: 12px; font-weight: bold; text-align: center; background-color: #f6f6f6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 0px; }
#quote-chart #refresh1, #quote-chart #refresh2 { border: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #26a9e1; color: #fff; padding: 5px 0px; width: 105px; font-weight: bold; text-transform: uppercase; font-size: 10px; margin-bottom: 10px; }
#quote-chart h4 { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 10px; color: #999; margin-bottom: 5px; margin-top: 5px; margin-left: -10px; text-transform: uppercase; border-bottom: 1px solid #ccc; line-height: 1.4em; text-indent: 10px; }
*/

table.ipo-list { width:640px; border:1px solid #CCC; border-collapse:collapse; }
table.ipo-list th { padding:5px; font-size:11px; text-align:center; background-color:#CCC; width:1%; white-space:nowrap; vertical-align:middle; }
table.ipo-list th.name { text-align:left; }
table.ipo-list td { padding:5px 10px; font-size:11px; text-align:left; width:1%; white-space: nowrap;  border-bottom:1px solid #CCC; }
table.ipo-list td.name { padding:5px; width:95%; white-space:normal; }

table.ipo-details { width:640px; border:none; border-collapse:collapse; }
table.ipo-details td { font-size:12px; vertical-align:top; }
table.ipo-details td.label { font-size:11px; white-space:nowrap; padding-right:10px; font-weight:bold; }
#company-logo { position:relative; float:right; }

.watchlist .toolbar .inner { position:relative; float:right; }
.watchlist .toolbar .inner .tb-button { padding:0 3px; }
.watchlist #watchlist-container { margin-top:20px; }
.watchlist .watchlist-table { width:100%; border-collapse:collapse; font-size:11px; }
.watchlist .watchlist-table th { background-color:#CCC; }
.watchlist .watchlist-table td { text-align:right; padding:2px 0px; }
.watchlist .watchlist-table tr td:first-child { text-align:left; }
.watchlist .watchlist-table a.remove-symbol img { margin-right:5px; vertical-align:text-bottom; } 
.watchlist #loader { position:absolute; width:32px; height:32px; margin:4em 23em; display:none; z-index:999; }

.terms ul { padding:10px; list-style-type:disc; }
.terms ul.letter { list-style-type:lower-alpha; }
.terms li { margin-left:10px; margin-bottom:5px; }
.quote-watchlist-add { height:20px; margin-bottom:15px; }
.quote-watchlist-add div { position:relative; float:right; }

.options{color:#21AAE7;font-size:12px;font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;font-weight:bold;}