/*!
 * 
 */
.hidden {
  display: none; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.center {
  text-align: center; }

#imgLoading {
  position: absolute; }

body {
  margin: 0;
  font-family: tahoma, verdana, arial, "lucida grande", sans-serif;
  font-size: 11px;
  color: #464646; }

strong {
  font-weight: bolder; }

input {
  color: #464646; }

object {
  outline: none; }

.standardFont {
  font-family: tahoma, verdana, arial, "lucida grande", sans-serif;
  font-size: 11px;
  color: #464646; }

.ts-hand-pointer {
  cursor: pointer; }

.ts-modal-popup a {
  color: red; }

a {
  color: #464646;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

hr {
  background-color: #DDDDDD;
  border: 0 solid;
  height: 1px;
  margin: 0 auto;
  width: 944px; }

#container, .pageWidth {
  margin: 0 auto;
  width: 970px; }

#container {
  padding-bottom: 30px; }

.bodyColor {
  background-color: #ffffff; }

#feedback a {
  display: block;
  position: fixed;
  top: 200px;
  left: -1px;
  background: green;
  border: 1px solid #030;
  border-left-color: #060;
  border-top-color: #090; }
  #feedback a:hover {
    background: #030;
    border: 1px solid #030; }

#loginArea {
  margin: 0px 300px; }

#existAccount {
  text-align: right; }
  #existAccount a {
    text-decoration: underline;
    color: #0e0e0e; }

/* Other stuff */
.layout-default #content-wrapper {
  width: 650px; }

#banner-container {
  margin: 20px 0 0 0; }

#welcomeBox {
  border: 1px solid #ffcc00;
  background-color: #ffffcc;
  padding: 6px 6px 15px 10px;
  margin-top: 10px;
  position: relative; }

#welcomeBox .welcomeAction {
  background-color: green;
  border: 1px solid white;
  bottom: -10px;
  color: white;
  font-weight: bolder;
  padding: 2px 12px;
  position: absolute;
  right: 24px; }

#welcomeBoxWrapper {
  width: 650px;
  padding-bottom: 10px;
  float: left; }

#welcomeClose {
  position: absolute;
  right: 4px;
  top: 0; }

#welcomeBox .welcomeRules {
  position: relative; }

#welcomeBox .welcomeRulesInner {
  float: left;
  width: 315px; }

#welcomeBox ol, ol.proper {
  list-style: decimal outside;
  padding-left: 15px; }

.ext-ie #welcomeBox ol, .ext-ie ol.proper {
  margin-left: 15px; }

#welcomeBox ul, ul.proper {
  list-style: square outside;
  padding-left: 15px; }

.ext-ie #welcomeBox ul, .ext-ie ul.proper {
  margin-left: 15px; }

.welcomeBoxEnd {
  clear: left; }

/* tab */
.tab-items {
  padding: 6px 0 7px;
  margin: 20px 0 0 0;
  border-bottom: 1px solid #BBBBBB;
  font-size: 11px; }

.tab-items li {
  list-style: none;
  margin: 0;
  display: inline; }

.tab-items li a {
  padding: 8px 13px 7px;
  border: 1px solid #BBBBBB;
  border-bottom: none;
  background: #ebebeb; }

.tab-items li a:link {
  color: #464646; }

.tab-items li a:visited {
  color: #464646; }

.tab-items li a:hover {
  background: #dbdbdb;
  text-decoration: none; }

.tab-items li a.first {
  margin-left: 10px; }

.tab-items li a.current {
  background-color: white;
  border-bottom: 1px solid white;
  font-weight: bold; }

.tab-items li a.current:hover {
  background-color: white;
  text-decoration: none; }

/*game*/
.gameContainer {
  margin: 20px 0 0 0; }

.gameQuestion {
  /*font-weight: bold;*/
  margin-bottom: 10px; }

.sentimentTaskBar {
  color: #464646;
  height: 20px;
  padding: 3px; }
  .sentimentTaskBar .sentimentBar {
    height: 20px;
    width: 178px;
    border: none; }
    .sentimentTaskBar .sentimentBar div {
      height: 20px;
      line-height: 20px;
      font-weight: bolder;
      color: #ffffff;
      border: none;
      padding-top: 0; }
    .sentimentTaskBar .sentimentBar .sentiment-call {
      background-color: #5BBD32; }
    .sentimentTaskBar .sentimentBar .sentiment-put {
      background-color: #FE9B0E; }
  .sentimentTaskBar .legendDiv {
    width: 51px;
    padding-top: 5px; }
  .sentimentTaskBar .legendBox.sentiment-call {
    background-color: #5BBD32; }
    .ext-ie .sentimentTaskBar .legendBox.sentiment-call {
      margin-bottom: 2px; }
  .sentimentTaskBar .legendBox.sentiment-put {
    background-color: #FE9B0E; }
    .ext-ie .sentimentTaskBar .legendBox.sentiment-put {
      margin-bottom: 2px; }

#loginIframe {
  border: none;
  height: 139px;
  overflow: hidden; }

#topUserMessage {
  margin-top: 20px; }

/*patches*/
/*temp*/
#content-wrapper {
  background-color: #fff;
  float: left;
  position: relative; }
  #content-wrapper h1 {
    padding: 14px; }
  #content-wrapper strong {
    font-weight: bold; }
  #content-wrapper .addedText {
    padding: 9px;
    font-size: 9px; }
  #content-wrapper #deposit-completed {
    margin: 10px 25px; }

/*review*/
.userMessage {
  border: 1px solid #000;
  margin: 0px 16px;
  padding: 5px; }
  .userMessage a {
    color: blue;
    text-decoration: underline; }
  .userMessage .userMessageBody {
    padding: 4px;
    width: 83%; }
  .userMessage .userMessageIcon {
    width: 29px;
    height: 28px; }

.userMessageApproval {
  background-color: #E8FBE8;
  border-color: #9ccf9c;
  color: #399a39; }
  .userMessageApproval .userMessageIcon {
    background: transparent url(../Images/MainSprite3.gif) no-repeat scroll 0 -254px; }

.userMessageError {
  background-color: #FDC8B6;
  border-color: #a51400;
  color: #a30f00; }
  .userMessageError .userMessageIcon {
    background: transparent url(../Images/MainSprite3.gif) no-repeat scroll 0 -221px; }

.userMessageExclamation {
  background-color: #FFEDBF;
  border-color: #ffd784;
  color: #a56d00; }
  .userMessageExclamation .userMessageIcon {
    background: transparent url(../Images/MainSprite3.gif) no-repeat scroll 0 -188px; }

#formInWinLoginMsg .userMessageExclamation {
  width: 252px; }

#formRegMessage {
  margin-bottom: 5px; }

.userMessageMainText {
  font-weight: bold;
  font-size: 11px; }

.userMessageSubText {
  font-size: 9px; }

#gamesContainer {
  width: 650px; }

#pageFooter {
  padding: 4px 0; }

#accountWrapper {
  /*width: 960px;*/ }

#account-created {
  padding: 5px;
  font-size: 15px;
  padding-bottom: 150px; }

#account-created strong {
  font-weight: bolder; }

#account-created ul, #account-created ol {
  list-style-position: inside;
  padding-left: 25px; }

#account-created ul {
  list-style-type: disc; }

#account-created ol {
  list-style-type: decimal; }

#account-created a {
  color: green; }

html > body #formInWinRegistrationMsg {
  margin-top: 0; }

.regForm .x-panel-body {
  background: transparent; }

.termsTextCls {
  font-size: 9px; }

.treeNode {
  background-image: url(../Images/CommentTriangleRight.gif); }

.paginationControl {
  text-align: right;
  margin: 5px 0 25px; }

.paginationControl .active {
  font-weight: bolder; }

.paginationControl .disabled {
  color: #acacac; }

.x-form-file-wrap {
  position: relative;
  height: 22px; }

.x-form-file-wrap .x-form-file {
  height: 22px;
  opacity: 0;
  position: absolute;
  right: 0;
  -moz-opacity: 0;
  z-index: 2; }

.x-form-file-wrap .x-form-file-btn {
  position: absolute;
  right: 0;
  z-index: 1; }

.x-form-file-wrap .x-form-file-text {
  color: #777;
  position: absolute;
  left: 0;
  z-index: 3; }

.ux-icon-combo-icon {
  background-repeat: no-repeat;
  background-position: 0 50%;
  width: 18px;
  height: 14px; }

#footer-images .payGates {
  background: url(../Images/footer_icons/creditcards.jpg) no-repeat center right;
  width: 469px;
  height: 50px;
  float: left; }

#page-footer-container {
  background-color: #666666; }
  #page-footer-container #pageFooter {
    background-color: #666666;
    height: 131px;
    display: block; }
    #page-footer-container #pageFooter #footerLogo {
      font-size: 2em;
      font-weight: bold;
      position: relative;
      color: #ffffff;
      float: left;
      height: 103px;
      width: 230px;
      padding-left: 15px; }
      #page-footer-container #pageFooter #footerLogo span {
        top: 13px;
        position: absolute; }
      #page-footer-container #pageFooter #footerLogo span#footerCopyrightSpan {
        top: 39px;
        font-size: 9px;
        width: 180px; }
    #page-footer-container #pageFooter .footer-menu {
      float: left;
      display: block;
      margin: 15px;
      color: #dddddc; }
      #page-footer-container #pageFooter .footer-menu a {
        color: #dddddc; }
      #page-footer-container #pageFooter .footer-menu h4 {
        font-weight: bolder; }
      #page-footer-container #pageFooter .footer-menu ul li {
        list-style: none;
        margin: 5px 0; }

#page-prefooter .company-copyright {
  padding: 19px;
  padding-bottom: 30px;
  height: 38px;
  display: block; }
  #page-prefooter .company-copyright li {
    height: 60px;
    float: right; }
  #page-prefooter .company-copyright li#footer-copyright-text {
    float: left;
    padding: 0;
    width: 345px; }

#post-footer {
  padding-bottom: 32px; }
  #post-footer span {
    padding: 20px;
    padding-left: 30px;
    display: block;
    font-size: 10px; }

/* X-BROWSER-WARNING: this is not being honored by Safari */
.ux-icon-combo-input {
  padding-left: 25px; }

.x-form-field-wrap .ux-icon-combo-icon {
  top: 3px;
  left: 5px; }

.ux-icon-combo-item {
  background-repeat: no-repeat !important;
  background-position: 3px 50% !important;
  padding-left: 24px !important; }

.report .arrowCall {
  background: transparent url(../Images/ArrowCall.png) no-repeat;
  background-position: center; }

.report .arrowPut {
  background: transparent url(../Images/ArrowPut.png) no-repeat;
  background-position: center; }

.reportSmall {
  font-size: 9px;
  font-weight: bolder; }

.reportStatus-in {
  color: green; }

.report .tableLine2 {
  background-color: #ededed; }

.report .tableLine1 {
  background-color: #f8f8f8; }

.report #userTrades th {
  font-weight: bold; }

.legendBox {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 0; }

#boxLogin .x-panel-btns-ct {
  padding: 0; }

#boxLogin .x-panel-footer {
  padding-bottom: 2; }

/* Homepage Box Login */
#info-box-wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 51px;
  background-color: #efefef;
  border: 0;
  border-bottom: 1px solid #bebebe; }

#info-box-image {
  width: 51px; }

#info-box-image img {
  padding: 9px; }

#info-box-title {
  width: 435px;
  color: #616263;
  font-weight: bolder; }

#info-box-title a {
  text-decoration: none; }

#info-box-title h1 {
  font-size: 25px;
  padding-top: 8px; }

#info-box-title h3 {
  margin-top: -3px;
  padding-left: 124px;
  color: #66c600; }

#info-box-text {
  float: right;
  font-size: 10px;
  height: 32px;
  padding: 4px 24px 16px 0;
  text-align: justify;
  width: 458px; }

.infoBoxPart {
  height: 51px;
  float: left; }

.page-title {
  font-size: 14px;
  padding-top: 15px;
  color: #787877; }

.chatText {
  float: left;
  height: 56px;
  width: 374px;
  padding-top: 5px; }

.chatText .chatTitle {
  font-size: 20px;
  font-weight: bolder;
  text-align: center; }

.chatText .chatLink {
  text-align: center;
  display: block; }

.feedChatImage {
  background: url(../Images/natalie.jpg) no-repeat;
  height: 54px;
  width: 60px;
  display: block;
  float: left; }

.feedMagnifyIcon {
  background-image: url(../Images/feed_magnify.png) !important; }

.feedBellIcon {
  background-image: url(../Images/bell.png) !important; }

.feedChatIcon {
  background-image: url(../Images/chat.png) !important; }

.textPage strong {
  font-weight: bolder; }

.categories-wrapper .viewLinks {
  width: 48px;
  float: right;
  display: block;
  height: 21px;
  background-image: url("../Images/ViewModeMatrix.png");
  background-position: 0 21px;
  background-repeat: no-repeat;
  cursor: pointer; }

.ext-ie #topClear {
  margin-top: 25px; }

.categories-wrapper .viewLinks.switch-list {
  background-position: 0 0; }

.categories-wrapper .viewLinks.switch-box {
  background-position: 0 -22px; }

.categories-wrapper .viewLinks img {
  width: 24px;
  height: 21px;
  background-image: url("../Images/ViewModeMatrix.png");
  background-position: 0 21px;
  background-repeat: no-repeat; }

.categories-wrapper .viewLinks img.switch-box:hover {
  background-position: 0 -44px; }

.categories-wrapper .viewLinks img.switch-list:hover {
  background-position: -24px -44px; }

.receipt strong {
  font-weight: bolder; }

.gameViewBox .dirIcon {
  display: none; }

.tradeConfirmation {
  padding-bottom: 5px; }

.dirIcon {
  background: url(../Images/call_put_icons.png) no-repeat;
  height: 25px;
  width: 25px;
  display: inline-block;
  margin-bottom: -7px;
  margin-top: 5px; }

.smallCall {
  background-position: -29px -2px;
  margin-right: 2px; }

.smallPut {
  background-position: -2px -2px; }

.tinyCall {
  height: 19px;
  width: 17px;
  background-position: -72px -11px; }

.tinyPut {
  height: 19px;
  width: 17px;
  background-position: -55px -11px; }

/* Toolbars */
div.ts-body .x-panel-body {
  background-color: transparent; }

#loginInfoContainer {
  display: block;
  float: right;
  width: 279px;
  margin-top: 4px; }

#loginInfoContainer ul {
  list-style-position: inside;
  border-top: 1px solid #a8a8a8;
  margin-left: 15px;
  margin-right: 15px; }

#loginInfoContainer ul li {
  list-style-image: url(../Images/OKArrow.png);
  padding-left: 10px;
  border-bottom: 1px solid #a8a8a8;
  padding-top: 5px;
  padding-bottom: 5px; }

#loginInfoContainer ul li.secureLock {
  list-style-image: url(../Images/icon_padlock.gif); }

.btn-export {
  background: url(../Images/page_white_excel.png) no-repeat !important; }

.ext-ie #loginInfoContainer ul li {
  list-style-image: url(../Images/OKArrowIE.png); }

.ext-ie #loginInfoContainer ul li {
  margin: 0;
  padding: 0;
  padding-bottom: 5px; }

.smallFormLabel {
  font-size: 9px; }

/* Ext.ux styles */
td.x-date-mp-month a, td.x-date-mp-year a {
  display: block;
  padding: 2px 4px;
  text-decoration: none;
  text-align: center;
  color: #15428b; }

td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
  color: #15428b;
  text-decoration: none;
  cursor: pointer;
  background: #ddecfe; }

td.x-date-disabled a {
  cursor: default;
  background: #eee;
  color: #bbb; }

td.x-date-disabled a:hover {
  text-decoration: none !important;
  color: black;
  background: #ddecfe; }

.x-form-invalid, textarea.x-form-invalid {
  background-image: none; }

.x-form-item-label strong {
  font-weight: bold; }

.x-form-element-optional {
  padding-left: 5px;
  font-size: 10px; }

.x-form-element-optional-trigger {
  padding-left: 22px; }

.regButton.x-btn-noicon .x-btn-small .x-btn-text {
  height: 20px; }

.userMessageButton {
  background: #a56d00;
  color: #ffffff;
  padding: 0 10px;
  cursor: pointer; }

/* Ext Patches */
.ext-el-mask {
  background-color: #EEEEEE;
  opacity: 0.8; }

#x-form-el-inWinRegTerms, #inWinRegTerms {
  font-size: 9px; }

/*******************/
/*   New Styles    */
/*******************/
/** Top of page **/
h1.pageTitle {
  font-size: 14px;
  margin-top: 5px; }

.secureConnection {
  padding: 1px;
  padding-left: 40px;
  background-image: url(../Images/lock.png);
  background-repeat: no-repeat;
  background-position: 15px 4px;
  font-size: 16px;
  color: #c88a4d;
  font-weight: bolder; }

.redDot {
  color: red;
  font-weight: bolder; }

/** Login Page **/
#loginPage {
  margin-top: 25px; }

#loginPage .registrationFormArea {
  width: 750px;
  margin: 0 auto; }

.largeTitle {
  font-size: 25px;
  font-weight: bolder; }

.contentWidth {
  width: 933px; }

.gradientTitle {
  background-repeat: repeat-x;
  height: 29px;
  font-size: 13px;
  font-weight: bolder; }

/** Asset Index **/
.asset_data table {
  width: 100%;
  border-collapse: collapse; }

.asset_data table th, .asset_data table td {
  border: 1px solid #dbdbdb; }

.asset_data table th {
  font-weight: bolder;
  text-align: center;
  padding: 11px; }

.asset_data table td {
  padding: 11px;
  text-align: center; }

.asset_data .description {
  text-align: left; }

.asset_data table td.name {
  font-weight: bolder; }

.layout-empty #registrationPopupArea {
  width: 345px; }

#forgotPasswordContainer {
  text-align: center;
  width: 950px; }

.forgotPassword a {
  font-size: 11px; }

.smallForm {
  font-size: small; }
.clock {
  padding: 0 2px; }

.counterWrapper {
  margin: 4px;
  width: 60px;
  text-align: center; }

.counter {
  border: 1px solid #dbdbdb;
  padding: 4px 0;
  font-size: 11px;
  width: 55px;
  margin: 0 auto; }

.counterLegend {
  padding: 2px;
  font-size: 9px; }

.tradingButton {
  width: 44px;
  height: 44px;
  float: left;
  background-image: url(../Images/MainSprite3.gif);
  background-repeat: no-repeat; }

.tradingButtonCall {
  background-position: -44px -3px; }

.tradingButtonCallHover {
  background-position: -46px -50px; }

.tradingButtonCallSelected {
  background-position: -47px -97px; }

.tradingButtonCallDisabled {
  background-position: -47px -143px; }

.tradingButtonPut {
  background-position: -1px -3px; }

.tradingButtonPutHover {
  background-position: -1px -50px; }

.tradingButtonPutSelected {
  background-position: 0px -97px; }

.tradingButtonPutDisabled {
  background-position: -3px -143px; }

.currentPriceWrapper {
  float: left; }

.commentContainer {
  height: 44px;
  float: left; }

.commentInnerContainer {
  position: relative;
  top: 5px;
  left: 3px;
  background: transparent url(../Images/CommentTriangleLeft.gif) no-repeat scroll 0 0;
  background-position: left top; }

.gameNotificationIcon, .gameNotificationMessage {
  float: left; }

.commentContainer .comment {
  border: 1px solid #C0C9DA;
  border-left: none;
  width: 157px;
  height: 29px;
  position: relative;
  left: 5px;
  padding: 2px 4px;
  line-height: 1.2;
  overflow: hidden;
  font-size: 9px;
  color: #999999; }

.currentPriceWrapper {
  margin-top: 32px;
  margin-right: 3px;
  text-align: center;
  width: 58px; }

.currentPriceLegend {
  font-size: 9px;
  color: #999999;
  padding-top: 2px; }

.gameNotification {
  margin: 4px 0;
  padding: 4px 0;
  line-height: 1; }

.gameNotificationIcon {
  width: 13px;
  height: 14px;
  margin: 0 6px; }

.gameNotificationTimeLeft {
  background-color: #feffb4; }

.gameNotificationNoMoreTrades {
  background-color: #efefef; }

.gameNotificationClosingPrice {
  background-color: #efefef; }

.gameNotificationTimeLeft .gameNotificationIcon {
  background: transparent url(../Images/MainSprite3.gif) no-repeat scroll -36px -188px; }

.gameNotificationNoMoreTrades .gameNotificationIcon {
  background: transparent url(../Images/MainSprite3.gif) no-repeat scroll -36px -207px; }

.gameNotificationClosingPrice .gameNotificationIcon {
  background: transparent url(../Images/MainSprite3.gif) no-repeat scroll -36px -245px; }

.gameNotificationClosingPrice.Loading .gameNotificationIcon {
  background: transparent url(../Images/Loading.gif) no-repeat scroll;
  width: 16px;
  height: 16px; }

.investAmount {
  margin: 6px 0; }

.investAmount > .label {
  float: left;
  display: block;
  line-height: 31px;
  padding-right: 5px;
  font-size: 9px; }

.investAmount .combo {
  float: left;
  width: 61px;
  height: 26px;
  display: block;
  padding-top: 4px; }

.investAmount .combo .x-form-field-wrap {
  float: left; }

.ext-webkit .investAmount .combo .x-form-field-wrap .x-form-trigger {
  right: auto; }

.ext-webkit.dir-rtl .investAmount .combo .x-form-field-wrap .x-form-trigger {
  left: -36px;
  right: auto; }

.investAmount .legend {
  font-size: 9px;
  line-height: 14px;
  width: 112px;
  float: left; }

.investAmount .legend .itm {
  color: #5BBD32;
  font-weight: bolder; }

.investAmount .legend .label {
  float: left;
  clear: right; }

.investAmount .legend .value {
  float: right; }

.receipt {
  margin: 6px 0;
  border: 1px solid #E79900;
  background-color: #FFFFCF;
  padding: 4px; }

.execute-trade {
  padding: 4px;
  margin-top: 4px;
  visibility: visible; }

.hot, .clockBackground {
  background-color: #ffff00; }

.chart {
  height: 140px; }

#gamesContainer strong.closedSpecial {
  margin: auto 0;
  display: block;
  text-align: center;
  width: 100%; }
.gameViewBox .gameNotificationMessage {
  width: 250px; }
.gameViewBox .chartWrapper {
  height: 140px; }
/* List View Games Info */
.gameViewList .listGameTitle .chartWrapper {
  position: absolute;
  left: -1000px;
  top: -1000px;
  height: 1px;
  width: 1px; }
.gameViewList .gameContainer {
  margin: 0 0 20px; }
  .gameViewList .gameContainer .x-tool {
    margin-top: 13px;
    margin-right: 6px; }
.gameViewList .closedGameContainer .x-panel-header {
  height: 14px; }
.gameViewList .counter {
  font-size: 16px;
  width: 80px;
  margin: 0;
  border: 0px; }
.gameViewList .listGameTitle {
  position: relative; }
  .gameViewList .listGameTitle span {
    position: absolute;
    font-size: 16px; }
  .gameViewList .listGameTitle span.glhInst {
    top: 13px;
    left: 24px;
    font-weight: bolder;
    cursor: pointer; }
  .gameViewList .listGameTitle span.glhExp {
    top: 13px;
    left: 484px; }
  .gameViewList .listGameTitle span.glhPrice {
    background: none;
    border: none;
    top: 4px;
    left: 155px;
    text-align: center; }
  .gameViewList .listGameTitle span.glhDir {
    left: 288px; }
  .gameViewList .listGameTitle span.glhPay {
    left: 415px;
    top: 13px;
    font-weight: bolder; }
  .gameViewList .listGameTitle span.glhChart {
    top: 11px;
    left: 573px; }
.gameViewList #gamesListHeader {
  position: relative;
  height: 17px;
  margin-top: 5px; }
  .gameViewList #gamesListHeader span {
    position: absolute; }
  .gameViewList #gamesListHeader span.glhInst {
    left: 27px; }
  .gameViewList #gamesListHeader span.glhExp {
    left: 484px; }
  .gameViewList #gamesListHeader span.glhPrice {
    left: 165px; }
  .gameViewList #gamesListHeader span.glhDir {
    left: 305px; }
  .gameViewList #gamesListHeader span.glhPay {
    left: 412px; }
  .gameViewList #gamesListHeader span.glhChart {
    left: 566px; }
.gameViewList .receipt, .gameViewList .payoutEstimation {
  text-align: center; }
.gameViewList .tradingButton {
  background-image: url(../Images/MainSpriteGrey.gif); }
.gameViewList .investAmount .legend {
  clear: left;
  width: 155px; }
.gameViewList .gameWrapper {
  float: right;
  width: 215px;
  padding: 5px 16px; }
.gameViewList .chartWrapper {
  float: left;
  width: 355px;
  height: 190px; }
.gameViewList .gameNotificationMessage {
  width: 180px; }
.gameViewList .userMessageBody {
  width: 170px; }
.gameViewList .x-panel-header {
  background-image: none;
  background-color: #f2f2f2; }

.glhPrice .currentPriceLegend {
  font-size: 8px;
  height: 8px;
  line-height: 8px;
  padding: 0; }

/* Special flags for the Barrier Flags */
.gameViewSpecialBarrier #gamesListHeader span.glhInst {
  left: 0px; }
.gameViewSpecialBarrier #gamesListHeader span.glhPrice {
  left: 124px; }
.gameViewSpecialBarrier #gamesListHeader span.glhPutPrice {
  left: 223px; }
.gameViewSpecialBarrier #gamesListHeader span.glhCallPrice {
  left: 387px; }
.gameViewSpecialBarrier #gamesListHeader span.glhPay {
  left: 454px; }
.gameViewSpecialBarrier #gamesListHeader span.glhExp {
  left: 510px; }
.gameViewSpecialBarrier #gamesListHeader span.glhChart {
  left: 585px; }
.gameViewSpecialBarrier .listGameTitle span.glhInst {
  left: 3px; }
.gameViewSpecialBarrier .listGameTitle span.glhPrice {
  left: 118px;
  top: 9px; }
.gameViewSpecialBarrier .listGameTitle span.glhPutPrice {
  left: 213px;
  font-size: 14px;
  top: 13px;
  width: 45px;
  text-align: center; }
.gameViewSpecialBarrier .listGameTitle span.glhDir {
  left: 282px; }
.gameViewSpecialBarrier .listGameTitle span.glhCallPrice {
  left: 380px;
  font-size: 14px;
  top: 13px;
  width: 45px;
  text-align: center; }
.gameViewSpecialBarrier .listGameTitle span.glhPay {
  left: 452px; }
.gameViewSpecialBarrier .listGameTitle span.glhExp {
  left: 511px; }
.gameViewSpecialBarrier .listGameTitle span.glhChart {
  left: 589px; }
/* Communication Channels */
#com-channels {
  height: 25px;
  background: gray;
  position: relative;
  z-index: 11; }
  #com-channels a {
    color: white; }

#com-chan-wrapper {
  display: block;
  position: relative;
  float: right;
  text-align: right;
  padding-top: 5px;
  padding-right: 6px;
  font-weight: bolder;
  line-height: 14px;
  color: white; }
  #com-chan-wrapper a {
    color: white; }

#com-chan-phone {
  float: left; }

#com-chan-phone-icon {
  width: 18px;
  height: 16px;
  background: url(../Images/com_channel_icons.png) no-repeat 0px 0px;
  display: block;
  margin-left: 5px;
  float: left; }

#com-chan-live-person {
  float: left; }

#com-chan-live-person-icon {
  width: 25px;
  height: 16px;
  background: url(../Images/com_channel_icons.png) no-repeat -18px 0px;
  display: block;
  margin-left: 5px;
  float: left; }
/* nav bar*/
#nav-container {
  color: #ffffff; }

#nav-container li {
  height: 19px; }

#nav-container a {
  color: #ffffff; }

#nav-container li.menu-active, #nav-container li.current_page_item {
  background-color: #71B220;
  display: block; }

.layout-default #nav-container li.menu-active {
  background-color: #efefef; }

/* fucken patch */
#nav-container li.menu-active a, #nav-container li.current_page_item a {
  background-color: #71B220; }

.layout-default #nav-container li.menu-active a {
  background-color: #efefef; }

/* endof fucken patch */
.layout-default #nav-container li.menu-active a, .layout-default #nav-container li.current_page_item a {
  color: #3E3E3E; }

#nav-container li.menu-active a, #nav-container li.current_page_item a {
  color: white; }

#nav-container ul {
  padding: 0;
  margin: 0; }

#nav-container ul li {
  display: inline;
  float: left;
  border: 5px solid #3e3e3e;
  border-bottom: 0px;
  padding: 0;
  margin: 0;
  padding-top: 12px; }

#nav-container ul li a {
  padding: 0 1em;
  float: left;
  font-size: 11px;
  font-weight: bold;
  background-color: #3E3E3E; }

.lang-pt_PT #nav-container ul li a {
  font-size: 9px; }

/* Nav Bar - Explorer Stuff */
#navlist {
  position: relative; }

#nav-container li.menu-active {
  height: 20px; }

/* Nav Bar Top Menu */
#top-menu {
  display: block;
  float: right; }
/* Language Switch */
#lang-switch {
  list-style: none;
  float: left;
  padding-left: 5px; }
  #lang-switch ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #lang-switch #lang-switch a {
    display: block;
    width: 8em; }
  #lang-switch li {
    line-height: 10px; }
    #lang-switch li a {
      background-repeat: no-repeat;
      background-position: 3px 2px;
      text-align: left;
      padding-left: 23px;
      line-height: 13px; }
    #lang-switch li ul {
      position: absolute;
      left: -999em;
      z-index: 999;
      display: none;
      padding-top: 5px; }
      #lang-switch li ul li {
        background: gray;
        line-height: 20px;
        width: 9.7em;
        text-align: left; }
        #lang-switch li ul li a {
          background-position: 3px 4px;
          line-height: 20px; }
    #lang-switch li:hover ul {
      left: auto;
      display: inline-table; }
  #lang-switch li.menu-open ul {
    left: auto;
    display: inline-table; }
  #lang-switch .lang-icon-world {
    background-image: url(../Images/flags/ux-flag-world.png); }
  #lang-switch .lang-icon-ru_ru {
    background-image: url(../Images/flags/ux-flag-ru.png); }
  #lang-switch .lang-icon-en_gb {
    background-image: url(../Images/flags/ux-flag-gb.png); }
  #lang-switch .lang-icon-ar_ae {
    background-image: url(../Images/flags/ux-flag-sa.png); }
  #lang-switch .lang-icon-fr_fr {
    background-image: url(../Images/flags/ux-flag-fr.png); }
  #lang-switch .lang-icon-pt_pt {
    background-image: url(../Images/flags/ux-flag-pt.png); }
  #lang-switch .lang-icon-zh_cn {
    background-image: url(../Images/flags/ux-flag-cn.png); }
  #lang-switch .lang-icon-zh_tw {
    background-image: url(../Images/flags/ux-flag-tw.png); }
  #lang-switch .lang-icon-tr_tr {
    background-image: url(../Images/flags/ux-flag-tr.png); }
  #lang-switch .lang-icon-it_it {
    background-image: url(../Images/flags/ux-flag-it.png); }
  #lang-switch .lang-icon-es_es {
    background-image: url(../Images/flags/ux-flag-es.png); }
  #lang-switch .lang-icon-nl_nl {
    background-image: url(../Images/flags/ux-flag-nl.png); }
  #lang-switch .lang-icon-lv_lv {
    background-image: url(../Images/flags/ux-flag-lv.png); }
  #lang-switch .lang-icon-ko_kr {
    background-image: url(../Images/flags/ux-flag-kr.png); }

.ext-ie #lang-switch li ul {
  display: block; }
/* Sidebar */
#sidebar-container {
  width: 300px;
  float: right; }

#sidebar {
  padding-top: 20px; }

#sidebar .buttonBox {
  display: block;
  width: 305px;
  height: 70px;
  margin-bottom: 5px;
  font-family: Arial;
  font-weight: bolder;
  background-image: url(../Images/sidebar_images.png);
  background-repeat: no-repeat; }

#sidebar .buttonBox .title {
  color: white;
  font-size: 1.8em;
  font-weight: bolder;
  letter-spacing: -1px;
  line-height: 41px;
  padding-left: 42px;
  padding-top: 3px; }

#sidebar .buttonBox a:hover {
  text-decoration: none; }

#sidebar .buttonBox .note {
  color: white;
  font-size: 1.2em;
  letter-spacing: -0.7px;
  padding: 0 6px; }

#sidebar #boxGettingStarted {
  background-position: -4px -187px; }

#sidebar #boxRegister {
  margin-bottom: 10px;
  background-position: -4px -106px; }

#sideBarDeposit {
  width: 301px;
  height: 29px;
  display: block;
  background-image: url(../Images/MakeADeposit.png);
  text-transform: uppercase;
  text-align: center;
  padding-top: 5px;
  font-size: 17px;
  font-weight: bold;
  color: #af691a;
  margin-top: -10px;
  margin-bottom: 6px; }

.box {
  margin-bottom: 15px;
  overflow: hidden; }

#boxWelcome {
  float: right;
  padding: 5px; }

#dollar {
  background: transparent url(../Images/MainSprite3.gif) no-repeat scroll -52px -187px;
  width: 31px;
  height: 31px;
  margin: 0 0 5px 5px; }

.box a, #langTable a, #footerTable a {
  color: #3B5998; }

/* Login Box */
#formLogin input {
  width: 187px !important; }

#formLogin #loginForgotPassword {
  margin-bottom: 6px;
  padding-left: 64px; }

#boxLogin .userMessage {
  margin-bottom: 8px; }

#boxLogin .x-tool {
  display: none; }

.regForm .x-panel-header {
  background-color: #fff;
  font-size: 20px;
  text-align: left;
  border-bottom: none;
  padding-bottom: 8px;
  color: #464646;
  direction: ltr; }

#sentimentContents li {
  line-height: 1.3; }

.sentimentLine li {
  float: left; }

.sentimentLabel {
  width: 90px; }

.sentimentBar {
  width: 177px;
  height: 15px;
  border: 1px solid #464646;
  text-align: center;
  color: #fff;
  overflow: hidden; }

.sentimentBar div {
  overflow: hidden;
  height: 15px; }

.sentiment-put {
  background-color: #FE9B0E; }

.sentiment-call {
  background-color: #5BBD32; }

#sentimentContents ul {
  margin-top: -5px; }

html > body #sentimentContents ul {
  margin-top: 0; }

#sentimentContents ul li {
  margin: 3px 0; }

#howItWorks ol {
  padding-left: 12px;
  list-style: decimal outside; }

.ext-ie #howItWorks ol {
  margin-left: 12px; }

.ext-ie #howItWorks ul {
  margin-left: 10px; }

#howItWorks ol li {
  padding-bottom: 15px; }

#howItWorks strong {
  font-weight: bolder; }

#howItWorks .boxFooter {
  color: green;
  padding-left: 9px;
  list-style: square outside;
  font-size: 1em; }

#howItWorks .dirIcon {
  margin-top: 0px; }

#openPositions {
  font-size: 9px; }

#openPositions th, #userTrades th, #userTransactions th {
  background-color: #DCDCDC;
  border-bottom: 1px solid #cccccc; }

#openPositions th, #openPositions td, #userTrades th, #userTrades td,
#userTransactions th, #userTransactions td {
  text-align: center;
  padding: 4px 0; }

.chartIcon {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../Images/chart_curve.png); }

.boxTopEarnersListLast, .boxLastActionsListLast {
  /*border-bottom: 1px solid #A9A9A9;*/ }

.boxTradesList ol, .tradesList ol, .boxTopEarnersList ol, .boxLastActionsList ol {
  margin: 0;
  padding: 0; }

.boxTradesList li, .tradesList li, .boxTopEarnersList li, .boxLastActionsList li {
  display: inline;
  padding: 3px;
  float: left;
  text-align: center; }

.boxTradesList a, .tradesList a, .boxTopEarnersList a, .boxLastActionsList a {
  float: left; }

#formInWinLoginMsg .userMessageBody {
  width: 200px; }

#formInWinLoginMsg .userMessage {
  margin-top: 10px; }

html > body #formInWinLoginMsg .userMessage {
  margin-top: 0; }

#boxWelcomeOptions td {
  padding: 0 5px 0 0;
  color: #fff;
  text-align: right; }

#boxWelcomeOptions .realAccount {
  color: yellow; }

#boxWelcomeOptions .practiceAccount {
  color: lightgray; }

#partnerLogo span {
  display: none; }

/* Box Wallet */
#boxWalletBody {
  background-color: #D7DBDF;
  border: 1px solid #A9A9A9;
  border-right: none;
  border-left: none;
  padding: 5px 10px; }

#boxWalletBody .balance {
  margin-top: 6px;
  font-size: 18px;
  font-weight: bold;
  float: left; }

#walletTotal1 {
  margin-top: -1px;
  font-size: 26px;
  font-weight: bold; }

#bonusMissing {
  display: block;
  height: 15px;
  width: 15px;
  background: url(../Images/question.png) no-repeat left top;
  float: left;
  margin-left: 4px; }

#bonusMissingPopup .x-progress-text {
  font-size: 8px; }

/* Last Actions */
.boxLastActionsList .userIcon {
  width: 16px;
  height: 16px;
  margin: 2px;
  float: left; }

.boxLastActionsList span {
  padding-left: 3px; }

.boxLastActionsList a {
  float: left; }

.boxLastActionsList li {
  display: block;
  text-align: left;
  width: 100%; }
#taskBar {
  z-index: 9999999;
  position: fixed !important;
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 32px;
  border: 1px solid #D0D0D0;
  color: white;
  border: 1px solid #D0D0D0;
  background: url(../Images/TaskBar_BG.png) repeat-x; }
  #taskBar #task-popup-alert {
    position: absolute;
    z-index: 5;
    background: url(../Images/PopupAlertBg.png);
    border: 2px solid #86C709;
    padding: 0 4px 5px 6px; }
    #taskBar #task-popup-alert div {
      background-image: url(../Images/bell.png); }
  #taskBar .no-border#task-popup-alert {
    border: none;
    background: none; }
  #taskBar #task-deposit {
    width: 80px;
    font-weight: bolder; }
  #taskBar .x-btn-tl, #taskBar .x-btn-tc, #taskBar .x-btn-tr,
  #taskBar .x-btn-ml, #taskBar .x-btn-mc, #taskBar .x-btn-mr,
  #taskBar .x-btn-bl, #taskBar .x-btn-bc, #taskBar .x-btn-br {
    background: none; }
  #taskBar .x-btn button {
    color: white; }
  #taskBar .x-btn-pressed button {
    color: #b4cae1; }
  #taskBar ul {
    border-right: 1px solid #fefefe; }
  #taskBar ul li {
    height: 32px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    position: relative; }
  #taskBar .task-right {
    float: right; }
  #taskBar .clock {
    font-size: 22px;
    vertical-align: middle; }
  #taskBar .task-tz {
    padding-left: 5px;
    font-size: 10px; }
  #taskBar .clock span {
    font-size: 13px; }
  #taskBar .date {
    font-size: 9px; }
  #taskBar .space {
    padding-right: 72px; }
  #taskBar .upgradeButton {
    background: url(../Images/upgrade_bg.png) no-repeat 0px 0px;
    width: 80px;
    height: 30px;
    margin-top: -3px;
    text-align: center;
    display: block; }
  #taskBar #task-stocks {
    padding-top: 2px;
    border-right: none;
    overflow: hidden;
    height: 32px; }
    #taskBar #task-stocks ul {
      border: none;
      padding: 0;
      margin: 0 auto;
      width: 450px; }
      #taskBar #task-stocks ul li {
        border: none;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 10px;
        line-height: 27px;
        text-align: center;
        cursor: pointer;
        width: 140px; }
        #taskBar #task-stocks ul li:hover {
          text-decoration: underline; }
        #taskBar #task-stocks ul li img {
          float: left;
          width: 25px;
          height: 25px;
          padding-right: 5px; }
        #taskBar #task-stocks ul li .instrument {
          padding-right: 3px;
          float: left; }
        #taskBar #task-stocks ul li .value {
          font-weight: bolder;
          padding-left: 5px;
          color: gray;
          float: left; }
        #taskBar #task-stocks ul li .value-down {
          color: red; }
        #taskBar #task-stocks ul li .value-up {
          color: #11cc1b; }
  #taskBar #task-right-close {
    border-left: none;
    padding: 0;
    width: 3px; }

.ext-ie #taskBar #task-stocks ul li {
  padding-top: 2px; }
.ts-flat-tab-panel-header {
  background: url(../Images/ext_ux/tab_images.png) repeat-x bottom;
  padding-bottom: 7px; }

.ts-flat-tab-panel ul.x-tab-strip-top {
  background: none;
  border: none;
  margin-left: 5px;
  margin-right: 5px; }

.ts-flat-tab-panel ul.x-tab-strip-bottom {
  background: none;
  border: none; }

.ts-flat-tab-panel ul.x-tab-strip li {
  margin-left: 0;
  margin-right: 0; }

.ts-flat-tab-panel .x-tab-strip span.x-tab-strip-text {
  font: normal 14px tahoma,arial,helvetica;
  color: #000000;
  padding: 5px; }

.ts-flat-tab-panel .x-tab-strip-over span.x-tab-strip-text {
  color: #000000; }

.ts-flat-tab-panel .x-tab-strip-active span.x-tab-strip-text {
  color: #000000;
  font-weight: bold; }

.ts-flat-tab-panel .x-tab-strip-disabled .x-tabs-text {
  color: #aaaaaa; }

.ts-flat-tab-panel .x-tab-strip-top .x-tab-right {
  border: none;
  border-left: 0.5px solid #dbdbdb;
  border-top: 0.5px solid #dbdbdb;
  border-bottom: 0.5px solid #dbdbdb;
  background: none; }

.ts-flat-tab-panel .x-tab-strip-top .x-tab-left {
  border: none;
  border-right: 0.5px solid #dbdbdb;
  background: none; }

.ts-flat-tab-panel .x-tab-strip-top .x-tab-strip-inner {
  background: none; }

.ts-flat-tab-panel .x-tab-strip-top .x-tab-strip-active {
  background: #ebebeb; }

.ts-flat-tab-panel .x-tab-strip-top .x-tab-strip-active .x-tab-right {
  border-bottom: 0.5px solid #EBEBEB; }

.ts-flat-tab-panel .x-tab-strip-bottom .x-tab-right {
  background: none; }

.ts-flat-tab-panel .x-tab-strip-bottom .x-tab-left {
  background: none; }

.ts-flat-tab-panel .x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
  background: none; }

.ts-flat-tab-panel .x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
  background: none; }

.ts-flat-tab-panel .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  background: #ffffff; }

.ts-flat-tab-panel .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  background: none; }

.ts-flat-tab-panel .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  background-image: url(../images/default/tabs/tab-close.gif); }

.ts-flat-tab-panel .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
  background-image: url(../images/default/tabs/tab-close.gif); }

.ts-flat-tab-panel-body-top {
  border-top: 0 none; }

.ts-flat-tab-panel-body-bottom {
  border-bottom: 0 none; }

.x-tab-scroller-left {
  background-image: url(../images/default/tabs/scroll-left.gif);
  border-bottom-color: #8db2e3; }

.x-tab-scroller-left-over {
  background-position: 0 0; }

.x-tab-scroller-left-disabled {
  background-position: -18px 0;
  opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  cursor: default; }

.x-tab-scroller-right {
  background-image: url(../images/default/tabs/scroll-right.gif);
  border-bottom-color: #8db2e3; }

.ts-flat-tab-panel-bbar .x-toolbar, .ts-flat-tab-panel-tbar .x-toolbar {
  border-color: #99bbe8; }
#gamePagination {
  padding-top: 5px; }
  #gamePagination span {
    display: none; }

.ts-gamepagination-wrap {
  height: 22px; }
  .ts-gamepagination-wrap .ts-gamepagination-pages {
    float: left; }
  .ts-gamepagination-wrap .ts-gamepagination-left,
  .ts-gamepagination-wrap .ts-gamepagination-right,
  .ts-gamepagination-wrap .ts-gamepagination-page {
    height: 22px;
    width: 24px;
    display: block;
    cursor: pointer;
    background: url(../Images/PaginationImage.png) no-repeat; }
  .ts-gamepagination-wrap .ts-gamepagination-page-wrap {
    height: 22px;
    display: block; }
  .ts-gamepagination-wrap .ts-gamepagination-page {
    background-position: -41px 0;
    float: left; }
  .ts-gamepagination-wrap .ts-gamepagination-page-selected {
    background-position: -23px 0; }
  .ts-gamepagination-wrap .ts-gamepagination-left {
    background-position: 0 0;
    float: left; }
  .ts-gamepagination-wrap .ts-gamepagination-right {
    background-position: -65px 0px;
    float: right; }