/** 
 * Avatar Chat - Pro Chat Rooms
 * http://prochatrooms.com
 * (c) Copyright 2009
 * Version: 1.0.0 BETA
 *
 * THIS SOFTWARE MAY NOT BE 100% STABLE
 * NOT FOR USE IN PRODUCTION ENVIRONMENT
 **/


/*

CSS3 rounded corners
not supported by all browsers

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

*/

/* for background image (pt1) - pushes the page to the full capacity of the viewing area */

html {
height:100%;
}

body {
height:100%;
margin:0; 
padding:0;
}

/* for background image (pt2) - prepares the background image to full capacity of the viewing area */

#bg {
position:fixed; 
top:0; 
left:0; 
width:100%; 
height:100%;
}

/* for background image (pt3) - places the content ontop of the background image */

#content {
position:relative; 
z-index:1;
}

/* myMessage div */

.myMessage { 
position:absolute; 
}

/* myAvatar div */

.myAvatar { 
position:absolute; 
horizontal-align:middle;
}

/* general body settings */

.body {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
overflow: hidden;
}

/* chat screen */

.chatscreen {
width:800px; 
height:560px; 
border: 0px solid #84B2DE; 
position:absolute;
}

/* control panel */

.controlPanel {
bottom:5px; 
left:5px; 
height:40px; 
border: 1px solid #84B2DE; 
position:absolute;
background-image: url('../images/chatboxbg.png');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* chatbox window */

.chatbox {
width:300px; 
height:150px; 
bottom:73px; 
left:5px; 
border: 1px solid #84B2DE; 
padding: 4px;
overflow: scroll;
overflow-x: hidden;
position:absolute;
word-wrap: break-word;
visibility: hidden;
background-image: url('../images/chatboxbg.png');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* chat options */

.chatoptions {
width:304px; 
height:14px; 
bottom:234px; 
left:5px; 
padding: 2px;
border: 1px solid #84B2DE; 
position:absolute;
background-image: url('../images/chatboxbg.png');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* chat tab */

.chattab {
width:720px; 
height:20px; 
bottom:43px; 
left:1px; 
border: 0px solid #84B2DE; 
padding: 4px;
position:absolute;
}

/* private chat tabs */

.privatetab {
width:70px; 
height:20px; 
bottom:0px; 
border: 1px solid #84B2DE; 
padding: 4px;
background-image: url('../images/chatboxbg.png');
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* private chat tabs (new message)*/

.newprivatetab {
width:70px; 
height:14px; 
bottom:0px; 
border: 1px solid #84B2DE; 
padding: 4px;
cursor: pointer;
background-color: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* private chatbox window */

.pchatbox {
width:300px; 
height:150px; 
bottom:50px; 
left:5px; 
border: 1px solid #84B2DE; 
padding: 4px;
overflow: scroll;
overflow-x: hidden;
position:absolute;
word-wrap: break-word;
visibility: visible;
background-image: url('../images/chatboxbg.png');
}

/* message bar */

.messageBar {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 20px; 
width: 244px;
bottom: 10px;
left:35px; 
border: 1px solid #84B2DE; 
background-color: #F5F5F5; 
position:absolute;
}

/* user details */

.userdetails {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 155px; 
width: 200px; 
border: 1px solid #84B2DE; 
visibility: hidden;
position:absolute;
vertical-align:middle;
background-image: url('../images/chatboxbg.png');
}

/* user info */

.userinfo {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor:pointer;
padding:8px;
}

/* send button */

.sendButton {
height: 24px; 
width: 24px;
bottom: 8px;
left:284px;  
cursor: pointer; 
position:absolute;
border: 0px solid #84B2DE; 
background-image: url('../images/go.png');
}

/* logout button */

.logoutButton {
height: 50px; 
width: 40px;
top: 5px;
left:750px;
padding: 4px; 
cursor: pointer; 
position:absolute;
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* avatar button */

.avatarButton {
height: 58px; 
width: 40px;
top: 5px;
left:690px;
padding: 0px; 
padding-left:10px;
cursor: pointer; 
position:absolute;
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* chatbox button */

.chatboxButton {
bottom: 13px;
left:11px; 
position:absolute;
height: 23px; 
width: 24px;
background-image: url('../images/chat.png');
}

/* block button */

.blockButton {
height: 24px; 
width: 24px;
bottom: 14px;
left: 765px; 
cursor: pointer; 
position:absolute;
background-image: url('../images/block.png');
}

/* love button */

.loveButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 27px;
bottom: 14px;
left: 647px; 
position:absolute;
background-image: url('../images/heart.png');
}

/* thumbsup button */

.likeButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 20px;
bottom: 14px;
left: 690px; 
position:absolute;
background-image: url('../images/thumbs_up.png');
}

/* gift button */

.giftButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 23px;
bottom: 14px;
left: 725px; 
position:absolute;
background-image: url('../images/star.png');
}

/* speaker button */

.speakerButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 48px; 
width: 48px;
top: 5px;
left: 5px; 
position:absolute;
cursor:pointer;
background-image: url('../images/speaker.png');
}

/* mail button */

.mailButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 23px;
bottom: 15px;
left: 325px; 
position:absolute;
cursor:pointer;
background-image: url('../images/email.png');
}

/* sendmail button */

.sendmailButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 26px;
bottom: 15px;
left: 360px; 
position:absolute;
cursor:pointer;
background-image: url('../images/sendmail.png');
}

/* friends button */

.friendsButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 24px;
bottom: 14px;
left: 395px; 
position:absolute;
cursor:pointer;
background-image: url('../images/group.png');
}

/* myplace button */

.myplaceButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 24px;
bottom: 14px;
left: 500px; 
position:absolute;
cursor:pointer;
background-image: url('../images/myplace.png');
}

/* modpanel button */

.modButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 24px;
bottom: 14px;
left: 468px; 
position:absolute;
cursor:pointer;
background-image: url('../images/lock.png');
}

/* tower button */

.towerButton {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 24px; 
width: 32px;
bottom: 15px;
left: 428px; 
position:absolute;
cursor:pointer;
background-image: url('../images/tower.png');
}

/* myplace window */

.myplace {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 280px; 
width: 305px;
bottom: 50px;
left:417px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
overflow-y: hidden;
overflow-x: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* my friends window */

.myfriends {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 100px; 
width: 200px;
bottom: 50px;
left:390px; 
border: 1px solid #84B2DE; 
background-image: url('../images/friendsbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
overflow: scroll;
overflow-x: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* modpanel window */

.modpanel {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 100px; 
width: 250px;
bottom: 50px;
left:447px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
overflow: scroll;
overflow-x: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* blocked users window */

.blocklist {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 100px; 
width: 200px;
bottom: 50px;
left:590px; 
border: 1px solid #84B2DE; 
background-image: url('../images/blockbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
overflow: scroll;
overflow-x: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* sendmail window */

.sendmail {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 150px; 
width: 200px;
bottom: 50px;
left:320px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
overflow: hidden;
overflow-x: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.send_to {
height: 20px; 
width: 130px;
}

.send_mail_mess {
height: 95px; 
width: 200px;
}

.mysendButton {
height: 20px; 
width: 200px;
}

/* my inbox window */

.myinbox {
color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
height: 150px; 
width: 200px;
top: 10px;
left:10px; 
border: 1px solid #84B2DE; 
background-image: url('../images/mailbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
overflow: scroll;
overflow-x: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* my rooms window */

.myrooms {
top: 100px;
left: 80px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
z-index: 31001;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* upgrade VIP window */

.upgradeVIP {
top: 160px;
left: 180px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
height: 260px; 
width: 400px; 
padding: 4px;
visibility: hidden;
z-index: 31001;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* gotoUsers window */

.gotoUsers {
top: 160px;
left: 180px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
height: 280px; 
width: 400px; 
padding: 4px;
visibility: hidden;
z-index: 31001;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


/* avatar creator window */

.avatarCreator {
top: 160px;
left: 180px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
height: 280px; 
width: 400px; 
padding: 4px;
visibility: hidden;
z-index: 31001;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* my messages */

.mymessages {
border: 1px solid #84B2DE; 
background-color: #FFFFFF; 
padding: 4px;
word-wrap: break-word; 
}

/* login screen */

.loginscreen {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-decoration: none;
background-image: url('../templates/login/background.jpg');
position:absolute;
padding: 4px;
height: 600px; 
width: 810px; 
}

.loginbox {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-decoration: none;
position:absolute;
padding: 4px;
top: 300px;
left: 220px;
}

/* registerbox */

.regbox {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-decoration: none;
position:absolute;
padding: 4px;
top: 300px;
left: 150px;
}

/* lost passwordbox */

.lostpassbox {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-decoration: none;
position:absolute;
padding: 4px;
top: 300px;
left: 150px;
}

/* splash page (on first login) */

.splashpage {
background-image: url('../images/splash.png');
position:absolute;
top: 20px;
left: 200px;
height: 285px; 
width: 404px; 
visibility: hidden;
}

/* system messages window */

.sysmess {
color: #0099CC;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-decoration: none;
height: auto; 
top: 20px;
left:300px; 
border: 1px solid #84B2DE; 
background-image: url('../images/chatboxbg.png');
position:absolute;
padding: 4px;
visibility: hidden;
z-index:30000;
}

/* medium text */

.mediumtext {
color: #FFFFFF;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 16px;
font-style: normal;
text-decoration: none;
}

/* small text */

.smalltext {
color: #FFFFFF;
font-family: Comic Sans MS, Verdana, Arial;
font-size: 12px;
font-style: normal;
text-decoration: none;
}

/* cursor posistion */
.startPosistion {
position:absolute;
padding: 10px;
top: 10px;
left: 355px;
height: 16px; 
width: 90px; 
background-image: url('../images/chatboxbg.png');
z-index:30000;
visibility: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* door */

.door {
position:absolute;
cursor:pointer;
background-repeat:no-repeat;
background-position:center center;
background-image: url('../images/1x1.png');
}