* {margin:0; padding:0; font-family:tahoma; font-size:11px}
body {height:100%; top:0; left:0}
input, select, textarea {padding:3px}
/* 
input[type=text], input[type=password], input[type=file], select, textarea {border:1px solid #ccc}
*/
option {padding:0 5px 0 3px}
h1 {font-size:14px; padding-bottom:10px; border-bottom:1px solid #eee; margin-bottom:10px; text-align:left}
h2 {font-size:14px; padding-bottom:10px; text-align:left}
p {text-align:left}
img {border:0}
a:link, a:visited {color:#0063DC; text-decoration:none}
a:hover, a:active {color:#0063DC; text-decoration:underline}

.clearboth {clear:both}
.floatleft {float:left}
.floatright {float:right}

#setup {padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px}
#setup td {font-size:14px; font-weight:bold; padding:5px; margin-right:5px}
#setup td .small {font-size:11px; font-weight:normal}
#setup td.off {color:#999; background-color:#f9f9f9}

#topup {font-size:11px}
#topup ul {list-style-type:square; margin-left:15px}
#topup li {margin-bottom:5px; font-size:11px}
#topup b {font-weight:bold; font-size:11px}

.bigbold {font-size:12px; font-weight:bold}
.normal {font-weight:normal}
.note {color:#666}
.backlink {font-weight:bold; background-position:left 2px; background-repeat:no-repeat; padding:4px 4px 4px 10px; text-align:left}
#error {position:relative; padding:10px; font-weight:bold; font-size:11px; text-align:left; margin-bottom:10px; background-color:#ffefef; color:#000; border:1px solid #ff0000}
#notice {position:relative; padding:10px; border:1px solid #E2C822; font-weight:bold; font-size:11px; text-align:left; margin-bottom:10px; background-color:#fff9d7}

#unread {color:#fff; background-color:#d00; padding:0 5px}

#page {width:600px}
#widepage {width:680px}
#container {margin:20px 0 35px; display:block}

#slogan {font-size:16px; width:660px; text-align:left; margin-bottom:20px; font-weight:bold}
#slogan span {font-size:16px; font-weight:bold}

#header {text-align:left; border-width:0 1px 1px; border-style:solid; border-color:#eee; background-color:#f7f7f7}
#header .left {float:left; margin-left:10px}
#header .right {float:right; margin-right:10px}
#header .logo {display:block}
#header .input {padding-right:5px}
#header .link {display:block; padding:10px; margin-left:5px; float:left; font-weight:bold; text-decoration:none; color:#000} 
#header .link:hover {background-color:#ddd; text-decoration:none}
#header .submit {padding:2px 10px 3px}

#featuredcontainer {width:342px; float:left; border:1px solid #eee}
#featured {padding:10px}
#featured .women {float:left; margin-right:10px; margin-bottom:10px}
#featured .men {float:right; margin-bottom:10px}
#featured .label {text-align:left; font-size:14px; font-weight:bold}
#featured .photo {width:50px; height:50px; background-repeat:no-repeat; background-position:center; margin:5px 2px 0 0; float:left}
#featured .px {width:50px; height:50px; background-image:url('../images/px.gif')}

#intro {width:220px; float:left; text-align:left; padding:10px; border:1px solid #ccc; background-color:#fff}
#intro .text {padding-left:10px; font-size:14px}

#main {padding:10px; border:1px solid #eee; background-color:#fff}
.narrow {width:450px; padding:30px}

.summary {float:left;padding:3px 0}
.pager {float:right}
.pager span {padding:3px; float:left}
.pager a {display:block; padding:3px; float:left}
.pager a:hover {background-color:#666; color:#fff; text-decoration:none}

#stream {width:600px; margin-bottom:20px}
#stream a {display:block; float:left; margin-left:5px; padding:0}
#stream img {border:0}

#tabs {width:100%}
.tabs {list-style:none; margin-left:10px; width:590px}
.tabs li {float:left; margin-right:2px; background-color:#eee; display:inline}
.tabs li a {display:block; text-align:center; padding:6px 10px; font-weight:bold; text-decoration:none; color:#000}
.tabs li.selected {background-color:#666}
.tabs li.selected a {color:#fff; text-decoration:none}

.list {margin-bottom:10px}
.list a {float:left; display:block; padding:5px 8px; color:#000; background-color:#f7f7f7; margin-right:2px; text-decoration:none}
.list a.selected {color:#fff; background-color:#666; text-decoration:none}

.editor th {padding:9px 5px 5px; text-align:right; vertical-align:top}
.editor td {padding:5px; text-align:left; vertical-align:top}
.editor .label {font-weight:bold; margin-bottom:2px}
.editor .buttons {padding-top:10px}
.editor .photo {width:300px; height:300px; background-repeat:no-repeat; background-position:center}
.editor .photo .px {width:300px; height:300px; background-image:url('../images/px.gif')}

.checkbox {vertical-align:middle}

.threads {margin:10px 0}
.threads td {padding:5px 0; border-top:1px solid #ccc; text-align:left}
.threads .delete {width:80px; text-align:right}
.threads .icon {width:30px}
.threads .portrait {width:60px}
.threads .portrait .photo {width:50px; margin:0 5px; background-repeat:no-repeat; background-position:center}
.threads .portrait .photo .px {width:50px; height:50px; background-image:url('../images/px.gif')}
.threads .user {width:150px}
.threads .link {width:258px}
.threads .link a {font-size:12px}

.messages {border-top:1px solid #ccc; margin-top:10px}
.messages .separator {height:1px; background-color:#ccc; margin-left:158px; overflow:hidden}
.message {margin:10px 0}
.message .left {float:left; width:138px; text-align:right}
.message .right {float:right; text-align:left; width:420px; padding-bottom:15px}
.message .photo {float:right; margin:5px 0; width:50px; height:50px; background-repeat:no-repeat; background-position:center}
.message .photo .px {width:50px; height:50px; background-image:url('../images/px.gif')}
.message .time {float:right; color:#999}
.message .text {width:400px; word-wrap:break-word}

.replyform {margin:20px 0}
.replyform .left {float:left; width:138px; text-align:right; font-weight:bold}
.replyform .right {float:right; width:420px; text-align:left}
.replyform .submit {margin-top:10px}

#profiles {width:578px; margin-top:10px}
.profile {margin-bottom:10px; width:285px; float:left; text-align:left}
.divider {margin-right:8px}
.profile table {width:285px; border:1px solid #f7f7f7; background-color:#f7f7f7}
.profile .photo {width:100px; height:100px; background-repeat:no-repeat; background-position:center}
.profile .photo .px {width:100px; height:100px; background-image:url('../images/px.gif')}
.profile .info {height:84px}
.profile .icons {height:16px}
.profile .icons a {margin-right:10px}

.timeline {float:left; padding:3px; background-color:#efefef; border-width:1px 1px 0; border-style:solid; border-color:#ccc}

#user .left {float:left; width:300px}
#user .left .photo {width:300px; height:300px; background-repeat:no-repeat; background-position:center}
#user .left .photo .px {width:300px; height:300px; background-image:url('../images/px.gif')}
#user .left ul {list-style-type:none; float:left; width:180px; margin-top:10px}
#user .left ul li {padding:1px 0; border-bottom:1px solid #ddd}
#user .left ul li a {background-position:left 2px; background-repeat:no-repeat; display:block; padding:4px 4px 4px 24px; text-align:left}
#user .right {float:right; width:260px}
#user .right th, #user .right td {padding:4px 0; text-align:left}
#user .right .username {font-size:15px; font-weight:bold}
#user .text {text-align:left; font-size:14px}

a.tooltip {z-index:10}
a.tooltip:hover{position:relative; z-index:100}
a.tooltip span{display:none}
a.tooltip:hover span{display:block; position:absolute; float:left; white-space:nowrap; text-decoration:none; top:-30px; left:-30px; background:#fff7b7; border:1px solid #dcb83a; color:#887224; padding:3px; z-index:10}
a.tooltip:hover span.ignorevisit{display:block; position:absolute; float:left; white-space:nowrap; text-decoration:none; top:-50px; left:-270px; background:#fff7b7; border:1px solid #dcb83a; color:#887224; padding:3px; z-index:10}

.online {margin-top:10px}
.online span {color:#000; font-weight:bold}

#online {float:right; font-weight:bold}

/* .submit {color:#fff;font-size:11px; background-color:#0063DC; padding:2px 15px 3px; border-width:1px} */
/* .submit {color:#fff; font-size:11px; cursor:pointer; text-shadow:0 1px 0 #4d8835; font-weight:bold; padding:2px 6px 3px; border-width:1px; background-image:url('../images/grad.png'); -moz-border-radius:2px; border-style:solid; border-color:#386f24 #236013 #16540a} */
/* .submit {color:#fff; font-size:11px; cursor:pointer; padding:2px 6px 3px; border-width:1px; background-image:url('../images/grad.png'); -moz-border-radius:2px; border-style:solid; border-color:#386f24 #236013 #16540a} */
.submit {color:#fff; font-size:11px; font-weight:bold; cursor:pointer; padding:2px 6px 3px; border-width:1px; background-image:url('../images/bg.png'); border-style:solid; border-color:#620784}
.cancel {background-color:#f0f0f0; font-size:11px; cursor:pointer; padding:2px 6px 3px; border-width:1px; border-style:solid; border-color:#ddd #666 #666 #ddd; margin-left:5px}

#loading {padding:10px 0; text-align:center}

#dialog {top:0; left:0; height:0; width:100%; position:absolute; text-align:center;}
#dialogbox {text-align:left; position:relative; margin:auto; width:465px;}
#dialogbox .box {background:url('../images/b.png'); padding:10px}
#dialogbox #boxtitle {border-width:1px 1px 0; border-style:solid; border-color:#62247E; background-color:#83439A; color:#fff; font-weight:bold; font-size:13px; padding:5px 10px}
#dialogbox .content {background-color:#fff; border-width:0 1px 1px; border-style:solid; border-color:#555}
#dialogbox #boxbody {padding:10px; border-bottom:1px solid #ccc}
#dialogbox #boxbuttons {text-align:right; padding:10px; background-color:#f2f2f2} 

#footer {width:600px; padding:5px 0; border-top:1px solid #ddd; text-align:left; color:#777}
#widefooter {width:680px; padding:5px 0; border-top:1px solid #ccc; text-align:left; color:#777}