body {
margin:0px 0px 0px 6px;
font-family:arial;
font-size:11px;
color:#000;
background-color:#e2f4ff;
background-image:url(http://assets.zwinky.com/prof/themes/classic_bg.gif);
background-repeat:repeat-x;
}
a.online {
font-size:10px;
color:#f96600;
text-decoration: online;
}
/*-- BEGIN: header --*/
td.hdrr { background-image:url(http://assets.zwinky.com/prof/themes/classic_nav_top.gif); background-repeat:no-repeat; background-position:bottom left; }
a.hdrs { color:#fff; font-weight:normal; text-decoration:none; }
div.hdrw { font-size:12px; color:#fff; font-weight:bold; background-color:#027fd6; float:right; padding:3px 8px 5px 8px; }
td.hdrm { background-image:url(http://assets.zwinky.com/prof/themes/classic_nav_bg.gif); background-repeat:repeat-y; padding:1px 0px 1px 0px; }
a.hdrn { color:#004EFE;font-size:12px; font-weight:bold; }
/*-- END: header --*/
/*-- BEGIN: Footer --*/
div.ftrt { border-top:1px #fff solid; }
div.ftrb { border-top:1px #1ea0f6 solid; }
#pageFooter {
clear: both;
padding: 20px 0 0 0;
margin: 0;
}
/*-- END: Footer --*/
/*-- BEGIN: Search --*/
input.srchi { width:200px;font-family:arial; font-size:11px; color:#000000; }
select.srchs { width:70px; font-weight:bold; }
td.srchc { font-size:10px; color:#fff; font-weight:bold; }
/*-- END: Search --*/
/*-- BEGIN: page Content Area --*/
.pageContent {
width: 769px;
padding: 10px 0 0 0;
margin: 0 0 0 0;
clear: both;
border: 0px dashed #009900;
}
* html .IEpageContent {
padding: 0;
}
* html .IEtopArea {
margin: 0 0 0 0;
}
/* promo area */
#promoArea {
width: 519px;
float: left;
padding: 0;
margin: 0;
}
/* avatar */
#avatarArea {
width: 243px;
height: 244px;
float: left;
margin: 0 0 0 5px;
border: 0px dashed #990000;
background-image: url(http://assets.zwinky.com/homepage/avatar_bg.gif);
background-repeat: no-repeat;
}
#avatarWelcome {
text-align:left;
font-size: 12px;
font-weight: bold;
color:#000000;
padding: 8px 0 0 10px;
margin: 0;
border: 0px dashed #990000;
}
#myAvatar{
width: 142px;
text-align:center;
margin: 5px 0 0 0;
border: 1px solid #0000FF;
}
#avatarIcons {
margin: 5px 0 0 0;
}
#avatarIcons a {
color: #0000FF;
}
#avatarIcons table {
width: 230px;
height: 40px;
font-size: 12px;
}
#avatarIcons td {
font-size: 12px;
}
/* login area */
#loginArea {
width: 243px;
float: left;
margin: 0 0 0 5px;
border: 0px dashed #990000;
}
#loginArea form {
margin: 0;
padding: 0;
}
#loginArea p {
text-align: left;
margin: 0;
padding: 5px 0 5px 15px;
}
#loginArea table {
width: 243px;
font-size: 12px;
margin: 5px 0 5px 0;
}
#loginArea td.left {
text-align:right;
font-weight: bold;
padding: 5px 0 0 0;
}
#loginArea td.right {
padding: 5px 0 0 5px;
}
#loginTop {
width: 243px;
height: 36px;
}
#loginMiddle {
width: 243px;
height: 202px;
background-image: url(http://assets.zwinky.com/homepage/login-Mid.gif);
background-repeat: repeat-y;
}
#loginBottom {
width: 243px;
height: 6px;
}
/* avatar tiles */
table.tiles {
width: 766px;
}
#avatarList {
padding: 0;
margin: 0;
text-align:center;
border: 0px dashed #FF0000;
min-height:135px;/*150 with online now*/
margin-top:6px;
}
* html .IEavatarList {
height:135px;/*150 with online now*/
}
div.avatar {
float: left;
border-width: 1px 0 1px 1px;
border-color: #0000FF;
border-style: solid;
}
div.avatarName {
float: left;
text-align:center;
width: 93px;
font-size: 11px;
padding: 5px 0 5px 0;
/* this will keep long usernames from overlapping in non-ie browsers */
overflow: hidden;
/* this is an IE only attribute*/
word-wrap:break-word;
}
/* newest items */
#newestItems {
width: 213px;
float: left;
border: 0px dashed #009900;
margin: 0;
padding: 0;
}
/* top chatrooms */
#topChatRooms {
width: 323px;
float: left;
border: 0px dashed #009900;
margin: 0 0 0 9px;
padding: 0;
}
#roomList {
min-height: 180px;
}
* html .IEroomList {
height:180px;
}
#tcrList {
width: 311px;
height: 180px;
}
td.tcrRoomName {
width: 120px;
font-weight: bold;
font-size:11px;
color: #3F7AFE;
text-align:left;
}
td.tcrNumChatting {
width: 100px;
font-weight: bold;
font-size:11px;
color: #000000;
text-align:center;
}
td.tcrJoinNow {
width: 91px;
font-weight: bold;
font-size:11px;
color: #3F7AFE;
text-align:right;
}
/* most popular */
#mostPopular {
width: 213px;
float: left;
border: 0px dashed #009900;
margin: 0 0 0 9px;
padding: 0;
}
/* */
/*-- END: page Content Area --*/
/*-- BEGIN: Blue White Border --*/
.bwTopLeft {
width: 6px;
height: 6px;
}
.bwTopMid {
height: 6px;
background-image: url(http://assets.zwinky.com/homepage/blue_white_border/top.gif);
background-repeat: repeat-x;
}
.bwTopRight {
width: 6px;
height: 6px;
}
.bwContentLeft {
width: 6px;
background-image: url(http://assets.zwinky.com/homepage/blue_white_border/left.gif);
background-repeat: repeat-y;
}
.bwContentMid {
background-color:#FFFFFF;
}
.bwContentRight {
width: 6px;
background-image: url(http://assets.zwinky.com/homepage/blue_white_border/right.gif);
background-repeat: repeat-y;
}
.bwBotLeft {
width: 6px;
height: 6px;
}
.bwBotMid {
height: 6px;
background-image: url(http://assets.zwinky.com/homepage/blue_white_border/bottom.gif);
background-repeat: repeat-x;
}
.bwBotRight {
width: 6px;
height: 6px;
}
/*-- END: Blue White Border --*/
/*-- BEGIN: form elements --*/
.textBox {
width: 130px;
background-color: #FFFFFF;
border: 1px solid #005088;
}
.floatfix {
display: block;
clear: left;
margin: -0.66em 0;
visibility: hidden;
}
/*-- END: form elements --*/
#DEBUG {
/*width: 600px;*/
height: 200px;
display: block;
background-color: #FFFFFF;
border: 1px solid #990000;
overflow: auto;
white-space: nowrap;
font-family: verdana,arial,sans-serif;
font-size:13px;
}