body {
color:#444;
font:.75em 'Trebuchet MS', Helvetica, sans-serif;
margin:0;
text-align:center;
}
h1 {
font-size:1.5em;
}
h2 {
color:#424242;
margin:1em 0 .6em;
}
h2,h3,h4,h5,h6 {
font-size:1.16em;
}
button,
input,
select,
textarea {
font:1em 'Trebuchet MS', Helvetica, sans-serif;
}
h1.first,
h2.first,
h3.first,
.first-header,
#main-header {
margin-top:0 !important;
}
h2.question {
font-size:1.5em;
padding-right:10px;
}
a img {
border:none;
}
a {
text-decoration:none;
color:#e66300;
}
a:hover, a:focus {
text-decoration:underline;
}
.inset_btns span,
.tab_bar span,
.btn span,
.input_button input,
button,
.pointer {
cursor:pointer;
}
.collist,
.thread-actions,
.posting-actions,
.forum-lst,
.posting-list-detail,
.posting-list,
.price-list-detail,
.price-list,
.nl {
padding:0;
margin:0;
}
.collist li,
.thread-actions li,
.posting-actions li,
.forum-lst li,
.posting-list-detail li,
.posting-list li,
.price-list-detail li,
.price-list li,
.nl li,
.share_list_rules {
list-style:none;
}
.col-half {
width:348px;
}
#layout-content .module h3.more_margin_top {
margin-top:1.5em;
}
#layout {
margin:0 auto;
width:980px;  
background-color:#fff;
text-align:left;
}
#layout-header {
height:100px;
background:url(/res/images/header_bg.jpg) no-repeat;
position:relative;
}
.error-traceback {
background:#eee;
border:1px solid #ddd;
padding:10px;
font-family:'Courier New',monospace;
height:300px;
overflow-y:scroll;
}
.logo {
float:left;
display:block;
text-decoration:none !important;
}
.logo img {
vertical-align:middle;
}
.bold {
font-weight:bold;
}
#layout-body { 
float:left;
margin:2.5em 0 1em;
padding-right:260px;
width:720px;
}
#layout-content {
float:left;
/*position:relative;*/
width:100%;
}
#shareview #portfolio,
#marketview #portfolio,
#layout-sidebar {
float:left;
margin:0 -260px 0 20px;
width:240px;
}
#shareview #portfolio,
#marketview #portfolio {
margin-left:4px;
}
#layout-navigation {
font-family:Arial, Helvetica, sans-serif;
/* min-height:73px; */
}
#layout-navigation a {
text-decoration:none;
}
#banner {
position:relative;
float:left;
top:15px;
}
.no_margin_bottom {
margin-bottom:0;
}
#navigation,
#switch_bar {
background:#585858 url(/res/images/nav_gradient.png) repeat-x;
}
#navigation a {
color:#fff;
float:left;
font-size:1.17em;
font-weight:bold;
padding:.43em 1.15em;
}
#switch_bar a:hover,
#switch_bar .selected a {
background:#f29400 url(/res/images/nav_gradient.png) repeat-x;
text-decoration: none;
}
#navigation a:hover,
#navigation .selected a {
background:#f29400 url(/res/images/nav_gradient.png) repeat-x;
}
#quicksearch {
background:url(/res/images/icons/icons.png) no-repeat 0 -995px;
position:relative;
top:35px;
height:30px;
width:250px;
}
#quicksearch input {
background:0;
float:left;
height:17px;
margin-left:12px;
margin-top:5px;
width:189px;
border-width:0; 
}
#quicksearch input[type="submit"] {
border:0;
cursor:pointer;
height:20px;
margin:4px 0 0;
padding:0;
text-indent:-9999px;
width:20px;
}
#subnavigation {
background-color:#f29400;
color:#fff;
}
/* empty subnavigaion */
div#subnavigation {
height:1em;
padding:0.4em 0;
}
#subnavigation .first {
margin-left:.3em;
}
#subnavigation a {
color:#fff;
float:left;
padding:.3em 1em;
}
#filternavigation {
background-color:#e8e8e8;
border-bottom:1px solid #d6d6d6;
color:#999;
clear:both;
font-size:.92em;
line-height:20px;
min-height:20px;
padding:.1em 1.5em;
}
#filternavigation .nl,
#filternavigation li {
display:inline;
}
.nav-filter a {
color:#666;
padding:0 1em;
}
.nav-filter .first a {
padding-left:0;
}
.filter-prefix {
margin-right:1em;
}
.nav-filter a:hover,
#subnavigation a:hover {
color:#914a14;
}
.nav-breadcrumbs a {
padding:0 .5em 0;
}
.nav-breadcrumbs .first a {
padding-left:1em;
}
.nav-breadcrumbs .last span {
padding:0 .5em 0 0;
}
.nav-breadcrumbs .last {
color:#999;
}
.nav-breadcrumbs span,
.nav-breadcrumbs a,
#subnavigation .selected a,
#filternavigation .selected a {
color:#914a14;
font-weight:bold;
}
.content-teaser {
padding:5px 15px;
background-image:url(/res/images/greenbox-bg.png);
border-top:solid 1px #ced78f;
border-bottom:solid 1px #ced78f;
color:#495f5e
}
.margin_bottom {
margin-bottom: 1em;
}
.btn_fleft,
.fleft,
.left {
float:left;
}
.btn_fright,
.fright,
.right {
float:right;
}
.btn_fright .btn {
margin-left:10px;
}
.btn_fleft .btn {
margin-right:10px;
}
.col-name {
text-align:left;
padding-left:.5em;
}
/*TODO:clean up classes */
.col-val, .col-d1d, .col-exp, .col-delta, .col-count, .col-value, .col-buy, .col-sell, .col-low, .col-high, .col-total, .col-exp1, .col-exp3, .col-exp7, .col-payback, .col-date,
.col_right, .col-right {
text-align:right;
}
th.col-exp, th.col-exp1, th.col-exp3, th.col-exp7 {
width:5em;
}
.share_merge .col-change {
width:7.5em;
}
.col-typ, .col_center, .col-center {
text-align:center;
}
.col-social-share,
.col-details {
width:5.583em;
}
.col-link {
width: 65px;
}
#adbanner-top {
position:absolute;
right:0;
top:0;
background-color:#f0f0f0;
width:440px;
height:64px;
}
/* Module Styles */
#layout-content .module {
position:relative;
margin-bottom:16px;
}
#layout-content .module h3 {
margin:10px 0;
}
#layout-content .highlighted {
margin:0 0 10px;
background:#929292 url(/res/images/nav_gradient.png) repeat-x;
border:1px solid;
border-color:#9c9c9c #8a8a8a #787878;
color:#fff;
float:left;
margin:0;
padding:6px 0 7px 10px;
width:708px;
}
#tol_orderlist .quickbuy,
#tol_orderlist .quicksell {
margin:3px 0 0 3px;
}
.iconbar {
position:absolute;
right:0;
top:0;
width:55px;
height:24px;
z-index:99;
}
.iconbar .users {
background-image:url(/res/images/icons/uc1.png);
background-repeat:repeat-x;
background-position:right center;
width:7px;
height:16px;
position:absolute;
top:5px;
left:0;
}
.iconbar .users.u0 {
background-image:url(/res/images/icons/uc0.png);
}
.iconbar .users.u1,
.iconbar .users.u0 {
left:20px;
}
.iconbar .users.u2 {
width:14px;
left:13px;
}
.iconbar .users.u3 {
width:21px;
left:6px;
}
.iconbar .users.u4 {
width:28px;
}
.iconbar .market-end {
background:url(/res/images/icons/market_countdown.png) no-repeat 0 0;
height:19px;
position:absolute;
top:4px;
right:6px;
width:19px;
}
.iconbar .closed {
background-position:0 0;
}
.iconbar .active_infinite {
background-position:-19px 0;
}
.iconbar .active_longest {
background-position:-38px 0;
}
.iconbar .active_long {
background-position:-57px 0;
}
.iconbar .active_short {
background-position:-76px 0;
}
.iconbar .active_shortest {
background-position:-95px 0;
}
.iconbar .initial {
background-position:-114px 0;
}
.iconbar .inactive_infinite {
background-position:-152px 0;
}
.iconbar .inactive_longest {
background-position:-133px 0;
}
.iconbar .inactive_long {
background-position:-152px 0;
}
.iconbar .inactive_short {
background-position:-171px 0;
}
.iconbar .inactive_shortest {
background-position:-190px 0;
}
#bundletrade,
#share_values {
background-color:#f3f3f3;
border:1px solid #d5d5d5;
}
#bundletrade {
padding:13px 16px;
}
#bundletrade #bundle_quantity {
border:0;
border-top:1px solid #b0b0b0;
border-left:1px solid #cecece;
margin:0 5px 0 3px;
width:57px;
}
#bundletrade .info {
margin:0;
}
#layout-content #bundletrade h3 {
margin:0 0 5px;
}
#user .avatar,
.avatar-list .avatar {
background-color:#fff;
border:1px solid #d8d8d8;
float:left;
margin:0 7px 0 0;
padding:1px;
}
#user .no_user_img,
.avatar-list .no_user_img,
.avatar.no_user_img {
background:#fff url(/res/images/user_default.png) no-repeat 50% 50%;
display:block;
height:48px;
width:48px;
}
.shares_table {
font-size:.83em;
}
span.share-color {
border:solid 1px #d5d5d5;
display:block;
float:left;
height:10px;
margin:.166em .5em 0 0;
width:10px;
}
.trend .val {
width:10px;
height:10px;
display:inline-block;
margin-left:3px;
position:relative;
top:1px;
}
.trend .val.fall {
background:transparent url(/res/images/icons/trends.png) no-repeat 0 -15px;
}
.trend .val.rise {
background:transparent url(/res/images/icons/trends.png) no-repeat 0 0;
}
.trend .val.none {
background:transparent url(/res/images/icons/trends.png) no-repeat 0 -29px;
}
* Register- bzw. Settings Form */
.login-form,
#register_form {
background-color:#f0f0f0;
}
#login .login_teaser {
font-weight: bold;
}
#login .register_text_general {
padding-bottom: 5px;
}
.login-form label,
#register_form label {
padding:0 10px;
display:block;
}
#register_form td.last {
padding-right:10px;
display:block;
width:200px;
line-height: 1.3em;
}
#register_form tr.error input {
border:1px solid #c00;
}
.error {
color:#c00;
}
input.text,
#register_form input {
border:1px solid #e3e3e3;
}
.register_table {
padding:10px 0;
width:100%;
}
.register_table tr {
line-height:2em;
}
.register_table tr.last_row td  {
padding-top:10px;
}
.register_table td {
vertical-align:top;
}
.register_table .separator {
background:#fff;
height:7px;
}
#forum_info h3 {
margin:0 !important;
}
.form-addpost {
}
.form-addpost fieldset {
border:0;
border-top:1px solid #fff;
margin:0 0 10px;
padding:5px 0 0;
}
.form-addpost .form-addtitle,
.form-addpost .form-addbody {
border:0;
padding-top:0;
}
.form-addtitle label,
.form-addtitle input {
display:block;
float:left;
width:58px;
}
.form-addtitle label {
padding:2px 0;
}
.form-addtitle input {
width:389px;
margin:0 0 0 6px;
}
.form-addbody {
clear:left;
}
.form-addpost #field_body {
width:702px;
}
/*  sidebar MODULES */
.grey_box,
#layout-sidebar .module,
.pm .pm_body .text {
background:#f0f0f0;
border:solid 1px #ccc;
padding:.8em 1.2em;
}
#layout-sidebar .module {
margin:0 0 13px;
}
#layout-sidebar .module h3 {
margin:0 0 5px;
}
.trans, .trans h1, .trans h2, .trans h3, .trans h4, .trans h5, .trans a, .trans thead {
/* temp disabled */
/*  color:green !important; */
}
#portfolio {
background-color:#faf3e1;
border:1px solid #f3e8ca;
padding:5px 7px 10px;
}
#portfolio h3 {
color:#666;
}
#shareview .lytcols,
#marketview .lytcols {
width:460px;
padding-right:260px;
}
#shareview .lytcol-1,
#marketview .lytcol-1 {
width:100%;
float:left;
}
#portfolio .keyvals {
margin:0 5px;
}
#portfolio .keyvals .val {
float:right;
}
#portfolio .ptotal .val {
border-top:1px solid #f3e8ca;
}
#portfolio .first_action {
margin-top:20px;
}
#portfolio .btns-inline {
margin-top:.5em;
}
.btns-inline li {
float:left;
margin:.5em 1.2em 0 0;
}
.btns-inline .last {
margin-right:0;
}
/* styles tables or lists */
.ranking-table,
.general_table {
background:#ececec;
border-collapse:collapse;
width:100%;
}
#trader-rank-table .col-pos {
width:10%;
}
#trader-rank-table .col-user {
width:36%;
}
#trader-rank-table .col-points {
width:15%;
}
#trader-rank-table .col-perf {
width:17%;
}
#trader-rank-table .col-perf-total {
width:22%;
}
#active-rank-table .col-pos {
width:10%;
}
#active-rank-table .col-user {
width:75%;
}
#active-rank-table .col-points {
width:15%;
}
.forum-box,
.slider-box,
.forum-hdr-box,
#posting_caption,
#posting_caption_bottom,
.posting,
.posting-list,
.price-list {
background:#ececec;
border:1px solid #d5d5d5;
}
.posting-list-detail .first-posting,
.share-results #posting_list li {
background-color:#f0f0f0;
}
.posting-list-detail,
.price-list-detail,
.share_news_detail {
margin:0 0 10px;
}
#posting_caption.thread_locked,
.thread_locked .posting-header,
.thread_locked .posting-list-detail .first-posting {
background:#FBEDB0!important;
}
.slider-box {
margin:10px 0 0;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.forum-box {
margin:0 0 5px;
}
.forum-hdr-box {
margin:10px 0;
}
.collist.header li,
.forum-hdr,
.ranking-table thead,
.general_table thead {
background:#929292 url(/res/images/nav_gradient.png) repeat-x;
border:1px solid;
border-color:#9c9c9c #8a8a8a;
border-bottom:0;
color:#fff;
}
.posting-header h4,
.price-header h4 {
margin:0;
}
.forum-box-header,
.posting-header,
.price-header {
background:#d5d5d5 url(/res/images/nav_gradient.png) repeat-x;
border-bottom:1px solid #c8c8c8;
margin:1px;
position:relative;
}
.first-posting .posting-header {
background-color:#c5c5c5;
border-color:#b8b8b8;
}
.forum-box-header {
margin:0;
}
.form-footer,
.forum-box-footer,
.posting-footer {
background:#ececec url(/res/images/nav_gradient.png) repeat-x;
border-top:1px solid #fff;
margin:0 1px 1px;
}
.collist.header .cl,
.ranking-table th,
.general_table th {
border-right:1px solid #bababa;
font-weight:normal;
line-height:1.4;
padding:.25em .5em;
text-align:center;
}
.posting-list,
.ranking-table tbody,
.general_table tbody {
border:1px solid #d5d5d5;
border-top-color:#787878;
}
.posting-list-overview {
border:1px solid #d5d5d5;
}
.general_table tfoot {
border:1px solid #d5d5d5;
}
.posting,
.price {
margin:0 0 5px;
}
.posting-actions li {
float:left;
margin:5px 15px 5px 0;
}
.posting-actions .posting-rate {
float:right;
margin-right:0;
}
.rate-icon-disabled,
.rate-icon {
background:url(/res/images/icons/icons.png?v=201010121) no-repeat 0 -254px;
display:block;
height:20px;
width:34px;
}
.rate-icon:hover {
background-position:0 -274px;
}
.rate-icon-disabled {
background-position:0 -294px;
}
.collist .cl,
.ranking-table td,
.general_table td {
border-right:1px solid #fff;
padding:.25em .5em;
}
.slider-box,
.forum-hdr-box,
#posting_caption,
#posting_caption_bottom,
.posting-header,
.posting-body,
.posting-footer,
.price-header,
.price-body,
.forum-box-header,
.forum-box-footer,
.forum-hdr,
.posting-list li,
.price-list li {
padding:3px 6px;
}
.posting-body,
.price-body {
overflow:hidden;
}
.forum-box-body {
padding:6px;
}
.form-footer {
padding:6px 5px 5px;
}
.ranking-table .count,
.ranking-table .pos,
.general_table .count,
.general_table .pos {
text-align:center;
}
.collist .cl.last,
.ranking-table th.last,
.ranking-table td.last,
.general_table th.last,
.general_table td.last{
border-right:0;
}
.ranking-table td.points,
.ranking-table td.perf,
.ranking-table td.perf_total,
.general_table td.points,
.general_table td.perf,
.general_table td.perf_total {
text-align:right;
}
table.forum-data .odd,
.posting-list .odd,
.ranking-table .odd,
.general_table .odd {
background:#f3f3f3;
}
.hover .posting-header,
.focus .posting-header,
.hover .price-header,
.focus .price-header,
.ranking-table .focus,
.general_table .focus {
background-color:#fbdc88;
}
.hover .posting-header,
.focus .posting-header,
.hover .price-header,
.focus .price-header {
border-color:#f2c855;
}
.posting-header.hover,
.posting-header:hover,
.price-header.hover,
.price-header:hover {
background-color:#fbedb0;
border-color:#ffe182;
cursor:pointer;
}
.general_table tfoot {
background:#e2e2e2;
font-weight:bold;
}
.general_table th .col-exp,
.general_table th .col-name {
text-align:center!important;
}
.ranking-button {
background:url(/res/images/icons/icons.png) no-repeat 0 -715px;
color:#fff;
float:left;
font:bold 20px Arial,sans-serif;
height:48px;
margin:0 0 0 3px;
position:relative;
text-align:center;
width:96px;
}
.ranking-button a {
color:#fff;
display:block;
font-size:11px;
height:18px;
overflow:hidden;
padding:26px 0 0;
position:absolute;
left:1px;
top:0;
width:92px;
}
.ranking-button span {
display:block;
}
.ranking-button a:hover span {
text-decoration:none !important;
}
/* styles for numbers in shares and user rankings */
.rise {
color:#41a62a;  
}
.fall {
color:#e2001a;
}
.same {
}
.bigger {
font-size:1.3em;
}
/* no data available (shares) or user new */
.none {
}
/* general cols left - right */
#share_values .left {
float:left;
width:50%;
}
#marketview_content.overview .left {
width:318px;
}
#marketview_content .right {
width:400px;
}
#bundletrade .left {
width:46%;
}
#bundletrade .right {
width:54%;
}
#share_values .right {
width:50%;
}
#layout-footer .left {
width:49%;
}
#layout-footer .right {
width:49%;
}
#transaction_overlay.general_table {
line-height:1.6em;
}
.avatar-list li {
float:left;
margin:0 0 13px 3%;
width:30%;
}
.avatar-list li.first {
clear:both;
margin-left:0;
}
.avatar-list .userdata {
float:left;
}
#movers .avatar {
margin-right:19px;
}
/* PM-LIST TABLE*/
#pm_list_table .selected  {
background-color:#d3d3d3;
}
#pm_list_table .new  {
font-weight:bold;
}
#pm_list_table .pm_date {
width:110px;
}
#pm_list_table .pm_delete {
width:15px;
}
.pm .pm_subject {
font-size:1.1em;
margin-top:0.5em;
}
.pm .pm_body {
margin:0.5em 0 1em;
}
.pm .pm_body .label {
font-size:1.1em;
}
.pm .pm_body .text {
margin-top:0.25em;
}
.pm_seperator {
background:none repeat scroll 0 0 #9A9A9A;
border:0 none;
height:1px;
margin:1em 0;
}
.slider,
.slider_closed {
height:16px;
position:relative;
}
.slide-left,
.slide-right,
.slide-closed-left,
.slide-closed-right {
position:absolute;
}
.slide-right,
.slide-closed-right {
right:0;
top:0;
}
.sliderbar,
.posting-slider,
.sliderbar_closed {
margin:0 2em;
top:2px;
}
#ranking_slider {
margin:.25em 0;
}
#sysmessages {
margin:0 0 16px;
}
.btn_container {
margin:.5em 0;
}
.inset_btns a,
.inset_btns span,
.tab_bar .ui-state-hover a,
.tab_bar .ui-state-hover span,
.tab_bar .ui-state-active a,
.tab_bar .ui-state-active span,
.input_button,
.input_button input,
.btn,
.btn span,
#share_select .tab_bar .active a,
#share_select .tab_bar .active span,
#share_select .tab_bar a:hover,
#share_select .tab_bar a:hover span {
background:url(/res/images/buttons/buttons.png) no-repeat 0 0;
height:20px;
display:inline-block;
}
.input_button {
margin-right:4px;
}
.input_button input {
border:0 !important;
color:#fff;
font:bold 1em 'Trebuchet MS', Helvetica, sans-serif;
height:20px;
text-shadow:0 1px 1px rgba(0,0,0,.4);
margin:0;
}
.inset_btns a,
.input_button,
.tab_bar a,
.btn  {
background-position:100% -40px;
color:#fff;
font-weight:bold;
line-height:20px;
outline:0;
padding:0 10px 0 0;
text-align:center;
text-decoration:none !important;
text-shadow:0 1px 1px rgba(0,0,0,.4);
}
.tab_bar a  {
font-weight:normal;
}
.btn {
font-size:.92em;
}
.inset_btns span,
.input_button input,
.tab_bar span,
.btn span {
padding:0 0 0 10px;
}
.btn .icon {
padding:0;
}
.input_button:hover,
.btn:hover,
.btn_orange {
background-position:100% -120px;
}
.input_button:hover input,
.btn:hover span,
.btn_orange span {
background-position:0 -80px;
}
.btn_orange:hover {
background-position:100% -304px;
}
.btn_orange:hover span {
background-position:0 -284px;
}
.btn_red,
.btn_green {
font-size:1.08em;
height:22px;
}
.btn_red span,
.btn_green span {
height:22px;
}
.btn_red {
background-position:100% -452px;
}
.btn_red span {
background-position:0 -430px;
}
.btn_red:hover {
background-position:100% -496px;
}
.btn_red:hover span {
background-position:0 -474px;
}
.btn_green {
background-position:100% -540px;
}
.btn_green span {
background-position:0 -518px;
}
.btn_green:hover {
background-position:100% -584px;
}
.btn_green:hover span {
background-position:0 -562px;
}
.btn_arrow {
background-position:100% -60px;
padding-right:16px;
}
.btn_arrow span {
padding-right:7px;
}
.btn_arrow:hover {
background-position:100% -140px;
}
.btn_plus span {
background-position:0 -20px;
padding:0 0 0 23px;
}
.btn_plus:hover span {
background-position:0 -100px;
}
.btn_big {
font-size:1em;
}
#shares-popular .btn {
font-size:1.09em;
}
.inset_btns {
background:#929292 url(/res/images/nav_gradient.png) repeat-x;
border:1px solid;
border-color:#a1a1a1 #939393 #7f7f7f;
height:22px;
list-style:none;
margin:0;
padding:2px 7px;
}
#tol_ordertype_btns {
padding:2px 20px;
}
.inset_btns a {
background-position:100% -262px;
color:#666;
font-weight:bold;
font-size:1.08em;
height:22px;
text-align:center;
text-shadow:0 1px 1px rgba(255,255,255,.4);
}
.inset_btns span {
background-position:0 -240px;
height:22px;
}
.tab_bar {
height:20px;
min-height: 20px;
list-style:none;
margin:0 0 10px;
padding:3px 7px;
}
#switch_bar {
display: inline-block;
list-style:none;
margin:16px 0 0px;
padding:0;
margin-top: 0;
}
.tab_bar li,
.inset_btns li {
float:left;
margin:0 10px 0 0;
height: 1.8em;
}
#switch_bar li {
float:left;
margin:0;
}
#switch_bar a {
color: #FFFFFF;
display: block;
height: 26px;
line-height: 26px;
padding: 0 10px;
}
#tol_ordertype_btns span {
width:251px;
}
#ordertype_sell {
margin:0 28px 0 0;
}
#ordertype_buy {
margin:0;
}
.tab_bar span {
padding:0 10px 0 20px;
}
.tab_bar .ui-state-hover a,
#share_select .tab_bar a:hover {
background-position:100% -220px;
}
.tab_bar .ui-state-hover span,
#share_select .tab_bar a:hover span {
background-position:0 -200px;
}
#portfolio_shares #pol_shares a,
#portfolio_orders #pol_orders a,
#portfolio_transactions #pol_transactions a,
.sell #ordertype_sell a,
.buy #ordertype_buy a,
.inset_btns a:hover,
.tab_bar .ui-state-active a,
#share_select .tab_bar .active a {
background-position:100% -180px;
color:#fff;
margin-top:1px;
text-shadow:0 1px 1px rgba(0,0,0,.4);
}
.tab_bar .ui-state-active span,
#share_select .tab_bar .active a span {
background-position:0 -160px;
}
#portfolio_shares #pol_shares a,
#portfolio_orders #pol_orders a,
#portfolio_transactions #pol_transactions a,
.sell #ordertype_sell a,
.buy #ordertype_buy a,
.inset_btns a:hover,
.inset_btns a:hover span {
height:20px;
}
#portfolio_shares #pol_shares span,
#portfolio_orders #pol_orders span,
#portfolio_transactions #pol_transactions span,
.sell #ordertype_sell span,
.buy #ordertype_buy span,
.inset_btns a:hover span {
background-position:0 -160px;
}
.dropdown {
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
box-shadow:0 0 3px rgba(0,0,0,.5);
-moz-box-shadow:0 0 3px rgba(0,0,0,.5);
-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);
list-style:none;
margin:0 10px;
padding:3px 10px;
position:absolute;
z-index:9;
}
#share_select .dropdown {
top:20px;
width:164px;
}
.dropdown a {
color:#fff;
display:block;
font-weight:bold;
text-decoration:none;
}
.dropdown a:hover {
color:#eec38d;
}
.dropdown,
.dropdown_grey {
background:#acacac;
}
.to_market .key {
font-weight:bold;
}
.market-listing {
margin:0 0 1em;
}
#market_chart {
float:right;
height:233px;
}
#market_table {
float:left;
width:54%;
}
#ui-datepicker-div {
background:#fff;
border:1px solid #d2d2d2;
}
.big_prizes,
.big_notepad,
.big_bulb,
.big_dart,
.big_wf2 {
background:url(/res/images/icons/big_icons.png) no-repeat 0 0;
color:#e66300;
padding:0 0 0 40px;
}
.big_prizes,
.big_bulb {
background-position:0 -69px;
padding-top:10px;
min-height:30px;
}
.big_prizes {
background-position:-3px -144px;
}
.big_dart {
background-position:-1px -210px;
min-height: 38px;
}
.big_wf2 {
background-position:-1px -279px;
}
#layout-sidebar #info_sidebar h3 {
margin-top:20px;
}
#layout-sidebar #info_sidebar h3:first-child {
margin-top:0;
}
#info_sidebar p {
margin:5px 0;
}
.order_spreadlist {
border:1px solid;
border-color:#b2b2b2 #9c9c9c #949494;
font-size:.83em;
list-style:none;
margin:0;
padding:0;
}
#order_spread .order_spreadlist {
width:310px;
}
#tol_order_spread .order_spreadlist {
width:250px;
}
.order_spreadlist li {
background:#acacac url(/res/images/nav_gradient.png) repeat-x scroll 0 0;
border-right:2px solid #ccc;
color:#fff;
cursor:pointer;
height:30px;
padding:5px 0;
text-align:center;
width:76px;
white-space:nowrap;
}
.order_spreadlist .price {
font-size:1.2em;
font-weight:bold;
}
.order_table td:hover,
.order_table td.hover,
.order_spreadlist li.hover,
.order_spreadlist li:hover {
background-color:#f29400 !important;
}
.order_spreadlist_buy .item1,
.order_spreadlist_sell .item4 {
border-right:0;
}
.order_spreadbox_buy,
.order_spreadlist_buy,
.order_spreadlist_sell li {
float:left;
}
.order_spreadbox_sell,
.order_spreadlist_buy li,
.order_spreadlist_sell {
float:right;
}
#order_spread .best-sell-offer,
#order_spread .best-buy-offer {
position:absolute;
top:45px;
}
#tol_order_spread .best-sell-offer,
#tol_order_spread .best-buy-offer {
position:absolute;
top:auto;
margin:6px 0 0;
}
.best-sell-offer {
left:-6px;
}
.best-buy-offer {
right:-6px;
}
.best-sell-offer a,
.best-buy-offer a {
background:url(/res/images/icons/overlay_best_offer_arrow.gif) no-repeat 0 0;
cursor:pointer;
display:block;
height:8px;
width:11px;
}
.best-sell-offer a:hover,
.best-buy-offer a:hover {
background-position:0 100%;
}
#tol_order_spread .current-value,
#order_spread .current-value {
float:left;
text-align:center;
position:relative;
}
.order_spreadlist .current-value {
font-size:1.2em;
}
.current-value {
font-weight:bold;
}
#order_spread .current-value {
padding:6px 0 0;
width:96px;
}
#tol_order_spread .current-value {
padding-top:4.5em;
width:98px;
}
.ui-slider-handle {
background:#d5d5d5 !important;
}
.ui-tabs,
.ui-tabs-panel {
background:0;
border:0;
}
.hidden,
.template {
display:none;
}
.informant-error:after,
#tol_my_order_form:after,
.collist:after,
.ui-informant-content:after,
.posting-header:after,
.posting-list:after,
.posting-list li:after,
.price-header:after,
.price-list:after,
.price-list li:after,
.form-addtitle:after,
.thread-actions:after,
.posting-actions:after,
#user-header:after,
.module:after,
.cols:after,
#banner:after,
#userbox:after,
#navigation:after,
#subnavigation:after,
#layout-body:after,
#layout-footer:after,
.lytcols:after,
#shareview_content #order_spread:after,
#share_values:after,
#share_intro:after,
#tol_portfolio .box:after,
#tol_portfolio_cash:after,
#tol_portfolio_shares:after, 
#tol_portfolio_orders:after,
#market_overview:after,
#share_description:after,
.clearfix:after {
clear:both;
display:block;
content:'.';
height:0;
visibility:hidden;
}
.clear {clear:both}
.hide-text, #tol_x #close a, #tol_x #reload a, .best-buy-offer a, .best-sell-offer a, .p-icon {font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;}
#marketlist.module {
width:100%;
}
#marketlist.module #all_markets {
position: relative;
}
#marketlist.module .filter {
position:absolute;
top:0;
right:0px;
color:#666;
}
.market-listing button.arrow {
background:url(/res/images/icons/icons.png) no-repeat 0 -374px;
border:0;
height:20px;
left:0;
padding:0;
position:absolute;
top:2px;
width:20px;
}
.market-listing .market button.arrow:hover {
background-position:0 -394px;
}
.market-listing .market.active button.arrow {
background-position:0 -414px;
}
.market-listing .market.active button.arrow:hover {
background-position:0 -434px;
}
.toggle-arrow-left {
background:url(/res/images/icons/icons.png) no-repeat 100% -456px;
display:block;
padding-left: 24px;
padding-right: 0;
}
.toggle-arrow-left {
display:block;
padding-right:25px;
}
.toggle-arrow-left:hover {
background-position:100% -476px;
}
.toggle-arrow-left.open {
background-position:100% -496px;
}
.toggle-arrow-left.open:hover {
background-position:100% -516px;
}
.toggle-arrow-left.closed {
background-position:-3px -376px;
}
.toggle-arrow-left.closed:hover {
background-position:-3px -396px;
}
.market-listing .market {
position:relative;
}
.market.even {
background-color:#fff;
border:solid 1px #fff;
}
.market.odd {
background-color:#f0f0f0;
border:solid 1px #f0f0f0;
}
.market-listing .module-static {
padding:4px 60px 4px 20px;
position:relative;
}
.market.active {
background-color:#faf3e1;
border:solid 1px #f3e8ca;
}
.market-listing .market-link {
text-decoration:none;
font-size:13px;
}
.market-listing .module-dynamic .wrapper{
padding:6px 6px 6px 20px;
float:left;
width:680px;
}
.market-listing .market-stats {
float:left;
margin:0 0 1em;
padding-right:170px;
width:180px;
}
.market-listing .market-stats .left {
}
.market-listing .market-stats .right {
margin-right:-170px;
width:170px;
float:right;
}
.market-listing .market-chart {
width:328px;
height:200px;
float:right;
}
.market-listing .module-dynamic .cols {
width:350px;
padding-right:338px;
}
.market-listing .module-dynamic .col.left {
float:left;
width:100%;
}
.market-listing .module-dynamic .col.right {
float:right;
width:328px;
margin-right:-338px;
}
.market-listing .shares_table {
margin:0 0 1em;
}
#marketlist.module .shares_table button.active {
background-image:url(/res/images/icons/checked.png);
}
.my_prediction_table .open_orders_invisible {
color:#787878;
font-size:0.9em;
}
.module-dynamic  h3 {
margin-top:0;
}
#locale_selection {
position:absolute;
right:0;
}
#locale_selection li {
background:#cecece;
display:none;
}
#locale_selection a {
color:#333;
display:none;
font-size:.9em;
font-weight:bold;
padding:4px 3px 5px 2em;
text-decoration:none;
width:7em;
}
#locale_selection a:hover {
background:#cecece url(/res/images/icons/arrow-333-right.gif) no-repeat 10% 52% !important;
}
#locale_selection .selected a {
background:#cecece url(/res/images/icons/arrow-333-down.gif) no-repeat 10% 52%;
display:block;
}
#locale_selection .selected,
#locale_selection:hover li {
display:block;
}
#locale_selection:hover a {
background:#cecece;
display:block;
}
#shares-popular.module {
font-size:11px;
}
#shares-popular.module li {
background-color:#f0f0f0;
position:relative;
padding:5px 5px 5px 75px;
margin:5px 0;
min-height:60px;
}
#shares-popular.module h4 {
margin:3px 0;
font-size:14px;
}
#shares-popular.module h4 a {
color:#424242;
text-decoration:none;
font-size:14px;
font-weight:bold;
}
#shares-popular.module h4 a:hover {
color:#e66300;
text-decoration:underline;
}
#shares-popular.module .market a {
color:#ae754a;
}
.prediction .label {
font:.92em Arial,sans-serif;
padding-top:8px;
line-height:1em;
}
.prediction .val {
padding-top:4px;
font:bold 1.1em Arial,sans-serif;
}
.prediction-btn {
background:url(/res/images/icons/icons.png) no-repeat 0 -886px;
color:#fff;
height:60px;
width:60px;
margin:auto;
text-align:center;
font-size:0.75em;
}
#current_prediction.prediction-btn {
background-position:0 -825px;
}
.prediction-btn .label {
font:.92em Arial,sans-serif;
padding-top:8px;
line-height:1em;
}
.prediction-btn .val {
padding-top:4px;
}
#shares-popular.module a.prediction {
background:url(/res/images/icons/icons.png) no-repeat 0 -764px;
color:#fff;
display:block;
height:60px;
left:5px;
position:absolute;
text-align:center;
text-decoration:none;
top:5px;
width:60px;
}
#shares-popular.module .prediction .label {
display:block;
padding-top:11px;
}
#shares-popular.module .prediction .val {
display:block;
}
#shares-popular.module .btn {
bottom:10px;
position:absolute;
right:10px;
}
#recent-postings.module a {
text-decoration:none;
}
#recent-postings.module a:hover {
text-decoration:underline;
}
#layout-footer {
border-top:1px solid #e8e8e8;
clear:both;
margin-top:1em;
padding-top:1em;
}
#layout-footer .left #about,
#layout-footer .left #community {
float:left;
width:49%;
}
#layout-footer h3{
margin:0 0 7px;
}
#layout-footer,
#layout-footer a{
color:#999;
text-decoration:none;
}
#layout-footer a:hover {
text-decoration:underline;
color:#e66300;
}
/* TODO */
.share_overview .col-share {
width:50%;
}
.share_overview .col-change,
.share_overview .col-prediction {
width:25%;
}
.share_overview td.col-name {
position:relative;
}
.share_overview .aid_name_table {
margin-left:25px;
}
.toggle-visible {
background:url(/res/images/icons/icons.png) no-repeat 0 -334px;
border:0;
float:right;
height:20px;
padding:0;
width:20px;
}
.odd .toggle-visible {
background-position:0 -354px;
}
.inactive .toggle-visible {
background-color:#b6b6b6 !important;
opacity:.75;
}
.inactive .toggle-visible:hover,
.inactive .toggle-visible:active {
opacity:1;
}
.loading .toggle-visible {
background:url(/res/images/loading/snake_transparent_333.gif) no-repeat !important;
}
#market_table .aid,
.share_merge .aid {
display:none;
}
.col-exp {
width:68px;
}
.col-exp .val {
padding-left:20px;
text-align:right;
}
.prognosis {
/*background:url(/res/images/icons/prognosis_bg_orange.gif) no-repeat 1.5px 50%;*/
background:url(/res/images/icons/prognosis_sprite.png) no-repeat 2px -36px;
border:0;
color:#fff !important;
font-size:.83em;
font-weight:bold;
margin:2px 0 0;
padding:0 6px;
text-align:center;
text-decoration:none !important;
position:absolute;
z-index:100;
}
.prognosis.down {
background:url(/res/images/icons/prognosis_sprite.png) no-repeat 0 0px;
font-size:.92em;
padding:3px 11px 3px;
margin:-2px 0 0 -2px;
}
#market_details_table .prognosis {
position:relative;
}
#market_details_table  {
margin-bottom: 15px;
}
#ranking_caption {
color: #666666;
font-size: 0.9em;
margin-bottom: 0.1em;
}
#marketview .hover-question {
background:#f5ae3d;
color:#fff;
overflow:hidden;
height:22px;
padding:4px 0 0 80px;
position:absolute;
white-space:nowrap; 
z-index:100;
}
.table-caption .prognosis {
position:static;
padding-top:10px;
background: url(/res/images/icons/prognosis_sprite.png) no-repeat 1px -63px;
margin:0;
padding:0 5.5px;
cursor:auto;
}
.table-caption .info {
float:left;
}
.table-caption #show_all {
text-align:right;
}
.order_table {
border-collapse:collapse;
text-align:center;
width:100%;
}
.order_table td:hover,
.order_table td.hover,
.order_table td.part-own-order,
.order_table td.own-order {
background-color:#9ac52f;
background-image:url(/res/images/nav_gradient.png);
background-position:0 0;
background-repeat:repeat-x;
}
/* currently not used - bbr
.order_table td.part-own-order {
background-color:#e8b11a;
}
*/
.order_table td {
font-size:.83em;
padding:0;
}
.order_table thead th {
padding:0 0 7px;
}
.order_table tfoot th,
.order_table tfoot td {
padding:7px 0 0;
}
.order_table tbody td {
background:#ececec;
border:1px solid #fff;
border-width:0 1px 1px 0; 
color:#424242;
cursor:pointer;
height:30px;
padding-bottom:6px;
padding-top:7px;
}
.order_table .left,
.order_table .right {
float:none;
}
.order_table th.left {
text-align:left;
}
.order_table .top {
border-top:1px solid #d5d5d5;
}
.order_table .bot {
border-bottom:1px solid #d5d5d5;
}
.order_table td.left {
border-left:1px solid #d5d5d5;
}
.order_table td.right {
border-right:1px solid #d5d5d5;
}
.order_table .current {
background:0;
border:0;
color:#424242;
}
.order_table .price {
font-size:1.2em;
}
.order_table .current,
.order_table tfoot {
font-weight:bold;
}
#PageOverlay {
position:absolute;
top:0;
width:720px;
z-index:200;
}
#PageOverlay .template {
display:none;
}
#PageOverlay .ol-bg {
background:#000;
display:inline-block;
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:200;
}
#PageOverlay .ol-lyt {
border:4px solid #bbb;
background:#fff;
padding:0;
position:absolute;
top:0;
width:712px;
z-index:210;
}
#PageOverlay.loading .ol-lyt {
min-height:300px;
}
#PageOverlay.loading #reload a {
background:url(/res/images/loading/snake_transparent_333.gif) no-repeat 50% 50%;
}
.hook {
position:relative;
}
/* Overlay Head */
#TradingOverlay .informant-error,
#tol_header {
background:#f0f0f0;
padding:20px 20px 15px;
}
#PortfolioOverlay {
background:#f0f0f0;
padding:15px 15px 30px;
}
#current_prediction {
float:left;
}
#tol_header_text {
float:left;
margin:0 88px 0 10px;
width:262px;
}
#tol_body {
margin:20px 20px 50px 90px; 
position:relative;
}
#tol_body #my_prediction {
left:-70px;
position:absolute;
top:0;
}
#tol_order_spread h4 {
font-size:1.5em;
margin:0 0 9px;
padding:7px 0;
text-align:center;
}
.order_spreadbox_buy h4 {
background-color:#ecb6a9;
background-image:linear-gradient(100% 100% 90deg,#ecb6a9,rgba(255,255,255,.5));
background-image:-moz-linear-gradient(100% 100% 90deg,#ecb6a9,rgba(255,255,255,.5));
background-image:-webkit-gradient(linear,0 100%,0 0,from(#ecb6a9),to(rgba(255,255,255,.5)));
border:1px solid #e2b2a7;
color:#ad0b12;
}
.order_spreadbox_sell h4 {
background-color:#c7e2b4;
background-image:linear-gradient(100% 100% 90deg,#c7e2b4,rgba(255,255,255,.5));
background-image:-moz-linear-gradient(100% 100% 90deg,#c7e2b4,rgba(255,255,255,.5));
background-image:-webkit-gradient(linear,0 100%,0 0,from(#c7e2b4),to(rgba(255,255,255,.5)));
border:1px solid #c0dcac;
color:#2d6803;
}
.sell_bg,
.buy_bg {
border:1px solid;
height:198px;
position:relative;
text-align:center;
width:250px;
}
.sell_bg {
background:#f9e2d9;
border-color:#ebcbc3;
float:left;
}
.order_spreadbox_sell {
background:#f0f8ea;
}
.buy_bg {
background:#d9edcb;
border-color:#c0dcac;
float:right;
}
.order_spreadbox_buy {
background:#fdf3f0;
}
.order_spreadbox_sell,
.order_spreadbox_buy {
padding:0 0 18px;
}
#tol_orderpane .shadow-box {
background:#f8f8f8;
background:rgba(255,255,255,.8);
border:1px solid #e3e3e3;
left:0;
margin:23px 50px 0;
padding:12px 46px;
position:absolute;
top:0;
width:410px;
z-index:998;
}
#tol_orderpane .shadow-box p {
margin:1em 0;
}
#order_form {
position:relative;
}
#order_form .text {
width:80px;
}
#order_form .text {
margin:0 10px 0 0;
}
#order_form .btn_red,
#order_form .btn_green {
float:left;
}
#order_form .btn_green {
float:right;
}
#order_form .btn_red span,
#order_form .btn_green span {
padding:0 10px 0 20px;
width:90px;
}
#order_form .btn_red .icon,
#order_form .btn_green .icon {
padding:0 0 0 22px;
width:auto !important;
}
#tol_header .ol-title {
font-size:14px;
font-weight:bold;
margin:4px 0 30px;
}
.ol-label .share_short {
/* color:#ae754a;*/
font-weight:bold;
}
#tol_orderlist.sell #ibuy,
#tol_orderlist.buy #isell {
display:none;
position:relative;
}
/* ORDER PANE */
#tol_orderpane {
position:relative;
}
#tol_orderpane .padding-wrapper {
padding:10px;
background-color:#f9f9f9;
/* border:solid 1px  #bbbbbb; */
border-top-width:0;
margin-bottom:2.5em; /* need the space for #tol_noticehandle */
position:relative;
}
/* ORDER LIST */
#tol_orderlist {
width:276px;
min-height:195px;
margin-bottom:2em;
}
#tol_orderlist .plabel,
#tol_myorder .plabel,
#tol_portfolio .plabel {
padding-bottom:0.4em;
}
#tol_orderlist ul.content {
border:1px solid #d5d5d5;
border-top-color:#787878;
}
#tol_orderlist ul.content li {
background:#ececec;
cursor:pointer;
}
#tol_orderlist ul.content .odd .cl {
background:#f3f3f3;
}
.ranking-table tr.hover,
.general_table tr.hover,
#tol_orderlist ul.content .hover .cl,
#tol_orderlist ul.content .selected .cl {
background-color:#f2e9cc;
}
#tol_orderlist ul.content .hover.odd .cl,
#tol_orderlist ul.content .selected.odd .cl {
background-color:#fbf3e1;
}
#search_share_results tr.hover {
cursor:pointer;
}
.collist,
.collist li {
clear:both;
float:left;
}
.collist .cl {
float:left;
text-align:right;
white-space:nowrap;
width:78px;
}
.cl input {
margin:0;
padding:0;
width:54px;
}
#tol_myorder {
min-height:60px;
}
#tol_myorder .hooked {
margin-left:-10px;
}
#tol_myorder li {
height:30px
}
#tol_myorder .cl {
padding:3px 0;
text-align:center;
}
#tol_myorder_form .cl {
background:#787878 url(/res/images/nav_gradient.png) repeat-x scroll 0 0;
}
#tol_myorder .cl.price input,
#tol_myorder .cl.amount input,
#tol_myorder .cl.total input {
border:none;
height:17px;
padding:3px 0 0;
}
.cl.expires {
width:auto;
overflow:visible !important;
}
.cl.order {
left:277px;
width:80px;
overflow:visible !important;
}
#field_expires {
width:30px;
}
#btn_toggle_calendar {
width:20px;
}
#tol_myorder_loading {
position:absolute;
top:4px;
left:0px;
}
/* PORTFOLIO */
#tol_portfolio {
float:left;
margin:0;
position:static;
width:252px;
}
#tol_portfolio .box {
padding:10px;
background:#f6f6f6;
border:1px solid #d7d7d7;
}
#tol_portfolio .key {
clear:left;
float:left;
font-weight:bold;
}
/*
#tol_overcommit_warning {
background:transparent url(/res/images/buttons/warning.gif) no-repeat scroll center bottom;
color:#FFFFFF;
display:inline-block;
height:13px;
margin-top:0;
padding:0;
text-indent:-900000px;
width:11px;
cursor:pointer;
}
*/
#tol_portfolio .ocinfo .key {
background:transparent url(/res/images/buttons/warning.gif) no-repeat scroll right center;
padding-right:16px;
cursor:pointer;
}
#tol_portfolio .val {
float:right;
}
#tol_info {
position:absolute;
right:0px;
top:90px;
margin:10px;
width:175px;
}
#tol_info .box {
padding:10px;
}
#tol_order_spread .label {
font-weight:bold;
padding-bottom:5px;
text-align:center;
}
#tol_order_spread li {
width:61px;
}
#tol_order_spread li.sep {
background-color:#999;
width:2px;
}
#order_spread .part-own-order,
#order_spread .own-order,
#tol_order_spread .part-own-order,
#tol_order_spread .own-order {
background:#9ac52f url(/res/images/nav_gradient.png) repeat-x;
border-color:#c9e67f;
}
/* currently not used - bbr
#order_spread .part-own-order,
#tol_order_spread .part-own-order {
background-color:#e8b11a;
border-color:#f4cd5b;
}
*/
/* close- and reload-button */
#tol_x {
position:absolute;
right:15px;
top:8px;
}
#tol_x #close,
#tol_x #reload {
float:left;
}
#tol_x #close a,
#tol_x #reload a {
display:block;
width:32px;
height:26px;
cursor:pointer;
}
#tol_x #close a {
background:url(/res/images/buttons/close.gif) no-repeat top center;
}
#tol_x #close a:hover {
background-position:bottom center;
}
#tol_x #reload a {
background:url(/res/images/buttons/reload.gif) no-repeat top center;
}
#tol_x #reload a:hover {
background-position:bottom center;
}
.calendar.popup {
z-index:300;
}
/* new calender */
#tol_date_btn {
cursor:pointer;
background:transparent url(/res/images/buttons/button_overlay_calendar.gif) no-repeat 0px 0px;
width:109px;
text-align:center;
padding-left:7px;
padding-right:25px;
height:22px;
border:none;
}
/*
.cl.expires_time {
width:90px;
overflow:visible !important;
text-align:left !important;
}
*/
.expires_time {
background:transparent url(/res/images/buttons/button_overlay_time.gif) no-repeat 100% 0;
cursor:pointer;
height:18px;
padding:2px 20px 2px 10px;
}
#field_expires_time {
background:0;
border:0;
cursor:pointer;
text-align:right;
width:32px;
}
#order_form .focus {
background:#fff;
border:1px solid #999;
}
#field_expires_time.focus {
cursor:auto;
width:30px;
}
#order_form .error {
border:1px solid #c00;
}
#field_expires_time.disabled {
color:#ddd;
}
#tol_myorder #tol_myorder_labels .cl{
background-image:none;
background-color:transparent;
}
#tol_myorder_form .cl.total {
padding-right:5px;
text-align:right;
width:95px;
}
#tol_myorder_form .cl.total input {
text-align:right;
width:70px;
}
#tol_myorder_form .cl.order {
background:0;
height:20px;
width:100px;
}
#tol_myorder_form input#btn_order {
background:transparent url(/res/images/buttons/prognosis_large_on_grey.gif) no-repeat center center;
border:0;
color:#FFFFFF;
height:20px;
line-height:20px;
padding-bottom:2px;
width:84px;
font-family:'Trebuchet MS';
font-size:12px;
cursor:pointer;
}
#tol_myorder_form_ext .expires-label {
padding-top:6px;
text-align:left;
}
#tol_time_popup .wrapper {
position:absolute;
background-color:#F0F0F0;
padding:4px;
z-index:10;
border:solid 1px #ccc;
}
#tol_time_popup input {
width:20px;
}
/*
#tol_time_popup.hidden {
display:block;
height:0px;
overflow:hidden;
}
*/
#tol_time_popup.hidden .wrapper {
position:static;
}
/* notice classes:
.request :notice from a started Ajax.Request
.response :notice from a Ajax.Response
.request.fail :the request failed
.request.success :the request was a full success
.request.partial :the request was a partial success
.response.transaction :a transaction news
.response.error :a transaction error
*/
#tol_transaction {
background:#f0f0f0;
margin:0;
padding:40px 20px 15px 90px;
}
#tol_transaction .wrapper {
width:85px;
margin-left:-85px;
float:left
}
#tol_transaction .request {
background-color:#d7d7d7;
}
#tol_transaction .response {
background-color:#ddd;
}
#tol_transaction .notice {
margin:0 0 1px;
padding:10px;
background-color:#d7d7d7;
}
#tol_transaction .transaction {
color:#7d7d7d;
padding:6px 10px;
}
#tol_transaction .latest .notice{
background-color:#e1e1e1;
}
#tol_transaction .request.success {
background:#d7d7d7 url(/res/images/icons/trading_success.gif) no-repeat 98% 50%;
}
#tol_transaction .request.part_success {
background:#d7d7d7 url(/res/images/icons/trading_part_success.gif) no-repeat 98% 50%;
}
#tol_transaction .request.fail {
background:#d7d7d7 url(/res/images/icons/trading_error_new.gif) no-repeat 98% 50%;
}
#tol_noticehandle {
position:absolute;
bottom:-1.8em;
right:0px;
cursor:pointer;
}
#tol_info .info {
background-color:#ffb;
padding:1em;
border:solid 1px #ccc; 
}
#tol_orderlist ul.content .own-order .price,
#tol_orderlist ul.content .part-own-order .price {
background-image:url(/res/images/icons/own-order-icon.gif);
background-repeat:no-repeat;
background-position:5px 50%;
}
#tol_orderlist ul.content .part-own-order .price {
background-image:url(/res/images/icons/part-own-order-icon.gif);
}
/* REPLACE SELECT field_onsplit */
#field_onsplit_container {
display:inline-block;
/*background:transparent url(/res/images/icons/arrow_down_fff.gif) no-repeat 100% 50%;*/
padding-right:10px;
cursor:pointer;
}
input#field_onsplit {
border:none;
color:#424242;
font-family:'Trebuchet MS';
font-size:12px;
margin:0;
padding:0;
text-align:left;
width:92px;
cursor:pointer;
background:transparent;
}
#field_onsplit_container ul.popup-list {
border:none;
left:182px;
top:1.6em;
position:absolute;
background-color:#F9F9F9;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#field_onsplit_container ul.popup-list li {
height:1.5em;
padding:2px 0 0 4px;
cursor:pointer;
width:100px;
}
#field_onsplit_container ul.popup-list li.selected {
display:none;
}
#field_onsplit_container ul.popup-list a {
color:#424242;
display:block;
}
#field_onsplit_container ul.popup-list a:hover {
text-decoration:none;
background:transparent url(/res/images/icons/arrow_left_fff.gif) no-repeat 96% 50%;
}
/*  list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
z-index:100;
left:193px;
top:30px;
*/
#split_selection li {
height:auto;
}
#split_selection a {
color:#424242;
display:none;
font-size:.9em;
font-weight:bold;
padding:4px 10% 5px 10%;
text-decoration:none;
width:7em;
cursor:pointer;
background-color:#fff;
}
#split_selection a:hover {
background:#fff url(/res/images/icons/arrow_left_fff.gif) no-repeat 90% 52% !important; 
text-decoration:underline;
}
#split_selection a.selected {
/*background:#fff url(/res/images/icons/arrow_down_fff.gif) no-repeat 90% 52%; */
display:block;
}
#split_selection:hover a {
display:block;
}
#PortfolioOverlay h3 {
margin:1em 0 .3em;
}
.quickorder {
position:absolute;
}
#ShareOverlay .col1 {
width:20%;
}
#ShareOverlay .col2 {
width:31%;
}
#ShareOverlay .col3,
#ShareOverlay .col4,
#ShareOverlay .col5 {
width:12%;
}
#ShareOverlay .col6 {
width:13%;
}
#OrderOverlay .order-table .btn-col {
width:9%;
}
#OrderOverlay .order-table .id-col {
width:20%;
}
#OrderOverlay .order-table .name-col {
width:31%;
}
#OrderOverlay .order-table .price-col,
#OrderOverlay .order-table .amount-col {
width:12%;
}
#OrderOverlay .order-table .date-col {
width:16%;
}
#TransactionOverlay .id-col {
width:20%;
}
#TransactionOverlay .name-col {
width:31%;
}
#TransactionOverlay .type-col {
width:6%;
}
#TransactionOverlay .amount-col,
#TransactionOverlay .price-col,
#TransactionOverlay .cost-col {
width:9%;
}
#TransactionOverlay .date-col {
width:16%;
}
.general_table input {
border:0;
box-shadow:inset 1px 1px 1px rgba(0,0,0,.4);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.4);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.4);
padding:0 .3em;
text-align:right;
width:4em;
}
#OrderOverlay .btns .ui-icon {
float:left;
}
/* Share-View Navigation  */
#share_tabs {
margin-top:15px;
}
/* order spread */
#shareview_content #share_intro_left {
float:left;
width:550px;
}
#share_intro_left img {
border:1px solid #ddd;
float:left;
margin-bottom:10px;
margin-right:10px;
padding:2px;
}
#share_intro_left h2{
margin-bottom:0;
}
#share_intro_left .body p{
margin-top:0;
}
#share_intro_left .placeholder_img {
float: left;
min-height: 80px;
}#share_values {
margin-top:30px;
}
#share_values .kv {
margin-top:5px;
}
#share_values .kv .key {
display:inline-block;
width:40%;
}
#share_select a {
font-weight: normal;
}
.share_question {
float: left;
width: 520px;
}
#sharechart {
width:100%;
clear:both;
}
#shareview_content {
clear:both;
}
#shareview_content .prediction {
background:url(/res/images/icons/icons.png) no-repeat 0 -654px;
height:61px;
text-align:center;
font-weight:bold;
width:121px;
color:#fff;
}
#shareview_content .prediction .val {
padding-top:4px;
font-size:1.4em;
}
#shareview_content .open_trade {
margin:8px 0 0;
text-align: center;
}
#share_description  {
margin-bottom:10px;
}
.to_market .val a {
color:#ae754a;
}
#share_intro_right  {
float:right;
}
.news_body {
margin-bottom: 5px;
}
.ui-widget-content #share_buy_spreadlist li a,
.ui-widget-content #share_sell_spreadlist li a {
color:#ddd;
}
#share_values  {
padding:12px 21px;
}
#user.module .actions {
float:left;
font-size:.92em;
margin:0 0 1em;
}
#user.module .actions li {
background-image:url(/res/images/icons/user-sidebar-icons.png);
background-repeat:no-repeat;
padding:0 0 0 25px;
height:18px;
position:relative;
}
#uact_portfolio {
background-position:0 0;
}
#uact_message {
background-position:0 -20px;
}
#uact_settings {
background-position:0 -38px;
}
#uact_logout {
background-position:0 -54px;
}
.new-messages {
background:#d00; 
color:#fff; 
font:bold 9px/11px Helvetica,Arial,sans-serif;
display:block; 
left:10px; 
padding:0 2px;
position:absolute;
}
#login.module .link.down{
background-image:url(/res/images/icons/arrow-orange-down.png);
}
#user.module a, #login.module a {
color:#ae754a;
}
#login.module .link {
background:url(/res/images/icons/icons.png) no-repeat -123px -177px;
color:#e66300;
display:block;
font-weight:bold;
padding:0 0 0 1em;
}
#shareview .to_market {
background:url(/res/images/icons/icons.png) no-repeat -123px -177px;
color:#e66300;
display:block;
padding:0 0 0 1em;
}
#login.module .form-row {
clear:both;
float:left;
margin:3px 0;
padding-right:150px;
width:64px;
}
#login.module .form-btns {
clear:both;
float:left;
margin:3px 0 8px;
width:100%;
}
#login.module form {
width:100%;
}
#login.module label {
float:left;
width:100%;
}
#login.module .inpt-col {
float:right;
margin-right:-150px;
width:144px;
}
#login.module .input_button {
float:right;
margin:0;
}
#login.module .action {
margin:0 0 1em;
}
#online_counter, #register_action {
clear:both;
}
#user-detail {
background:#f0f0f0;
padding:.85em .85em .85em 174px;
}
#user-detail h1 {
margin:0 0 .5em;
float:left;
}
#user-pic {
background-color:#fff;
border:1px solid #d8d8d8;
float:left;
height:148px;
margin:0 0 0 -164px;
padding:2px;
width:148px;
}
#user-pic.no_user_img {
background:#fff url(/res/images/user_default_big.png) no-repeat 50% 50%;
}
#user-info {
float:right;
width:100%;
}
#user-header {
clear:both;
padding:0 0 .67em 0;
margin:0 3px .85em 0;
border-bottom:1px solid #d6d6d6;
}
#user-buttons {
float:right;
margin:.25em 0 0 0;
}
#user-actions {
clear:left;
}
#user-actions li {
float:left;
}
.send-msg,
#user-actions #send-msg,
#user-actions .add-fav {
color:#8e8e8e;
font-size:.91em;
margin:0 4px 0 0;
}
.send-msg,
#send-msg {
background:url(/res/images/icons/icons.png) no-repeat -1px -316px;
padding:0 0 0 22px;
}
#user-info dl {
margin:0;
}
#user-info dt {
clear:left;
float:left;
font-weight:bold;
}
#user-info dd {
float:left;
margin:0 0 0 .5em;
}
#user-postings {
float:right;
}
#user-postings h2.first {
margin-bottom:.3em;
}
#user-postings li {
margin:0 0 1em;
}
#user-postings a {
line-height:1em;
}
#user-postings .date {
color:#a0a0a0;
display:block;
font-size:.91em;
line-height:1em;
}
#user-rankings {
float:left;
}
#user-active-ranking {
margin-bottom:1.5em;
}
#ForumThreadView.loading #posting_list {
opacity:.5;
}
.forum-hdr {
font-size:1.16em;
margin:0;
}
.forum-hdr a {
color:#fff;
}
.posting-list,
.price-list {
margin:0 0 10px;
}
.forum-table .unread a,
.posting-list .unread a {
font-weight:bold;
}
.thread-info {
float:left;
padding-right:80px;
}
.thread-icons {
float:right;
margin:0 0 0 -80px;
position:relative;
width:80px;
}
.posting-info,
.price-info {
float:left;
width:80%;
}
.posting-icons {
float:right;
position:relative;
width:18%;
}
.posting-icons span,
.posting-icons a {
float:right;
margin:0 0 0 5px;
}
.forum-table .col-topic {
width:70%;
}
.forum-table .col-posts {
width:10%;
}
.forum-table .col-lastpost {
width:20%;
}
.forum-table th {
white-space:nowrap;
}
.forum-table th.topic {
text-align:left;
}
.favorite-table .col-topic {
width:75%;
}
.favorite-table .col-notice {
width:20%;
}
.favorite-table .col-actions {
width:5%;
}
#ForumThreadView .collapsible,
#ForumPostingAdd .collapsible {
display:none;
}
#ForumThreadView li.expand .collapsible,
#ForumPostingAdd li.expand .collapsible  {
display:block;  
}
#ForumThreadView .collapse-tool {
/* collapse-all , expand-all switches */
}
#add_share_confirm {
display:none;
}
.confirm #add_share_confirm {
display:block;
}
.confirm .head {
display:none;
}
#layout #layout-body .icon,
.p-icon {
background:url(/res/images/icons/icons.png) no-repeat 0 0;
display:block;
height:20px;
width:20px;
}
.p-icon.pi-locked {
background-position: 0 -635px;
}
.icon {
float:left;
}
.p-icon {
position:absolute;
}
.pi-sticky {
background-position:0 -614px;
}
.pi-blocked {
background-position:0 -634px;
}
.pi-type-information {
background-position:0 -574px;
right:50px;
}
.pi-type-question {
background-position:0 -594px;
right:50px;
}
.pi-likes-low {
background-position:0 -114px;
right:0;
}
.pi-likes-high {
background-position:0 -134px;
right:0;
}
.pi-shares {
background-position:0 -154px;
right:25px;
}
.minus-icon {
background-position:0 -534px !important;
}
.plus-icon {
background-position:0 -554px !important;
}

.tinymce-fleft {
float:left;
}
.tinymce-fright {
float:right;
}
.text-arrow {
font-family:inherit;
}
/* begin informant */
.ui-informant {
border:0;
position:relative;
margin:0 0 5px;
}
.ui-informant-titlebar {
position:relative;
}
.ui-informant .ui-informant-titlebar-close {
margin:-9px 0 0;
position:absolute;
right:10px;
top:50%;
}
.ui-informant-content {
background:#f2f3f3;
border:0;
padding:6px 12px;
}
.ui-informant-titlebar {
background:url(/res/images/bg-repeat-x.png) repeat-x 0 0;
border:1px solid;
padding:1px 12px 0;
}
.ui-informant-title {
background:url(/res/images/icons/icons.png) no-repeat 0 0;
font-weight:bold;
padding:0 0 0 18px;
}
.info-msg-titlebar {
background-color:#bfd5de;
border-color:#b3d0db;
}
.info-msg .ui-informant-title {
background-position:0 2px;
}
.news-msg-titlebar {
background-color:#fbdd89;
background-position:0 -32px;
border-color:#ffcf6d;
}
.news-msg .ui-informant-title {
background-position:0 -30px;
}
.error-msg-titlebar {
background-color:#fc9290;
background-position:0 -64px;
border-color:#fd8474;
}
.error-msg .ui-informant-title {
background-position:0 -62px;
}
/* end informant */
#search_share_form {
margin:0 0 5px;
}
.add-fav,
.arrow-right-before,
.arrow-down-before,
.big-arrow-down-before,
.big-arrow-up-before {
background:url(/res/images/icons/icons.png) no-repeat 0 0;
padding:0 0 0 10px;
}
.arrow-right-before {
background-position:0 -175px;
}
.arrow-down-before {
background-position:0 -194px;
}
.big-arrow-down-before {
background-position:0 -215px;
}
.big-arrow-up-before {
background-position:0 -236px;
}
.add-fav {
background-position:0 -97px;
padding:0 0 0 22px;
}
.thread-actions {
margin:5px 0 10px;
}
.thread-actions li {
float:left;
margin:0 20px 0 0;
}
.thread-actions .last {
margin:0;
}
#sb_my_markets {
font-size:.92em;
}
.home-teaser {
background:#f9fcd7 url(/res/images/people-world.jpg) no-repeat 100% 100%;
border:1px solid;
border-color:#f0f5cc #f0f5cd #eff5cc;
color:#585858;
font-size:1.42em;
}
.home-teaser p {
margin:10px 232px 10px 21px;
}
.home-teaser-header {
background:url(/res/images/hometeaser_header.png) no-repeat;
height:30px;
margin:23px 0 12px 20px;
width:331px;
}
.home-teaser-btn {
background:url(/res/images/buttons/button_big.png) no-repeat 0 0;
color:#fff;
display:inline-block;
font:bold .94em Arial,Helvetica,sans-serif;
height:27px;
text-decoration:none !important;
margin:12px 0 12px 13px;
padding:15px 6px 6px 51px;
text-shadow:-1px -1px 5px rgba(0,0,0,.3);
width:305px;
}
.home-teaser-btn:hover {
background-position:0 -48px;
text-shadow:1px 1px 5px rgba(0,0,0,.3);
}
.market-logo {
border:1px solid #d8d8d8;
float:left;
margin-right:1em;
padding:2px;
}
.sort-icon {
float:right;
}
.sort a {
background:url(/res/images/icons/ui_icons.png) no-repeat 100% 0;
display:block;
padding-right:20px;
}
.slide_placeholder {
min-height: 300px;
}
.share_merge .social_share_links a,
.hide_visual {
font-size:0;
line-height:0;
overflow:hidden;
text-indent:-9999px;
}
.blue_list {
color:#565998;
}
.sidebar_market {
font-weight: bold;
margin-bottom: 0;
}
.social_share_links {
font-size:.917em;
line-height:1.636em;
text-align: right;
margin-bottom: -26px;
margin-top: 16px;
}
.social_share_links ul {
display:inline;
}
.social_share_links li {
float:right;
margin:0 0 0 .833em;
}
.share_merge .social_share_links li {
margin:0 .5em;
}
.social_share_links a {
background:url(/res/images/icons/icons.png) no-repeat 0 0;
padding:0 0 0 20px;
}
.share_merge .social_share_links a {
display:block;
height:16px;
padding:0;
width:16px;
}
.social_share_links .fb_share_link {
background-position:0 -948px;
}
.social_share_links .twitter_share_link {
background-position:0 -968px;
}
#share_select .tab_bar {
background:#f29400;
border:1px solid;
border-color:#f29400 #ec9204 #cd8005;
margin-top: 0;
height: auto;
}
#share_select .tab_bar span {
padding: 0 0 0 10px;
}
.italic {
font-style: italic;
}
.share_list_rules {
margin-top: 0;
padding-left: 0;
}
.share_list_rules li {
display: inline;
}
#postit h3 {
background:url(/res/images/icons/big_icons.png) no-repeat 0 -349px;
padding:0 0 9px 50px;
min-height: 30px;
padding-top: 10px;
}
#postit h4 {
margin:1.5em 0 .5em;
}
#locale_selection_stat {
position:absolute;
top: 107px;
right:5px;
}
#locale_selection_stat li {
float: left;
}
#locale_selection_stat li {
border-right: 1px solid #333;
}
#locale_selection_stat li.last {
border-right: none;
}
#locale_selection_stat a {
color:#333;
font-size: 0.9em;
padding: 4px 5px;
text-decoration:none;
}
#locale_selection_stat a:hover {
text-decoration:underline;
}
#locale_selection_stat .selected a {
text-decoration: underline;
}
#kantone_list {
background-color: #f0f0f0;
padding: 1em 0;
}
#canton_map {
width: 55%;
float: left;
padding-bottom: 1em;
}
#canton_markets {
width: 44%;
float: right;
}
#map_box {
background-color: #F4F4F4;
padding: 1px 21px;
}
tbody td.market_headline {
background-color: #E1E1E1;
font-size: 1.2em;
font-weight: bold;
padding-bottom: 7px;
padding-top: 7px;
}