/* CSS Document */
HTML {height:100%}
BODY {height:100%; margin:0; padding:0; font:normal 11px tahoma,verdana,arial,sans-serif; color:#6a7484; background-color:#fff; width: expression((documentElement.clientWidth||document.body.clientWidth)>1004?'':'1004px'); min-width:1004px}
.allpage {height:auto; min-height:100%; width: expression((documentElement.clientWidth||document.body.clientWidth)>1004?'':'1004px'); min-width:1004px}
* html .allpage {height:100%}
.allpageinner {float:left; width:100%; padding:0 0 100px 0}
*+ html .allpageinner {float:left; width:100%} /* for IE7 */
* html .allpageinner {float:left; width:100%} /* for IE6 */
.footer {float:left; width:100%; height:35px; margin:-35px 0 0 0; position:relative}

TD, TH, UL, OL, LI, INPUT, TEXTAREA, SELECT, LABEL, BUTTON {font:normal 11px tahoma,verdana,arial,sans-serif}
FORM {margin:0}
IMG {border:0}
A {text-decoration:none;color:#00aaff}

.fl {float:left}
.fr {float:right}
.cb {clear:both}
.pa {position:absolute}
.pr {position:relative}
.float100 {float:left; width:100%}
.pink, INPUT.pink {color:#fc007e}
.blue, A.blue {color:#00aaff}
A.blue:hover {text-decoration:underline}
.white {color:#fff}
.small {font-size:10px}
.button {border:0; color:#fff; vertical-align:middle; cursor:pointer; position:relative; padding-bottom:2px}
.button49 {width:49px; height:16px; background:url(img/button49.gif) no-repeat 0 0}
.button49light {width:49px; height:16px; background:url(img/button49light.gif) no-repeat 0 0; color:#c5f1ff}
.button57 {width:57px; height:17px; background:url(img/button57.gif) no-repeat 0 0}
.button55 {width:55px; height:17px; background:url(img/button55.gif) no-repeat 0 0}
.button55light {width:55px; height:17px; background:url(img/button55light.gif) no-repeat 0 0}
.button20 {width:20px; height:17px; background:#00adee url(img/button20.gif) no-repeat 0 0}
.button20light {width:20px; height:17px; background:#00adee url(img/button20light.gif) no-repeat 0 0; color:#c5f1ff}
.button47 {width:47px; height:17px; background:#00adee url(img/button47.gif) no-repeat 0 0}
.button47light {width:47px; height:17px; background:#00adee url(img/button47light.gif) no-repeat 0 0; color:#c5f1ff}
.text, TEXTAREA {border:0; color:#8e8e8e}
.text {background:none; text-align:center}
.inputbox {display:-moz-inline-box; display:inline-block; text-align:center; vertical-align:middle}

.pt30 {padding-top:30px}

.topmenu {float:left; lwidth:258px; height:37px; position:absolute; left:240px; top:0; background:url(img/bg_topmenu.png) no-repeat 0 0}
.topmenu A {display:block; float:left; height:34px}
.topmenu .link1 {width:34px}
.topmenu .link2 {width:84px; margin-left:18px}
.topmenu .link3 {width:58px; margin-left:13px}
.topmenu .link4 {width:40px; margin-left:11px}
.topmenu .link5 {height:20px; font-family:"arial"; font-size:18px; font-weight:bold; color:#fff; margin-left:22px; margin-top:6px}


.header {float:left; width:100%; height:36px; background:#5fcaff url(/skin/img/bg_head.png) repeat-x 0 0; position:relative}
.logo {float:left; padding:6px 0 0 36px}
.headerright {float:right; padding:8px 74px 0 0}
.headerright A:hover {text-decoration:underline}

.content {width:882px; margin:0 auto}
.leftcolumn {float:left; width:255px; overflow:hidden; text-align:center; padding-top:120px}
.rightcolumn {float:left; width:567px; padding-left:60px; overflow:hidden; padding-top:120px}
.paddingbox {padding:0 5px}

.contentbox {width:1004px; margin:0 auto}
.center {float:left; width:100%}
.centerinner {width:494px; margin:0 255px}
.left {float:left; width:245px; margin-left:-1004px; position:relative}
.leftinner {width:245px; overflow:hidden; padding-top:50px}
.right {float:left; width:245px; margin-left:-245px}
.rightinner {width:245px; overflow:hidden; padding-top:50px}

.login {}
.loginform {display:-moz-inline-box; display:inline-block; float:left; width:288px}
.login FORM {display:inline}
.login LABEL {float:left; position:absolute; width:80px; text-align:center; padding-top:1px; top:0; left:135px; cursor:text}
.login A {color:#fff}
.login .userautorize A:hover {text-decoration:none}

.text119 {width:119px; height:17px; background:url(img/bg_text119.png) no-repeat 0 0; margin-right:9px}
.text119pink {width:119px; height:17px; background:url(img/bg_text119_pink.png) no-repeat 0 0; margin-right:9px}
.text119 .text, .text119pink .text {width:109px; margin:0 auto}
.text89 {width:89px; height:17px; background:url(img/bg_text89.png) no-repeat 0 0; margin-right:8px}
.text89pink {width:89px; height:17px; background:url(img/bg_text89_pink.png) no-repeat 0 0; margin-right:8px}
.text89 .text, .text89pink .text {width:79px; margin:0 auto}
.text119pink .text, .text89pink .text {color:#fff}

.userautorize {display:block; float:left; background:url(img/bg_username_left.png) no-repeat 0 0; margin-right:25px; position:relative; top:-2px}
.userautorize DIV {float:left; height:17px; background:url(img/bg_username_right.png) no-repeat 100% 0; color:#fff; padding:0 10px}
.userautorize SPAN {display:block; padding-top:2px}

.topbanner {float:left; width:100%; text-align:center; padding-bottom:76px}

H1.bigtitle {text-align:center; font-family:"arial black"; color:#908884; font-size:26px; padding:47px 0 37px 0}

.infoblock {width:784px; margin:0 auto}
.infobox {float:left; width:174px; height:139px; margin:0 11px; ma\rgin:0 9px}
.muzpic {background:#ec1c7e url(img/bg_infobox.png) no-repeat 0 0}
.giflary {background:#a3c02c url(img/bg_infobox.png) no-repeat -174px 0}
.flash2pic {background:#a93fe3 url(img/bg_infobox.png) no-repeat -348px 0}
.muzicons {background:#886d62 url(img/bg_infobox.png) no-repeat -522px 0}
.infobox A {display:block; width:174px; height:139px; color:#6a7484}
.infobox SPAN {display:block}
.muzpic SPAN {padding:56px 17px 0 78px}
.giflary SPAN {padding:43px 33px 0 43px}
.flash2pic SPAN {padding:40px 8px 0 25px}
.muzicons SPAN {padding:45px 46px 0 19px}

.maincontent {clear:both; width:907px; margin:0 auto; padding-top:40px}
.advertbox {float:left; width:263px; margin-right:26px; text-align:center}
.abautmuzicon {float:left; width:300px; margin-right:52px}
.forumbox {float:left; width:266px; padding-top:7px}
.advertbox H2, .abautmuzicon H2 {text-align:center; font-family:"arial"; /*font-family:"arial black";*/ font-size:18px; font-weight:bold; text-transform:uppercase; padding-bottom:20px; color:#908884}
.advertbox H2 {color:#d28c48}


.muziconbox {float:left; width:166px; overflow:hidden}
.talk {float:left; width:134px; height:48px; background:url(img/bg_talk.png) no-repeat 0 0}
.talk DIV {width:112px; margin:0 0 0 14px; padding-top:4px; overflow:hidden; text-align:center}
.abautmuzicon .code {float:left; width:119px; height:46px; background:url(img/bg_code_gray_119.png) no-repeat 0 0; margin:37px 0 0 11px}
.abautmuzicon .codeinner {padding:0 5px}
.abautmuzicon .code textarea {width:109px; height:38px; background:none; border:0; overflow:hidden; text-align:center}

.bookmarks {float:left; width:266px; position:relative; padding:0; margin:0 0 -6px 0; text-transform:uppercase}
.bookmarks LI {float:left; list-style-type:none; margin-right:4px; background:url(img/bg_bookmarks_current_right.gif) no-repeat 100% 0}
.bookmarks DIV {text-align:center; font-family:"arial"; font-size:18px; font-weight:bold; color:#00aaff; padding:3px 10px 5px 10px; background:url(img/bg_bookmarks_current_left.gif) no-repeat 0 0}
.bookmarks DIV.first {background:url(img/bg_bookmarks_current_left2.gif) no-repeat 0 0}
.bookmarks LI.current {background:url(img/bg_bookmarks_right.gif) no-repeat 100% 0}
.bookmarks LI.current DIV {background:url(img/bg_bookmarks_left.gif) no-repeat 0 0}
.bookmarks A {color:#adb1bc}

.themebox {float:left; width:266px; background:url(img/bg_themebox.png) no-repeat 0 100%}
.themeboxinner {float:left; width:266px; background:url(img/bg_themebox.png) no-repeat -532px 0; padding:7px 0}
.themelist {float:left; width:245px; padding:16px 0 0 21px; margin:0; background:url(img/bg_themebox.png) repeat-y -266px 0}
.themelist LI {float:left; width:100%; list-style-type:none; margin-bottom:8px}
.bluebox {float:left; width:186px; background:#00aaff url(img/bg_blue_bottom.gif) no-repeat 0 100%}
.bluebox DIV {width:166px; background:url(img/bg_blue_top.gif) no-repeat 0 0; padding:1px 10px 3px 10px; overflow:hidden}
.bluebox A {color:#fff}

.span1 {width:156px; height:52px; display: table;  position: static; margin:0 auto; overflow:hidden; background-color:#fff}
.span2 {display: table-cell; vertical-align: middle; position: static; text-align:center}
.span3 {display:block; top:auto; left:auto;  margin:0 auto; cursor:pointer}
*html .span1 {display:block; position:relative}
*html .span2 {display:block; position:absolute; left:0; top:50%}
*html .span3 {display:block; top: -50%; left: 0; position:relative; width:156px; text-align:center}
*+html .span1 {display:block; position:relative}
*+html .span2 {display:block; position:absolute; left:0; top:50%}
*+html .span3 {display:block; top: -50%; left: 0; position:relative; width:156px; text-align:center}
.span3:hover {text-decoration:none}
.infobox A .blue {display:inline; color:#00aaff}

.bookmarkbox {position:absolute; top:40px; right:5px}
.bookmark {position:relative; text-align:right; padding-bottom:30px}

.comments {float:left; width:230px; overflow:hidden; padding-top:27px}
*+html .comments {padding-top:50px}
.comments H1 {font:bold 18px "Arial Narrow"}
.comments H1 A {color:#00aaff}
.commentline {float:left; width:230px; padding-bottom:10px}
.date {float:left; width:50px; color:#00aaff}
.info {width:170px; margin-left:50px}
.username A {display:block; float:left; height:16px; background:#00aaff url(img/bg_username_r.gif) no-repeat 100% 0; color:#fff}
.username SPAN {display:block; background:url(img/bg_username_l.gif) no-repeat 0 0; padding:1px 10px 2px 10px; white-space:nowrap}
.commenttext {clear:both; width:168px; overflow:hidden; padding:1px 0 0 15px}

.advert {float:left; width:300px; padding-left:14px; padding-top:7px}
*+html .advert {padding-top:30px}

.language {float:left; padding-left:36px}
.language A {display:block; float:left; color:#00aaff; padding-top:5px; margin-right:7px}
.language A:hover {text-decoration:underline}
.language SPAN {display:block; float:left; color:#fff; background:#bfb8b2 url(img/bg_language_l.gif) no-repeat 0 0; margin-right:7px; text-align:center}
.language B {display:block; float:left; font-weight:normal; height:20px; padding:5px 4px 0 4px; background:url(img/bg_language_r.gif) no-repeat 100% 0}
.bottommenu {float:right; padding-right:75px; padding-top:5px}
.bottommenu A {color:#00aaff; margin-left:7px}
.bottommenu A:hover {text-decoration:underline}
.copy {text-align:center; padding-top:5px}

.hideblocksign {position:absolute; top:33px; right:30px; z-index:10; display:none}
.hideblockbottom {position:absolute; bottom:32px; right:105px; z-index:10; display:none}

.move {color:#fff}
.move A {color:#fff; position:relative}
.auth {width:98px; height:45px; background:url(img/bg_auth.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_auth.png'); -background:none; text-align:center}
.autherror {width:158px; height:68px; background:url(img/bg_auth_error.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_auth_error.png'); -background:none; text-align:center}
.emailauth {width:186px; height:45px; background:url(img/bg_emailauth.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_emailauth.png'); -background:none; text-align:center}
.emailautherror {width:185px; height:68px; background:url(img/bg_emailautherror.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_emailautherror.png'); -background:none; text-align:center}
.reg {width:204px; height:131px; background:url(img/bg_reg.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_reg.png'); -background:none;}
.regerror {width:204px; height:153px; background:url(img/bg_reg_error.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_reg_error.png'); -background:none;}
.reg2 {width:212px; height:83px; background:url(img/bg_reg2.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_reg2.png'); -background:none;}
.regerror2 {width:212px; height:105px; background:url(img/bg_reg_error2.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_reg_error2.png'); -background:none;}
.feedback {width:198px; height:144px; background:url(img/bg_fedback.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_fedback.png'); -background:none;}
.feedbackloginerror {width:198px; height:166px; background:url(img/bg_feedbackloginerror.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_fedback.png'); -background:none;}
.auth A, .autherror A, .reg A, .regerror A, .feedback A {position:relative}
.inner {padding:5px 13px 0 13px}
.feedback .inner {height:108px; padding:14px 13px 0 13px}
.feedbackloginerror .inner {height:130px; padding:9px 13px 0 13px}
.feedbackback {width:186px; height:45px; background:url(img/bg_feedbacktext.png) no-repeat 0 0;
-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_emailauth.png'); -background:none; text-align:center}
.reg .inner {padding-top:9px}
.regerror .inner {padding-top:7px}
.regerror2 .inner {padding-top:9px}
.register {padding-top:3px; height:74px}
.reg2 .register {padding-top:10px; height:25px}
.remember {float:left; width:100%}
.reg2 .remember .fr, .regerror2 .remember .fr {padding-right:17px}
.registererror {padding-top:5px; height:74px}
.regerror2 .registererror {padding-top:5px; height:25px}
.register .inputbox, .registererror .inputbox {width:89px; height:17px; background:url(img/bg_bigtext.png) no-repeat 0 0; margin-bottom:4px}
.registererror .registerpink {width:89px; height:17px; background:url(img/bg_bigtext_pink.png) no-repeat 0 0; margin-bottom:4px}
.registererror .registerpink .text {color:#fff}
.regerrorhight {height:168px; background:url(img/bg_regerrorhight.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://www.toolwi.com/skin/img//bg_regerrorhight.png'); -background:none;}
.regerrorhight .warning {padding-top:3px}
/*.regerror .warning {padding-top:0px;color:#FFFFFF;width:178px;}*/
.close {display:block; width:21px; height:14px; margin:0 auto}
.feedback .close {display:block; width:21px; height:21px}
.feedbacklogin .close {margin-top:10px} .close SPAN {display:none}
.register .text, .registererror .text {position:relative; width:79px; margin:0 auto}
.reg .close, .regerror .close {margin-left:132px}
.reg2 .close, .regerror2 .close {margin-left:147px}
.emailauth .close, .emailautherror .close {margin-left:120px}

.warning {text-align:center; padding-bottom:9px}
.warningtext {text-align:center; padding-bottom:9px; color:#ea0000; padding-top:28px}
.feedbackloginerror .warning {padding-bottom:15px}
.radio {vertical-align:middle}


.feedback .textareabox {display:block; width:164px; height:72px; padding:4px; margin:0 auto 5px auto; background:url(img/bg_textarea.png) no-repeat 0 0}
.feedback .textareabox .textarea {display:block; width:164px; height:72px; background:none; overflow:auto; position:relative}
.feedbacklogin .feedbackwhite {width:171px; height:17px; background:url(img/bg_text2.png) no-repeat 100% 0}
.feedbacklogin .feedbackpink {width:171px; height:17px; background:url(img/bg_text2_pink.png) no-repeat 100% 0}
.feedbacklogin .text {width:161px; position:relative; margin:0 auto}
.feedbacklogin .feedbackpink .text {color:#fff}

.feedbacklogin .textareabox {display:block; width:163px; height:47px; padding:4px; margin:5px auto; background:url(img/bg_textarea2.png) no-repeat 0 0}
.feedbacklogin .textareabox .textarea {display:block; width:163px; height:47px; background:none; overflow:auto; position:relative}

.feedbacktext {height:50px; background:url(img/bg_feedbacktext.png) no-repeat 0 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://toolwi.com/skin/img/bg_feedbacktext.png'); -background:none;}
.feedbacktext .warning {padding:9px}

/*.rules {position:absolute; top:33px; left:35px; width:150px; background:#dfe3e5 url(img/bg_rules.gif) no-repeat 0 0; padding-top:2px}*/
.rules {position:absolute; top:-3px; left:47px; width:150px; background:#dfe3e5 url(img/bg_rules.gif) no-repeat 0 0; padding-top:2px; z-index:10}
.rules2 {top:33px; left:35px}
.rulesbox {display:none; background:url(img/bg_ruleclist.gif) repeat-y 0 0; padding:5px 0 0 0}
.ruleslist {width:134px; margin:0; padding:0 0 0 8px; list-style:none}
.ruleslist LI {padding-left:11px; padding-bottom:10px}
.ruleslist LI {background:url(img/bg_bluelist.gif) no-repeat 0 5px}
.rulesbox A {margin-left:18px}
.rulesbox A:hover {text-decoration:underline}
.whattodo {width:150px; height:17px; background:url(img/bg_whattodo.gif) no-repeat 0 0}
.whattodo A {display:block; width:150px; height:17px; background-repeat:no-repeat; background-position:135px 5px}
.whattodo A IMG {margin:4px 0 0 5px}

.rulesbox A {color:#00aaff}
.whattodo A {background-image:url(img/down_blue.gif)}
.whattodo A:hover {background-image:url(img/down_blue_dark.gif)}
.whattodo A.open {background-image:url(img/up_blue.gif)}
.whattodo A.open:hover {background-image:url(img/up_blue_dark.gif)}
.whattodo .light {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5}

.terms {width:345px; margin:120px auto 0 auto}
H1 {font-size:20px; font-family:tahoma; margin:0; color:#00adee}
H2 {font-size:14px; color:#00adee; margin:10px 0 8px 0; text-transform:uppercase}
.termspoint {text-indent:40px; padding:0 0 10px 0; margin:0}
.termspoint A {color:#00adee}
.termspoint A:hover {text-decoration:underline}


.error404 {width:494px; margin:120px auto 0 auto; background:url(img/404.png) no-repeat 100% 0}
.block2 {padding:60px 0 0 50px}

.rightbanner {text-align:center}

.return {float:left; width:100%; padding-bottom:25px}
.returnlink {display:block; position:relative; left:-15px; background:url(img/return2.png) no-repeat 0 0; font:bold 14px "arial narrow"; text-transform:uppercase; padding:9px 0 9px 32px}

.bannerplace{
	background-color:#FFF;
	margin-bottom:40px;
    text-align:center;
}

.bannermargin{
	margin-top:130px;
}