/*** Altoona CSS 2012 Yi Li *******************************/ body { line-height: 1em; width: 100%; font-size: 71%; /* Resets 1em to 12px */ font-family: Arial, Sans-Serif; color: #333; margin: 0 auto; background-color: #c5c5c5; background-image: -moz-linear-gradient( top, #e8e8e8 0%, #b5b4b4 100% ); background-image: -webkit-linear-gradient( top, #e8e8e8 0%, #b5b4b4 100% ); background-image: -ms-linear-gradient( top, #e8e8e8 0%, #b5b4b4 100% ) } .widgetLogo { text-indent: -999px } a:link { color: #245399; cursor: pointer } a:visited { color: #245399; cursor: pointer; text-decoration: underline } a:visited:hover { color: #000; cursor: pointer; text-decoration: underline } a:hover { color: #000; text-decoration: underline; cursor: pointer } a:active { color: #245399; cursor: pointer; text-decoration: underline } /* hack IE6 */ *html hr { height: 1px; margin-top: -7px } /* hack IE7 */ *:first-child+html hr { height: 1px; margin-top: -7px } p { font-size: 14px; line-height: 1.4em; margin: 5px 13px 15px; text-align: justify } h1 { font-size: 2.5em; margin: 8px 0 10px 147px } h2 { font-size: 1.6em; font-weight: bold; line-height: 1em } h3 { font-size: 1.2em; margin: 10px 0 15px; text-align: left; line-height: 1.2em } h4 { font-size: 14px; margin: 15px 0 5px 0; line-height: 1em } ul { font-size: 1.1em; list-style: disc; margin: 0 0 0 25px; padding: 0 } ol { list-style: decimal; margin: 0 0 0 20px; padding: 0 0 10px } ol li { font-size: 14px; margin: 0 0 10px; line-height: 1.2em } ul.col { float: left; width: 150px; margin-left: 15px; list-style-type: none } caption, th, td { font-weight: normal; word-wrap: break-word } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .h-6 { height: 6px } .h-20 { height: 20px } .sep { height: 10px } .txt-green { color: #1e7810 } .txt-blue { color: #245399 } img.float-left { padding-right: 15px } img.float-right { padding-left: 15px } /*ADS*/ #ads { width: 727px; margin: 0 auto 3px; height: 90px } input.placeOrderBtn-en { width: 105px; height: 38px; position: relative; top: -68px; right: 15px; background-color: #30b204; color: #fff; border: 1px solid #999999; text-transform: uppercase; border-radius: 5px; font-weight: bold; background-image: -moz-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% ); background-image: -webkit-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% ); background-image: -ms-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% ) } input.placeOrderBtn-pl { width: 105px; height: 38px; position: relative; top: -68px; right: 15px; background-color: #30b204; color: #fff; border: 1px solid #999999; text-transform: uppercase; border-radius: 5px; font-weight: bold; font-size: 9px; background-image: -moz-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% ); background-image: -webkit-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% ); background-image: -ms-linear-gradient( top, #46ea0f 0%, #36c307 60%, #29a201 90% ) } .btns-actions-eq .valid-form { font-size: 10px } /* HEADER */ #header { height: 192px; width: 1005px; margin: 0 auto } /* hack IE7 */ *:first-child+html #header { height: 160px } #header .wrapper-top { background-color: #e3eff5; height: 35px; width: 1005px; text-align: center; color: #a3cad7; /*These for CSS3 style*/ background-image: -moz-linear-gradient( top, #fff 0%, #e1eef4 100% ); background-image: -webkit-linear-gradient( top, #fff 0%, #e1eef4 100% ); background-image: -ms-linear-gradient( top, #fff 0%, #e1eef4 100% ); border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 } #header .wrapper-bottom { background: #fff url(img/bg-header.jpg) 0 0 no-repeat; height: 157px; width: 1005px; text-align: center; margin: 0 } /* hack IE6 */ *html #header .wrapper-bottom { height: 100px; padding: 8px 0 0 0 } #header .wrapper-bottom .logo { float: left; margin: 0 } #header .top ul { float: left; list-style-type: none; padding: 0 } /* hack Safari */ html* #header .top ul { margin-top: -1px } /* hack IE6 */ *html #header .top ul { margin-top: -3px } /* hack IE7 */ *:first-child+html #header .top ul { margin-top: -3px } #header .top ul li { float: left; text-align: center } #header .top ul li a { text-decoration: none; color: #01528A } #header .top ul li a:hover { text-decoration: none; color: #fff } #header .bottom .leaderboard-ad { float: right } #header .bottom .leaderboard-ad img { float: right; padding: 0 } /* hack IE7 */ *:first-child+html .nav-spacing { margin-top: 20px } /* WRAPPER */ #wrapper { margin: 0 auto; background-color: #6ab1ea; overflow: hidden } /* 3 cols layout */ /* #wrapper .threeCols-first { width: 185px } */ #wrapper .threeCols-first a:link, #wrapper .threeCols-first a:visited, #wrapper .threeCols-first a:active { text-decoration: none } /*threeCols-first Layout and Style*/ #wrapper .threeCols-first ul { width: 132px; list-style-type: none; font-size: 10px; font-weight: bold; margin-left: 0; } #wrapper .threeCols-first ul li { width: 132px; border-bottom: 1px solid #4685a0; border-top: 1px solid #94bbcd; text-transform: uppercase; text-align: center; padding: 10px 0; background-color: #529bb9; box-shadow: 1px 0px 1px #585858; background-image: -moz-linear-gradient( left, #327a9c 0%, #65b3d2 50%, #327a9c 100% ); background-image: -webkit-linear-gradient( left, #327a9c 0%, #65b3d2 50%, #327a9c 100% ); background-image: -ms-linear-gradient( left, #327a9c 0%, #65b3d2 50%, #327a9c 100% ) } #wrapper .threeCols-first ul li a { color: #fff; text-decoration: none; width: 80px } #wrapper .threeCols-first ul li a span { padding-left: 15px } #wrapper .threeCols-first ul li.leftbarTop { border-top-left-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; border-top: 0 } #wrapper .threeCols-first ul li.leftbarTitle { background-color: #00499d; color: #fff; background-image: -moz-linear-gradient( left, #00418c 0%, #004aa1 30%, #005cc7 50%, #004aa1 70%, #00418c 100% ); background-image: -webkit-linear-gradient( left, #00418c 0%, #004aa1 30%, #005cc7 50%, #004aa1 70%, #00418c 100% ); background-image: -ms-linear-gradient( left, #00418c 0%, #004aa1 30%, #005cc7 50%, #004aa1 70%, #00418c 100% ) } #wrapper .threeCols-first ul li.leftbarTitle b { font-weight: bold } #wrapper .threeCols-first ul li.leftbarBottom { border-bottom-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; border-bottom: 0 } #wrapper .threeCols-first ul.warsawLinks li a { color: #006699 } /*threeCols-second Layout and Style*/ #wrapper .threeCols-second .divLine1, #wrapper .login .divLine1 { width: 100%; height: 1px; background-color: #5b5b5b } #wrapper .threeCols-second .divLine2, #wrapper .login .divLine2 { width: 100%; height: 1px; background-color: #acacac } #wrapper .contentHeader { background-color: #efefef } #wrapper .threeCols-second { background-color: #fff; height: auto; padding-bottom: 30px }/******************************/ #wrapper .threeCols-second h1, #wrapper .login h1 { color: #272727; width: 230px; margin-left: 31px; margin-top: 33px; float: left; text-shadow: 1px 1px 0 #fff; text-align: left; line-height: 30px } #wrapper .threeCols-second .contentLogo, #wrapper .login .contentLogo { width: 234px; float: right; text-align: left; text-transform: uppercase; color: #272727; font-size: 11px; line-height: 13px; margin: 9px 10px 9px 0; text-indent: -999px } #wrapper .threeCols-second .contentpages { background-color: #fff } /**only for customized FT**/ /*Tabs in private pages*/ #wrapper .threeCols-second .wrapper_tabs { width: 530px; background-color: #6b838b; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border: 1px solid #999999; border-bottom: 0px; height: 45px; margin: 30px 10px 0; padding: 0; *margin-left: 14px; background-image: -moz-linear-gradient( top, #7c97a0 30%, #586c71 70% ); background-image: -webkit-linear-gradient( top, #7c97a0 30%, #586c71 70% ); background-image: -ms-linear-gradient( top, #7c97a0 30%, #586c71 70% ) } #wrapper .threeCols-second .wrapper_tabs.twoTabs ul li { width: 263px } #wrapper .threeCols-second .wrapper_tabs.twoTabs ul li a { width: 238px } #wrapper .threeCols-second .wrapper_tabs.fourTabs { margin-top: 0; *margin-left: 14px } #wrapper .threeCols-second .wrapper_tabs.fourTabs ul li { width: 130px } #wrapper .threeCols-second .wrapper_tabs.fourTabs ul li a { width: 115px; font-size: 14px; padding-right: 6px } #wrapper .threeCols-second .wrapper_tabs.fiveTabs ul li { width: 104px } #wrapper .threeCols-second .wrapper_tabs.fiveTabs ul li a { width: 79px } #wrapper .threeCols-second .wrapper_tabs.fiveTabs ul li.lastItem { width: 103px } #wrapper .threeCols-second .wrapper_tabs.fiveTabs ul li.lastItem a { border-right: 0; padding-right: 23px } #wrapper .threeCols-second .wrapper_tabs ul li { width: 175px; border-right: 1px solid #53666b; line-height: 45px; height: 45px; text-align: center } #wrapper .threeCols-second .wrapper_tabs ul li.lastItem { border-right: 0px; padding-right: 3px } #wrapper .threeCols-second .wrapper_tabs ul li a { border-right: 1px solid #97afb7; font-size: 16px; text-align: center; width: 150px; padding-right: 16px; color: #94feff; text-shadow: 1px 1px 3px #000 } #wrapper .threeCols-second .wrapper_tabs ul li.firstItem a { border-radius: 8px 0 0 0 } #wrapper .threeCols-second .wrapper_tabs ul li.lastItem a { border-radius: 0 8px 0 0 } #wrapper .threeCols-second .wrapper_tabs.twoTabs ul li.lastItem a, #wrapper .threeCols-second .wrapper_tabs.threeTabs ul li.lastItem a { padding-right: 20px } #wrapper .threeCols-second .wrapper_tabs.fourTabs ul li.lastItem a { padding-right: 14px } #wrapper .threeCols-second .wrapper_tabs ul li a:hover, #wrapper .threeCols-second .wrapper_tabs ul li.current a { color: #272727; background-color: #e2e2e2; text-shadow: -1px -1px 1px #fff; background-image: -moz-linear-gradient( top, #f9f9f9 30%, #e0e0e0 70% ); background-image: -webkit-linear-gradient( top, #f9f9f9 30%, #e0e0e0 70% ); background-image: -ms-linear-gradient( top, #f9f9f9 30%, #e0e0e0 70% ) } /*Sub Tabs*/ #wrapper .threeCols-second .sub_tabs { width: 530px; height: 78px; background-color: #e0e0e0; border: 1px solid #999999; border-top: 0; margin-left: 10px; padding: 0; overflow: hidden; text-align: left } #wrapper .threeCols-second .sub_tabs.tall { height: 115px } #wrapper .threeCols-second .sub_tabs ul { width: 500px; margin: 10px 15px; list-style-type: none } #wrapper .threeCols-second .sub_tabs ul li { width: 52px; float: left; margin-right: 2px; height: 20px; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #1da0c1; padding: 4px 11px; text-align: center; background-image: -moz-linear-gradient( top, #fefefe 30%, #dedede 80% ); background-image: -webkit-linear-gradient( top, #fefefe 30%, #dedede 80% ); background-image: -ms-linear-gradient( top, #fefefe 30%, #dedede 80% ) } #wrapper .threeCols-second .sub_tabs ul li a { text-decoration: none; color: #333333; font-size: 10px; font-weight: bold; text-align: center; *line-height: 26px } #wrapper .threeCols-second .sub_tabs ul li.active-server, #wrapper .threeCols-second .sub_tabs ul li:hover { background-color: #666666; color: #fff; border: 1px solid #999999; background-image: none } #wrapper .threeCols-second .sub_tabs ul li.active-server a, #wrapper .threeCols-second .sub_tabs ul li:hover a { color: #fff } #wrapper .threeCols-second .sub_tabs ul li.secondLine { top: 5px; position: relative } #wrapper .threeCols-second .sub_tabs ul li.thirdLine { position: relative; top: 10px } #wrapper .threeCols-second .sub_tabs ul li.long-btn { width: 110px } #wrapper .threeCols-second .sub_tabs ul li.short-btn { width: 45px } #wrapper .threeCols-second .tableDate { border: 1px solid #1da0c1; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; background-color: #d4fafa; box-shadow: inset 0 0 2px 2px #8bb0b9; -moz-box-shadow: inset 0 0 2px 2px #8bb0b9; -webkit-box-shadow: inset 0 0 2px 2px #8bb0b9; text-align: center } #wrapper .threeCols-second .btnGo { background-color: #86def4; border-radius: 10px; border: 1px solid #999999; color: #005a71; font-weight: bold } #wrapper .threeCols-second table.data,.chart-view { width: 532px; margin-left: 10px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; box-shadow: 0px 2px 3px #000; -moz-box-shadow: 0px 2px 3px #000; -webkit-box-shadow: 0px 2px 3px #000; *border-bottom: 1px solid #999999 } #wrapper .threeCols-second table.data thead tr:first-child { background-color: #e0e0e0; color: #272727; font-weight: bolder; border: 0px; height: 45px; font-size: 13px; text-align: center } #wrapper .threeCols-second table.data tbody tr { background-color: #fff } #wrapper .threeCols-second table.data tbody tr.page-nav { background-color: #f2f2f2; border-radius: 0 0 8px 8px\9 } #wrapper .threeCols-second table.data tbody tr:nth-child(2n) { background-color: #f6f6f6 } #wrapper .threeCols-second table.data.rankingTable { position: relative; top: -35px; top: -37px\9 } #wrapper .threeCols-second .previewInfo { width: 530px; margin-left: 10px; border: 1px solid #999999; border-top: 0; background-color: #fff; color: #444444 } #wrapper .threeCols-second .previewInfo table { width: 365px; float: right; margin-right: 16px; list-style-type: none; text-align: left; padding: 15px 0 } #wrapper .threeCols-second .previewInfo table tr th { font-weight: bold; color: #000; border-bottom: 1px solid #cccccc } #wrapper .threeCols-second .previewInfo table tr th span { color: #666666; font-style: italic; font-size: 10px } #wrapper .threeCols-second .btns-actions-eq { border-bottom: 0 } #wrapper .threeCols-second .stock-info table.data.stockTable { border-radius: 0 } #wrapper .threeCols-second .stock-info table.data.stockTable tr { background-color: #f0fafd; width: 510px } #wrapper .threeCols-second .stock-info table.data.stockTable tr td, #wrapper .threeCols-second .stock-info table.data.stockTable tr th { text-align: right; margin: 0 5px } #wrapper .threeCols-second .stock-info table.data.stockTable tr td { line-height: 20px } #wrapper .threeCols-second .stock-info table.data.stockTable tr th span, #wrapper .threeCols-second table.data.historyTable tr th span { color: #909090; font-style: italic; font-size: 10px } #wrapper .threeCols-second table.data.historyTable.tranHistoryTalbe { border-top: 1px solid #fff } #wrapper .threeCols-second table.data.historyTable.tranHistoryTalbe tr td { padding: 2px 16px } #wrapper .threeCols-second .stock-info table.data.stockTable tr th { border-color: #e0e0e0; font-weight: bold } #wrapper .threeCols-second .stock-info table.data.stockTable tr td { font-weight: bold } #wrapper .threeCols-second .stock-info table.data.stockTable .stockSymbol { text-align: left } #wrapper .threeCols-second .tableFooter { height: 45px; background-color: #efefef; text-align: left; font-style: italic; border-top: 1px solid #999999; color: #6f6f6f; width: 520px; margin-left: 10px; line-height: 45px; border-radius: 0 0 8px 8px; border: 1px solid #999999; padding-left: 10px; background-image: -moz-linear-gradient( top, #f9f9f9 30%, #e0e0e0 80% ); background-image: -webkit-linear-gradient( top, #f9f9f9 30%, #e0e0e0 80% ); background-image: -ms-linear-gradient( top, #f9f9f9 30%, #e0e0e0 80% ) } #wrapper .threeCols-second table.data.portfolioTable.contestTable { border-top: 0 } #wrapper .threeCols-second table.data.portfolioTable.contestTable tr { background-color: #f6f6f6; border: 1px solid #999999 } #wrapper .threeCols-second table.data.portfolioTable.contestTable tr th span { color: #979797; font-style: italic } #wrapper .threeCols-second table.data.portfolioTable.contestTable tr.bg-light { background-color: #f0fafd } #wrapper .threeCols-second table.data.portfolioTable.contestTable table { width:520px; margin-left: 3px; border: 1px solid #e0e0e0 } #wrapper .threeCols-second table.data.portfolioTable.contestTable table tr { background-color: transparent } #wrapper .threeCols-second table.data.portfolioTable.contestTable tr th, #wrapper .threeCols-second table.data.portfolioTable.contestTable tr td { padding: 2px 3px } #wrapper .threeCols-second table.data.portfolioTable table tr a.contestName { text-decoration: none; color: #3aabc8 } #wrapper .threeCols-second table.data.portfolioTable.contestTable table tr a.actionBtn { color: #3aabc8; font-size: 10px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #999999; border-radius: 12px; padding: 1px 5px; text-decoration: none } #wrapper .threeCols-second table.data.portfolioTable.contestTable table tr a.delBtn { position: relative; left: 1px; top: -1px; *left: 50px; *top: -11px } #wrapper .threeCols-second table.data.portfolioTable.contestTable table tr .paddingS-15 input { background-color: #d4fafa; box-shadow: inset 0 1px 3px #888 } #wrapper .threeCols-second table.data.portfolioTable.joinTable { border-top: 0 } #wrapper .threeCols-second table.data.portfolioTable.joinTable tr th { color: #006699; font-size: 12px; font-weight: bold; text-align: left; padding: 2px 3.5px; padding: 2px 3px\9\0 } :root #wrapper .threeCols-second table.data.portfolioTable.joinTable tr th { padding: 2px 1px\0 } #wrapper .threeCols-second table.data.portfolioTable.joinTable tr th.Black { color: #000 } #wrapper .threeCols-second table.data.portfolioTable.joinTable tr th span { color: #878787; font-style: italic; font-weight: normal; font-size: 10px } #wrapper .threeCols-second table.data.portfolioTable.joinTable tr td { color: #444444; padding: 2px 3.5px; word-wrap: break-word } :root #wrapper .threeCols-second table.data.portfolioTable.joinTable tr td { padding: 2px 1px\0 } #wrapper .threeCols-second table.data.portfolioTable.joinTable tr a.action-button { padding: 0 10px } #wrapper .threeCols-second table.data.portfolioTable.joinTable tr td a.contestName { text-decoration: none; color: #4ab3cd } /*Other styles for private pages*/ .historyPanel { width: 530px; background-color: #cdcdcd; margin-left: 10px; padding: 5px 0; border: 1px solid #999999; border-top: 0; border-bottom: 0; text-align: left } /*threeCols-third Layout and Style*/ #wrapper .threeCols-third #leaderboard .topHeader { width: 265px; font-size: 13px; color: #272727; text-shadow: 1px 1px 1px #fff; margin-left: 5px; padding: 15px; border: 1px solid #b3bbbd; border-bottom: 1px solid #78a4b4; line-height: 40px; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; background-color: #c8e1ea; background-image: -moz-linear-gradient( top, #d9ecf2 20%, #a5cad8 80% ); background-image: -webkit-linear-gradient( top, #d9ecf2 20%, #a5cad8 80% ); background-image: -ms-linear-gradient( top, #d9ecf2 20%, #a5cad8 80% ) } #wrapper .threeCols-third .topPlayers { margin-top: -15px } #wrapper .threeCols-third #tLeaderboard { width: 297px; margin-left: 5px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #fff; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; padding-bottom: 3px; background-color: #fff } #wrapper .threeCols-third #tLeaderboard tbody tr:first-child { background-color: #dff3fa; border-top: 1px solid #fff; border-bottom: 1px solid #78a4b4; color: #000 } #wrapper .threeCols-third #tLeaderboard tbody tr { background-color: #f3fcff } #wrapper .threeCols-third #tLeaderboard tbody tr:nth-child(2n) { background-color: #fff } #wrapper .threeCols-third #tLeaderboard tbody tr td.lastTrade { color: #2ca6c5; text-align: right } /*market news*/ #wrapper .threeCols-third .marketNews, #wrapper .threeCols-third .marketSummary, #wrapper .threeCols-third .termofday, #wrapper .threeCols-third .popArtis { width: 300px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #fff; border: 1px solid #b3bbbd; margin-top: 15px; margin-bottom: 3px; padding-bottom: 4px } #wrapper .threeCols-third .widgetsTitle { border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; background-color: #f7f7f7; height: 48px; border-bottom: 1px solid #78a4b4; background-image: -moz-linear-gradient( top, #f9f9f9 0%, #f1f1f1 60% ); background-image: -webkit-linear-gradient( top, #f9f9f9 0%, #f1f1f1 60% ); background-image: -ms-linear-gradient( top, #f9f9f9 0%, #f1f1f1 60% ) } #wrapper .threeCols-third .widgetsTitle h3 { font-size: 15px; color: #272727; text-shadow: 1px 1px 1px #fff; float: left; width: 160px; margin-left: 15px; margin-top: 15px } #wrapper .threeCols-third .marketSummaryETF .widgetsTitle h3 { width: 260px } #wrapper .threeCols-third .widgetsTitle .widgetLogo { width: 120px; float: left; text-align: left; text-transform: uppercase; font-size: 0; font-weight: bold } #wrapper .threeCols-third .hotNews, #wrapper .threeCols-third .hotArtis { background-color: #eaeaea; border-bottom: 1px solid #78a4b4; border-top: 1px solid #fff; text-align: left; padding: 2px 10px 5px; font-size: 12px; line-height: 14px } #wrapper .threeCols-third .hotNews h3, #wrapper .threeCols-third .hotArtis h3 { color: #006699; font-size: 17px } #wrapper .threeCols-third .hotNews h3 a, #wrapper .threeCols-third .hotArtis h3 a { text-decoration: none } #wrapper .threeCols-third .newsList, #wrapper .threeCols-third .artiList { border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; text-align: left; padding-bottom: 20px } #wrapper .threeCols-third .newsList ul, #wrapper .threeCols-third .artiList ul { list-style-type: none; margin: 10px } #wrapper .threeCols-third .newsList ul li a, #wrapper .threeCols-third .artiList ul li a { text-decoration: none; color: #1da0c1 } #wrapper .threeCols-third .newsList ul li a:hover, #wrapper .threeCols-third .artiList ul li a:hover { color: #444444 } #wrapper .threeCols-third .newsList a.moreNewsBtn, #wrapper .threeCols-third .termofday .todText a.moreNewsBtn, #wrapper .threeCols-third .artiList a.moreNewsBtn { padding: 1px 8px; color: #1da0c1; background-color: #eeeeee; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 1px solid #b3bbbd; text-decoration: none; font-weight: bolder; margin-left: 10px } /*market summary*/ #wrapper .threeCols-third .marketSummary { margin-top: 0; margin-bottom: 15px } #wrapper .threeCols-third .marketSummary table { text-align: right; border-top: 1px solid #fff } #wrapper .threeCols-third .marketSummary table th, #wrapper .threeCols-third .marketSummary table td { width: 60px; height: 20px } #wrapper .threeCols-third .marketSummary table tr th { background-color: #fbfbfb } #wrapper .threeCols-third .marketSummary table tr .firstItem { width: 55px; padding-left: 10px; text-align: left; color: #1da0c1 } #wrapper .threeCols-third .marketSummary table tr .secondItem { text-align: right; width: 130px } #wrapper .threeCols-third .marketSummary table tr.summaryTitle { height: 30px; color: #272727 } #wrapper .threeCols-third .marketSummary table tr.summaryTitle th { border-bottom: 1px solid #78a4b4; background-color: #dff3fa; } #wrapper .threeCols-third .marketSummary table tr.summaryList:nth-child(2n+1) { background-color: #d0dce0 } #wrapper .threeCols-third .marketSummary table tr .lastItem { width: 75px; padding-right: 5px } /*term fo day*/ #wrapper .threeCols-third .termofday { margin-top: 0 } #wrapper .threeCols-third .termofday .todContent { height: 120px; background-color: #fff; border-radius: 0 0 8px 8px; width: 300px } #wrapper .threeCols-third .termofday .todContent img { width: 74px; float: left; margin-top: 15px; margin-left: 10px\9 } #wrapper .threeCols-third .termofday .todText { width: 182px; float: left; text-align: left; height: 120px; margin-left: 10px\9; margin-top: 0 } #wrapper .threeCols-third .termofday .todText h3 { margin-bottom: -8px } #wrapper .threeCols-third .termofday .todText a.moreNewsBtn { margin-left: 140px } /*popular articles*/ #wrapper .threeCols-third .popArtis .widgetsTitle h3 { width: 170px } #wrapper .threeCols-third .popArtis .widgetsTitle .widgetLogo { width: 110px } #wrapper .threeCols-third .artiList a.moreNewsBtn { margin-left: 238px } /*announcement*/ #wrapper .threeCols-third .announcement { width: 300px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #f4f4f4; margin-bottom: 3px; border: 1px solid #999999 } #wrapper .threeCols-third .announTitle { border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; background-color: #f7f7f7; height: 48px; border-bottom: 2px solid #e0e0e0; background-image: -moz-linear-gradient( top, #f9f9f9 0%, #f1f1f1 50% ); background-image: -webkit-linear-gradient( top, #f9f9f9 0%, #f1f1f1 50% ); background-image: -ms-linear-gradient( top, #f9f9f9 0%, #f1f1f1 50% ) } #wrapper .threeCols-third .announTitle h3 { font-size: 25px; /*text-shadow: 1px 1px 1px #cccccc;*/ line-height: 48px; text-align: center; margin-top: 0 } #wrapper .threeCols-third .announContent { border: 1px solid #e0e0e0; border-bottom: 6px solid #e0e0e0; border-top: 0 } #wrapper .threeCols-third .announDivline { width: 100%; background-color: #999999; height: 1px } #wrapper .threeCols-third .announFooter { width: 300px; border-radius: 0 0 8px 8px; background-color: #f5f5f5; height: 10px; border-top: 1px solid #fff } /*User assignment progress detail*/ #wrapper .threeCols-third .userassignmentprogress { width: 300px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color: #f4f4f4; margin-bottom: 3px; border: 1px solid #999999 } /*sponsor logos*/ #wrapper .threeCols-third .sponLogoBig { width: 300px; height: 100px; margin-top: 15px } #wrapper .threeCols-third .sponLogoSmall { width: 120px; float: left; margin: 10px 0 30px 20px } /* FOOTER */ #footer { background-color: #ededec; height: 110px; background-image: -moz-linear-gradient( top, #faf9f9 50%, #e0e1e0 90% ); background-image: -webkit-linear-gradient( top, #faf9f9 50%, #e0e1e0 90% ); background-image: -ms-linear-gradient( top, #faf9f9 50%, #e0e1e0 90% ) } #footer .wrapper-bottom { width: 100%; height: 77px; background-color: #00aeef; border-bottom: 1px solid #0082b3 } #footer .wrapper-copyright { height: 80px; width: 795px; text-align: center; color: #fff; padding: 6px 0 0 } #footer .wrapper-links { height: 30px; width: 100%; text-align: center; border-top: 1px solid #fff } #footer .wrapper-bottom ul.logoLinks { margin-left: 205px } #footer .wrapper-bottom ul.logoLinks li { display: inline; list-style-type: none; margin-right: 10px } #footer .wrapper-bottom ul.logoLinks li a img { height: 65px; margin-top: 6px } #footer .links ul { margin: 0; padding: 0 } #footer .links ul li, #footer .external ul li { margin: -3px 0 0; list-style-type: disc; color: #1da0c1; display: inline } #footer .links ul li a:link, #footer .links ul li a:visited, #footer .links ul li a:active, #footer .external ul li a:link, #footer .external ul li a:visited, #footer .about ul li a:active { text-decoration: none; color: #01528a; font-size: 11px } #footer .links ul li a:hover, #footer .external ul li a:hover { color: #1089ce } #footer .copyright { color: #444444; text-align: justify; margin: 0 25px; width: 940px; font-size: 13px } #footer .copyright a:link, #footer .copyright a:visited, #footer .copyright a:hover, #footer .copyright a:active { color: #444444 } #footer .bottom-links { width: 990px; margin: 0 auto; text-align: center } #footer .links { float: left; width: 650px; text-transform: uppercase; margin-left: 17px } #footer .links ul { list-style-type: disc; color: #3d1a54; padding-top: 2px } /* specific tags */ table.data tr th, table.data tr td { text-align: right } table.data tr td table.table-page-nav tr td a { border: 1px solid #000; color: #bc0a3a } table.data tr td table.table-page-nav tr td a:hover { color: #000; background-color: #f0f0f0 } /* home */ .splash { margin: 0 auto; width: 1005px; height: 673px; background-color: #f4f4f4; padding: 0; background-image: url("img/splash.jpg"); overflow: hidden } /*login*/ .login { width: 550px; height: 375px; margin: 10px auto 550px; background-color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .login .form { margin-top: 50px } .login .form, .login .links { width: 350px; margin-left: 70px; text-align: left; *margin-left: -50px } .login .form .loginTitle { color: #272727; margin-right: 33px; font-weight: bold; text-align: right } .login .form .secondInput { margin: 4px 0 0 2px } .login .form .firstInput input, .login .form .secondInput input, .forgotPWD .form input.forgotInput { width: 180px; border: 1px solid #1da0c1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #d4fafa; box-shadow: inset 0 0 2px 2px #b5d8d9; -moz-box-shadow: inset 0 0 2px 2px #b5d8d9; -webkit-box-shadow: inset 0 0 2px 2px #b5d8d9; height: 24px } .forgotPWD .form input.forgotInput { margin-left: 12px; margin-left: 65px\9 } /*IE hacks*/ .login .form .chk-box { width: 200px; float: left; margin-left: 58px } .login .form .chk-box input { margin-top: 10px; float: right\9; margin-right: 80px\9 } .login .form .chk-box label { margin-top: -2px; margin-top: -27px\9 } .login .form label { color: #272727; width: 70px; float: left } :root .login .form label { width: 75px\9 } /*IE9 hacks*/ .login .form .loginBtn { width: 80px; float: left; margin: 5px 0 0 -50px } .login .form .btnLogin, .forgotPWD .form .btnSubmit { background-color: #86def4; border-radius: 5px; border: 1px solid #999999; color: #005a71; font-weight: bold; padding: 3px 12px; width: 80px; background-image: -moz-linear-gradient( top, #98e9fe 30%, #69cbe3 70% ); background-image: -webkit-linear-gradient( top, #98e9fe 30%, #69cbe3 70% ); background-image: -ms-linear-gradient( top, #98e9fe 30%, #69cbe3 70% ) } .login .links { margin: 8px 0 0 220px; text-transform: uppercase; color: #30a9c8; font-weight: bold } .login .form input.btnSubmit.btnLogin { width: 60px; box-shadow: none } .login .form .btnLogin {width:120px} .login .form .firstInput, .login .form .secondInput { text-align: right } /*about*/ .about { width: 1005px; margin: 0 auto; height: 150px; background-color: #00402c } .about .col { float: left; width: 263px; text-align: left; height: 130px; font-size: 14px; line-height: 16px; margin-left: 5px; font-weight: bold; color: #fff; line-height: 25px; margin-top: 10px } .about .col .textTitle { background-image: url("img/bg-promoTitle.jpg"); width: 263px; height: 29px; margin-top: 5px; display: block } .about .col a, .about .col a:hover { color: #fff; text-decoration: none } .rss-link { margin-top: 20px; font-weight: bold; line-height: 16px } .rss-link a { text-decoration: none } .rss-date { color: #2e71b2; font-size: 11px; line-height: 13px } .rss-text { font-size: 14px; line-height: 16px } .highlight { color: #035b89 } .registerToPlay { background-color: #fff; width: 165px; height: 90px; font-size: 12px; line-height: 14px; margin: 20px -15px 0; padding: 10px 15px 0 } .registerToPlay h3 { color: #04135f; margin: 10px 0; padding: 0 } .registerToPlay a { margin: 0; padding: -10px 0 0 } .box-btn { margin-top: 10px; width: 130px; height: 30px; font-weight: bold; text-align: center; padding: 10px 15px; background: #5c9ad7 url(img/bg-btn.jpg) 0 0 repeat-x; border: 1px solid #04135f; cursor: pointer } .box-btn a { font-size: 14px; line-height: 16px; color: #fff; text-decoration: none } .box-btn a:hover { color: #fff; text-decoration: none } label { float: left; display: block; width: 215px; text-align: right; padding: 12px 20px } /* registration page */ .registration input, .password input { float: left; width: 220px } .registration label, .password label { width: 150px } input.btn { width: 165px; height: 46px; color: #fff; font-weight: bold; text-align: center; padding: 2px 15px; background: #5c9ad7 url(img/bg_btn.jpg) 0 0 repeat-x; border: 1px solid #046b9a; cursor: pointer } .btn.login { margin-bottom: -15px } label.field-checkbox { margin: -24px 0 0 130px; width: 380px; float: left } /* hack IE6 */ *html label.field-checkbox { margin-left: 43px } .inputCheckbox { margin: 40px 0 0 130px; float: left; width: 15px } /* hack IE6 */ *html .inputCheckbox { margin-left: 65px } .inputCheckbox input { width: 15px; margin: 3px 0 0 0 } .registration input.margin-btn { margin-left: 130px } /* hack IE6 */ *html .registration input.margin-btn { margin-left: 50px } .password input.margin-btn { margin-left: 190px } /* hack IE6 */ *html .password input.margin-btn { margin-left: 175px } /* hack IE7 */ *:first-child+html .password input.margin-btn { margin-left: 175px } .radio-btns input { float: left; width: 20px; position: relative; top: 2px } .radio-btns label { float: left; text-align: left; width: 80px } /* Contact support */ .websitetitle { font-weight: bold; font-size: 1.2em; position: relative; top: 11px; float: left; text-align: left; width: 300px; line-height: 14px } /* captcha */ label.captcha-label { position: relative; top: 3px } input.captcha-input { position: relative; top: 3px; width: 100px } .captcha { margin-top: 5px } ul li { line-height: 1.4em } .alt { background-color: #f0f0f0 } /* TOPMENU */ #topMenu { height: 35px; position: relative; z-index: 600 } /* hack IE6 */ *html #topMenu { height: 29px } #topMenu ul.menuList { list-style-type: none; margin-left: 10px; padding: 0 } #topMenu ul.menuList li { float: left; display: block; height: 35px; position: relative } #topMenu ul.menuList li a { display: block; line-height: 35px; text-decoration: none; font-weight: normal; padding-left: 15px; width: 160px; text-align: left; font-size: 13px } #topMenu ul.menuList li#contestName a { width: 200px } #topMenu ul.menuList li#contestName ul li a { width: 185px } #topMenu ul.menuList li.langList a { width: 120px } #topMenu ul.menuList li.langList a:hover { background-color: transparent; border: 0; color: #01528A; cursor: text } #topMenu ul.menuList li a.menuTitle { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 } #topMenu ul.menuList li a.menuTitle span img { margin-left: 5px } /* hack IE6 */ *html #topMenu ul.menuList li a b { width: 10px; white-space: nowrap } #topMenu ul.menuList li a:hover, #topMenu ul.menuList li a:visited, #topMenu ul.menuList li a:active, #topMenu ul.menuList li:hover a { color: #003a6a; background-color: #4aadfd; border: 1px solid #fff; border-bottom: 0 } #topMenu ul.menuList li:hover ul { width: 146px } #topMenu a, #topMenu a:visited { display: block } /* hide the sub levels and give them a positon absolute so that they take up no room */ #topMenu ul.menuList ul { display: table; visibility: hidden; position: absolute; width: 180px; top: 35px; left: 0; margin: 0; box-shadow: 0px 2px 2px #000; -moz-box-shadow: 0px 2px 2px #000; -webkit-box-shadow: 0px 2px 2px #000; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border: 1px solid #fff; border-top: 0 } #topMenu ul.menuList ul li { border-left: 1px solid #fff\9; border-right: 1px solid #fff\9 } /*IE Hacks*/ #topMenu ul.menuList ul li { margin: 0 } #topMenu ul.menuList ul li a.lastItem { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px } #topMenu ul.menuList ul.langMenu li a:last-child { border-radius: 0 0 5px 5px } #topMenu ul.menuList li:hover ul li a, #topMenu ul.menuList a:hover ul li a { background-color: #003986; background-image: none; color: #88ccf7; text-shadow: none; text-align: left; border: 0 } /* hack IE6 */ *html .navigation ul :hover ul { width: 150px } /* hack IE6 */ *html #topMenu ul.menuList li:hover ul li a { border-bottom: 0 } /* hack IE6 */ *html #topMenu ul.menuList a:hover ul li a { border-bottom: 0 } /* hack IE6 */ *html #topMenu ul.menuList a:hover ul li a.last { border-bottom: 1px solid #9a9a9a } #topMenu table { position: absolute; top: 0; left: 0; border-collapse: collapse; width: 0; height: 0 } #topMenu ul.menuList ul a, #topMenu ul.menuList ul a:visited { padding: 0px 15px; width: 145px } #topMenu ul.menuList li.langList ul { width: 120px } #topMenu ul.menuList li.langList ul a { width: 105px } #topMenu li :hover ul li a:hover, #topMenu ul.menuList li:hover ul li:hover a { color: #003986; background-color: #0072cf } #topMenu :hover > a, #topMenu ul.menuList ul :hover > a { color: #04135f; background-color: #00380d } #topMenu ul.menuList li:hover ul, #topMenu ul.menuList a:hover ul { visibility: visible } /*special style for login, reg, username and logout btn in top menu*/ #topMenu ul.menuList li a.btnLogReg { border: 0; width: 110px; background-color: #e3eff5; background-image: -moz-linear-gradient( top, #fff 0%, #e1eef4 100% ); background-image: -webkit-linear-gradient( top, #fff 0%, #e1eef4 100% ); background-image: -ms-linear-gradient( top, #fff 0%, #e1eef4 100% ) } #topMenu ul.menuList li a.btnLogReg:hover { color: #0087ea } #topMenu ul.menuList li a.btnRegister { width: 120px; border-right: 1px solid #bad4e7; color: #01528a } /*dropdown login menu on topMenu*/ #topMenu ul.menuList li.quickLogin ul.loginMenu { visibility: hidden; position: absolute; z-index: 200; width: 280px; background-color: #6c6c6c } #topMenu ul.menuList li.quickLogin ul.loginMenu li { float: none } #topMenu ul.menuList li.quickLogin:hover a { background-image: -moz-linear-gradient( top, #9d9d9d 5%, #6c6c6c 95% ); background-image: -webkit-linear-gradient( top, #9d9d9d 5%, #6c6c6c 95% ); background-image: -ms-linear-gradient( top, #9d9d9d 5%, #6c6c6c 95% ); background-color: #6c6c6c; border: 1px solid #fff; border: 0\9; border-bottom: 0; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0 } #topMenu ul.menuList li.quickLogin:hover ul { visibility: visible } #topMenu ul.menuList li.quickLogin:hover ul>li { margin-top: 15px } #topMenu ul.menuList li.quickLogin:hover ul li { text-align: left; color: #fff; margin-left: 15px } #topMenu ul.menuList li.quickLogin:hover ul input { width: 180px; border: 1px solid #1da0c1; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #d4fafa; box-shadow: inset 0 0 2px 2px #b5d8d9; -moz-box-shadow: inset 0 0 2px 2px #b5d8d9; -webkit-box-shadow: inset 0 0 2px 2px #b5d8d9; height: 20px } #topMenu ul.menuList li.quickLogin:hover ul a.btnGo { background-color: #86def4; border-radius: 10px; border: 1px solid #999999; color: #005a71; font-weight: bold; padding: 3px 12px; width: 20px; float: right; height: 15px; margin-right: 20px; line-height: 15px; background-image: -moz-linear-gradient( top, #98e9fe 30%, #69cbe3 70% ); background-image: -webkit-linear-gradient( top, #98e9fe 30%, #69cbe3 70% ); background-image: -ms-linear-gradient( top, #98e9fe 30%, #69cbe3 70% ) } #topMenu ul.menuList li.quickLogin:hover ul a.loginLink { background-image: none; border: 0; margin: -20px 0 5px 42px; background-color: transparent } #topMenu ul.menuList li.quickReg { border-right: 1px solid #7c7c7c; margin-top: 3px\9 } #topMenu ul.menuList li.quickLogin { margin-top: 3px\9 } /*IE hacks*/ #topMenu ul.menuList li, #topMenu ul.menuList li:hover a, #topMenu ul.menuList li ul, #topMenu ul.menuList li ul li { border: 0\9 } #topMenu ul.menuList li.headerBorder { height: 1px; background-color: #000; width: 100%; *width: 215px } #topMenu ul.menuList li.headerTopBorder { border-top: 1px solid #abd8fc; *width: 215px } #topMenu .headerRightBorder { border-right: 1px solid #000 } #topMenu ul.menuList li a.userNameText { cursor: text; color: #078DED } #topMenu ul.menuList li.quickReg.no-border { border: 0 } #header .top #topMenu ul.menuList li:hover a { background-color #c6c6c6\9 !important } /**************************************************/ /* NAVIGATION */ .wrapper-navigation { clear: both; padding: 0; background-color: #003071; height: 35px; width: 1005px; text-align: center; border: 0; margin: 0 auto; *margin-top: -25px; background-image: -moz-linear-gradient( top, #3e78c7 15%, #002451 90% ); background-image: -webkit-linear-gradient( top, #3e78c7 15%, #002451 90% ); background-image: -ms-linear-gradient( top, #3e78c7 15%, #002451 90% ) } /* hack IE6 */ *html .wrapper-navigation { margin: -15px 0 0 0; padding: 0 } #navigation { height: 35px; position: relative; z-index: 500 } /* hack IE6 */ *html #navigation { height: 29px } #navigation ul { list-style-type: none; margin: 0; padding: 0 } #navigation ul li { float: left; display: block; height: 35px; margin-right: 1px; position: relative; border-right: 1px solid #011c42 } #navigation ul li a { display: block; line-height: 35px; padding: 0 0 0 15px; text-decoration: none; text-transform: uppercase; font-weight: normal; border-right: 1px solid #6291d1 } #navigation ul li:hover a { background-color: #289bfd } #navigation ul li:hover a b { color: #003071; text-shadow: 0px 1px 1px #c0dbff } #navigation ul li a b { display: block; line-height: 35px; padding: 0 15px 0 0; height: 35px; color: #fff } /* hack IE6 */ *html #navigation ul li a b { width: 10px; white-space: nowrap } #navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active { color: #042627 } #navigation ul li a:hover { color: #fff; background-color: #289bfd } #navigation ul li:hover ul { width: 148px } #navigation ul li:hover ul li a, #navigation ul li:hover ul li a b { background-image: none } #navigation a, #navigation a:visited { display: block } /* hide the sub levels and give them a positon absolute so that they take up no room */ #navigation ul ul { display: table; visibility: hidden; position: absolute; width: 150px; top: 35px; left: 0; width: auto; margin: 0; background-color: #00380d; box-shadow: 8px 5px 9px #000 } #navigation ul ul li { margin: 0; border: 0; width: 220px } #navigation ul li:hover ul li a, #navigation ul a:hover ul li a { background-color: #003986; background-image: none; color: #88ccf7; text-shadow: none; text-align: left; padding-left: 15px; border: 0 } /* hack IE6 */ *html .navigation ul :hover ul { width: 150px } /* hack IE6 */ *html #navigation ul li:hover ul li a { border-bottom: 0 } /* hack IE6 */ *html #navigation ul a:hover ul li a { border-bottom: 0 } /* hack IE6 */ *html #navigation ul a:hover ul li a.last { border-bottom: 1px solid #9a9a9a } #navigation table { position: absolute; top: 0; left: 0; border-collapse: collapse; width: 0; height: 0 } #navigation ul ul a, #navigation ul ul a:visited { padding: 2px 10px; width: 220px } #navigation li :hover ul li a:hover, #navigation ul li:hover ul li:hover a { color: #fff; background-color: #0072cf } #navigation :hover > a, #navigation ul ul :hover > a { color: #04135f; background-color: #f4f4f4 } #navigation ul li:hover ul, #navigation ul a:hover ul { visibility: visible } /*For the last menu btn*/ #navigation ul li.lastMenuBtn, #navigation ul li.lastMenuBtn a, #navigation ul li.menuSpoLogo, #navigation ul li.menuSpoLogo a { border: 0 } #navigation ul li.lastMenuBtn:hover { background-color: #095776 } #navigation ul li.lastMenuBtn:hover span { color: #fff; text-shadow: none } #navigation ul li.lastMenuBtn a { height: 35px } *:first-child+html #navigation ul li.lastMenuBtn a b { margin-bottom: -1px } #navigation ul li.lastMenuBtn br { height: 0; margin: 0; line-height: 0 } #navigation ul li.lastMenuBtn span { font-size: 10px; line-height: 8px; margin-left: 2px; color: #fff } #navigation ul li.menuSpoLogo a img { margin-top: 2px } #navigation ul li.menuSpoLogo:hover a, #navigation ul li.menuSpoLogo a:hover { background-color: transparent } /*for Chrome and safari*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #navigation ul li.lastMenuBtn a b { margin-bottom: -35px } } /* LOGIN PAGE */ body.login-page { background: #333333; margin: 0 auto; padding: 0 auto; text-align: center; color: #000 } body.login-page .secure { background-color: #ffffcd; color: #666; width: 99%; text-align: left; padding: 4px 0 0 10px; height: 15px } body.login-page .login { padding: 20px; width: 392px; height: 250px; text-align: center; margin: 160px auto; background: transparent url(img/bg_login.jpg) 0 0 no-repeat; } /* hack for IE6 */ *html body.login-page .login { height: 120px } body.login-page .login .form { width: 150px; text-align: left } /* hack for IE6 */ *html body.login-page .login .form { margin-left: 50px } body.login-page .login table { margin: 95px auto 0; padding: 0 auto; text-align: center } /* hack for IE6 */ *html body.login-page .login table { margin-top: 114px } /* hack for IE7 */ *:first-child+html body.login-page .login table { margin-top: 120px } body.login-page .login .firstInput { margin-left: 0 } body.login-page .login .secondInput { margin: -8px 0 0 } /* hack for IE6 */ *html body.login-page .login input { width: 140px; margin: 4px 0; padding: 0 } /* hack for IE7 */ *:first-child+html body.login-page .login .clear-left { margin: 0; padding: 0 } /* hack for IE7 */ *:first-child+html body.login-page .login input { width: 140px; margin: 5px 0; padding: 0 } body.login-page .links { position: relative; top: -7px; margin-left: -130px } /* hack for IE6 */ *html body.login-page .links { top: 5px; float: left; margin-left: -80px } /* hack for IE7 */ *:first-child+html body.login-page .links { top: 5px; float: left; margin-left: -100px } body.login-page .links ul { list-style-type: disc; padding: 0; margin: 0 } body.login-page .links ul li { float: left; padding: 5px 15px 0 0; margin: 0 5px 0 0 } body.login-page .links ul li.first { list-style-type: none; padding-left: 0 } body.login-page .links ul li a { text-decoration: none; color: #02588a } body.login-page .links ul li a:hover { color: #489f3a } body.login-page .chk-box input { float: left; margin: 0; border: 0 } /* hack for IE6 */ *html body.login-page .chk-box input { width: 15px } /* hack for IE7 */ *:first-child+html body.login-page .chk-box input { width: 15px } body.login-page .chk-box label { margin: 0; width: 100px; padding: 2px 0 0 5px; text-align: left; float: left } /* hack for IE6 */ *html body.login-page .chk-box label { padding-top: 11px } /* hack for IE7 */ *:first-child+html body.login-page .chk-box label { padding-top: 11px } body.login-page input.btnGreen { color: #fff; font-weight: bold; font-size: 11px; padding: 2px 8px; background-color: #68c22d; border-top: 2px solid #89e14f; border-right: 2px solid #3b7916; border-bottom: 2px solid #3b7916; border-left: 2px solid #89e14f; margin-left: -40px } /* hack for IE6 */ *html body.login-page input.btnGreen { margin-left: -60px } /* hack for IE7 */ *:first-child+html body.login-page input.btnGreen { float: left } /* FAQs */ .wrapper_tabs { border-bottom: 1px solid #04135f } ul.tabs a:hover { color: #5693d2 } ul.tabs li.active-server a { color: #5693d2 } ul.tabs a.active { color: #04135f; border: 1px solid #04135f; border-bottom: 1px solid #fff } ul.tabs a { color: #04135f } /* Admin */ .progress { color:#bc0a3a } .modalPopup { background-color:#f1f1f1; border-color:#bc0a3a } /* accordeon */ .accordionHeader { border: 1px solid #bc0a3a; color: #000; background-color: #f1f1f1 } #master_content .accordionHeader a { color: #fff } .accordionHeaderSelected { border: 1px solid #bc0a3a; color: #fff; background-color: #bc0a3a } #master_content .accordionHeaderSelected a { color: #fff } .accordionContent { background-color: #fff; border: 1px solid #bc0a3a } /* only needed for multi-tournaments */ .inline-checkbox input { position: relative; top: 2px; width: 15px; float: left; text-align: left } .inline-checkbox label { float: left; text-align: left; margin-top: 4px; width: 100px; padding: 10px 0 0 5px } .checkboxFields input { border: 0; width: 195px; float: left; text-align: right; margin: 0 0 0 60px; padding: 0 } .checkboxFields label { float: left; text-align: left; width: 300px; margin: 0 0 0 -60px; padding: 0 } /* hack for IE7 */ *:first-child+html .checkboxFields input { width: 180px } /* hack for IE7 */ *:first-child+html .checkboxFields label { margin: 2px 0 0 -45px } .adBigbox { width: 300px; height: 250px; border: 0/* ; background-color: yellow */ } .adLeaderboard { width: 350px; height: 70px; margin: 12px 50px 0 0/* background-color: Aqua */ } .adSkyscraper { width: 160px; height: 600px/* ; background-color: Fuchsia */ } .regStep { font-weight:200; font-size:26px } h6{ font-size:12px } /********Special styles for new public pages' design********/ /*prizes*/ .prizeTable { width: 500px; margin: 0 auto; background-color: #eeeeee } .prizeTable tr td { text-align: left; padding: 5px 8px; font-size: 13px } /*faq*/ .faqTabs { width: 130px; float: left; margin-right: 80px; margin-left: -30px } .faqTabs ul { list-style-type: none; margin-left: 0 } .faqTabs ul li a { color: #1da0c1; font-weight: bold; text-decoration: none } .faqTabs ul li a:hover, #dTrading h3 a:hover, #dBasics h3 a:hover, #dOther h3 a:hover { color: #444444 } #dTrading, #dBasics, #dOther { width: 340px; float: left; text-align: left; margin-top: -15px } #dTrading h3, #dBasics h3, #dOther h3 { color: #006699 } #dTrading h3 a, #dBasics h3 a, #dOther h3 a { text-decoration: none; color: #1da0c1 } /*sitemap*/ .mapCols { width: 260px; margin-left: 10px; background-color: #fff; float: left; margin-top: 10px; text-align: left; height: 500px } .mapCols h2 { margin: 35px 0 20px 15px; text-transform: uppercase; font-size: 13px } .mapCols ul { list-style-type: none; margin-left: 15px; font-size: 12px } .mapCols ul li h3 { margin-bottom: 0px } .mapCols ul li a, .mapCols a { color: #4ab3cd; text-decoration: none; font-size: 12px; font-weight: bold } /*contact*/ #wrapper .registration .support.contentpages { padding-bottom: 60px } .support span { margin-top: 8px; float: right; margin-right: 30px } .support span.websitetitle { float: left; margin-top: 0 } .support label { text-align: left; width: 80px } /*#wrapper .registration .support input, #wrapper .registration .support textarea { width: 150px }*/ #wrapper .registration .support .contactMessage-en { height: 200px; margin-left: -30px; margin-bottom: 16px; margin-left: -105px\9 } #wrapper .registration .support .contactMessage-hu { height: 200px; margin-left: -105px; margin-bottom: 16px; margin-left: -105px\9 } .support label.captcha-label { margin-top: -17px } #wrapper .registration .support input.margin-btn { margin-left: 215px } #wrapper .registration .support select.contactSubjects { width: 220px\9 } /*change pwd*/ #wrapper .password label { font-weight: bold } /*register*/ #wrapper .threeCols-second .uniList { width: 340px\9 } #wrapper .threeCols-second .facList { width: 300px\9 } #wrapper .registration .cbTerms input { margin-right: -45px; margin-left: 70px; width: 13px\9; height: 13px\9; margin: 11px 40px 0 155px\9 } .fbLike { background-color: #f9f9f9 } /********Special styles for new private pages' design********/ /*dashboard(only for KBC Poland)*/ .portfolio-value .right-col { border-top: 1px solid #d1d1d1; border-left: 1px solid #7c7c7c } .portfolio-value .left-col { border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1 } #toggleBtn { color: #3badc9 } /*account balance*/ #wrapper .threeCols-second .leftCol table.data tr th { background-color: #e2e2e2; background-image: -moz-linear-gradient( top, #f9f9f9 30%, #e0e0e0 70% ); background-image: -webkit-linear-gradient( top, #f9f9f9 30%, #e0e0e0 70% ); background-image: -ms-linear-gradient( top, #f9f9f9 30%, #e0e0e0 70% ); border-bottom: 1px solid #999999 } #wrapper .threeCols-second .leftCol table.data tr:nth-child(2) td { border-top: 1px solid #fff } #wrapper .threeCols-second .rightCol table.data tr th { background-color: #f0f0f0; background-image: -moz-linear-gradient( top, #f9f9f9 30%, #e0e0e0 90% ); background-image: -webkit-linear-gradient( top, #f9f9f9 30%, #e0e0e0 90% ); background-image: -ms-linear-gradient( top, #f9f9f9 30%, #e0e0e0 90% ); border-bottom: 1px solid #999999 } #wrapper .threeCols-second .rightCol table.data tr { background-color: #6b838a; color: #f9f9f9 } #wrapper .threeCols-second .rightCol table.data tr th { color:#000 } #wrapper .threeCols-second .rightCol table.data tr:nth-child(2) td { border-top: 1px solid #97afb7 } #wrapper .threeCols-second .rightCol table.data tr:nth-child(2n) { background-color: #769199 } /*ranking page*/ #wrapper .threeCols-second .portfolio-table-title .titleBottom { font-size: 14px } .valid-form, .valid-form-bonds, .status-form { height: 38px } input.placeOrderBtn, input.newOrderBtn { top: -75px } #wrapper .threeCols-second .portfolio-table-title .widgetLogo { display: none } /* Assignment */ table.data.assignmentTable { margin-top: 10px } table.data.assignmentTable tr th { height: 30px; background-color: #222; color: #f1f1f1 } table.data.assignmentTable tr th a { color: #f1f1f1; font-weight: bold; text-decoration: underline } table.data.assignmentTable tr td { height: 25px; line-height: 25px } table.data.assignmentTable tr td span { font-size: 14px } #subtabs li.selected, #subtabs li.active { border-right: 0; margin: 7px 6px } #subtabs li.selected a, #subtabs li.active a { border: 0; border-top: 1px solid #7edaf3; border-bottom: 3px solid #0a3b5c } #subtabs li.selected a:link, #subtabs li.active a { display: block; float: left; padding: 10px 13px 17px; margin: -11px; color: #fff; text-shadow: none; background-color: #1b4768; border: 1px solid #878787; border-bottom: 0; line-height: 13px; border-radius: 6px 6px 0 0 } #subtabs .inner { width: inherit; margin: 22px 0 0 5px; height: 35px; text-align: left; border-radius: 10px 10px 0 0; border: 1px solid #878787; text-shadow: 1px 1px 1px #fff; background-color: #c9d1c2; background-image: -moz-linear-gradient( top, #eaefe2 15%, #d2d9cb 40%, #b8c2b2 90% ); background-image: -webkit-linear-gradient( top, #eaefe2 15%, #d2d9cb 40%, #b8c2b2 90% ); background-image: -ms-linear-gradient( top, #eaefe2 15%, #d2d9cb 40%, #b8c2b2 90% ) } .productTableTitle { width: 622px; height: 52px; line-height: 52px; background-color: #488cb8; color: #f2f2f2; text-shadow: 0 1px 1px #2e2e2e; text-align: center; font-size: 20px; font-weight: bold; text-transform: uppercase; background-image: -moz-linear-gradient( top, #56a0d0 10%, #3f80ab 100% ); background-image: -webkit-linear-gradient( top, #56a0d0 10%, #3f80ab 100% ); background-image: -ms-linear-gradient( top, #56a0d0 10%, #3f80ab 100% ) } .productTableTitle.assignTitle { font-size: 14px; font-family: Trebuchet MS; width: 722px; text-align: left; padding-left: 20px } table.data.scrollable-table { margin-left: 0; font-family: Trebuchet MS } table.data.scrollable-table tr th { background-color: #d4ecf7; text-align: center; color: #071d2d; font-size: 14px; height: 60px; line-height: 60px; padding: 0; font-family: Trebuchet MS } table.data.scrollable-table tr.title td { background-color: #071d2d; text-align: center; height: 28px; line-height: 28px; color: #f2f2f2} table.data.scrollable-table tr.title td span { color: #fff; font-size: 16px; text-transform: uppercase; font-family: Trebuchet MS } table.data.scrollable-table tr td { height: 28px; line-height: 28px } table.data.scrollable-table tr td span { font-size: 14px; font-family: Trebuchet MS } table.data.scrollable-table tr.alt td { background-color: #b7adb1 } table.data.scrollable-table input { margin-top: 7px; text-align: center } #AssignmentInfoContainer table tr th { background-color: #d4ecf7; text-align: center; color: #071d2d; padding: 0; font-family: Trebuchet MS } #AssignmentInfoContainer table tr.title { background-color: #071d2d; text-align: center; height: 28px; line-height: 28px; color: #f2f2f2 } /*#AssignmentInfoContainer table tr.alt td { background-color: #b7adb1 } */ #AssignmentInfoContainer tr:nth-child(2n) { background-color: #b7adb1 } /* HELLO BAR */ #hellobar-container { background: none repeat scroll 0 0 #def1ff; border-bottom-color: #fff; color: #2b2b2b; font-family: Arial Black,Gadget,sans-serif; } #hellobar-container { border-bottom: 3px solid #fff; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; margin: 0; overflow: visible; padding: 0; position: relative; text-align: center; width: 100%; z-index: 1000; } #hellobar-container p { height:100%; text-align:center; } .get-stock-ideas-wrap { width: 510px; box-shadow: 0px 2px 3px #000; -moz-box-shadow: 0px 2px 3px #000; -webkit-box-shadow: 0px 2px 3px #000; margin: 0 auto; /*margin-left: 11px;*/ padding-left: 20px; overflow: hidden; }