/* PUT STYLES THAT ARE COMMONG TO ALL THEMES IN HERE ONLY - SEPERATE CODE PER GENERIC PAGE WITH COMMENTS */

a img { border: 0 }
:focus { outline: 0 }

h1 { line-height: 26px }

.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.marginL-15 { margin-left: 15px }
.marginL-45 { margin-left: 45px }

.txt-left { text-align: left }
.txt-right { text-align: right }
.txt-center { text-align: center }

.text-underline, a.text-underline { text-decoration: underline }
.text-no-underline, a.text-no-underline { text-decoration: none }
.bold { font-weight: bold }

.uppercase { text-transform: uppercase }

.text-positive { color: #009900 }
.text-negative { color: #ec2224 }
.bg-positive { background-color: #d9efdb }
.bg-negative { background-color: #f6d3d4 }

ul.li-disc { list-style-type: disc; padding-left: 15px }

dl { }
dt { font-weight: bold }
dd { margin: 5px 15px 20px 0; line-height: 1.2em; text-align: justify }
dt a, dd a { text-decoration: underline } 

/* general layout size */
#header .top, #header .bottom, #navigation, #wrapper, #footer .links, #footer .copyright { width: 1005px; text-align: left; margin: 0 auto }

#header .top .time { width: 550px }
#header .top ul { width: 400px }

#navigation { height: 32px; position: relative; z-index: 100 }
/* hack IE6 */ *html #navigation { height: 29px }

/* LAYOUT */
/* 1 col layout */
#wrapper .oneCol { float: left; text-align: left; width: 955px; margin: 0 10px 0 0; padding: 0 20px }

/* 2 cols layout */
#wrapper .twoCols-first { float: left; text-align: left; width: 165px; margin: 0 10px 0 0; background-color: #f0f0f0; padding: 10px 15px }
#wrapper .twoCols-second { text-align: left; float: left; width: 800px }

/* 3 cols layout */
#wrapper .threeCols-first { float: left; width: 115px; height: 100%; padding: 13px 8px }
#wrapper .threeCols-second-big { float: left; width: 680px; margin: 0 15px }
#wrapper .threeCols-second-big2 { float: left; width: 835px; margin: 0 15px }
#wrapper .threeCols-second-big3 { float: left; width: 572px; margin: 0 15px }
#wrapper .threeCols-third-small { float: left; width: 164px; text-align: center }
#wrapper .threeCols-third-medium { float: left; width: 260px; text-align: center }
#wrapper .threeCols-second-small { float: left; width: 542px; margin: 0 15px }
#wrapper .threeCols-third-big { float: left; width: 300px; text-align: center }

.big-first-col { float: left; width: 330px; margin-right: 15px }
.big-second-col { float: left; width: 330px }

.small-first-col { float: left; width: 260px; margin-right: 15px }
.small-second-col { float: left; width: 260px }



/* FOOTER */
#footer .wrapper-links { width: 1005px; margin: 0 auto }
#footer .links ul { list-style-type: disc; padding: 0; margin: 0  }
#footer .links ul li { float: left; padding: 10px 15px 0 0; margin: 0 6px 0 0  }
#footer .links ul li.first { list-style-type: none; padding-left: 0  }
#footer .links ul li a { text-decoration: none  }

#footer .about ul { float: left; list-style-type: disc; padding: 0; margin: 0 0 0 545px }
#footer .about ul li { float: left; padding: 10px 15px 0 0; margin: 0 6px 0 0; color: #fff }
#footer .about ul li.first { list-style-type: none; padding-left: 0  }
#footer .about ul li a { color: #fff; text-decoration: none }
#footer .about ul li a:hover { color: #ddd; text-decoration: none }


/* specific tags */
table.data { border-collapse: separate;	border-spacing: 0; border-top: 1px solid #000; border-bottom: 1px solid #000 }
table.data tr th { text-transform: uppercase; font-size: 0.85em; border-bottom: 1px solid #000 }
table.data tr th a { text-decoration: none }

table.data tr th, table.data tr td { border-left: 1px dotted #000; height: 25px; text-align: center; padding: 2px 3px }
/* hack IE6 */ *html table.data tr th { border-left: 1px solid #7c7c7c }
/* hack IE6 */ *html table.data tr td { border-left: 1px solid #7c7c7c }
/* table.data tr th.first, table.data tr td.first { border-left: 0 } */
table.data tr th.last, table.data tr td.last { border-right: 1px dotted #000 }
table.data tr td table.table-page-nav { border: 0 }
table.data tr td table.table-page-nav tr td { border: 0 }
/* hack IE6 */ *html table.data tr td table.table-page-nav tr td { padding-top: 6px }
/* hack IE7 */ *:first-child+html table.data tr td table.table-page-nav tr td { padding-top: 6px }

table.data tr td table.table-page-nav tr td a { margin: 0 2px; padding: 3px; font-weight: bold; text-decoration: none }
table.data tr td table.table-page-nav tr td a.active { color: #000; border: 0 }
table.data tr td table.table-page-nav tr td a:hover.active { color: #000; background: none }


/* home */
.registerToPlay { margin: 0 -15px; padding: 20px 15px }
.registerToPlay h3 { margin: 0 0 10px 0 }
.login-key { position: relative; top: 8px }

label { float: left; display: block; width: 215px; text-align: right; padding: 12px 20px }
input, textarea, select { border: 1px solid #aeaeae; margin: 8px 0 }

/* registration page */
.registration input { width: 220px }
input.btn {
    width: 150px;
    height: 46px;
    color: #1a44f8;
    font-weight: bold; 
    text-align: center; 
    padding: 2px 15px;
    background: #c1ced7 url(/common/img/bg_btn.jpg) 0 0 repeat-x;
    border-top: 2px solid #aeaeae;
    border-right: 2px solid #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
    border-left: 2px solid #aeaeae;
    cursor: pointer
}
label.field-checkbox { margin: -24px 0 0 255px; width: 380px; float: left }
.inputCheckbox { margin: 0 0 0 255px; float: left; width: 15px }
.inputCheckbox input { width: 10px; margin: 3px 0 0 0; border: 0; position: relative; top: 0 }
/* hack IE7 */ *:first-child+html .inputCheckbox input { position: relative; top: 3px }
.radio input { border: 0 }
.checkbox input { border: 0 }


input.margin-btn { margin-left: 255px } 
.errormessage { position: relative; top: 7px; left: 5px }
.simpleerrormessage { position: relative; top: 10px; left: 5px }
.captchaerrormessage { position: relative; top: -10px; left: 5px }

/* captcha */
label.captcha-label { position: relative; top: 3px }
input.captcha-input { position: relative; top: -10px; width: 100px }
.captcha { margin-top: 5px }

/* captcha on contact page */
.contact input.captcha-input { position: relative; top: -12px }
/* hack IE6 */ *html .contact input.captcha-input { top: -5px }
/* hack IE7 */ *:first-child+html .contact input.captcha-input { top: -5px }
.contact .captcha { margin-top: 0 }


ul li { line-height: 1.4em }
.alt { background-color: #f0f0f0 }

.registration-confirmation .first-col { clear: left; float: left; width: 180px; margin: 5px 0 0; text-align: right }
.registration-confirmation .second-col { float: left; margin: 5px 0 0 15px; width: 300px; text-align: left }

/* TRADE SCREEN */
.minus-margin-top { margin: -48px 0 0 0 }
/* hack IE6 */ *html .dashboard-portfolio-dropdown { margin: 20px 20px 0; padding: 0 }

.portfolio-value .title { display: block; float: left; width: 120px; font-size: 1em; line-height: 1.4em }
.portfolio-value .value { display: block; float: left; width: 80px; text-align: right; font-size: 1em; line-height: 1.4em }
.portfolio-value .first-col { float: left; width: 205px; background-color: #f1f1f1; padding: 6px }
.portfolio-value .second-col { float: left; width: 255px; margin-left: 15px; background-color: #f1f1f1; padding: 6px }
.portfolio-value .second-col .title { width: 140px }

.trade-form  { width: 526px; padding: 10px 8px 0; background: #fff url(/common/img/bg_trade.jpg) 0 100% repeat-x; height: 55px; border: 1px solid #999 }
.trade-form.futures  { width: 526px; padding: 10px 8px 0; background: #fff url(/common/img/bg_trade_futures.jpg) 0 100% repeat-x; height: 120px; border: 1px solid #999 }

.trade-form label { text-align: left; font-weight: bold; font-size: 0.9em; color: #000; width: auto; margin: 0 3px 0 0; padding: 0 }
.trade-form input[type=text] { width: 50px }
/* hack IE6 */ *html input { width: 50px }

.trade-form .liquidate label { float: left; margin: 23px 0 0; padding: 0 }
.trade-form .liquidate input { float: left; margin: 23px 5px 0 0; padding: 0; border: 0 }
/* hack IE6 */ *html .trade-form .liquidate input { position: relative; top: 15px; margin: 0 }
/* hack IE7 */ *:first-child+html .trade-form .liquidate input { position: relative; top: 10px }

.trade-form input, .trade-form select { margin: 8px 13px 0 0 }
/* hack IE6 */ *html .trade-form input { margin-top: 5px }
/* hack IE6 */ *html .trade-form select { margin-top: 5px }
/* hack IE7 */ *:first-child+html .trade-form input { margin-top: 5px }
/* hack IE7 */ *:first-child+html .trade-form select { margin-top: 5px }

.trade-form input[type=submit] { float: right }

input.btnGrey, input.btnGreen, input.btnBlue { color: #fff; font-weight: bold; font-size: 11px; padding: 2px 8px }
/* hack IE6 */ *html input.btnGrey { width: 125px; padding: 2px 0 }
/* hack IE6 */ *html input.btnGreen { width: 125px; padding: 2px 0 }
/* hack IE6 */ *html input.btnBlue { width: 125px; padding: 2px 0 }

/* hack IE7 */ *:first-child+html input.btnGrey { width: 135px; padding: 2px 0 }
/* hack IE7 */ *:first-child+html input.btnGreen { width: 135px; padding: 2px 0 }
/* hack IE7 */ *:first-child+html input.btnBlue { width: 135px; padding: 2px 0 }


input.btnGrey {
    background-color: #cbcbcb; 
    border-top: 2px solid #e1e1e1;
    border-right: 2px solid #7d7d7d;
    border-bottom: 2px solid #7d7d7d;
    border-left: 2px solid #e1e1e1;
}
input.btnGreen {
    background-color: #68c22d; 
    border-top: 2px solid #89e14f;
    border-right: 2px solid #3b7916;
    border-bottom: 2px solid #3b7916;
    border-left: 2px solid #89e14f;
}
input.btnBlue {
    background-color: #50a1f0; 
    border-top: 2px solid #84bdf1;
    border-right: 2px solid #2e6292;
    border-bottom: 2px solid #2e6292;
    border-left: 2px solid #84bdf1;
}

input.previewOrderBtn { position: relative; top: -15px; right: 4px }
input.editBtn { position: relative; top: -14px; right: 4px }
input.placeOrderBtn { position: relative; top: -14px; right: 4px }
input.newOrderBtn { position: relative; top: -14px; right: 4px }
input.viewOrderHistoryBtn { position: relative; top: -14px; right: 4px }

/* ARROW */
.arrow.symbol { left: 25px }
/* hack IE6 */ *html .arrow.spots { left: 70px }
/* hack IE7 */ *:first-child+html .arrow.spots { left: 70px }
.arrow.exchange { left: 93px }
.arrow.quantity { left: 160px }
.arrow.quantityMF { left: 220px }
.arrow.action { left: 220px }
.arrow.actionMF { left: 160px }
.arrow.actionOption { left: 250px }
.arrow.order { left: 310px }
.arrow.orderOption { left: 350px }
.arrow.quantityTypeMF { left: 300px }
.arrow.duration { left: 424px }
/* hack IE6 */ *html .arrow.quantity { left: 92px }
/* hack IE7 */ *:first-child+html .arrow.quantity { left: 92px }

.arrow { position: relative; top: -9px }
/* hack IE6 */ *html .arrow { top: -11px }
/* hack IE7 */ *:first-child+html .arrow { top: -13px }


.help-form { width: 526px; height: 16px; font-weight: bold; padding: 8px; margin: -9px 0 0 0; border-right: 1px solid #999; border-left: 1px solid #999 }
.help-form2 { width: 526px; height: 16px; font-weight: bold; padding: 8px; margin: -9px 0 0 0; border-right: 1px solid #999; border-left: 1px solid #999 }
.help-form-eq { width: 555px; height: 16px; font-weight: bold; padding: 8px; margin: -9px 0 0 0; border-right: 1px solid #999; border-left: 1px solid #999 }

/* hack IE6 */ *html .help-form { margin-top: -14px }
/* hack IE7 */ *:first-child+html .help-form { margin-top: -16px }
/* hack IE6 */ *html .help-form2 { margin-top: -14px }
/* hack IE7 */ *:first-child+html .help-form2 { margin-top: -10px }
/* hack IE6 */ *html .help-form-eq { margin-top: -14px }
/* hack IE7 */ *:first-child+html .help-form-eq { margin-top: -10px }

input.error { border: 1px solid #ffff99 }
input.valid { border: 1px solid #66ff66 }

.help-form input.error { color: #ff0000; font-weight: bold }
input.limit { width: 65px; height: 16px }

.help-form-eq input.error { color: #ff0000; font-weight: bold }

.blue {  z-index: 10; background-color: #c1fbfe }
.yellow { background-color: #ffff99; color: #ff0000; font-weight: bold; height: 25px}
.green { background-color: #66ff66; height: 25px }

.clientViewWidth-big { width: 555px; float: left }
.clientViewWidth { width: 380px; float: left }
.clientViewWidth.futures { margin-top: 5px; width: 380px; float: left }

.limitStopPrice { width: 160px; margin: -65px 0 0 400px }
.limitStopPrice span, .limitStopPrice input, .limit { z-index: 200 }
.limitStopPrice span { position: relative; top: 0 }
/* hack FF2 */ .limitStopPrice span, x:-moz-any-link { top: -8px } 
/* hack FF3 */ .limitStopPrice span, x:-moz-any-link, x:default {top: 0}
/* hack IE6 */ *html .limitStopPrice { margin-top: -87px; padding: 0 }
/* hack IE6 */ *html .limitStopPrice span { top: -8px }
/* hack IE7 */ *:first-child+html .limitStopPrice span { top: -8px }

.exchange-blue-box { height: 20px }
.btn-help { float: left; position: relative; top: -12px; width: 197px; height: 19px; margin-right: 15px; background: transparent url(/common/img/option_help.jpg) 0 0 no-repeat  }
.btn-help:hover { background-position: 0 -19px  }

.btns-actions-eq { clear: left; text-align: right; width: 555px; padding: 10px 8px 0; margin: 0; background: #d9d9d9 url(/common/img/bg_trade.jpg) 0 80% repeat-x; height: 20px; border: 1px solid #999; border-top: 0 }
/* hack IE6 */ *html .btns-actions-eq { height: 16px }

.btns-actions-eq .symbollookup { float: left; position: relative; top: 0; left: 0 }
/* hack IE7 */ *:first-child+html { position: absolute }

.btns-actions { clear: left; text-align: right; width: 526px; padding: 10px 8px 0; margin: 0; background: #d9d9d9 url(/common/img/bg_trade.jpg) 0 80% repeat-x; height: 20px; border: 1px solid #999; border-top: 0 }
/* hack IE6 */ *html .btns-actions { height: 16px }

.btns-bonds-actions { clear: left; text-align: right; width: 526px; padding: 10px 8px 0; margin: -15px 0 0 0; background: #d9d9d9 url(/common/img/bg_trade.jpg) 0 80% repeat-x; height: 20px; border: 1px solid #999 }
/* hack IE6 */ *html .btns-bonds-actions { height: 16px }


/* symbol lookup link for options */
.btns-actions .symbollookup { float: left; position: relative; top: 0; left: 0 }
/* hack IE7 */ *:first-child+html { position: absolute }

.equity-price { float: right; width: 200px; background-color: #f0f0f0; padding: 10px; border: 1px solid #999; margin-right: -2px }

/* VALIDATION */
.valid-form, .valid-form-bonds {
    background: #a6f683 url(/common/img/bg_validForm.jpg) 0 14px no-repeat; 
    width: 496px; 
    height: 40px;
    padding: 18px 8px 8px 40px; 
    margin: 0; 
    font-weight: normal
}

.valid-form a.btns { margin-top: 10px }
/* hack IE6 */ *html .valid-form a.btns { margin-top: -10px }
/* hack IE7 */ 
*:first-child+html .valid-form a.btns input.btnBlue { margin-top: -25px }
*:first-child+html .valid-form a.btns input.btnGreen { margin-top: -5px }
.valid-form-bonds a.btns { margin-top: 30px }

.status-form-eq { background-color: #ccffcc; width: 558px; height: 12px; padding: 8px; clear:left }
.status-form { background-color: #ccffcc; width: 528px; height: 12px; padding: 8px; clear:left }
.status-form-bonds { background-color: #ccffcc; width: 528px; height: 54px; padding: 8px; clear:left }

.stock-info { margin-top: 25px }
/* hack IE6 */ *html .stock-info { margin-top: 45px }
.stock-info .title { font-size: 1.3em; font-weight: bold; margin-right: 15px }
.stock-info .symbol { font-size: 1.1em; line-height: 30px }
.stock-info .first-col, .stock-info .second-col  { float: left; width: 260px; font-weight: bold }
.stock-info .first-col .title, .stock-info .second-col .title { display: block; float: left; width: 90px; font-size: 1.2em; line-height: 1.4em; font-weight: bold; margin-right: 8px }
.stock-info .second-col .title { width: 105px }
.stock-info .first-col .symbol, .stock-info .second-col .symbol { display: block; float: left; width: 140px; font-size: 1.2em; line-height: 1.4em }
.stock-info .second-col .symbol input { position: relative; top: -3px }
 /* hack IE6 */ *html .stock-info .first-col { width: 260px }
 /* hack IE6 */ *html .stock-info .second-col { width: 260px }
 /* hack IE6 */ *html .stock-info .second-col .symbol input { width: 130px; height: 22px }
 
.stock-info hr { margin: 15px 0; color: #666; background-color: #666; height: 1px; border: 0 }

.rules { font-size: 0.9em }
.rules h3 { color: #666; font-weight: bold }
.rules ul { list-style-type: disc; padding-left: 15px }
.rules .first-col { float: left; width: 240px }
.rules .second-col { float: left; width: 240px; margin-left: 15px }
/* hack IE6 */ *html .rules .first-col { width: 265px }
/* hack IE6 */ *html .rules .second-col { width: 265px }


/* AutoCompleteExtender */
/* box form ***/
.completionList {
    background-color: #fff;
    margin: 0;
    height:150px;
    cursor: pointer;
    overflow-y: scroll;
    overflow:-moz-scrollbars-vertical;
    font-size: 1em;
    z-index:500;
    min-width: 200px;
    text-align:left;
}
/* hack IE6 */ *html .completionList { min-width: 400px; white-space: nowrap  }


.completionListItem {
    margin: 0;
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
    font-weight:normal;
}

.completionListHighlightedItem {
    padding: 0 3px;
    margin:0;
    height: 20px;
    line-height: 20px;
    background-color: #e2e2e2;
    cursor: pointer;
}


/* FAQ */
.faq { width: 680px }
.faq h1.bottom { margin-top: 30px }
.faq h2.title { margin: 16px 0 8px }
.faq h3.subtitle { font-style: italic; margin: 25px 0 10px  }
.faq .hidden { display: none }
.faq .answer p, .faq ol, .faq  ul { line-height: 1.3em; margin: 0 25px; padding-bottom: 20px }
.faq ol li, .faq  ul li { line-height: 1.3em; padding-bottom: 20px }


/******* TABS FAQs ***************/
.wrapper_tabs { padding: 10px 0 0 10px; height: 27px; background-color: #f1f1f1 }
.tabs { list-style: none  }

ul.tabs li { height: 26px; line-height: 26px }
ul.tabs a {
    background-image: none;
    text-decoration: none;
    padding-left: 8px;
    font-weight: bold;
    border-top: 1px solid #f1f1f1
}
/* hack IE6 */ *html ul.tabs a { border-top: 2px }
ul.tabs a span { background-image: none; padding-right: 8px }
ul.tabs a, ul.tabs a span { display: block; float: left }
ul.tabs a.active { border-bottom: 1px solid #fff; background-color: #fff }
/* hack IE6 */ *html ul.tabs a.active { position: relative; bottom: -1px }
/* hack IE7 */ *:first-child+html ul.tabs a.active { padding-bottom: -1px }
ul.tabs a.active span { background-color: #fff }
ul.tabs { list-style: none; padding: 0; margin: 0 }
ul.tabs li { float: left; display: block; margin: 0; padding: 0 }

/* Active server */
ul.tabs li.active-server { margin-left: 8px; border-bottom: 1px solid #fff; background-color: #fff }
/* hack IE6 */ *html ul.tabs li.active-server { padding-bottom: -1px }
/* hack IE7 */ *:first-child+html ul.tabs li.active-server { padding-bottom: -1px }
ul.tabs li.active-server a { padding-right: 8px }
/* hack IE6 */ *html ul.tabs li.active-server a { position: relative; bottom: -2px; text-decoration: none }


/** Tooltip **/
.tooltip .ico { width: 15px; height: 15px; position: relative; top: 10px; margin-left: 3px }
a.tooltip {
    position: relative; /*this is the key*/
    z-index:524; 
    color:#000;
    text-decoration: none
}
a.tooltip:hover{ z-index:625 }
a.tooltip span{display: none}
a.tooltip:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    padding: 5px;
    top: 1.8em; left:-13em; width:26em;
    border: 1px solid #aeaeae;
    background-color:#f0f0f0; color:#000;
    text-align: center;
    filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}
.trade-form .tooltip .ico { position: relative; top: 2px; margin-left: 0 }
.trade-form a.tooltip:hover span { left: -100px; width: 200px }

/* Contact */
.websitetitle { position: relative; top: 12px }

/*////////////////////////////////////////////////////////
ADMIN SECTION
////////////////////////////////////////////////////////*/
a.link-class { text-decoration: none; color: #004eff }

.progress { float:left; width:100%; padding-bottom:10px; height:32px; font-size:1.4em }
#admin .leftSection { text-align: left; float: left; border-right: solid 1px #999; width: 295px; height: 100px }
#admin .rightSection { float: right; width: 350px; font-size: 0.9em }
#admin .label { position: relative; top: 0 }
/* hack IE7 */ *:first-child+html #admin .label { top: -10px }
.margin-right { margin-right: 10px }

/* accordeon */
#admin .accordionHeader { border: 1px solid #5078B3; color: #fff; background-color: #5078B3 }
#admin .accordionHeaderSelected { border: 1px solid #5078B3; color: #fff; background-color: #5078B3 }
#admin .accordionContent { background-color: #fff; border: 1px solid #5078B3 }
table.radio { float: left; width: 280px }
table.radio tr td input { width: 15px; float: left }
table.radio tr td label { width: 30px; text-align: left; padding: 10px 10px }
.checkbox label { margin: 0 -80px 0 20px; padding: 0; width: 320px; float: left }

/* create a tournament */
input.createtournament { margin-left: 190px }
.inline-checkbox { display: inline-block; float: left; margin-left: 190px }
.inline-checkbox tr td { width: 105px }
.inline-checkbox tr td input, .inline-checkbox input { position: relative; top: 2px; width: 15px; float: left; text-align: left; border: 0 }
.inline-checkbox tr td label { float: left; text-align: left; margin: 0; width: 75px; padding: 10px 0 0 5px }
/* IE6 */ *html .inline-checkbox input { top: -2px }
/* IE7 */ *:first-child+html .inline-checkbox input { top: -2px }
/* IE6 */ *html .inline-checkbox tr td input { top: -2px }
/* IE7 */ *:first-child+html .inline-checkbox tr td input { top: -2px }
.inline-checkbox label { float: left; text-align: left; margin: 0; width: 100px; padding: 10px 0 0 5px }


/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
    padding: 0 5px;
    cursor: pointer;
    min-height: 20px
}

.accordionHeader a { color: #fff; background: none; text-decoration: none }
.accordionHeader a:hover { background: none; text-decoration: underline }

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
    padding: 5px 5px 0;
    cursor: pointer;
    min-height: 20px
}
.accordionHeaderSelected h3 { margin: 0; padding: 0 }
.accordionHeaderSelected a:link, .accordionHeaderSelected a:active, 
.accordionHeaderSelected a:visited { color: #fff; text-decoration: none; padding-top: 5px }
.accordionHeaderSelected a:hover { text-decoration: underline }

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 0 5px;
    padding-top: 10px;
}

.popup { border: 2px solid #000; padding: 20px; background-color: #fff }
.modalBackground {
    background-color:#000;
    filter:alpha(opacity=70);
	-moz-opacity:.70;
    opacity:0.7;
}

/* Ranking calendar */
.cal-date { float: left; margin-top: 12px }
.cal-year img { position: relative; top: 4px }
/* IE7 */ *:first-child+html .cal-year img { top: -5px }
.cal { clear: left; position: relative; top: -5px; background-color: #f1f1f1; margin: 0 0 0 -17px; padding: 0 }
input.cal-textbox { margin: 0; position: relative; top: -8px }
input.cal-img { position: relative; top: 3px }
/* IE7 */ *:first-child+html input.cal-img { top: 2px }
table.cal-table tr td { background-color: #fff; border: 1px solid #2F4F4F; text-align: center; padding: 2px }
table.cal-table tr td:hover { background-color: #d3deef }
table.cal-table tr td a { text-decoration: none }

/* Popup ***************/
.popup-title { background-color: #fff; min-height: 30px; border-bottom: 1px solid #e1e3e8 }
.popup-title input { margin-top: -5px; margin-right: -25px }
.popup-content { background-color: #efeeef; padding: 15px }
.modalBackground { background-color:#000; filter: alpha(opacity=70); -moz-opacity:.70; opacity: 0.7 }
.feeling input, .submit input { position: relative; top: 3px; margin-left: 15px; margin-right: 5px; border: 0 }
.modalPopup2 h1 { background-color: transparent; padding-left: 15px; border-bottom: 0 }
.modalPopup2 h4 { background: transparent; border: 0 }
.modalPopup2 { background-color: #fff; border: 1px solid #525050; padding: 5px 25px 15px 15px }
.edit .modalPopup2 { width: 300px }

table.editTournamentCheckbox tr td input { float: left; border: 0 }
table.editTournamentCheckbox tr td label { float: left; position: relative; top: 3px }