body
{
    font-family: Arial;
    font-size: 11px;
}

img
{  border-style: none;
}

.welcome
{
    padding: 5px;
}
.welcome h1
{
    font-size: 12px;
    margin-bottom: 8px;
}
.welcome p
{
    margin-bottom: 8px;
    line-height: 15px;
}
.fv
{
    background: black;
    width: 4096px;
    height: 2048px;
}
/* can't seem to set font-size here? */
.input
{
    font-size: 500%;
    color: Black;
    font-family: verdana;
}
/* room announcement */
.msgannounce
{
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    color: black;
    /*font-weight: bold;*/
    background-color: #ffffaa;
    font-size: 120%;
}


/* one message from the room admin */
.msgadmin
{
    margin: 3px 1px 0px 1px;
    color: Gray;
    font-style: italic;
    font-size: 120%;
}
.ml /* messagelink */
{
    text-decoration: none;
    color: Black;
}
/* one message - this is for the username */
.msg
{    
    font-size: 13px;    
    margin: 3px 1px 0px 1px;
    background-color: white;
}
/* new */
.eventusername 
{
    margin: 3px 1px 0px 1px;
    background-color: white;
}

/* message colors */
.c1
{
    color: Magenta;
}
.c2
{
    color: Blue;
}
.c3
{
    color: Green;
}
.c4
{
    color: Maroon;
}
.c5
{
    color: Navy;
}
.c6
{
    color: Orange;
}
.c7
{
    color: Purple;
}
.c8
{
    color: Red;
}
.c9
{
    color: Teal;
}
/* These are use chosen font colors */
.black { color: Black }
.blue { color: Blue }
.fuchsia { color: Fuchsia }
.gray { color: Gray } 
.green { color: Green }
.lime { color: Lime }
.maroon { color: Maroon }
.navy { color: Navy }
.olive { color: Olive }
.purple { color: Purple }
.red { color: Red }
.silver { color: Silver }
.teal { color: Teal }
.orange { color: #ffaa54 }
.darkyellow { color: #dddd22 }
.lightblue { color: #0099ee }
.cyan { color: #55eeff }
.lightgreen { color: #22cc00 }
.lightred { color: #ff2288 }

/* outer msg panel */
.messagepanel
{
    background-color: white;
    
}
.room-window
{
}
.room-panel
{
    background-color: White;
}
.room-wrap
{
    width: 205px;
    height: 25px;
    margin: 0px 5px 0px 5px;
    background-color: White;
    float: left;    
}
.auc /*activeusercount*/
{
    color: #777777;
}
.roomname
{
    float: left;
    width: 165px; /*160*/
    margin: 0px 0px 2px 0px;
    font-size: 14px;
    /*font-weight: bold;*/
}

.roomicons
{
    float: left;
    width: 40px; /*160*/
}

.usercount-wrap
{
    width: 215px;
    height: 15px;
    margin:  0px 5px 7px 5px;
    padding: 0px 0px 0px 5px;
    /*background-color: red;*/
    font-style: italic;
    float: left;    
}

.roomrow
{
    /*    height:120px;*/
    background-color: White;
}



.sortrow
{
    float: left;
    width: 100%; /*195px*/
    border-top: solid 5px #eeeeff;
    background-color: #eeeeff;
    margin: 0 0 8px 0;
    height: 22px;
}

/* user row data */

.ur /*userrow*/
{
    float: left;
    width: 248px; 
    margin: 0 0 4px 0;
    padding-bottom: 6px; 
}

.all /*actionlinkslabel*/
{
    float: left;
    font-size: 13px;
    width: 200px;
    margin: 1px 0 2px 3px;
    padding-top: 1px;
}

.tir /*timeinroom*/
{
    float: left;
    margin: 0;
    color: Gray;
    width: 25px;
}

.il /*iconlabel*/
{
    float: left;
    margin: 0;
    width: 60px;
}

.is /*iconspacer*/
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
}

.ul /*userlabel*/
{
    float: left;
    font-size: 13px;
    width: 100px;
    margin: 1px 0 2px 3px;
}

.ui /*userimage*/
{
    float: left;
    width: 33px;
    height: 25px;
    margin: 3px 0 0 3px;
}

.el /*extralabel*/
{
    float: left;
    margin: 0;
    width: 22px;
}

.ulab /*userlabelactionblocked*/
{
    text-decoration: line-through;
    /*color: #999999;*/
    color: red;
    background-color: #ffffdd;
    font-size: 11px;    
    
    border-width:1px;
    border-style:solid;
    border-color:#eeeeee;    
    
    padding-left: 5px;
    padding-right: 5px;
    /*padding-top: 1px;*/
    padding-bottom: 1px;
    
    /*height: 200px;
    margin-top: 28px;*/
    margin-bottom: 2px;
    
}


.ula /*userlabelaction*/
{
    text-decoration: none;
    /*color: #999999;*/
    color: #888888;
    background-color: #ffffdd;
    font-size: 11px;    
    
    border-width:1px;
    border-style:solid;
    border-color:#eeeeee;    
    
    padding-left: 5px;
    padding-right: 5px;
    /*padding-top: 1px;*/
    padding-bottom: 1px;
    
    /*height: 200px;
    margin-top: 28px;*/
    margin-bottom: 2px;
    
}

.ulb /*userlabelblocked*/
{
    text-decoration: line-through;
    color: Silver;
}


/* sort stuff */

.s_ul /*userlabelsort*/
{
    float: left;
    width: 100px;
    margin: 1px 0 2px 3px;
}

.s_ui /*sortrowuserimage*/
{
    float: left;
    width: 33px;
    color: Gray;
    margin: 1px 0 2px 3px;
}


/********************************************/


.userlabelprivateroom
{
    float: left;
    /*margin: 0;*/
    font-size: 13px;
    width: 180px;
    margin: 1px 0 2px 3px;
    /*
    border-width:1px;
    border-style:solid;
    border-color:red;    
    */
}



.userlabelhidden
{
    color: #dddddd;
}






/*
.iconspacerhot
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px;
    background-color: #FFAAAA; 
}

.iconspacerhottest
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px;    
    background-color: #FF7777;
}
*/

.is0
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px; 
}


.is10
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px; 
    background-color: #FBEFEF;
}

.is20
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px;    
    background-color: #F8E0E0;
}

.is30
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px;    
    background-color: #F6CECE;
}

.is40
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px;    
    background-color: #F5A9A9;
}

.is50
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px;    
    background-color: #F78181;
}

.is60
{
    float:left;
    width:16px;
    margin: 0 2px 0 0;
    padding: 1px 1px 1px 1px;    
    background-color: #FA5858;
}



.roomimage
{
    float: left;
    width: 50px;
}
.roomtext
{
    float: left;
    width: 70px;
    margin: 2px 0px 0px 5px;
    font-size: 11px;
}
.roomusercount
{
    float: left;
    font-style: italic;
    margin: 2px 0px 0px 5px;
    font-size: 11px;
}
.roomlaststatus
{
    vertical-align: top;
    float: left;
    width: 110px;
    color: Gray;
    margin-bottom: 20px;
    background-color: White;
}
.roomselected
{
    background-color: White;
}

.media-window
{
}
.media-panel
{
    padding: 5px;
    background-color: White;
}
.media-wrap
{
    background-color: White;
}
.media-row
{
    /*    height:120px;*/
    background-color: White;
    margin: 0 0 5px 0;
}

.media-date
{
    /*    height:120px;*/
    background-color: White;
    margin: 0px;
    width: 180px;
    color: Gray;
}
.media-dropdown-background
{
    color: red;
    font-size: 11px;
}
.newroom-image-select
{
    background-color: #eee;
    margin:10px;
}

.filter-btn .x-btn-text {
   background-image: url('/images/icons/sound.png');
}

.x-item-disabled.filter-btn .x-btn-text {
   background-image: url('../images/filter-cold.gif');
}

.x-btn-pressed.filter-btn .x-btn-text {
   background-image: url('/images/icons/sound_mute.png');
}