/*Bullet CSS-P Stylesheet */

/* New Frameset Stuff */
/*
.roomcontainerLeftFrame {position:absolute; top:0px;  left:0px; width: 400px; height: 400px;  z-index:100; border : 1pt solid Gray; }
.roomcontainerRightFrame {position:absolute; top:0px;  left:0px; width: 200px; height: 400px;  z-index:100; border : 1pt solid Gray;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mediabar.png', sizingMethod='scale');}
*/

/*New Window Javascript stuff */
/*
.clWin{position: absolute; z-index:2; visibility:hidden; overflow:hidden; background-color: #BABABA;}
.clWindow{position:absolute; background-color:blue; overflow:hidden; z-index:15; width:200}
.clWinHead{position:absolute; width:200; top:0; font-family:arial,arial,helvetica; font-size:11px; font-weight:bold; color:white; background-color:transparent}
.clText{position:absolute; z-index:50; font-family:arial,helvetica; font-size:11px; background-color:transparent}
.clWinResize{position:absolute; z-index:30; width:30; height:30; clip:rect(0,30,30,0); background-image:url(../images/chrome/resize.gif); layer-background-image:url(../images/chrome/resize.gif)}
.clLogo{position:absolute}
.clUp{position:absolute; width:12; height:12; z-index:60;}
.clDown{position:absolute; width:12; height:12; z-index:60;}
.clWinButtons{position:absolute; font-family:arial,helvetica; font-size:12px} 
*/

/*Global */
#tablecontainer, .tablecontainer {position:absolute; top:110px;  left:170px; width: 500px; height: 400px;  z-index:100; }
.subcontainer{position: relative; border : 1pt solid #DCDCDC; background-color: white; background: white;}
.dotty {background-image: url(../images/dotsfill.gif); background-repeat: repeat;}
.dottybox {width: 180px; border : 1pt solid Gray;  background-image: url(../images/dotsfill.gif); background-repeat: repeat;}
.whitebox { border : 1pt solid Gray; background-color: white; background: white;}
.whiteinput { border : 1pt solid Gray; background-color: white; background: white; width: 110px;}
#navbar {position: relative; top:10px;  left:0px; width: 500px; height: 50px;  z-index:100; padding-top:10px; padding-bottom: 10px;}


.titlebar{position: relative; top:0px;  left:5px; width: 495px; height: 50px;  z-index:100; border:}
#title{position: relative; top:15px;  left:5px; width: 200px; height: 14px;  z-index:100;}
#icon{position: absolute; top:5px;  left:450px; width: 40px; height: 40px;  z-index:100;}
#quickguide {visibility: hidden;}
#sidepanel {position:absolute; top:140px; left:10px; width:170px; z-index:300;}

/* vertical and horizontal dots for tables ) */
.vdots {background-image: url(../images/vdots.gif); background-repeat: repeat-y;}
.hdots {background-image: url(../images/hdots.gif); background-repeat: repeat-x;}
.hdotline {background-image: url(../images/hdotline.gif); background-repeat: repeat-x;}
.blackvdot{background-image: url(../images/blackdot.gif); background-repeat: repeat-y;}
.blackhdot{background-image: url(../images/blackdot.gif); background-repeat: repeat-x;}
.seperatordots{background-image: url(../images/contractdotbar.gif); background-repeat: no-repeat;}

/* New Stuff Below */
#bulletcontainer{position:absolute; top:50px;  left:50px; width: 700px; height: 432px;  z-index:100; }
.topborder{background-image: url(../images/icons/topborder.gif); background-repeat: no-repeat;}
.bottomborder{background-image: url(../images/icons/bottomborder.gif); background-repeat: no-repeat;}
.sideborder{background-image: url(../images/icons/sideborder.gif); background-repeat: no-repeat;}
.stripebackground{background-image: url(../images/icons/stripebackground.gif); background-repeat: repeat-x;}
/* Main View Conatiner DIV */

#viewport{position:absolute; top:115px;  left:61px; width: 678px; height: 270px;  background-color: white; background: white; z-index:101; padding: 0px ; overflow: auto; }

#viewportTopContainer{position:absolute; top:1px;  left:1px; width: 674px; height: 230px;  background-color: white; background: white; z-index:101; padding: 0px ; margin: 0px ;overflow: auto; }
#viewportNavContainer{position:absolute; top:230px;  left:1px; width: 674px; height: 30px;  background-color: white; background: white; z-index:101; padding: 0px ; margin: 0px ;overflow: hidden; }

/*background-image: url(../images/icons/viewport678x270.gif); */
.white{background-color: white; background: white;}
#globalnavbar {position: absolute; top:425px;  left:455px; width: 280px; height: 40px;  z-index:100; }
.newhdots {background-image: url(../images/icons/hdots.gif); background-repeat: repeat-x;}
#sidepanel {width:160px; position: absolute; left: 504px; top: 117px;  width: 230px; height: 264px;  visibility: visible; z-index:101;}


/* Rooms */
/*#roomcontainer {position:absolute; top:110px;  left:100px; width: 600px; height: 400px;  z-index:100;}*/
/*clip: rect(5px, 10px, 10px, 5px); */

#roomview {position: absolute; left:62px; top:114px; width: 437px; height: 269px;  visibility: visible; z-index:100;}
#roomsidepanel {position: absolute; left: 500px; top: 114px;  width: 235px; height: 267px;  visibility: visible; z-index:101;}
.gamesimage{ width: 437px; height: 269px; background-image: url(../images/icons/games.jpg); background-repeat: no-repeat;}
.gardenimage{ width: 437px; height: 269px; background-image: url(../images/icons/garden.jpg); background-repeat: no-repeat;}
.roomdefaultimage{ width: 437px; height: 269px; background-image: url(../images/icons/room-default.gif); background-repeat: no-repeat;}


#infolayer{position:absolute; top: 410px; left: 62px; width: 370px; height: 60px; z-index: 101;}

.input120{width:120px; border : 1pt solid Gray; background-color: white; background: white; }
.input160{width:160px; border : 1pt solid Gray; background-color: white; background: white; }
.input360{width:360px; border : 1pt solid Gray; background-color: white; background: white; }
.textarea360{width:360px; border : 1pt solid Gray; background-color: white; background: white; }
.newvdots {background-image: url(../images/vdots.gif); background-repeat: repeat-y;}
.newhdots {background-image: url(../images/icons/new-horizontal-dots.gif); background-repeat: repeat-x;}

#splashlogo{position:absolute; top: 45px; left: 25px; width: 155px; height: 36px; z-index: 101;}
#splashsignin{position:absolute; top: 58px; left: 210px; width: 92px; height: 32px; z-index: 101;}
#splashstar{position:absolute; top: 25px; left: 608px; width: 53px; height: 58px; z-index: 101;}
.splashlogo {background-image: url(../images/icons/bullet-logo-splash.gif); background-repeat: no-repeat;}
.splashsignin {background-image: url(../images/icons/sign-in-splash.gif); background-repeat: no-repeat;}
.splashstar {background-image: url(../images/icons/bullet-star-splash.gif); background-repeat: no-repeat;}

/*DHTML table stuff */
.enhanced-table{behavior: url(../scripts/sort.htc)  url(../scripts/dragdrop.htc);}
.enhanced{border:10px; background-image: url(../images/icons/new-horizontal-dots.gif); background-repeat: repeat-x;}

/* Chat Stuff for the rooms */
#chatbubble{position:absolute; top: 200px; left: 506px; width: 225px; height: 146px; z-index: 1000; background-image: url(../images/icons/chat-bubble.gif); background-repeat: no-repeat;}

#chatlayer{position:absolute; top: 8px; left: 3px; width: 180px; height: 110px; z-index: 1001; overflow: auto;}
#chatContainer {position:absolute; left: 15px; top: 31px;  width: 140px; height: 20px; z-index:1002;}

#chatScrollContainer {border : 1pt solid Gray; position : absolute; left: 5px; width: 100px; height: 50px; clip: rect(0px 100px 50px 0px); overflow: hidden;}

#chatScrollContent0 {border : 1pt solid Gray; position: relative; left: 0px; top: 0px; width: 400px; height: 10px; visibility: hidden;}

#chatArrowUp {border : 1pt solid Gray; position: absolute; left: 190px; top: 90px; width: 5px; height:10px;  z-index: 1000;}
#chatArrowDown {border : 1pt solid Gray; position: absolute; left: 190px; top: 110px; width: 5px; height:10px; z-index: 1000;}

.chatseperator{background-image: url(../images/icons/chat-seperator.gif); background-repeat: no-repeat;}
#speakcontainer{position:absolute; top: 235px; left: 5px;  width: 220px; height: 20px;  z-index: 1001; }


/* scrollbars stuff for ie5.5 and above */
body 
{scrollbar-3dlight-color:#e8e8e8; 
scrollbar-arrow-color:#cccccc;
scrollbar-base-color:#e8e8e8;
scrollbar-darkshadow-color:#cccccc;
scrollbar-face-color:#e7e7e7;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#999999}

#profile-heading{position:absolute; top: 15px; left: 7px; width: 96px; height: 13px; z-index: 101; background-image: url(../images/icons/user-profile-heading.gif); background-repeat: no-repeat;}
#profile-image{position:absolute; top: 35px; left: 500px; width: 159px; height: 159px; z-index: 101; background-image: url(../images/icons/default-profile-head.gif); background-repeat: no-repeat;}