body { margin: 0; padding: 0; color: #000; background-color: #fff; font: 11px/16px verdana, arial, helvetica; }
img { border: 0; }
p { margin: 0 0 8px; padding: 0 0 8px; text-align: justify; }
ul { margin: 0 0 8px 17px; padding: 0 0 8px; }
ol li { text-align: justify; margin-bottom: 8px; }
td { padding: 0; }
blockquote { margin: 0; padding: 0; }
a { color: #000; text-decoration: underline; }
a:hover { color: #c00; }

h1, h2 { color: #666; font: bold 16px Times New Roman, arial, helvetica; margin: 8px 0 5px; padding: 0; }
h1 a, h2 a { color: #666; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #000; text-decoration: none; }
h1 span, h2 span, h3 span, h4 span, h5 span { color: #c00; }
h4 { font: bold 12px verdana, arial, helvetica; padding: 0; margin: 8px 0 5px; }
h5 { font: bold 11px/16px verdana, arial, helvetica; padding: 0; margin: 0; }

/* globals */
a.button, input.button { font: 11px/16px verdana, arial, helvetica; display: inline-block; padding: 1px 12px; font-weight: bold; color: #000; text-decoration: none; border: 1px solid #999; background: #fff url(layout/gradients.png) repeat-x 0 0; cursor: pointer; }
a.button:hover, input.button:hover { background: #F06767 url(layout/gradients.png) repeat-x 0 -20px; border-color: #CC0000; color: #fff; }
a.button, input.button { border-radius: 5px; box-shadow: 0 -9px 9px #aaa inset; -moz-border-radius: 5px; -moz-box-shadow: 0 -9px 9px #aaa inset; -webkit-border-radius: 5px; -webkit-box-shadow: 0 -9px 9px #aaa inset; }
a.button:hover, input.button:hover { box-shadow: 0 -9px 9px #E60101 inset; -moz-box-shadow: 0 -9px 9px #E60101 inset; -webkit-box-shadow: 0 -9px 9px #E60101 inset; }
a.button.highlight, input.button.highlight { background: #ff9 url(layout/gradients.png) repeat-x 0 -40px; border-color: #dd0; box-shadow: 0 -9px 9px #d0d000 inset; -moz-box-shadow: 0 -9px 9px #d0d000 inset; -webkit-box-shadow: 0 -9px 9px #d0d000 inset; }
a.button.highlight:hover, input.button.highlight:hover { background: #d0d000 url(layout/gradients.png) repeat-x 0 -60px; color: #000; box-shadow: 0 -9px 9px #ff9 inset; -moz-box-shadow: 0 -9px 9px #ff9 inset; -webkit-box-shadow: 0 -9px 9px #ff9 inset; }

input.textbox { margin: 4px; padding: 2px; border: 1px solid #aaa; font: 13px/16px verdana, arial, helvetica; background-color: #fff; }
input.textbox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
input.textbox.error { border-color: #a00; }

.small { font-size: 9px; line-height: 12px; }
p.columns3 { column-count: 3; column-gap: 15px; column-rule: 1px dotted #666;-moz-column-count: 3; -moz-column-gap: 15px; -moz-column-rule: 1px dotted #666; -webkit-column-count: 3; -webkit-column-gap: 15px; -webkit-column-rule: 1px dotted #666; }

strong.highlight { color: #c00; }
strong.green { color: #31B44B; }
em.cite { display: block; text-align: right; }

blockquote.lesermeinung { font-style: italic; margin: 0.5em 1em; }

/* messages */
div.message { padding: 3px 10px 6px 24px; margin: 6px 0 0; }
div.message { border-radius: 5px; box-shadow: 3px 3px 7px #aaa; -moz-border-radius: 5px; -moz-box-shadow: 3px 3px 7px #aaa; -webkit-border-radius: 5px; -webkit-box-shadow: 3px 3px 7px #aaa; }
div.message a.close { font-weight: bold; display: block; float: right; text-decoration: none; }
div.message p { margin: 0; padding: 0; }
div.message.error { border: 1px solid #ffd324; color: #5f5200; background: #fff6bf url(/images/famfamfam/error.png) no-repeat 4px 4px; }
div.message.info { border: 1px solid #6bacde; color: #003863; background: #8fbde0 url(/images/famfamfam/information.png) no-repeat 4px 4px; }
div.message.success { border: 1px solid #c6d880; color: #4e6100; background: #e6efc2 url(/images/famfamfam/accept.png) no-repeat 4px 4px; }

/* packages table */
table.packages { }
table.packages th { width: 288px; text-align: left; font-weight: normal; font-size: 13px; line-height: 16px; padding: 4px 0 4px 8px; background: url(layout/box-border.gif) repeat-x bottom left; }
table.packages td { width: 132px; text-align: center; background: url(layout/box-border.gif) repeat-x bottom left; }
table.packages td.buttons { padding: 10px 0; background: none; }
table.packages a.packages { font-size: 13px; text-decoration: none; display: block; font-weight: bold; border: 3px solid #FF8300; background-color: #FFCA91; margin: 5px; padding: 3px 0; }
table.packages a.packages { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
table.packages a.package-price { text-decoration: none; border: 1px solid #ccc; background: url(layout/button-gradient.png) repeat-x left top; font-weight: bold; color: #333; font-size: 11px; }
table.packages a.package-price { display: block; padding: 3px 6px; margin: 2px 4px; line-height: 22px; }
table.packages a.package-price { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
table.packages a.package-price span { color: #666; }
table.packages a.package-price:hover { background-position: bottom left; }


table#subscription-breadrcump td.icon { padding: 7px 6px 3px 3px; }

/* form table */
table.form { width: 515px; }
table.form.wide { width: 825px; }
table.form.border-top { background: url(layout/box-border.gif) repeat-x top left; }
table.form td.label { width: 180px; background: url(layout/box-border.gif) repeat-x bottom left; }
table.form label { display: block; color: #666; padding-left: 4px; line-height: 29px; font-weight: bold; }
table.form label.checkbox { color: #000; font-weight: normal; }
table.form label.error { color: #a00; }
table.form td.input { width: 335px; background: url(layout/box-border.gif) repeat-x bottom left; }
table.form.wide td.input { width: 645px; }
table.form td.input div { font-size: 14px; padding-top: 5px; }
table.form td.border { background: url(layout/box-border.gif) repeat-x bottom left; }
table.form td.header { font-weight: bold; padding: 4px; background-color: #ddd; }
table.form td.header a.link { font-weight: normal; float: right; }

table.form input.checkbox { float: left; margin: 8px; }
.ie table.form input.checkbox { float: left; margin: 5px; }

table.form input.textbox { width: 320px; }

table.form select { margin: 4px; padding: 2px; border: 1px solid #aaa; width: 326px; font: 13px/16px verdana, arial, helvetica; border-radius: 5px; }
table.form select { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.form select.error { border-color: #a00; }

table.form textarea { margin: 4px; padding: 2px; border: 1px solid #aaa; width: 320px; height: 100px; font: 13px/16px verdana, arial, helvetica; }
table.form textarea { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
table.form textarea.error { border-color: #a00; }

table.form tr.highlight td { background-color: #ffc399; }
table.form tr.highlight label { color: #000; }
table.form .focus { border-color: #c00 !important; }

table.form td.buttons { padding: 8px 6px; text-align: right; }
table.form strong.countrycode { display: inline-block; text-align: right; width: 35px; }
.ie7 table.form strong.countrycode { vertical-align: top; line-height: 33px; }

/* images */
.pikto { width: 138px; height: 68px; float: left; margin-right: 10px; padding: 2px 7px 2px 8px; border: 1px solid #c7c7c7; }
.pikto.full { padding: 0; width: 153px; height: 72px; }
.gecko .pikto { -moz-border-radius: 5px; -moz-box-shadow: 2px 2px 5px #c7c7c7; }
.webkit .pikto { -webkit-border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #c7c7c7; }
.ie .pikto { border: 0; padding: 2px 8px 5px 8px; background-image: url(/images/pikto.gif); }
.ie .pikto.full { padding: 0 1px 0 2px; }
.pikto.plain { width: 154px; height: 75px; border: 0; padding: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; -moz-border-radius: 0; -moz-box-shadow: none; }

.pikto.right { float: right; margin: 0 0 0 10px; }

/* Ads */
i.ad { display: block; font-size: 9px; text-align: right; color: #999; font-style: normal; }
div.box.ad-content-breaker .container { padding-bottom: 1em; }
div.ad-medium-rectangle .container { width: 300px; height: 250px; }
#plus-nav div.ad-medium-rectangle { margin-top: 10px; }
#ad-skyscraper { float: left; padding-top: 65px; }

/* Tabs */
div.tabs a.tab { display: block; float: left; margin-right: 2px; font-weight: bold; color: #000; text-decoration: none; border: 1px solid #999; border-bottom: 0; padding: 2px 8px; background: #fff url(layout/gradients.png) repeat-x 0 0; }
div.tabs a.tab { border-radius: 5px 5px 0 0; box-shadow: 0 -9px 9px #aaa inset; -moz-border-radius: 5px 5px 0 0; -moz-box-shadow: 0 -9px 9px #aaa inset; -webkit-border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 -9px 9px #aaa inset; }
div.tabs a.tab:hover, div.tabs a.tab.active { background: #F06767 url(layout/gradients.png) repeat-x 0 -20px; border-color: #CC0000; color: #fff; }
div.tabs a.tab:hover, div.tabs a.tab.active { box-shadow: 0 -9px 9px #E60101 inset; -moz-box-shadow: 0 -9px 9px #E60101 inset; -webkit-box-shadow: 0 -9px 9px #E60101 inset; }
div.tabs div.tab { border-top: 1px solid #999; padding-top: 3px; clear: both; }

/* Navigation */
ul#navigation { position: absolute; height: 21px; left: 0; top: 134px; margin: 0; padding: 0; list-style-type: none; }
ul#navigation li { display: block; float: left; margin-right: 2px; }
ul#navigation li a.tab { display: block; font-weight: bold; color: #000; text-decoration: none; border: 1px solid #999; border-bottom: 0; padding: 2px 8px; background: #fff url(layout/gradients.png) repeat-x 0 0; }
ul#navigation li a.tab:hover, ul#navigation li.active a.tab, ul#navigation li a.active.tab { background: #F06767 url(layout/gradients.png) repeat-x 0 -20px; border-color: #CC0000; color: #fff; }
ul#navigation li a.tab.highlight { background: #ff9 url(layout/gradients.png) repeat-x 0 -40px; border-color: #dd0; }
ul#navigation li a.tab.highlight:hover, ul#navigation li.active a.tab.highlight, ul#navigation li a.active.tab.highlight { background: #d0d000 url(layout/gradients.png) repeat-x 0 -60px; color: #000; }
ul#navigation li a.tab img.icon { display: block; float: left; margin-right: 5px; }

.ie ul#navigation li a.tab { line-height: 15px; margin-top: 1px; }
ul#navigation li a.tab { border-radius: 5px 5px 0 0; box-shadow: 0 -9px 9px #aaa inset; -moz-border-radius: 5px 5px 0 0; -moz-box-shadow: 0 -9px 9px #aaa inset; -webkit-border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 -9px 9px #aaa inset; }
ul#navigation li a.tab:hover, ul#navigation li.active a.tab, ul#navigation li a.active.tab { box-shadow: 0 -9px 9px #E60101 inset; -moz-box-shadow: 0 -9px 9px #E60101 inset; -webkit-box-shadow: 0 -9px 9px #E60101 inset; }
ul#navigation li a.tab.highlight { box-shadow: 0 -9px 9px #d0d000 inset; -moz-box-shadow: 0 -9px 9px #d0d000 inset; -webkit-box-shadow: 0 -9px 9px #d0d000 inset; }
ul#navigation li a.tab.highlight:hover, ul#navigation li.active a.tab.highlight, ul#navigation li a.active.tab.highlight { box-shadow: 0 -9px 9px #ff9 inset; -moz-box-shadow: 0 -9px 9px #ff9 inset; -webkit-box-shadow: 0 -9px 9px #ff9 inset; }

ul#navigation ul { position: absolute; background-color: #f6f6f6; border: 1px solid #c00; margin: 0; padding: 3px 0; min-width: 120px; display: none; }
ul#navigation li.active ul { display: block; }
ul#navigation ul li { float: none; margin: 0; padding: 0; }
ul#navigation ul li a { padding: 3px 7px; font-weight: normal; display: block; white-space: nowrap; text-decoration: none; }
ul#navigation ul li a:hover { background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 7px; color: #333; }

div#navigation-sub-container { background: #eee url(layout/navigation-sub.gif); border-left: 1px solid #999; border-right: 1px solid #999; clear: both; }
ul#navigation-sub { display: block; margin: 0; padding: 0; list-style-type: none; }
ul#navigation-sub li { display: block; float: left; margin: 0 6px; line-height: 14px; }
ul#navigation-sub li a { display: block; color: #333; text-decoration: none; padding: 4px 4px 6px; }
ul#navigation-sub li a:hover, ul#navigation-sub li a.active { color: #c00; background: transparent url(layout/nav-arrow.gif) no-repeat center bottom; }

/* dashboard */
table.trades tr:nth-child(2n+1) td { background-color: #eee; }
table.trades tr:hover td { background-color: #ffc399; }
table.trades td { padding: 2px 0; cursor: default; }
table.trades td.date { width: 107px; padding-left: 3px; }
table.trades td.prod { width: 98px; text-align: center; }
table.trades td.pos { width: 20px; text-align: center; }
table.trades td.rate { width: 72px; text-align: center; }
table.trades td.toolbox { width: 100px; padding-right: 3px; }
table.trades td.toolbox img { display: block; float: right; cursor: pointer; padding: 2px; }
#signals { height: 250px; overflow: auto; } 
#signals div.signal:nth-child(2n+1) { background-color: #eee; }
div.signal {cursor: pointer; }
div.signal div.row { height: 20px; }
div.signal div.row div { padding-top: 2px; }
div.signal.hover { background-color: #ffc399 !important; }   
div.signal img.position { display: block; width: 16px; height: 16px; float: left; margin: 2px; }
div.signal div.date { float: left; width: 110px; }
div.signal div.currency { float: left; width: 65px; height: 20px; overflow: hidden; font-weight: bold; padding-right: 2px }
div.signal div.rate { }
div.signal div.detail { padding: 3px; clear: both; }

/* performance */
#performance { width: 100%; border-collapse: collapse; margin: 0 0 4px; }
#performance th { background-color: #d5d5d5; padding: 0 2px; border-right: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; }
#performance th.left { text-align: left; }
#performance th.base { width: 100px; }
#performance td { background-color: #e9e9e9; border-right: 1px solid #c8c8c8; padding: 0 2px; }
#performance tr.highlight td { background-color: #f4f4f4; }
#performance td.rate, #performance td.hebel, #performance td.guv { text-align: right; } 
#performance .rate { border-right-style: double; border-right-width: 3px; }
#performance .guv { border-right: 0; }

/* timetable */
table.timetable td.day { width: 22px; height: 22px; }
table.timetable td.lbl { padding: 0 3px; }
table.timetable td.from select, table.timetable td.to select { font-size: 11px; } 
table.timetable td.btn img { width: 16px; height: 16px; margin: 3px 0 3px 3px; cursor: pointer; }
table.timetable td.chk { padding-left: 5px; }

/* forex signale */
#signal-images { height: 150px; }
#signal-images img { display: block; float: left; }
.bullet-link a { display: block; background: url(/images/bullet.jpg) no-repeat left center; padding: 10px 0 12px 25px; font-weight: bold; }

/* forex-faq */
h5.toggle { cursor: pointer; }
h5.toggle img.toggler { width: 9px; height: 9px; background: url(layout/toggler.gif) no-repeat left top; margin: 3px 3px 0 0; }
h5.toggle.active img.toggler { background-position: right top; }


/* layout */
#page { width: 825px; margin: 10px 15px 15px; float: left; }
div.page-border { background: url(layout/page-border.gif) repeat-x top left; clear: both; height: 6px; line-height: 1px; font-size: 1px; border-left: 1px solid #999; border-right: 1px solid #999; }

#header { width: 825px; height: 155px; background: url(layout/page-header.png) no-repeat bottom left; position: relative; }
#logo { display: block; position: absolute; top: 3px; left: 16px; width: 139px; height: 97px; }
#logo img { display: block; }
#promo-header { display: block; position: absolute; top: 25px; left: 300px; }

#login-box { position: absolute; width: 180px; height: 100px; left: 613px; top: 25px; background: url(layout/page-header-login.png) no-repeat top left; }
#login-box { /* background-color: rgba(0,0,0,.3); */ border-radius: 10px; box-shadow: 4px 4px 10px rgba(0,0,0,.5); -moz-border-radius: 10px; -moz-box-shadow: 4px 4px 10px rgba(0,0,0,.5); -webkit-border-radius: 10px; -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,.5); }


#login-box.loggedin { color: #fff; text-align: center; }
#login-box.loggedin strong { display: block; text-align: center; height: 35px; padding-top: 26px; font-size: 13px; }
#login-box.loggedin a { color: #fff; }
#login-box.loggedin a:hover { font-weight: bold; }

#login-box input.textbox { width: 158px; margin: 8px 8px 0; }
#login-box input.button { margin: 8px 8px 0; }

#zertifikate { position: absolute; width: 580px; left: 213px; top: 25px; text-align: right; }
#zertifikate img { border: 1px solid #999; }

#content { float: left; width: 515px; }
#content div.box { background: url(layout/box-border.gif) repeat-x bottom left; margin-bottom: 8px; }
#content div.box.noborder { background: none; }
#content div.box.nop { padding-bottom: 8px; }
#content div.box.teaser { min-height: 110px; }
#content div.box .bullet-plus { padding-left: 25px; background: url(/images/bullet-plus.jpg) no-repeat left top; }
#content div.box .bullet { padding-left: 25px; background: url(/images/bullet.jpg) no-repeat left top; }

div.splitscreen { float: left; padding-top: 10px; width: 405px; }
div.splitscreen.left { margin-right: 15px; }
div.dashbox { border: 1px solid #d4d4d4; margin-bottom: 10px; }
div.dashbox h3 { background: url(/images/h3-dashbox.png) no-repeat left top; font-size: 11px; margin: -1px -1px 0; padding: 5px 6px 4px; color: #000; }

#plus-nav { float: right; width: 300px; padding-bottom: 10px; }
#plus-nav h3 { width: 300px; height: 20px; font-size: 12px; color: #fff; padding: 5px 0 0 10px; margin: -1px; background: url(layout/plusnav-header.png) no-repeat top left; }
#plus-nav div.box { width: 298px; margin-top: 10px; border: 1px solid #FF852E;	background-image: none; }
#plus-nav div.box a img { display: block; }

#footer { width: 825px; height: 26px; background: url(layout/page-footer.png) no-repeat top left; color: #fff; padding: 9px 0 0 11px; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { color: #c00; }