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

/* TYPOGRAPHY STYLES FOR WHICH? LOCAL */
body { font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; }

/* SECTION 1: CORE PANEL TYPOGRAPHY */
/* Header List Styles */
#container-header ul { list-style-type:none; margin:0; padding: 0px 20px 5px 5px; float: right; }
#container-header li {  background-position:top left; display:block; float:left; margin:0 2px 0 2px; padding:0; font-size: 12px; text-align: center; width: 80px; }
#container-header li a { text-decoration: none;	display:block; padding-top:55px; color: #333; margin:0px auto; background-position:top left; background-repeat:no-repeat; }
#container-header li a:hover { text-decoration: underline; }

/* Main Navigation Button Styles*/
#container-header .home a {	background: url(/images/button_li_home.jpg); }
#container-header .home a:hover { background: url(/images/button_li_home_hover.jpg) top no-repeat; }
#container-header .traders a { background: url(/images/button_li_traders.jpg); }
#container-header .traders a:hover { background: url(/images/button_li_traders_hover.jpg); }
#container-header .recommend a { background: url(/images/button_li_recommend.jpg); }
#container-header .recommend a:hover { background: url(/images/button_li_recommend_hover.jpg); }
#container-header .account a { background: url(/images/button_li_account.jpg); }
#container-header .account a:hover { background: url(/images/button_li_account_hover.jpg); }
#container-header .about a { background: url(/images/button_li_about.jpg); }
#container-header .about a:hover { background: url(/images/button_li_about_hover.jpg); }
#container-header .forum a { background: url(/images/button_li_forum.jpg); }
#container-header .forum a:hover { background: url(/images/button_li_forum_hover.jpg); }
#container-header .help a {	background: url(/images/button_li_help.jpg); }
#container-header .help a:hover { background: url(/images/button_li_help_hover.jpg); }
#container-header .search a { background: url(/images/button_li_search.jpg); }
#container-header .search a:hover {	background: url(/images/button_li_search_hover.jpg); }
#container-header-sima p { font-size: 15px;	margin:6px 0 0 15px; }
#container-header-search-radius p { font-size: 12px; margin:6px 0 0 0; }
#container-header-lower-username p { font-size: 12px; text-align: right; padding: 0; margin:9px 15px 0 0; /* "Logged in as" */ }

/* Footer List Styles */
#container-footer ul { list-style-type:none; margin:0; padding:5px; float: right; font-size:11px; }
#container-footer li { display:block; float:left; margin:0; padding:0 10px; border-right:1px solid #666; }
#container-footer li a { color:#333333; }
#container-footer .br0 { border-right:0; }
/* END SECTION 1: CORE PANEL TYPOGRAPHY */


/* SECTION 2: INNER PANELS */
/* Panels - default */
.panel-header h1 { font-size:18px; padding:0; margin:0; color:#333; }
.blue-panel .panel-header h1, .green-panel .panel-header h1, .yellow-panel .panel-header h1, .red-panel .panel-header h1 { color: #fff; }
.side-panel .panel-subheader p, .medium-panel .panel-subheader p { font-size:12px; margin:0; }
.side-panel .panel-main { font-size:12px; }

.blue-panel .panel-subheader a, .blue-panel .panel-main a { color:#0081C6; }
.yellow-panel .panel-subheader a, .yellow-panel .panel-main a  { color:#ee8800;}
.green-panel .panel-subheader a, .green-panel .panel-main a { color: #45A586; }
.red-panel .panel-subheader a, .red-panel .panel-main a { color:#ED2732; }

.side-panel .panel-main ul { margin:0; list-style: none url(/images/li.gif) outside; }
.side-panel .panel-main ul li { margin:0px 0px 4px 0px; padding-left:0px; clear:both; }

.blue-panel .panel-main ul { list-style-image: url(/images/li_blue.gif); }
.yellow-panel .panel-main ul { list-style-image:url(/images/li_yellow.gif); }
.green-panel .panel-main ul { list-style-image:url(/images/li_green.gif); }
.red-panel .panel-main ul { list-style-image:url(/images/li_red.gif); }

/* Bespoke side-panel */
.findatrader .panel-main ul { margin:0; padding: 0; font-size: 13px; }
.findatrader .panel-main ul li { margin:0; padding: 0; list-style:none none; }
.findatrader .panel-main a { text-decoration: none; display: block;}
.findatrader .panel-main a:hover { text-decoration: underline; }
.findatrader .panel-main ul li.history a { color:#ffffff; background:url(/images/li_side-panel_findatrader_history.gif) top left no-repeat; padding: 2px 0 2px 26px; }
.findatrader .panel-main ul li.history a:hover { background:url(/images/li_side-panel_findatrader_history_hover.gif) top left no-repeat; }
.findatrader .panel-main ul li.current { color:#0081C6; background: #fff url(/images/li_side-panel_findatrader_current.gif) top right no-repeat; padding: 1px 0 0 26px; border-top: 1px solid white; }
.findatrader .panel-main ul li.select a { color:#0081C6; font-weight:normal; background: #fff url(/images/li_side-panel_findatrader_select.gif) top left no-repeat; padding: 2px 0 2px 26px; }
.findatrader .panel-main ul li.select a:hover { background: #fff url(/images/li_side-panel_findatrader_select.gif) top left no-repeat; }
.findatrader .panel-main ul li.current li.select { margin-left: -26px; /* style for when select li is nested within a current li */ }
/* END SECTION 2: INNER PANELS */

/* SECTION 3: INNER CONTENT */
/* Bespoke sub-header for side panels*/
.side-panel .panel-subheader h2 { font-size:13px; margin:0; padding-bottom:5px; }

/* Bespoke List styles */
ul.breadcrumb { list-style: none none; margin:5px 0; padding: 0; }
ul.breadcrumb li { font-size: 12px; float:left; margin:0; padding:0 5px 0 0; background: none; }

.panel-main ul.ul-nobullet { list-style:none none; padding-left:0; margin-left:0; }
.panel-main ul.ul-nobullet li{ padding-left:0; margin-left:0; }
.panel-main ul.ul-hr-bottom li { border-bottom: 1px dotted #ccc; }

.ul-reduce-leading li { margin-top:4px; }

.ul-list2col { margin:0; padding:0; }
.ul-list2col li { border:0px solid #f00; display:block; margin:0 0 4px 0px; padding: 0 0 0 16px; background: url(/images/li.gif) top left no-repeat; float: left; width:224px; }
.ul-blue li { background: url(/images/li_blue.gif) top left no-repeat; /*On most popular panel*/}
.ul-color-black li a { color: #333; /*Trader lists*/}

/* Find a trader list */
ul li.findtrader-header, ul li.findtrader-moreless, ul li.cleartrader { background-image:none;  }
ul li.findtrader-header { width:50%; }
ul li.findtrader-header a { color:#ED2732; }
ul li.findtrader-inner a, ul li.findtrader-moreless a { color:#333333; }
ul li.findtrader-moreless, ul li.findtrader-inner, ul li.findtrader-header, ul li.cleartrader{ padding-left:0; margin-left:0; }
ul ul.findtrader {border:0px solid #0F0; height:100%; padding-left:0; margin: 4px 0px 8px 0px; }
ul li.findtrader-inner,ul li.findtrader-moreless{ padding-left:16px; }
ul li.cleartrader { height:1px; border-top:1px dotted #ccc; border-bottom:4px solid #fff; width:100%; }

/* Polls list */
.ul-poll,p.pollvote,p.pollnovote { width: 300px; }
p.pollvote { background-image:url(/images/icon_voted_yes.png); background-repeat:no-repeat; background-position:2px; 
padding-left:20px; width:280px; color: #ED2732; border:1px dotted #f9c3c8;  }
p.pollnovote { background-image:url(/images/icon_voted_no.png); background-repeat:no-repeat; background-position:2px; 
padding-left:20px; width:280px; color: #ED2732; border:1px dotted #f9c3c8;  }
.ul-poll { float:left; margin:0; padding:0; margin-bottom:10px; list-style-type: none; list-style-image:none; }
.ul-poll li { position: relative; display: block; _zoom: 1; 
background-color:#EEE; margin:0; margin-bottom:4px; padding: 0px 8px 0px 4px; }
.ul-poll li a, .ul-poll span.answer{ display: block; position: relative; z-index: 2; color:#F8981D; color:#ED2732; }
.ul-poll .count { display: block; position: absolute; top: 0px; right: 0; margin: 0 4px; text-align: right; 
color: #666; font-weight: bold; z-index: 5; }
.ul-poll .index { display: block; position: absolute; top: 0; left: 0; height: 100%; background: #F9c3c8; 
text-indent: -9999px; overflow: hidden; }
.ul-vote li:hover { background: #Fce3e8; cursor: pointer; }
div.panel-votecount { float:left; margin-left:10px; background:#Fce3e8; border:2px solid #F9c3c8; color:#ED2732; text-align:center; padding:10px; }

/* Progress bar list */
.progress ul { list-style-type:none; padding:0; margin:0; }
.progress li { float:left; display:block; margin:0 2px 0 0; padding:0; color:#fff; text-align:center; }
.progress li.present { background: #ED2732 url(/images/li_progress_present_right.gif) right no-repeat; }
.progress li.present strong { display:block; padding:8px 20px 8px 20px; background: url(/images/li_progress_present_left.gif) left no-repeat; }
.progress li.future { background: #ddd url(/images/li_progress_future_right.gif) right no-repeat; }
.progress li.future strong { display:block; padding:8px 20px 8px 20px; background: url(/images/li_progress_future_left.gif) left no-repeat; }
.progress li.past {	background: #999 url(/images/li_progress_past_right.gif) right no-repeat; }
.progress li.past strong { display:block; padding:8px 20px 8px 20px; background: url(/images/li_progress_past_left.gif) left no-repeat; }

/* Terms and conditions page */
.nested { list-style:none; list-style-image: none; }
.nested li{ text-indent:-28px; }
.nested ol li,.nested ul li{ text-indent:0px; }

/* Trader results - Multi-page selector*/
.results-prev-next { font-size:12px; }

/* Help / FAQ section */
dl.q_and_a dt { padding: 0 0 0 40px; margin:5px 0; font-weight: bold; background: url(/images/icon_help-question.gif) top left no-repeat; }
dl.q_and_a dd { padding: 0 0 5px 40px; margin:5px 0 5px 35px; background: url(/images/icon_help-answer.gif) top left no-repeat; }

/* Review of the Week Winner */
.trader-details-rotw-bottom p, .trader-details-rotw-bronze-bottom p { color: #fff; font-size: 11px }
.trader-details-rotw-bottom p a, .trader-details-rotw-bronze-bottom p a { color: #fff; text-decoration: none; }
.trader-details-rotw-bottom p a:hover, .trader-details-rotw-bronze-bottom p a:hover { color: #fff; text-decoration: underline; }
ul.rotw-winners { margin: 0; padding: 0; list-style: none; }
.rotw-winners li { cursor: pointer; list-style-image: none; padding: 10px; margin: 0; border-top: 1px solid #ccc; font-size: 11px; }
.rotw-winners li:hover { background-color: #eee; }

/* Tip Paragraphs */
.tip-lightbulb, .tip-recommend, .tip-helpwanted, .tip-warning, .tip-tip, .tip-comment 
{ margin:0 0 0px 0; padding: 0px 0 0px 24px; }
.scales { padding-left: 32px; padding-bottom: 8px; background: url(/images/icon_scales.gif) top left no-repeat; }
.tip-comment { background:url(/images/icon_comment.gif) top left no-repeat; }
.tip-lightbulb { background:url(/images/icon_lightbulb.gif) top left no-repeat; }
.tip-recommend { background:url(/images/icon_recommend.gif) top left no-repeat; }
.tip-helpwanted { background:url(/images/icon_helpwanted.gif) top left no-repeat; }
.tip-warning { background:url(/images/icon_validation-warning.png) top left no-repeat; }
.tip-tip { background:url(/images/icon_tip-tip.png) top left no-repeat; }
.icon-customalert { background:url(/images/icon_customalerts.png) 10px 10px no-repeat; }

p.tip-lightbulb, p.tip-recommend, p.tip-helpwanted, p.tip-warning, p.tip-tip, p.tip-comment 
{ font-size: 12px; padding: 4px 0 4px 24px; }


.beta_panel_wide ul {
list-style-image:url(/images/li_charcoal_round.png); list-style-position:outside; list-style-type:disc; margin-left:10px; padding-left:10px;
}






/* END SECTION 3: INNER CONTENT */

/* SECTION 4: HTML STYLES */
/* These styles will be used throughout the site unless specified by .class first */
a { color: #ED2732; text-decoration: none; }
a:hover { color: #ED2732; text-decoration: underline; }
h1 a { color: #333; }
h1 a:hover { color: #ED2732; }
h1 { font-size: 22px; color: #ED2732; font-weight: normal; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 16px; font-weight: normal; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
ul { margin-left: 16px; padding-left: 16px; list-style: disc url(/images/li.gif) outside; }
li { margin-top:16px; }
hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 100%; text-align: left; padding:0; }

pre { position:relative; /*IE Peekaboo Bug*/ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
img { border:none }
q { font-style: italic ; }
abbr, acronym, span.help { border-bottom: 1px dotted #333; cursor: help; }
code { color: #0081C6; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline;	_vertical-align: bottom; position: relative; /*Making sup & sub appear in paragraph leading*/ }
sup { bottom: 1ex; }
sub { top: .5ex; }
blockquote.blockquotepanel { font-size: 12px; background: #eee; border: 1px solid #ccc; padding: 5px 10px 5px 10px; }
.more { text-align: right; }
.smallprint, p.smallprint { font-size: 11px ; color: #999999; }
.openingparagraph { font-size: 15px; font-weight: bold; }
.date { font-size:11px; color: #aaaaaa; }
.helptext { font-size: 11px; color: #999999; }
img.img-thumb-article { float:left; margin: 4px 6px 4px 0px; border:1px solid #FF9B00;}
/* END SECTION 4: FCK/ USER CONTENT STYLES */