body { background: #000000 url(../../img/BasicFramework/bg-page.jpg) no-repeat scroll 50% 0pt;} #top { width:884px;} #banner a { display:block; } #banner img { border:none; } #page { width:884px; padding-left:13px; padding-right:13px; background:transparent url(../../img/BasicFramework/frame-site-vertical.png) repeat-y scroll 0pt;} #banner { height:196px; margin-bottom:-11px; padding:0;} #rightPanel { width:120px; float:left; text-align:left; background: #000000 url(../../img/basicFramework/rightbarGradient.jpg) repeat-y; background-position:left top; margin:0px 0px 0px 0px; padding:0px 0px 10px 5px; } #rightPanelContent { padding-right:5px; } #rightPanelTop { width:115px; height:6px; background: #000000 url(../../img/basicFramework/rightbarTop.jpg) repeat-y; background-position:left top; margin:0px 0px 0px -5px; padding:0px 5px 0px 5px; overflow:hidden; } #rightPanel a { margin-top:2px; margin-bottom:2px; } #rightPanel a:hover { color:Orange; font-weight:bold; margin-top:1px; margin-bottom:1px; } #content { text-align:left; background: #000000 url(../../img/stone_texture.jpg); margin:0px; padding:0; display:block; width:884px; float:left; overflow:hidden; } #innerContent { padding:5px 5px 5px 4px; margin:0; border:0;width:749px;float:left;} #widecontent { text-align:left; background: #000000 url(../../img/stone_texture.jpg); margin:0px; padding:5px 5px 5px 4px; display:block; width:875px; float:left; overflow:hidden; } #footer { width:884px; position:relative;clear:both; height:auto; color:Silver; float:none;} #footer p { padding:10px;} #footer a:hover { color:Orange; } #legalLine, #legalLine a { color:Silver; } #legalLine a:hover { color:Orange; } div.fullHDivider { height:13px; width:910px; margin-left:-13px; padding-right:11px; background:transparent url(../../img/basicFramework/frame-site-horizontal.png) no-repeat scroll 0pt;} #heroesForSaleList { display:block; float: left; width: 747px; overflow:hidden; } #heroesForSaleList a { overflow:hidden; color:Black; display:block; text-decoration:none; padding:5px 5px 5px 5px; width:737px; height:60px;} #heroesForSaleList a:hover { background-color:#FFEEDD; border: solid 1px #C09080;padding:4px 4px 4px 4px; cursor:pointer;} #heroesForSaleList h3 { padding:0; margin-bottom:3px;margin-top:-5px; width:250px; height:20px; overflow:hidden;} #heroesForSaleList p { padding:0; height:12px; padding-bottom:5px; position:relative; top:-40px; left:75px;} #heroesForSaleList p.sellingTeam { color:#777777;left:0px;top:-7px;} #heroesForSaleList p.price { font-weight:bold; color:Red; margin:0px; padding-top:2px; background-image: url(../../img/coins.png); background-repeat:no-repeat; background-position:left top; padding-left: 28px;} #heroesForSaleList p.deadline { margin:-5px 0px 0px 0px; padding-top:6px; background-image: url(../../img/smallBell.png); background-repeat:no-repeat; background-position:left top; padding-left: 28px;} #heroesForSaleList img { border:none;position:relative;top:-7px;left:20px;} #heroesForSaleList img.meleeWeapon { border:2px outset black;position:relative;top:-170px; left:600px;} #heroesForSaleList img.rangedWeapon { border:2px outset black;position:relative;top:-170px; left:610px;} #heroesForSaleList img.skillLevel_1 { border-color: White;} #heroesForSaleList img.skillLevel_2 { border-color: Yellow;} #heroesForSaleList img.skillLevel_3 { border-color: Green;} #heroesForSaleList img.skillLevel_4 { border-color: Orange;} #heroesForSaleList img.skillLevel_5 { border-color: Red;} #heroesForSaleList .note { color:#777777; font-weight:normal; font-size:9px;vertical-align:top;} .heroProperties { position:relative; top:-105px; left:250px; } .heroProperties tr td.label { width:50px; color:#777777; } .heroProperties tr td.data { padding-left:3px; padding-right:3px; width:15px; font-weight:bold; } .heroProperties tr td.wide { width:88px; } .heroProperties tr td.g0 { color:#000000;} .heroProperties tr td.g1 { color:#001000;} .heroProperties tr td.g2 { color:#002000;} .heroProperties tr td.g3 { color:#003000;} .heroProperties tr td.g4 { color:#004000;} .heroProperties tr td.g5 { color:#005000;} .heroProperties tr td.g6 { color:#006000;} .heroProperties tr td.g7 { color:#007000;} .heroProperties tr td.g8 { color:#008000;} .heroProperties tr td.g9 { color:#009000;} .heroProperties tr td.g10 { color:#00a000;} .heroProperties tr td.g11 { color:#00b000;} .heroProperties tr td.g12 { color:#00c000;} .heroProperties tr td.g13 { color:#00d000;} .heroProperties tr td.g14 { color:#00e000;} .heroProperties tr td.g15 { color:#00f000;} .heroProperties tr td.g16 { color:#00ff00;} .heroProperties tr td.g17 { color:#00ff00;} .heroProperties tr td.g18 { color:#00ff00;} .heroProperties tr td.g19 { color:#00ff00;} .heroProperties tr td.g20 { color:#00ff00;} #block {width:1px;height:500px;float:left; padding:0; margin:0;} .smallColumn { float:left; width:249px; } .mediumColumn { float:left; width:374px; } .largeColumn { float:left; width:499px; } .border { float:left; border-style:solid; border-width:1px; } .smallSection { width:249px; float:left; margin-top:2px; } .smallSection label { display: block; float:left; width:100px; } .smallSection p { display: block; float:left; width:100px; } .smallSection input { width:61px; } .smallSection select { width:140px; } .largeTextBox { display:block; width:505px; height:140px; } .warningText { color:Red; } .chatContainer { width:741px; height:260px; overflow:hidden; border:solid 2px #b0b0b0; background-color:Silver; padding:2px 2px 2px 2px; margin-top:10px;} #discussionPort { width:731px; height:200px; overflow:auto; padding:3px; color:White; background-color:#700000; border:2px inset #202020;} .chatInput { width:679px; height:44px;} .chatContainer input[type="submit"] { margin-bottom:16px; width:52px;} .chatContainer ul li { margin-bottom:2px;} .chatContainer * p.message { margin-left:15px;} .updateElement { background-color:Silver;color:white;display:block;font-size:12px;height:50px;left:0pt;position:relative;top:-51px;} iframe { width:664px; height:550px; background-color:Transparent; border:none; overflow:hidden; }