/* Clear */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
body {font:12px Verdana, Arial, Helvetica, sans-serif; background-color:white; color: #333; }

/* Typograph */

a {color: #005bdc; text-decoration:none; outline:none}
a:hover {color:#0069ff; text-decoration:underline}   

.upper {text-transform:uppercase}
.hidden {display:none}

small, .small {color:#656671; font-size:10px; line-height:14px}
.big {font-size:14px}
.large {font-size:17px}
.orange {color:#da6c46}
.beesets {height:14px; display:inline-block; background:url(../images/icons/beesets14x14.gif) no-repeat left 0; padding-left:17px; margin:4px 6px 4px 0; color:#da6c46; font:bold 14px Arial, Helvetica, sans-serif}
a:hover .beesets {background-position:left -14px; color:#d9c23e}
.msgs {height:14px; display:inline-block; background:url(../images/icons/chat14x14.gif) no-repeat left -28px; padding-left:16px; margin:4px 0; font-weight:normal}
.utility {height:14px; display:inline-block; background:url(../images/icons/utility14x14.gif) no-repeat left 0; padding-left:17px; margin:4px 6px 4px 0; color:#da6c46; font:bold 14px Arial, Helvetica, sans-serif}
a:hover .utility {background-position:left -14px; color:#d9c23e}

hr {border:0; background: #ebecf0; height:1px; margin:6px 0 12px 0}


#page_bottom {position: absolute; right: 0px; bottom: 0px; xz-index: 99999}
body > table#page_bottom { position: fixed; }
body > div#page_bottom { position: fixed; width: 100% }
.navbarDown { background-color: #666; border-top: 1px solid #4B4B4A; border-bottom: 1px solid #4B4B4A; color:
    #fff; font-size: 10.5px; padding: 4px 10px 4px 10px; text-align: left;
    width: 100%; white-space: nowrap;
    font-weight: bold;
}
.navbarDown A:link { color: #FFFFFF }
.navbarDown A:active { color: #FFFFFF }
.navbarDown A:hover { color: #FFFFFF }
.navbarDown A:visited { color: #FFFFFF }
.navbarDown .sc { color: #FFCC00 }


/* Blocks */


#header {width:992px; height:73px; margin:18px auto 0 auto; position:relative; z-index: 9951; background:url(../images/header.png) repeat-x left top}
#header a {color:#f1dc59}
#header a:hover {color:#f3ebba}

#logo {float:left; display:block; width:155px; height:92px; position:absolute; left:0; top:-17px; margin-left:-20px; background:url(/images/logo.png) no-repeat center center}
#logo span {display:none}




#header .personal {float:right; font-size:10px; padding:4px 5px 0 0; color:#bec0c8; height:69px; overflow:hidden; background:url(../images/header.png) no-repeat right -73px}
#header .personal a {background-position:right top; background-repeat:no-repeat; height:14px; display:block; float:left;  padding-right:18px; line-height:14px}
#header .personal a:hover {background-position:right -14px; text-decoration:none}
#header .personal a.beesets {background:url(../images/icons/beesets14x14.gif) no-repeat left -14px; padding:0 0 0 18px; margin:0 24px 0 0; font-size:120%}
#header .personal a.beesets:hover {background-position:left -28px}
#header .personal a.chat {background-image:url(../images/icons/chat14x14.gif); margin-right:24px}
#header .personal a.enter {background-image:url(../images/icons/enter14x14y.gif); margin-right:24px}
#header .personal a.reg {background-image:url(../images/icons/reg14x14y.gif)}
#header .personal a.exit {background-image:url(../images/icons/exit14x14y.gif)}


#menu {margin:0 0 0 150px; font-size:11px}
#menu li {float:left; display:block; background:url(../images/menu.gif) no-repeat left top; cursor:pointer}
#menu li a {display:block; padding:4px 18px 0 18px; color:#f1dc59; height:21px; line-height:14px; background:url(../images/menu.gif) no-repeat right -29px}
#menu li a:hover {text-decoration:none}
#menu li.over {background-position:left -58px}
#menu li.active {background-color:#ebeeee; background-position:left -87px}
#menu li.active a {color:#000; background-position:right -116px}
#menu li.active .sub {display:block}
#menu .sub {display:none; overflow:hidden; position:absolute; left:150px; margin-top:1px; width:830px; height:45px}
#menu .sub li {background:url(../images/smenu.gif) no-repeat left top}
#menu .sub li.first {background:none}
#menu .sub li a {color:#656671; height:30px; display:inline-block; padding:15px 11px 3px 11px; background:url(../images/smenu.gif) no-repeat right -48px}
#menu .sub li a:hover {color:#000;  background-position:right 0; background-repeat:repeat-x; text-decoration:none}
#menu .sub li a.active {color:#000}
#menu .sub li.txt {background:none;color:#656671; padding-top:15px}
#menu .sub li.txt a {padding:0; background:none; display:inline; color: #005bdc;}
#menu .sub li.txt a:hover {color:#0069ff}
#menu .sub li.txt b {font-weight:normal; color: #333; font-size:12px}

#footer {width:992px; height:20px; margin:0 auto; border-top:1px solid #aaacb4; text-align:center; padding:6px 0; color:#aaacb4; font-size:10px; clear:both; line-height:15px}
#footer a {margin:0 6px}

#footerSeo {width:800px; height:16px; margin:0 auto; text-align:center; padding:6px 0; color:#aaacb4; font-size:10px; clear:both; line-height:15px}
#footerSeo a {margin:0 6px; color:#aaacb4;}
#footerSeo br { clear: both; }

#seoLinks {float:left; display:block; width:355px; height:192px; position:absolute; left:-400; top:-127px; margin-left:-20px;}
#seoLinks2 {float:left; display:block; width:255px; height:292px; position:absolute; left:-200; top:-227px; margin-left:-20px;}




#topbanner {width:992px; height:90px; margin:0 auto; z-index: 9950; overflow:hidden; border-bottom:1px solid #999; border-top:1px solid #999}
#banner240x400 {width:240px; height:400px; }
#banner240x100 {width:240px; height:100px;padding:5px 0px 0px 0px; }
#banner240x30 {width:240px; height:30px;padding:5px 0px 0px 0px; }
#banner240x320l {width:240px; height:320px; float:left; margin:0 6px 6px 0}
.banner {background:#fafafa}

#content {width:992px; margin:0 auto 70px auto}




#content .right {float:right; width:240px; margin:6px 0 0 10px}

#content .left {margin:6px 250px 0 0}

#content .left .left {width:280px; float:left; margin:0 0 0 0} 
#content .left .l {width:240px; float:left; margin:6px 10px 0 0} 
#content .left .right {margin:6px 0 0 310px; width:420px; float:none}
#content .left .r {margin:6px 0 0 250px; width:490px; float:none}

#content .centers {width:420px; margin:0 auto}

#content .center { margin:6px 0 0 0}
#content .center .left {width:193px; float:left; margin:0}

#content .center .left .usr {margin:0 auto}
#content .center .right {margin:0 0 0 199px; width:790px; float:none}


#content h1 {font:19px Arial, Helvetica, sans-serif; margin:19px 0 3px 0} 
#content h2 {font:19px Arial, Helvetica, sans-serif; color:#da6c46; margin:19px 0 3px 0}
#content .left .left h2 {margin-top:0px}
#content h3 {font-size:14px; margin:16px 0 3px 0}

#content h4 {font-size:12px; margin:19px 0 3px 0; font-weight:bold}
#content p {margin:6px; line-height:19px}
#content ul, #content ol {margin:6px 25px}
#content ul li, #content ol li {margin:9px 0; line-height:15px}

#content ol {list-style:decimal outside}
#content ol li ul{
		list-style: none inside;
	}
#content ol li ul>li: before{
		content: "\2043";
		margin-left: -1ex;
		margin-right: 1ex;
	}







#content .title {width:992px; height:26px; background:url(../images/title.png) repeat-x left top; overflow:hidden; position:relative}
#content .title h1 {color:#000; font-size:16px; margin:6px 0 0 6px; float:left; line-height:13px}
#content .title h1 a {color:#000; font-size:16px;  float:left; }
#content .title h2 {float:left; background:url(../images/title.png) repeat-x left -26px; margin:0; padding:0}
#content .title h2 a {color:#656671; font-size:16px; display:inline-block; height:26px; line-height:23px; padding:0 21px 0 14px; background:url(../images/title.png) no-repeat right -52px}
#content .title h2 a:hover {color:#000}

#content .title .beesets {height:14px; background:url(../images/icons/beesets14x14.gif) no-repeat left -14px; line-height:14px; padding:0 0 0 18px; float:left; margin:5px 0 0 9px; color:#da6c46; font-size:12px; overflow:hidden}
#content .title .downloads {height:14px; background:url(../images/icons/down13x13.gif) no-repeat left top;  line-height:14px; padding:0 0 0 18px; float:left; margin:5px 0 0 18px; font-size:11px; color:#656671}
#content .title .dt {height:14px; background:url(../images/icons/clock13x13.gif) no-repeat left top; line-height:14px; padding:0 0 0 16px; float:left; margin:5px 0 0 18px; font-size:11px; color:#656671}
#content .title .rating {margin:7px 0 0 12px; width:140px; height:14px}

#content .title span { line-height:12px; margin-left:3px; font-size:10px; font-weight:bold; color:#656671}

.rating {width:66px; height:11px; float:left}
.rating  div {width:11px; height:11px; float:left; display:inline-block; background:url(../images/icons/rating.png) no-repeat left -11px; margin:0 2px 0 0}
.rating .star {background-position:left top}

#downlink {width:96px; height:23px; display:inline-block; float:left; background:url(../images/icons/downbut.png) no-repeat left top; margin:5px 0 0 18px}
#downlink:hover {background-position:left -23px}


.title .users {position:absolute; height:33px; right:0; font-size:12px}
.title .talents, .title .moders {display:inline-block; padding:6px 0 0 24px; height:27px; background-repeat:no-repeat; background-position:0 0; color:#6f7273}
.title .users .talents:hover, .title .users .moders:hover {background-position:0 -33px; color:#000}
.title .talents {margin:0 32px 0 0; background-image:url(../images/icons/talents.gif)}
.title .moders {margin:0 32px 0 0; background-image:url(../images/icons/moderators.gif)}



#selectors {float:left}
#selectors form {float:left; background:url(../images/selectors.png) no-repeat center left; height:23px; padding:3px 0 0 4px; margin:0 0 0 14px}
#selectors input {background:url(../images/selector-input.gif) no-repeat 0 top; float:left; width:118px; height:15px; padding:4px 2px 0 8px; outline:none; font-size:12px; color:#999; float:left; border:none; margin:0; _margin-left:-14px}
#selectors select {float:left; margin:1px 2px 0 0; font-size:11px; padding:0 3px}
#selectors .selsubmit {width:25px; height:24px; background:url(../images/selector-submit.gif) no-repeat top center; border:none; position:relative; top:-2px; margin:0 0 0 7px; outline:none}
#selectors .focus {color:#333; outline:none}
#selectors .over {background-position:0 -24px; cursor:pointer; outline:none}
#selectors .down {background-position:0 -48px; cursor:pointer; outline:none}





#content .tabs .tlist {height:22px; display:block; margin:0}
#content .tabs .tlist li {float:left; display:inline-block; height:22px; background:url(../images/tab.gif) no-repeat left -50px; margin:0 1px 0 0}
#content .tabs .tlist li a {color:#656671; display:inline-block; height:18px; background:url(../images/tab.gif) no-repeat right -125px; padding:2px 10px 0 10px}
#content .tabs .tlist li.over {background-position:left -25px}
#content .tabs .tlist li.over a {background-position:right -100px; color:#fff; cursor:pointer}
#content .tabs .tlist li.active {background-position:left top; }
#content .tabs .tlist li.active a {background-position:right -75px; color:#292a2d}
#content .tabs .tlist li.active a:hover {cursor:default}
#content .tabs .tabscontent {height:180px; border:1px solid #ccd1d2; overflow:hidden; overflow-x:auto; margin-bottom:3px}
#content .tabs .tabscontent2 {border-top:1px solid #ccd1d2; padding:6px 0}
#content .tabs .tabscontent2 strong {font-weight:bold}
#content .tabs .tcontent {display:none}
#content .tabs .tcontent #items .smallList li {margin:0 0 10px 14px; width:105px; display:inline-block}





.label {height:17px; margin-right:1px; display:inline-block;_overflow:hidden; zoom:1; *display:inline; overflow:hidden}
.label span {display:inline-block;_overflow:hidden; zoom:1; *display:inline; font-size:10px; padding:0 19px; line-height:17px}
a.label span {height:17px}

div.label.layer {}
div.label.layer span {display:block}
div.label.layer span.hidden {font-size:11px; text-align:center; padding:12px 19px; height:auto; display:none; background-image:none}
div.label.layer i {width:13px; height:13px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5}
div.label.layer i.down {background:url(../images/icons/down13x13.gif) no-repeat center -13px}
div.label.layer i.sms {background:url(../images/icons/sms13x13.gif) no-repeat center 0}
div.label.layer.over {cursor:pointer}
div.label.layer.over span.hidden {position:absolute; z-index:1000; display:block}
div.label.layer.over span.hidden span {background-image:none; font-size:11px; text-align:left}
div.label.layer.over i {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9}


.label, .label.gray {background:#e5e9ea url(../images/label.png) no-repeat left 0}
.label span, .label.gray span {background:url(../images/label.png) no-repeat right -17px; color:#656671}
.label div, .label.gray div {background:url(../images/label.png) no-repeat right -17px; padding:0 6px; color: #76797C; height:17px; display:inline-block;_overflow:hidden; zoom:1; *display:inline;}
.label div a, .label.gray div a { float:left; height:17px; border-right:1px solid #bbc1c4; padding:0 8px; font-size:10px; color:#656671}
.label div a:hover, .label.gray div a:hover {background-color:#f1dc59; color:#000; text-decoration:none}
.label div b, .label.gray div b {color: #656671; float:left; height:17px; display:inline-block; border-right:1px solid #bbc1c4; font-size:10px; padding:0 8px}
.label div .last, .label.gray div .last {border:none}
a.label:hover, .label.gray:hover {background:#f1dc59 url(../images/label.png) no-repeat left -68px; text-decoration:none}
a.label:hover span, .label.gray:hover span {background:url(../images/label.png) no-repeat right -85px; color:#000}

.label.yellow {background:#f1dc59 url(../images/label.png) no-repeat left -68px}
.label.yellow span {background:url(../images/label.png) no-repeat right -85px; color:#000}
a.label.yellow:hover {background:#da6c46 url(../images/label.png) no-repeat left -136px}
a.label.yellow:hover span {background:url(../images/label.png) no-repeat right -153px; color:#fff}

.label.orange {background:#da6c46 url(../images/label.png) no-repeat left -136px}
.label.orange span {background:url(../images/label.png) no-repeat right -153px; color:#fff}
a.label.orange:hover {background:#34a34c url(../images/label.png) no-repeat left -204px}
a.label.orange:hover span {background:url(../images/label.png) no-repeat right -221px; color:#fff}


.label.green {background:#34a34c url(../images/label.png) no-repeat left -204px}
.label.green span {background:url(../images/label.png) no-repeat right -221px; color:#fff}
a.label.green:hover {background:#005bdc url(../images/label.png) no-repeat left -272px}
a.label.green:hover span {background:url(../images/label.png) no-repeat right -289px; color:#fff}
div.label.green.over {background:#34a34c url(../images/label.png) no-repeat left -238px}
div.label.green.over span {background:url(../images/label.png) no-repeat right -255px}
div.label.green.over span.hidden {background:#34a34c; color:#fff; background-image:none}
div.label.green.over span.hidden a {color:#fff}
div.label.green.over span.hidden a:hover {text-decoration:underline}

.label.blue {background:#005bdc url(../images/label.png) no-repeat left -272px}
.label.blue span {background:url(../images/label.png) no-repeat right -289px; color:#fff}
a.label.blue:hover {background:#8000b8 url(../images/label.png) no-repeat left -340px}
a.label.blue:hover span {background:url(../images/label.png) no-repeat right -357px; color:#fff}
div.label.blue.over {background:#005bdc url(../images/label.png) no-repeat left -306px}
div.label.blue.over span {background:url(../images/label.png) no-repeat right -323px}
div.label.blue.over span.hidden {background:#005bdc; color:#fff; background-image:none}
div.label.blue.over span.hidden a {color:#fff}
div.label.blue.over span.hidden a:hover {text-decoration:underline}



.loader {background:url(../images/loader.gif) no-repeat right top}



#items {}
#topItems {}

#items .info {color:#aaacb4; float:left; margin-bottom:19px} 
#items .info strong { font-weight:bold; color: #656671}
#items .info .wd {width:20px; height:17px; display:inline-block; background:url(../images/icons/linkwd.gif) no-repeat 0 0}
#items .info .wod {width:20px; height:17px; display:inline-block; background:url(../images/icons/linkwod.gif) no-repeat 0 0; margin:0 4px 0 2px}
#items .info .wd:hover, #items .info .wod:hover {background-position:0 -17px; cursor:pointer}
#items .info .wd.active, #items .info .wod.active {background-position:0 -34px; cursor:pointer}
#items .pages {float:right; padding-right:22px}

#topItems .info {color:#aaacb4; float:left; margin-bottom:19px} 
#topItems .info strong { font-weight:bold; color: #656671}
#topItems .info .wd {width:20px; height:17px; display:inline-block; background:url(../images/icons/linkwd.gif) no-repeat 0 0}
#topItems .info .wod {width:20px; height:17px; display:inline-block; background:url(../images/icons/linkwod.gif) no-repeat 0 0; margin:0 4px 0 2px}
#topItems .info .wd:hover, #items .info .wod:hover {background-position:0 -17px; cursor:pointer}
#topItems .info .wd.active, #items .info .wod.active {background-position:0 -34px; cursor:pointer}
#topItems .smallList {margin:0 0 19px 0; padding:13px 0; height:150px; overflow:hidden; background:url(../images/contp1.gif) top left no-repeat}
#topItems .smallList li {margin-left:6px}
#topItems h1 a:hover {text-decoration:none}
#topItems .label {position:relative; top:9px; border-bottom:1px solid #ccc}
#topItems .label {background:#e5e9ea url(../images/label.png) no-repeat left -34px}
#topItems .label span, #mainPage .label div {background:url(../images/label.png) no-repeat right -51px}
#topItems .label div a:hover {background:#005bdc; color:#fff}
#topItems a.label {top:7px}
#topItems a.label span {background:url(../images/label.png) no-repeat right -51px}
#topItems a.label:hover {background:#005bdc url(../images/label.png) no-repeat left -306px}
#topItems a.label:hover span {background:url(../images/label.png) no-repeat right -323px; color:#fff}
#topItems .users {margin:0 0 13px 0; padding:26px 0 0 0; height:150px; overflow:hidden; background:url(../images/contp1.gif) top left no-repeat}




.pages {font-size:11px; color:#aaacb4}
.pages a {padding:0 2px}
.pages b {color:#656671}


#items ul {clear:left}

#items li {float:left; display:none; font-size:10px; overflow:hidden; color:#656671} 
#items li a.image {width:100px; height:105px; overflow:hidden; display:inline-block; text-align:center}
#items li a.image.wav {background:url(../images/icons/wav.jpg) center center no-repeat}
#items li a.image.mid {background:url(../images/icons/midi.jpg) center center no-repeat}
#items li a.image.mp3 {background:url(../images/icons/mp3.jpg) center center no-repeat}
#items li h3, #items li p {padding:0; margin:0}
#items li h3 a {font-size:12px; font-weight:bold; line-height:14px; height:15px; overflow:hidden; display:block}
#items li .frm {background:url(../images/icons/from12x12y.gif) left center no-repeat; padding:0 0 0 14px}
#items li .dwn {background:url(../images/icons/down13x13.gif) left top no-repeat; padding:0 0 0 15px; margin:0 6px}
#items li .dt {background:url(../images/icons/clock13x13.gif) left top no-repeat; padding:0 0 0 15px}


#items .smallList li {width:130px; height:143px; margin:6px 6px 19px 0; display:inline-block; text-align:center}
#items .smallList li a.image {display:block; margin:0 auto 6px auto}
#items .smallList li .dwn {margin-left:0}
#items .smallList .descr, #items .smallList .res, #items .smallList .res {display:none}
#items .smallList .rating {display:none}

#items .fullList li {height:115px; width:343px; margin:0 0 36px 0; display:inline-block}
#items .fullList li .i {margin-left:100px}
#items .fullList li .rating {margin-top:2px}
#items .fullList li .image {margin:0 3px 0 0; float:left; }
#items .fullList li .res {line-height:12px; padding:0; margin-top:2px}
#items .fullList li .descr {line-height:13px; margin-top:4px; font-size:11px }



#item {margin-top:6px}
#item .image {float:left; position:relative; z-index:1; margin-right:13px; width:240px; text-align:center; overflow: hidden;}
#item .hidden {display:none}
#item .image .prev, #item .image .next {display:block; width:22px; height:22px; background:url(../images/arrows.gif) no-repeat; position:absolute;bottom:0}
#item .image .next {background-position:left 0; right:0}
#item .image .prev {background-position:left -22px; left:0}
#item .image .next:hover {background-position:left -44px}
#item .image .prev:hover {background-position:left -66px}
#item .usr {float:right; width:100px; margin-left:10px}
#item .center {margin-left:200px; z-index:2; }
#item .descr { margin-bottom:6px}
#item #player {float:left; margin:0 6px 6px 0; display:block}
#item #player embed {position:absolute; z-index:1}

#item .res	{margin:8px 13px 0 0; display:inline; padding-left:19px; line-height:1.2em; background:url(/images/icons/resolution14x14g.gif) no-repeat top left; font-size:10px; font-weight:bold; }
#item .genre	{margin:8px 13px 0 0; display:inline; padding-left:19px; line-height:1.2em; background:url(/images/icons/tag14x14g.gif) no-repeat top left; font-size:10px; font-weight:bold}
#item .os 	{margin:8px 13px 0 0; display:inline; padding-left:19px; line-height:1.2em; background:url(/images/icons/os14x14g.gif) no-repeat top left; font-size:10px; font-weight:bold}

#item .descr dl.params {width:423px; margin:12pt 0 18pt 0; padding:0}
#item .descr dl.params dt {font:14pt Arial, Helvetica, sans-serif; color:#000; font-weight:normal; margin:10px 0 3pt 0; padding:0}
#item .descr dl.params dd {margin:4pt 11pt; font:8pt Verdana, Arial, Helvetica, sans-serif; color:#000}
#item .descr dl.params b {color:#7d7875; float:left; font-weight:normal; font:8pt Verdana, Arial, Helvetica, sans-serif; background:#fff; margin:0; padding:0 3pt 0 0}
#item .descr dl.params i {text-align:right; font-style:normal; line-height:11pt; padding:0 0 0 100px; margin:3pt 0; display:block; background:url(../images/line1.gif) repeat-x; background-position:0 11px; color:#4a4746}
#item .descr dl.params i span {background:#fff}
.icEmpty {width:1px; height:16px; float:right; background:url(../images/icons/empty.gif) right center no-repeat}
.icYes {height:16px; background:url(../images/icons/yes.gif) right center no-repeat}





.note {background:#fffbe2; line-height:1.2em;  margin:6px 0; border:1px solid #d6d9e2; padding:12px 4px 12px 16px}


#mainPage {}
#mainPage h1 {margin:0 13px 0 3px; font-size:18px; float:left; line-height:26px}
#mainPage h1 i {font-style:normal; color:#656671; font-size:80%}

#mainPage h1 a:hover {text-decoration:none}
#mainPage .label {position:relative; top:9px; border-bottom:1px solid #ccc}
#mainPage .label {background:#e5e9ea url(../images/label.png) no-repeat left -34px}
#mainPage .label span, #mainPage .label div {background:url(../images/label.png) no-repeat right -51px}
#mainPage .label div a:hover {background:#005bdc; color:#fff}
#mainPage a.label {top:7px}
#mainPage a.label span {background:url(../images/label.png) no-repeat right -51px}
#mainPage a.label:hover {background:#005bdc url(../images/label.png) no-repeat left -306px}
#mainPage a.label:hover span {background:url(../images/label.png) no-repeat right -323px; color:#fff}
#mainPage .users {margin:0 0 13px 0; padding:26px 0 0 0; height:150px; overflow:hidden; background:url(../images/contp1.gif) top left no-repeat}
#mainPage .smallList {margin:0 0 19px 0; padding:13px 0; height:150px; overflow:hidden; background:url(../images/contp1.gif) top left no-repeat}
#mainPage .smallList li {margin-left:6px}



#weekPage {clear:left; }
#weekPage h1 {margin:0 13px 0 3px; font-size:18px; float:left; line-height:26px}
#weekPage h1 i {font-style:normal; color:#656671; font-size:80%}
#weekPage .smallList {margin:0 0 19px 0; padding:13px 0; height:150px; overflow:hidden; background:url(../images/contp1.gif) top left no-repeat}
#weekPage .smallList li {margin-left:6px}
#weekPage .label {position:relative; top:1px; border-bottom:1px solid #ccc}
#weekPage .label {background:#e5e9ea url(../images/label.png) no-repeat left -34px}
#weekPage .label span, #weekPage .label div {background:url(../images/label.png) no-repeat right -51px}


#mainSearch {width:739px; height:41px; display:block; margin-bottom:12px; background:#f2dc45 url(../images/search-bg.png) no-repeat center center; padding-top:8px; text-align:center; overflow:hidden}
#mainPage #mainSearch h1 {font-size:14px; padding:0; margin:0 6px 0 0; display:inline; float:none}
#mainSearch select {font-size:12px; margin-left:4px}
#mainSearchInput {color:#aaacb4; font:italic 16px Georgia, "Times New Roman", Times, serif; position:relative; top:2px}
#mainSearchSubmit {font-size:12px; margin-left:4px; color:#656671; border:none; background:url(../images/gray-but.gif) no-repeat left top; width:91px; height:19px}
#mainSearchSubmit.over {color:#000; cursor:pointer}
#mainSearchSubmit.click {background-position:-91px top; cursor:pointer; outline:none}
#mainSearch input.focus {color:#000}


#content .users li {display:inline-block;display:-moz-inline-stack;_overflow:hidden; zoom:1; *display:inline; margin:0; line-height:normal}

.usr {width:97px; height:124px; margin:3px 4px; overflow:hidden; display:block; text-align:center}
.usr .avatar {width:89px; height:77px; overflow:hidden; display:block; text-align:center; padding:4px 0; margin:0 auto}
.usr h6 {font-size:12px; color:#555; line-height:14px; margin-top:3px} 
.online {background:url(../images/icons/online.gif) no-repeat top center; margin:3px auto 0 auto; width:75px; height:11px; display:block}
.usr.pover {cursor:pointer; background:none}
.usr.pover h6 {color:#000; background:none}
.usr .more {display:none}
.rank0 .avatar {background:url(../images/cardbgs0.jpg) no-repeat top center}
.rank1 .avatar {background:url(../images/cardbgs1.jpg) no-repeat top center}
.rank2 .avatar {background:url(../images/cardbgs2.jpg) no-repeat top center}
.rank3 .avatar {background:url(../images/cardbgs3.jpg) no-repeat top center}
.rank31 .avatar {background:url(../images/cardbgs3.jpg) no-repeat top center}
.rank4 .avatar {background:url(../images/cardbgs4.jpg) no-repeat top center}
.rank41 .avatar {background:url(../images/cardbgs4.jpg) no-repeat top center}
.rank42 .avatar {background:url(../images/cardbgs4.jpg) no-repeat top center}
.rank43 .avatar {background:url(../images/cardbgs4.jpg) no-repeat top center}





#personalPage {margin:6px 0 0 0}

#personalPage .left {width:190px; float:left; margin:13px 0 0 0; font-size:11px; line-height:14px}

#personalPage .left .usr {height:auto; width:190px; margin:0 3px}
#personalPage .left .usr .avatar {margin:0}
#personalPage .left .usr .online {margin:3px 0 0 0}
#personalPage .left .usr .b {display:none}
#personalPage .left .usr h6 {margin:6px 0 0 0; font-size:20px; text-align:left; font-weight:normal; line-height:16px}
#personalPage .left .usr .more {display:block; text-align:left; line-height:14px}
#personalPage .left h2 {margin:20px 0 0 0; font-size:14px}
#personalPage .left p {margin:2px; line-height:16px}
#personalPage .left ul {margin:0 0 0 2px}
#personalPage .left ul li { margin:0 0 6px 0; line-height:16px}


#personalPage .left .userMenuItem { margin:11px 0 0 0}
#personalPage .left .userMenuItem h2  {margin:0 0 3px 0; padding:0; line-height:10px}
#personalPage .left .userMenuItem h2 a {display:block; background:url(../images/icons/arrow6x11.gif) no-repeat 0 -22px; height:11px; padding:0 0 0 14px; line-height:10px; color:#da6c46}
#personalPage .left .userMenuItem h2 a:hover {color:#000; background-position:0 0; text-decoration:none}
#personalPage .left .userMenuItem .hidden {display:block; padding:3px 0 9px 12px; line-height:16px}
#personalPage .left .userMenuItem.active a { background-position:0 -11px}

#personalPage .right {margin:12px 0 0 206px; width:780px; float:none}
#personalPage .right h2 {float:left; margin:0px 6px 0px 0; line-height:14px}
#personalPage form select {margin-right:3px}
#personalPage #items {width:742px; overflow:hidden}
#personalPage #items .smallList {height:176px; overflow:hidden}

#personalPage h1 {margin:0px 13px 0px 0px; float:left; line-height:26px;}
#personalPage h2 {font-size:16px;}



#personalPage h1 i {font-style:normal; color:#656671; font-size:80%}
/*	ChangeHere	*/
#personalPage h3 {margin:0 13px 0 3px; float:left; line-height:26px;}
#personalPage #items .label {position:relative; top:9px; border-bottom:1px solid #ccc}
#personalPage #items .label {background:#e5e9ea url(../images/label.png) no-repeat left -34px}
#personalPage #items .label span, #personalPage .label div {background:url(../images/label.png) no-repeat right -51px}
#personalPage #items .label div a:hover {background:#005bdc; color:#fff}
#personalPage #items a.label {top:7px}
#personalPage #items a.label span {background:url(../images/label.png) no-repeat right -51px}
#personalPage #items a.label:hover {background:#005bdc url(../images/label.png) no-repeat left -306px}
#personalPage #items a.label:hover span {background:url(../images/label.png) no-repeat right -323px; color:#fff}

#personalPage #items .smallList {margin:0 0 19px 0; padding:13px 0; height:150px; overflow:hidden; background:url(../images/contp1.gif) top left no-repeat}
#personalPage #items .smallList li {margin-left:6px}


#items .chart, #topItems .chart { float:right; overflow:hidden; position:relative}
#contentChart {position:relative}
.topChart {width:600px; overflow:hidden}
.chart .plotr-legend tr.over td {color:#000}


#personalPage #items .tbl2 {width:350px}


.tbl1 {margin:6px}
.tbl1 thead th {text-align:center; border-bottom:1px solid #333; border-left:1px solid #333; padding:0 6px 6px 6px; font-size:14px}
.tbl1 thead th.empty {border-left:none}
.tbl1 tbody th {text-align:right; color:#656671;  border-bottom:1px solid #ebecf0; padding:3px 6px; font-size:10px}
.tbl1 tbody td {padding:4px 6px; border-left:1px solid #333; border-bottom:1px solid #ebecf0; text-align:center}
.tbl1 tbody .bb {border-bottom-color:#aaacb4}
.tbl1 tbody th.big {font-size:12px; color:#333}

.tbl2 {background:#fafafa; font-size:10px;  margin:6px 1px}
.tbl2 thead {background:url(../images/tab.gif)  left top}
.tbl2 thead td {font-size:9px; color:#656671}
.tbl2 thead td.last {background:url(../images/tab.gif) no-repeat right -75px;}
.tbl2 td {padding:3px 6px; border-bottom:1px solid #ccd1d2; text-align:center; color:#656671}
.tbl2 td b {font-weight:normal; font-size:11px; color:#000}
.tbl2 td.color {width:6px; height:6px; border-bottom-color:#fff; background:#fff}
.tbl2 td.this a { color:#000; padding-left:10px}
.tbl2 tr.over td {background-color:#fff; color:#000; cursor:pointer}



.tbl3 {background:#fafafa; font-size:11px;  margin:6px 1px; border:1px solid #333}
.tbl3 thead {background:#444}
.tbl3 thead td {font-size:10px; color:#fff; white-space:nowrap; padding:3px 6px}
.tbl3 td {border:1px solid #ccc; padding:3px 9px; border-bottom:1px solid #ccd1d2; text-align:center; color:#656671}
.tbl3 tbody td {line-height:12px; white-space:nowrap}
.tbl3 tr.over td {background-color:#fff; color:#000; cursor:pointer}


.list {clear:right; display:block}




#card.loader { background:url(../images/loader2.gif) no-repeat 213px 10px}
#card {position:absolute; display:none; z-index:9990; padding:15px 0 0 12px; font-size:12px; font-weight:bold}
#card .more {display:block; position:absolute; top:9px; left:110px; width:148px; height:143px; font-weight:normal; font:11px Arial, Helvetica, sans-serif}

#card .beesets {background-position:left -42px; color:#333; font:normal 11px Verdana, Geneva, sans-serif; margin-left:9px}
#card .utility {background-position:left -42px; color:#333; font:normal 11px Verdana, Geneva, sans-serif}
.msgs {height:14px; display:inline-block; background:url(../images/icons/chat14x14.gif) no-repeat left -28px; padding-left:16px; margin:4px 0; font-weight:normal}
#card h6 {width:90px; text-align:center; font-size:12px; line-height:14px; margin-top:3px}
#card .b {bottom:0; margin-left:-98px; position:absolute; width:248px; height:19px; background:url(../images/cardfoot.png) center center no-repeat}
#card .b a {color:#9e9fa8; font-size:10px; background-repeat:no-repeat; padding-left:14px; background-position:left top; height:12px; margin:0 9px}
#card .b a:hover {background-position:left -12px; color:#fff}
#card .b a.msg {background-image:url(../images/icons/edit12x12g.gif)}
#card .b a.frnd {background-image:url(../images/icons/recommend12x12g.gif)}
#card .b a.profile {background-image:url(../images/icons/user12x12.gif)}
#card .r0 {width:34px; height:13px; background:url(../images/icons/usrating.gif) no-repeat left -78px; margin-top:4px}
#card .r1 {width:34px; height:13px; background:url(../images/icons/usrating.gif) no-repeat left -65px; margin-top:4px}
#card .r2 {width:34px; height:13px; background:url(../images/icons/usrating.gif) no-repeat left -52px; margin-top:4px}
#card .r3 {width:34px; height:13px; background:url(../images/icons/usrating.gif) no-repeat left -39px; margin-top:4px}
#card .r4 {width:34px; height:13px; background:url(../images/icons/usrating.gif) no-repeat left -26px; margin-top:4px}
#card .r4 {width:34px; height:13px; background:url(../images/icons/usrating.gif) no-repeat left -13px; margin-top:4px}
#card .r5 {width:34px; height:13px; background:url(../images/icons/usrating.gif) no-repeat left 0; margin-top:4px}

#card .avatar {background:none; display:block; margin:0 0 0 8px}
#card .online {display:none}
#card  a.close {display:block; position:absolute; right:0; top:0; width:14px; height:14px; background:url(../images/icons/close14x14g.gif) no-repeat center top}
#card  a.close:hover {background-position:center -28px}

#cardbg {position:absolute; width:272px; height:169px; display:none;  z-index:9989; background-repeat:no-repeat; background-position:center center }
.cardbg0 {background:url(../images/cardbg0.png) no-repeat center center} 
.cardbg1 {background:url(../images/cardbg1.png) no-repeat center center} 
.cardbg2 {background:url(../images/cardbg2.png) no-repeat center center} 
.cardbg3 {background:url(../images/cardbg3.png) no-repeat center center} 
.cardbg31 {background:url(../images/cardbg31.png) no-repeat center center} 
.cardbg4 {background:url(../images/cardbg4.png) no-repeat center center} 
.cardbg41 {background:url(../images/cardbg41.png) no-repeat center center} 
.cardbg42 {background:url(../images/cardbg42.png) no-repeat center center} 
.cardbg43 {background:url(../images/cardbg43.png) no-repeat center center} 

#msgwin {position:absolute; width:272px; height:260px; display:none; z-index:9998}
#msgwin .bg {position:absolute; width:272px; height:260px; z-index:9996; background:url(../images/msg-bg.png) no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; }
#msgwin .content {position:absolute; width:250px; height:231px; z-index:9997; margin:5px 0 0 10px; padding:0}
#msgwin .title {color:#8d8e92; font-weight:bold; font-size:12px; height:18px; padding:5px 0 0 5px; display:block; overflow:hidden}
#msgwin a.close {display:block; float:right; width:14px; height:14px; margin-top:5px; background:url(../images/icons/close14x14g.gif) no-repeat center top}
#msgwin a.close:hover {background-position:center -14px}
#msgwin form {margin:6px 0 0 3px}
#msgwin form textarea {font:14px Arial, Helvetica, sans-serif; background:#f6f6f6; outline:none; padding:2px 1px; border-top:1px solid #a6a6a6; border-left:1px solid #a6a6a6; border-bottom:1px solid #fff; margin:0 0 3px 0; height:82px; width:240px; border-right:1px solid #fff; color: #333; overflow:hidden}
#msgwin form textarea.full {height:150px}
#msgwin form textarea.short {height:86px} 
#msgwin form div.citate {background:#dcc83f; width:237px; height:53px; margin-bottom:3px; overflow:auto; padding:3px; border-top:1px solid #7a6f23; border-left:1px solid #7a6f23; border-bottom:1px solid #f2e9ab; border-right:1px solid #f2e9ab; font-size:12px; color:#3e3812}
#msgwin form input {background:#f6f6f6; border-top:1px solid #a6a6a6; border-left:1px solid #a6a6a6; border-bottom:1px solid #fff; height:16px; font:14px Arial, Helvetica, sans-serif; padding-top:2px}
#msgwin form span {margin-bottom:3px; float:left}
#msgwin form span input {width:84px}
#msgwin form img {float:left; margin:1px 2px 0 6px}
#msgwin form input.postCode {width:36px; float:left}
#msgwin a.submit {margin:6px 5px 0 0; padding-top:0px; width:91px; height:19px; display:block; float:right; background:url(../images/chat-but.gif) no-repeat left top; text-align:center; color:#56502a; font-size:11px}
#msgwin a.submit:hover {background-position:right top; color:#000}



.form {margin:0 auto 24px auto}
.form b {display:block}
.form b.red {color:#c00}
.form p {padding-bottom:6px}
.form small { display:block; margin:0.4em 0.2em; line-height:1.3em}
.form small b {display:inline}
.form input {padding:1px}
.form .check {background:url(../images/icons/check14x14g.gif) no-repeat right center}
.form span {padding:3px 22px 3px 0}




#chat {position:absolute; width:320px; height:400px; display:none;  z-index:9999}
#chat .bg {width:320px; height:400px; background:url(../images/chat-bg.png) no-repeat; z-index:9997; position:absolute}
#chat .content {width:290px; height:357px; z-index:9998; position:absolute; margin:10px 0 0 15px; overflow:hidden}
#chat a.title {color:#8d8e92; font-weight:bold; font-size:12px; height:17px; padding:4px 5px; display:block}
#chat a.title:hover {color:#f3ebba; cursor:move; text-decoration:none}
#chat a.close {display:block; float:right; width:14px; height:14px; margin:5px; background:url(../images/icons/close14x14g.gif) no-repeat center top}
#chat a.close:hover {background-position:center -14px}
#chat a.title.loader {background:url(../images/loader2.gif) no-repeat 70px center}
#chat ul.tabs {list-style:none; margin:0; padding:0; height:18px; overflow:hidden; width:290px}
#chat ul.tabs li {float:left}
#chat ul.tabs a {color:#666; display:block; height:17px; text-decoration:none; font-size:10px; background:url(../images/chat-label.png) repeat-x; padding:1px 9px 0 9px; margin-right:1px}
#chat ul.tabs a:hover {text-decoration:none; color:#000; background:url(../images/chat-label-hover.png) repeat-x}
#chat ul.tabs a.active {background:url(../images/chat-label-active.png) repeat-x; color:#000}
#chat .activeChatContent.passive #chatForm {display:none}
#chat .activeChatContent.passive p {display:none}
#chat .activeChatContent.passive .chat_window p {display:block}
#chat .activeChatContent.passive .chat_window {display:block}
#chat .activeChatContent.passive .chat_window a.msg:hover {text-decoration:none; cursor:default}
#chat .activeChatContent.passive .chat_window {height:300px; background:#e6e6e6}
#chat .chat_window {background:#f6f6f6; font-size:11px; width:275px; height:243px; overflow:auto; margin-left:3px; padding:4px 4px 2px 4px; border-top:1px solid #a6a6a6; border-left:1px solid #a6a6a6; margin-top:3px}
#chat .content .chat_window p {line-height:12px; margin: 0 0 13px 0; font-size:11px; text-align:left}
#chat .content .chat_window i {font-style:normal; font-size:75%; color:#8c8d8f; padding-right:3px}
#chat .content .chat_window b {font-weight:normal; font-size:75%; color:#babbbe; padding:0 2px}
#chat .content .chat_window a.msg {cursor:pointer; color:#333}
#chat .content p { margin:0 13px; text-align:center; line-height:14px}
#chat #chatForm {margin:3px 0 0 3px}
#chat #chatForm textarea { font:12px Arial, Helvetica, sans-serif; background:#f6f6f6; outline:none; padding:2px 1px; border-top:1px solid #a6a6a6; border-left:1px solid #a6a6a6; border-bottom:1px solid #fff; border-right:1px solid #fff; width:277px; height:28px; color: #333; overflow:hidden}
#chat #chatFormSubmit {margin:2px 5px 0 0; padding:0px; width:91px; height:19px; display:block; float:right; background:url(../images/chat-but.gif) no-repeat left top; text-align:center; color:#56502a; font-size:11px; border:none}
#chat #chatFormSubmit.over {color:#000; cursor:pointer}
#chat #chatFormSubmit.click {background-position:-91px top; cursor:pointer; outline:none}



#lightbox {position:absolute; z-index:9985; display:none}
#lightbox.loader {background:none}
#lightbox.loader .content {background-image:url(../images/loader.gif); background-position:center center; background-repeat:no-repeat}
#lightbox .content {background:#fff; padding:12px 22px 12px 18px; overflow:auto}
#lightbox .lt {width:20px; height:20px; position:absolute; left:-20px; top:-20px; background:url(../images/lightbox.png) no-repeat left top}
#lightbox .rt {width:20px; height:20px; position:absolute; right:-20px; top:-20px; background:url(../images/lightbox.png) no-repeat -20px top}
#lightbox .lb {width:20px; height:20px; position:absolute; left:-20px; bottom:-20px; background:url(../images/lightbox.png) no-repeat left -20px}
#lightbox .rb {width:20px; height:20px; position:absolute; right:-20px; bottom:-20px; background:url(../images/lightbox.png) no-repeat -20px -20px}
#lightbox .t {height:20px; position:absolute; margin-top:-20px; left:0; right:0; background:url(../images/lightbox.png) repeat-x left -40px}
#lightbox .b {height:20px; position:absolute; bottom:-20px; left:0; right:0; background:url(../images/lightbox.png) repeat-x left -60px}
#lightbox .l {width:20px; position:absolute; top:0; left:-20px; bottom:0; background:url(../images/lightbox.png) no-repeat left -80px}
#lightbox .r {width:20px; position:absolute; top:0; right:-20px; bottom:0; background:url(../images/lightbox.png) no-repeat -20px -80px}
#lightbox a.close {display:block; position:absolute; right:-10px; top:-10px; width:14px; height:14px; background:url(../images/icons/close14x14g.gif) no-repeat center top}
#lightbox a.close:hover {background-position:center -28px}
#lightbox h1 {margin-top:0}
#lightbox p {line-height:15px; margin-left:0}
.linkArea {width:500px; height:30px; padding:6px; color:#656671; background:#fafafa; border:1px solid #333}

#notice {position:fixed; z-index:10000; display:none}
#notice .lt {position:absolute; width:15px; height:15px; left:-15px; top:0; background:url(../images/notice.png) no-repeat left top}
#notice .rt {position:absolute; width:15px; height:15px; right:-15px; top:0; background:url(../images/notice.png) no-repeat -15px top}
#notice .lb {position:absolute; width:15px; height:15px; left:-15px; bottom:0; background:url(../images/notice.png) no-repeat left -15px}
#notice .rb {position:absolute; width:15px; height:15px; right:-15px; bottom:0; background:url(../images/notice.png) no-repeat -15px -15px}
#notice .l	{position:absolute; width:15px; top:15px; bottom:15px; left:-15px; background:#f2dc45}
#notice .r {position:absolute; width:15px; top:15px; bottom:15px; right:-15px; background:#f2dc45}
#notice .content{background:#f2dc45; padding:10px; font-size:12px}


#loader {position:fixed; z-index:10000; top:10px; right:20px; height:16px; padding-left:22px; display:none; background:url(../images/loader.gif) no-repeat left center; font-size:11px; color:#656671}



#forums {}
#forums .topic {margin:19px 19px 19px 0; clear:left}
#forums h2 { padding:19px 0 0 0}
#forums p { margin:0 0 0 110px; line-height:19px}
#forums small { display:block; margin-top:6px}
#forums a.icon {width:90px; height:90px; display:block; float:left; margin-right:19px; background-position:left top; background-repeat:no-repeat}
#forums a.icon:hover, #forums a.over {background-position:-90px 0}
#forums .i1  {background-image:url(../images/forum-phones.jpg)}
#forums .i2  {background-image:url(../images/forum-content.jpg)}
#forums .i3  {background-image:url(../images/forum-tech.jpg)}
#forums .i4  {background-image:url(../images/forum-help.jpg)}
#forums .i5  {background-image:url(../images/forum-opinion.jpg)}
#forums .i7  {background-image:url(../images/forum-moders.jpg)}

#forum {margin:6px 0; width:740px}
#forum th {height:34px; background:#aaacb4 url(../images/forum.gif) no-repeat left top}
#forum th form {background:url(../images/forum.gif) no-repeat right -34px; margin:0; padding:0; height:26px; padding:8px 12px 0 12px}
#forum td {background:#fff; border-bottom:1px solid #ccd1d2; border-top:1px solid #ccd1d2;}
#forum .c1 {border-right:none; vertical-align:top; width:100px; margin-bottom:26px}
#forum .c2 {vertical-align:top; padding:6px; height:100%; margin-bottom:26px}
#forum .dt { display:block; border-bottom:1px dotted #aaacb4; font-size:10px; color: #76797C; margin-bottom:12px; padding:0 6px 0 0}
#forum .dt a {font-weight:bold}
#forum .reply {float:right; display:inline-block; background:url(../images/icons/reply14x14.gif) no-repeat left top; margin:0 6px; padding-left:18px; line-height:14px}
#forum .quot { background:#eee; padding:0 6px 12px 6px; border:1px solid #d6d9e2; margin-bottom:6px; display:block}
#forum .sign { font-size:10px; color:#336633; margin-top:18px; line-height:1.5em}