#titlebar a:link, #titlebar a:visited, #titlebar a:hover {	text-decoration: underline;}
.ttlist-wrapper a:link, .ttlist-wrapper a:visited, .ttlist-wrapper a:hover { text-decoration: underline;}
.rcbox a:link, .rcbox a:visited, .rcbox a:hover { text-decoration: underline; }
.oindex-item a:link, .oindex-item a:visited, .oindex-item a:hover { text-decoration: underline; }

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

#os2alert-text {
	width: 100%;
	text-align: center;
	color: #FFF;
	margin-top: 20px;
}

#os2alert-ctrls {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	color: #000;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.border-ccc {
	border: 1px solid #CCC;
	margin: 0;
	padding: 0;
}

.border-none {
	border: none;
	margin: 0;
	padding: 0;
}

/* theme full size */
.img-theme-176x208 { width: 176px; height: 208px; }
.img-theme-160x213 { width: 160px; height: 213px; }
.img-theme-176x220 { width: 176px; height: 220px; }
.img-theme-128x160 { width: 128px; height: 160px; }
.img-theme-128x128 { width: 128px; height: 128px; }
.img-theme-138x138 { width: 138px; height: 138px; }
.img-theme-176x176 { width: 176px; height: 176px; }
.img-theme-213x160 { width: 213px; height: 160px; }

/* Thumbnail sizes */
.img-theme-117x138 { width: 117px; height: 138px; }
.img-theme-106x142 { width: 106px; height: 142px; }
.img-theme-117x146 { width: 117px; height: 146px; }
.img-theme-85x106 { width: 85px; height: 106px; }
.img-theme-85x85 { width: 85px; height: 85px; }
.img-theme-92x92 { width: 92px; height: 92px; }
.img-theme-117x117 { width: 117px; height: 117px; }
.img-theme-142x106 { width: 142px; height: 106px; }


#wrap {
	position: relative;
	width: 940px;
	margin: 0 auto;
	margin-top: 6px;
}

#titlebar {
	width: 100%;
	position: relative;
	z-index: 10;
}

#titlebar-logo {
	float: left;
}
#titlebar-controls{
	float: right;
}

#titlebar-stats {
	color: #F60;
	float: right;
}
#titlebar-stats b {
	color: #666;
}

#navbar {
	width: 100%;
	height: 25px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 1px;
	margin-bottom: 6px;
	position: relative;
	clear: both;
}

#navbar-tabs {
	float: left;
}

#navbar-extra {
	float: right;
}

#navbar-extra a:link, #navbar-extra a:visited, #navbar-extra a:hover {
	font-family: Arial;
	font-weight: bold;
	color: #069;
	font-size: 14px;
}


.ntab {
	height: 24px;
	overflow: hidden;
	float: left;
	margin-right: 2px;
}

.ntab .left, .ntab .right {
	width: 6px;
	height: 16px;
	padding: 4px 0;
	display: block;
	float: left;
}

.ntab .mid {	
	width: 112px;
	height: 16px;
	padding: 4px 0;
	text-align: center;
	float: left;
}

.active .left { background: transparent url("../img/navs-l.gif") no-repeat scroll; }
.active .right {	background: transparent url("../img/navs-r.gif") no-repeat scroll; }
.active .mid { background: transparent url("../img/navs-m.gif") repeat-x scroll; }
.inactive .left { background: transparent url("../img/navu-l.gif") no-repeat scroll; }
.inactive .right {	background: transparent url("../img/navu-r.gif") no-repeat scroll; }
.inactive .mid { background: transparent url("../img/navu-m.gif") repeat-x scroll; }

.ntab a:link, .ntab  a:visited, .ntab  a:hover{
	font-size: 14px;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

#searchbar {
	width: 100%;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	margin: 5px auto 7px auto;
	padding: 0 0 5px 0;
}

#searchbar-os {
	float: left;
	width: 70%;
	text-align: center;
}

#searchbar-btns {
	float: right;
	overflow: hidden;
	text-align: right;
}

.rbtn {
	float: left;
	height: 24px;
	display: block;
}
.rbtn .left, .rbtn .right {
	width: 4px;
	height: 16px;
	padding: 4px 0 4px 0;
	float: left;
}
.rbtn .mid {
	width: 112px;
	height: 16px;
	padding: 4px 0 4px 0;
	text-align: center;	
	float: left;
}

.dlbtn .mid {
	width: 220px;
}

.brbtn {
	float: left;
	height: 54px;
	display: block;
}
.brbtn .left, .brbtn .right {
	width: 12px;
	height: 34px;
	padding: 10px 0 10px 0;
	float: left;
}
.brbtn .mid {
	width: 150px;
	height: 34px;
	padding: 16px 0;
	text-align: center;	
	float: left;
}
.bamber .mid { background: transparent url("../img/borgbtn-m.gif") repeat-x scroll;}
.bamber .left { background: transparent url("../img/borgbtn-l.gif") no-repeat scroll;}
.bamber .right { background: transparent url("../img/borgbtn-r.gif") no-repeat scroll;}

.borange .mid { background: transparent url("../img/bdorgbtn-m.gif") repeat-x scroll;}
.borange .left { background: transparent url("../img/bdorgbtn-l.gif") no-repeat scroll;}
.borange .right { background: transparent url("../img/bdorgbtn-r.gif") no-repeat scroll;}

.amber .mid { background: transparent url("../img/orgbtn-m.gif") repeat-x scroll;}
.amber .left { background: transparent url("../img/orgbtn-l.gif") no-repeat scroll;}
.amber .right { background: transparent url("../img/orgbtn-r.gif") no-repeat scroll;}

.orange .mid { background: transparent url("../img/dorgbtn-m.gif") repeat-x scroll;}
.orange .left { background: transparent url("../img/dorgbtn-l.gif") no-repeat scroll;}
.orange .right { background: transparent url("../img/dorgbtn-r.gif") no-repeat scroll;}

.srbtn {
	float: left;
	height: 27px;
	display: block;
	margin-left: -15px;
	position: relative;
}
.srbtn .left, .srbtn .right {
	width: 10px;
	height: 21px;
	padding: 3px 0;
	float: left;
}
.srbtn .mid {
	width: 130px;
	height: 21px;
	padding: 6px 0 0 0;
	text-align: center;	
	background: transparent url("../img/silbtn-m.gif") repeat-x scroll;
	font-weight: bold;
	float: left;
}

.sr-commu .mid {
	width: 290px;
}
.sr-hp .mid {
	width: 555px;
	text-align: left;
}
.srbtn .right { background: transparent url("../img/silbtn-r.gif") no-repeat scroll; }
.srbtn .left { background: transparent url("../img/silbtn-l.gif") no-repeat scroll; }

.btn-first {
	margin-left: 0;
}

a.btn-active:link, a.btn-active:visited, a.btn-active:hover {
	color: #FF4500
}

a.btn-inactive:link, a.btn-inactive:visited, a.btn-inactive:hover {
	color: #000;
}

.rbtn a:link, .rbtn a:visited, .rbtn a:hover {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.brbtn a:link, .brbtn a:visited, .brbtn a:hover {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#header-content {
	position: relative;
	z-index: 4;
}

#page-content {
	position: relative;
	z-index: 3;
	width: 100%;
}

#footer-content {
	clear: both;
	position: relative;
	z-index: 2;
}

#websearch {
	overflow: hidden;
	width: 100%;
	background: #EEE;
	padding: 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
}

#footbar {
	overflow: hidden;
	width: 100%;
	margin: 25px 0 0 0;
	text-align: center;
}

/* Layouts */
#h-main {
	width: 100%;
	overflow: hidden;
}

#g-main {
	position: relative;
	width: 575px;
	overflow: hidden;
	float: left;
	margin-right: 50px;
}

#g-sidebar {
	width: 310px;
	overflow: hidden;
	float: right;
}

#su-main {
	width: 60%;
	float: left;
	overflow: hidden;
}

#su-side {
	width: 40%;
	float: right;
	overflow: hidden;
}

#t-sidebar {
	float: right;
	width: 165px;
	overflow: hidden;
}
#t-main {
	width: 550px;
	border-left: 1px solid #CCC;
	overflow: hidden;
	padding: 0 37px;
	float: left;
}

#y-main {
	float: left;
	width: 680px;
	overflow: hidden;
}

#y-sidebar {
	float: right;
	width: 160px;
	overflow: hidden;
}

/* GENERIC CLASSES **/

form {
	display: inline;
	margin: 0;
	padding: 0;
}

#searchField {
	background: #FFF url("../img/search.gif") no-repeat bottom left;
	border: 1px solid #CCC;
	color: #888;
	font-size: 11px;
	padding: 2px 0 2px 20px;
}

a:link, a:visited, a:hover{
	color: #00F;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.label:link, a.label:visited, a.label:hover{
	color: #000;
}
a.label:hover {
	color: #000;
	text-decoration: none;
}

img.ico-mail {
	border: 0;
	vertical-align: bottom;
}

img.ico-home {
	border: 0;
}
img.ico-cross {
	border: 0;
}
img.ico-flag {
	border: 0;
	width: 16px;
	height: 11px;
}

img.emoticons {
	cursor: pointer;
}

img.avatar-big {
	width: 85px;
	height: 85px;
	border: 1px solid #CCC;
	display: block;
}

img.avatar-tbn {
	width: 30px;
	height: 30px;
	border: 1px solid #CCC;
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0 0;
	padding: 0;
}
p {	margin: 6px 0; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }

.g-error {
	border: 4px solid #C00;
	color: #C00;
	padding: 6px;
	font-size: 14px;
	width: 90%;
	margin: 6px auto;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

.g-info {
	border: 4px solid #00C;
	color: #00C;
	padding: 6px;
	font-size: 14px;
	width: 90%;
	margin: 6px auto;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

#comment-error {
	display: none;
}

.g-pages {
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
	clear: both;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding: 4px 0;
	margin: 20px 0;
}

.g-adbox {
	margin-bottom: 40px;
}

.g-hads {
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	text-align: center;
	padding-bottom: 8px;
}

.g-horbar {
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	text-align: center;
	height: 100%;
	overflow: hidden;
}

.popup-box {
	border: 1px solid #CCC;
	background: #EEE;
	position: absolute;
	width: 250px;
	right: 0;
	margin-top: 10px;
	display: none;
	color: #000;
}
.popup-box h1 {
	background-color: #CCC;
	padding: 2px;
}
.popup-box .content {
	margin-left: 10px;
	padding: 0 0;
	text-align: left;
}

#account-box{
	width: 150px;
	right: 30px;
}
#createnow-box {
	margin-top: 24px;
	width: 150px;
	padding: 10px 4px;
	right: auto;
}

.orange-box {
	border: 1px solid #FFCC32;
	background: #FFFFCD;
	padding: 15px;
	margin-bottom: 30px;
	color: #000;
	overflow: hidden;
	height: 100%;
}

.generic-box {
	border: 1px solid #CCC;
	padding: 5px;
	height: 100%; /* ie6 hack to enable haslayout */
	overflow: hidden;
	margin-bottom: 30px;
	clear: both;
}
.g-nonebox {
	border: 1px solid #CCC;
	padding: 5px;
	height: 100%; /* ie6 hack to enable haslayout */
	overflow: hidden;
	margin-bottom: 10px;
	display: none;
}
.blue-box {
	border: 1px solid #CCC;
	background-color: #DDD;
	padding: 5px;
	height: 240px;
	overflow: hidden;
	margin-bottom: 30px;
}

.ajax-box {
	padding: 0;
}

.row {
}

.row ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rw-hpskinners {
}

.rw-hpskinners li{
	float: left;
	margin: 0 4px;
}

.rw-blocklist {
	margin: 20px 0;
	overflow: hidden;
	height: 100%;
}
.rw-blocklist li {
	float: left;
	text-align: center;
	width: 19%;
}


.rw-mytheme {
	height: 100%;
	overflow: hidden;
}

.rw-mytheme li {
	width: 30%; 
	float: left;
}
#btn-mtape {
	margin-left: 8px;
}

fieldset {
	margin-bottom: 30px;
	border: 1px solid #CCC;
	padding: 10px;
}
fieldset legend {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	background: url("../img/supportedmodels.gif") no-repeat top left;
	padding-left: 25px;
	margin-left: 4px;
	color: #06C;
}

.hp-mkboxes {
	overflow: hidden;
	height: 100%;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 11px;
}

.hp-mkboxes .content {
	height: 100px;
	overflow: hidden;
}

.hp-mkboxes .brbtn{
	width: 100%;
	bottom: 0;
}

.hp-mkboxes .img {
	float: left;
	margin-left: 6px;
}

.hp-mkboxes .text {
	float: left;
	width: 50%;
	margin-left: 12px;
}

.hp-mkleft {
	float: left;
	width: 48%;
	border-right: 1px solid #CCC;
}

.hp-mkright {
	float: left;
	width: 45%;
	border-left: 1px solid #CCC;
	margin-left: -1px;
	padding-left: 30px;
}


#hp-supportmodels {
	height: 150px;
	overflow: auto;
}
#hp-skinners p {
	width: 100%;
	text-align: center;
	margin: 6px 0;
}

#ajax-loading, #ajax-error {
	display: none;
}
.ajax-mid {
	width: 80%;
	text-align: center;
	margin: 0 auto;
	clear: both;
}

#rw-hppopthemes, #rw-hppoptapes, #rw-hpfeatured {
	overflow: hidden;
	height: 100%;
}

#rw-hppopthemes li, #rw-hppoptapes li, #rw-hpfeatured li{
	float: left;
	width: 32%;
	margin: 7px 2px;

}

#hp-popthemes, #hp-poptapes {
	text-align: center;
	height: 330px;
}

#rw-hppro li {
	width: 25%;
	display: inline;
	float: left;
	text-align: center;
}

.ttlist-preview {
	height: 180px;
	display: block;
	margin: 0 auto;
	width: 100%;
}

.ttlist-preview table {
	width: 100%;
	height: 180px;
	text-align: center;
}

.ttlist-preview table td {
	vertical-align: middle;
}

.ttlist-preview .border-ccc {
	display: block;
	margin: 0 auto;
}

.ttlist-info {
	text-align: center;
	font-size: 12px;
	overflow: hidden;
}

.ttlist-userinfo {
	overflow: hidden;
	margin: 4px auto 0 auto;
	text-align: left;
	width: 90%;
	font-size: 11px;
}

.ttlist-info .ttlist-rate {
	font-size: 10px;
}

.ttlist-info .ttlist-extra {
	clear: both;
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 11px;
}
.ttlist-userinfo .avatar{
	float: left;
	margin: 0 7px 0 0;
}

.ttlist-userinfo .detail {
	float: left;
	line-height: 18px;
}

.row-leftbtn {	float: left; width: 24px; height: 55px; margin-top: 130px; display: block;}
.row-rightbtn {	float: right; width: 24px; height: 55px; margin-top: 130px; display: block;}
.row-leftbtn div {background: url('../img/b1.gif'); width: 24px; height: 55px; }
.row-rightbtn div {background: url('../img/b2.gif'); width: 24px; height: 55px; }
.row-btn-related { margin-top: 100px; }

#su-signup {
	width: 90%;
	border: 1px solid #CCC;
	background: #EEE;
	margin-bottom: 20px;
	padding: 5px;
	color: #000;
}

#su-login {
}

#su-whatis {
}



#member-header {
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	overflow: hidden;
	width: 100%;
}
#member-header h1 {
	width: 10%;
	float: left;
}
#member-header h2 {
	float: left;
	margin-left: 10px;
}
#member-category {
	float: left;
	width: 150px;
	border-right: 1px solid #CCC;
	margin-right: -1px;
}

.member-options {
	margin: 0 0 30px 10px;
}

#member-genderfilter {
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	text-align: center;
	padding-bottom: 8px;
}

#member-info {
	margin-top: 40px;
	border-right: 0;
}

.member-entry {
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
	padding: 10px;
	height: 100%;
	overflow: hidden;
}

.member-entry .member-user {
	float: left;
	width: 70%;
	border-right: 1px solid #CCC;
}

.member-entry .member-uavatar {
	float: left;
	margin-right: 20px;
}

.member-entry .member-udetail {
	float: left;
	width: 240px;
}

.member-entry .member-misc {
	float: right;
	width: 27%;
	color: #888;
	font-size: 10px;
	font-weight: bold;
}

.member-entry .member-misc input {
	width: 90%;
}

.member-entry p {
	color: #888;
}

#themes-selectmodel {
	width: 90%;
	font-size: 12px;
}
#gif-selectdim {
	width: 90%;
	font-size: 12px;
}

.listings-ad {
	width: 100%;
	height: 95px;
	margin-bottom: 8px;
	border: 1px solid #000;
}

.listings-header, .listings-filter {
	border-bottom: 1px solid #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	overflow: hidden;
	width: 100%;
}

.listings-header h1 {
	display: inline;
}

.listings-header h2 {
	display: inline;
	margin-left: 10px;
}

.listings-filter {
	text-align: center;
}
.listings-category {
	float: left;
	width: 150px;
	border-right: 1px solid #CCC;
	margin-right: -1px;
	padding-bottom: 40px;
	height: 100%;
}

.listings-category h4 {
	margin-bottom: 2px;
	font-size: 13px;
}

.listings-category .content {
	margin-left: 8px;
}

.listings-quality {
	width: 50%;
	float: right;
	text-align: right;
}
.listings-time {
	width: 50%;
	float: left;
}

.listings-footer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	clear: both;
}
.listings-popsearch {
	width: 44%;
	float: left;
}

.listings-boxads {
	float: right;
	overflow: hidden;
	height: 100%;
}

.ttlist-rows li {
	width: 32%;
	display: inline;
	float: left;
	margin-right: 6px;
}
.ttlist-wrapper a {
	font-weight: bold;
}
.ttlist-wrapper {
	/*padding: 8px 0;*/
}

.ttlist-rows {
	overflow: hidden;
	height: 100%;
	margin-bottom: 10px;
}

.ttlist-wrapper td {
	padding: 0;
	margin: 0;
}
.ttlist-wrapper .corner {
	width: 11px; 
	height: 11px; 
	line-height: 11px; 
	display: block; 
}

.ttlist-wrapper .side {
	width: 11px; 
}

.ttlist-wrapper .tl { background: transparent url('../img/tl.gif') no-repeat; }
.ttlist-wrapper .tr { background: transparent url('../img/tr.gif') no-repeat; }
.ttlist-wrapper .bl { background: transparent url('../img/bl.gif') no-repeat; }
.ttlist-wrapper .br { background: transparent url('../img/br.gif') no-repeat; }

.ttlist-wrapper .t { background: transparent url('../img/t.gif') repeat-x; }
.ttlist-wrapper .b { background: transparent url('../img/b.gif') repeat-x; }
.ttlist-wrapper .l { background: transparent url('../img/l.gif') repeat-y; }
.ttlist-wrapper .r { background: transparent url('../img/r.gif') repeat-y; }
.ttlist-wrapper .m {background: transparent url('../img/tm.png'); }


.rcbox {	background: url('../img/rc_tl.png') no-repeat top left; margin: 0 8px 10px 8px;}
.rcbox-top {	background: url('../img/rc_tr.png') no-repeat top right;}
.rcbox-bottom {	background: url('../img/rc_bl.png') no-repeat bottom left;}
.rcbox-bottom div {	background: url('../img/rc_br.png') no-repeat bottom right;}
.rcbox-content {	background: url('../img/rc_r.png') top right repeat-y;}
.rcbox-top div,.rcbox-top,
.rcbox-bottom div, .rcbox-bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.rcbox-content { padding: 0 2px; overflow: hidden; height: 100%; }


.tape-previewbtn {
	float: right;
	margin-top: -40px;
	margin-right: -2px;
	position: relative;
	z-index: 10;
}

#td-main {
	width: 50%;
	margin: 0 auto;
	float: left;
}

.td-ad {
	height: 95px;
	width: 100%;
	margin-bottom: 8px;
	border: 1px solid #000;
}

.td-dlskin, #td-userskins, #td-comments {
	height: 100%;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

#td-miscinfo .td-useravatar {
	margin-right: 6px;
	float: left;
}
#td-miscinfo .td-userinfo {
	overflow: hidden;
	height: 100%;
}
#td-miscinfo .td-skininfo {
	margin-top: 6px;
}

#td-header {
	float: left;
	height: 100%;
	overflow: hidden;
	width: 270px;
	margin-bottom: 14px;
}
#td-rate {
	width: 150px;
	float: left;
}
#td-rate h2 {
	margin-bottom: 4px;
}

#td-talkinfo {
	width: 120px;
	float: right;
	text-align: center;
}

#td-talkinfo div {
	font-size: 15px;
	font-weight: bold;
}

#tdr-text {
	font-weight: bold;
}

#td-userskins .content {
	border: 1px solid #CCC;
}
.td-dlskin h1 {
	margin-bottom: 10px;
}

#td-preview {
	float: left;
	overflow: hidden;
	height: 100%;
	text-align: center;
}

#td-tabs {
	float: left;
	margin-bottom: 10px;
}

#td-content {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	clear: both;
}

#td-content .urlbox {
	width: 95%;
}

#gif-dlskin #td-preview {
	margin-right: 40px;
	width: 200px;
}

#theme-dlskin #td-preview {
	margin-right: 40px;
}
#tape-dlskin #td-preview {
	margin-right: 0;
}

#td-dlform select {
	display: block;
}
#td-dlform button {
	margin-top: 2px;
	display: block;
}

.tdf-rourl {
	width: 300px;
	border: 1px solid #AAA;
	background: #DDD;
}
#td-comments h2 {
	float: left;
	margin-bottom: 4px;
}
#td-comments h3 {
	float: right;
	margin-bottom: 4px;
}

.tdc-pages {
	border: 1px solid #CCC;
	padding: 4px;
	width: 90%;
	margin: 6px auto;
	clear: both;
}

#tdc-content, #tdc-empty {
	width: 90%;
	margin: 0 auto;
}

#tdc-form {
	width: 90%;
	margin: 6px auto;
	clear: both;
}
#tdc-form textarea {
	display: block;
	width: 300px;
	height: 100px;
}

#tdc-wrapper {
	float: left;
	margin: 20px 0;
	width: 100%;
	text-align: center;
	
}
#tdc-empty h1{
	font-size: 18px;
	margin: 60px 0;
	text-align: center;
}

.tdc-entry {
	text-align: left;
	border-bottom: 1px solid #CCC;
	width: 95%;
	overflow: hidden;
	margin: 8px auto 0;
	padding-bottom: 8px;
}

.tdc-entry .poster {
	overflow: hidden;
	height: 100%;
	padding: 2px;
}
.owner {
	background: #E3E4FA;
}

.tdc-entry img.avatar-tbn {
	float: left;
	margin-right: 10px;
}

.tdc-entry .data {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.tdc-entry .controls {
	float: left;
	width: 100%;
	text-align: right;
}

#tdc-emoticon {

}

#td-related, #td-popsearch{
	margin-bottom: 20px;
}

#td-related .content {
	border: 1px solid #CCC;
	padding: 5px;
	height: 100%; /* ie6 hack to enable haslayout */
	overflow: hidden;
}

#td-popsearch .content {
	background-color: #DDD;
	padding: 5px;
}
#td-error {
}
#td-popsearch {
}

#td-morefrom {
	text-align: center;
	height: 270px;
}
#td-morefrom li {
	float: left;
	width: 22%;
	margin: 0 1px;
}

#btn-morefrom, #btn-related {
	width: 275px;
}

.oindex-box {
	overflow: hidden;
	height: 100%;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

.oindex-box h1 {
	background: #EEE;
	border-bottom: 1px solid #CCC;
	padding: 2px 4px;
	height: 100%;
	overflow: hidden;
}

.oindex-box .content {
	text-align: center;
	padding: 6px;
	height: 100%;
	overflow: hidden;
}
/*
#oindex-subscription, #oindex-subscriber, #oindex-friends {
	overflow: auto;
	height: 100%;
	margin-bottom: 20px;
}
*/

#oindex-subscription img, #oindex-subscriber img, #oindex-friends img{
	display: inline;
}

#oindex-subscription h1 .viewall, #oindex-subscriber h1 .viewall, #oindex-friends h1 .viewall {
	font-size: 12px;
	float: right;
}

#oindex-subscription h1 .block, #oindex-subscriber h1 .block, #oindex-friends h1 .block {
	float: left;
}


#oindex-user {
	overflow: hidden;
	height: 100%;
}

#oindex-useravatar {
	width: 120px;
	background: #DDD;
	float: left;
	overflow: hidden;
}

#oindex-useravatar h1 {
	font-size: 14px;
	margin: 4px 6px;
}

#oindex-useravatar .frame {
	border: 1px solid #BBB;
	background: #FFF;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#oindex-useravatar .avatar-big {
	margin: 14px auto;
}

#oindex-useravatar .content {
	text-align: center;
}

#oindex-usercontrols {
	float: left;
	margin-left: 20px;
	font-size: 14px;
}

#oindex-notice table {
	font-size: 11px;
	margin: 0 8px;
}
#oindex-notice .notice-date {
	width: 100px;
}

#oindex-notice .notice-detail {
}

.oindex-userads {
	width: 200px;
	float: right;
	text-align: right;
}

.oindex-boxads {
}

.oindex-tapepreview {
	text-align: right;
}
#oindex-latestupdate {
	margin: 20px 0;
	height: 100%;
	overflow: hidden;
}

#oindex-latestupdate h1 {
	margin-bottom: 10px;
}

#oindex-lucontent {
	border: 1px solid #CCC;
}

#oindex-latestupdate .oindex-item {
	width: 90%;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin: 20px auto;
	overflow: hidden;
	height: 100%;
}

#oindex-latestupdate .oindex-itemmaker {
	float: left;
	margin-right: 20px;
}
#oindex-latestupdate .oindex-itemdetail {
	float: left;
}

#oindex-latestupdate .oindex-itempreview {
	float: right;
	text-align: right;
}

#oindex-lutabs {
	overflow: hidden;
	height: 100%;
	margin-bottom: -1px;
	position: relative;
}

#oindex-recentuser .content, #oindex-recentvisit .content {
	text-align: center;
	padding: 6px;
	height: 100%;
	overflow: hidden;
}

#oindex-recentuser ul, #oindex-recentvisit ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#oindex-recentuser li, #oindex-recentvisit li {
	display: inline;
	margin: 0 4px;
	float: left;
}



.oindex-sublist {
	overflow: hidden;
	height: 100%;
	text-align: center;
}

.oindex-sublist ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.oindex-sublist li {
	display: inline;
	float: left;
	width: 33%;
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
}

.oindex-sublist li div {
	margin-right: auto;
	margin-left: auto;
}


/** mymessage **/

#msg-list {
	margin: 20px 0;
}

#msg-list table {
	width: 100%;
	border: 0;
	border-collapse: collapse
}

#msg-list th {
	background: #EEE;
	color: #333;
}

.msg-pages {
	margin: 6px;
}

#msg-list .box { width: 4%; text-align: center; padding: 6px 0;}
#msg-list .from { width: 18%;padding: 6px 0;text-align: center;}
#msg-list .subject{ width: 50%;padding: 6px 0;text-align: left;}
#msg-list .date { width: 28%;padding: 6px 0;text-align: left;}

#msg-list td {
	height: 50px;
	border-bottom: 1px solid #CCC;
}

#msg-list td.from {
	text-align: center;
}

#msg-list .avatar-tbn {
	margin: 0 auto;
}

#msg-read {
	overflow: hidden;
	height: 100%;
	border: 1px solid #CCC;
/*	margin-bottom: 20px;*/
}

#msg-read  .msg-sender{
	float: left;
	border: 1px solid #FFCC32;
	background: #FFFFCD;
	padding: 15px;
	width: 160px;
}

#msg-read .content {
	float: right;
	width: 320px;
	padding: 10px;
	overflow: hidden;
}

.msg-readctrl {
	width: 100%;
	text-align: right;
}

#msg-reply {
	display: none;
	margin-top: 20px;
}

.post-preview {
	border: 1px solid #FFCC32;
	background: #FFFFCD;
	color: #000;
	display: none;
	padding: 4px;
	margin: 6px 0;
}

/** my profile **/
#myprofile-avatar {
	text-align: center;
}
#myprofile-avatar img {
	margin: 0 auto;
	display: inline;
}

table.myprofile{
	width: 70%;
	margin: 0 auto;
}
table.myprofile th {
	width: 30%;
}
#myprofile-submit {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}



#mylook-setup {
	margin-bottom: 20px;
}

#mylook-setup .content {
	border: 1px solid #CCC;
	padding: 6px;
}



/** my theme **/
#mytheme-list {
	width: 100%;
	overflow: hidden;
}

/** theme edit **/
#te-box {
	overflow: hidden;
	height: 100%;
}

#te-preview {
	float: left;
	width: 30%;
}

#te-detail {
	float: right;
	width: 70%;
}

#te-download {
	width: 40%;
	margin: 0 auto;
	text-align: center;
}


/** Community **/
#commu-header h1 {
	width: 20%;
	float: left;
}
#commu-header h2 {
	float: left;
	margin-left: 30px;
	font-size: 16px;
}
#commu-tabs {
	clear: both;
	height: 100%;
	overflow: hidden;
	margin: 30px 0;
}
#commu-tabs .srbtn .mid{
	width: 104px;
}

.commu-online {
	text-align: center;
	height: 150px;
}

.commu-tbn li {
	width: 14%;
	float: left;
	text-align: center;
}

#commu-onlinemale, #commu-onlinefemale {
	width: 90%;
	margin: 10px auto;
}
#commu-forumen, #commu-forumzh {
	width: 100%;
	text-align: center;
}
.rw-chartskinners li {
	width: 31%; 
	float: left; 
	margin: 0 5px;
}

.cs-wrap {
	height: 100%;
	overflow: hidden;
}
.cs-wrap .rcbox-content {
	padding: 0 10px;
}

.cs-avatar {
	float: left;
	width: 60%;
	overflow: hidden;
	text-align: center;
}

.cs-misc {
	float: right;
	width: 37%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	line-height: 16px;
}
.cs-user {
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
}

#cs-viewmore {
	width: 100%;
	text-align: right;
}


#popup-overlay {
	opacity: 0.4;
	top:0;
	left:0;
	background: #555;
	width: 100%;
	height: 100%;
	position: absolute;
	display: inline;
	overflow: hidden;
}

#popup-content {
	display: inline;
	margin: 0 auto;
	position: absolute;
	background: #000;
	color: #FFF;
	text-align: center;
}

#create-uploadpreview {
	float: left;
	width: 30%;
	overflow: hidden;
}

#create-uploadform {
	float: left;
	width: 60%;
	overflow: hidden;
}

.create-mid {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}

#create-preview {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
#create-idlepreview {
	width: 40%;
	float: left;
	overflow: hidden;
	margin-right: 20px;
	text-align: center;
}

#create-activepreview {
	width: 40%;
	float: left;
	overflow: hidden;
	text-align: center;
}

/* tapes create */
#fullpagemask {
	background-color:#000000;
	display:none;
	opacity:0.4;
	position:absolute;
	z-index:9000;
}
#modalpopup {
	background-color:#FFFFFF;
	border:2px solid #000000;
	display:none;
	opacity:0.8;
	padding:15px;
	position:absolute;
	text-align:center;
	z-index:9000;
}
.prog-border {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #000000;
	height:15px;
	margin:0pt;
	padding:0pt;
	width:205px;
}
.prog-bar {
	background:#00A000 none repeat scroll 0%;
	height:11px;
	margin:2px;
	padding:0px;
}

#tapes-create {
	text-align: center;
}
#upUploadDiv {
	background: #EEE;
}
#uploadNavigation {
	background: #CCC; 
	padding: 5px; 
	margin-bottom: 5px;
}

table.create th {
	width: 20%;
}
table.create td {
	width: 80%;
}

table.signup th {
	width: 30%;
}
table.signup td {
	width: 70%;
}

table th {
	text-align: right;
	vertical-align: top;
}

.fieldError {
	margin: 4px 5px;
	color: #F00;
	font-weight: bold;
	display: none;
	font-size: 11px;
}
.fieldInfo {
	margin: 4px 5px;
	font-weight: bold;
	display: none;
	font-size: 11px;
}
.fieldError img {
	vertical-align: bottom;
}
.os2-box {
	border: 1px solid #CCC;
	padding: 5px;
	height: 100%; /* ie6 hack to enable haslayout */
	margin-bottom: 30px;
	clear: both;
}

div.sbtnwrap {
	overflow: hidden;
	height: 100%;
}

.formLabel {
	vertical-align: top;
}

.listings-popsearch .blue-box {
	margin-bottom: 10px;
}

#block-result {
	width: 30%;
	clear: both;
}

.td-viewmore {
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 15px;
	font-size: 14px;
}