body
{
    margin:0px;
    font-family: Arial;
    font-size: 12px;
    color: white;
    background-color: black;
}

a
{
	color: #95a9c1;
	text-decoration: none;
	
}


a.img_link,
a.img_link:hover
{
	border: none;
}


a img
{
	border: none;
	vertical-align: middle;
}

a:hover
{
	border-bottom: 1px solid #95a9c1;
}

#chatholder
{
    width:568px;
    height:398px;
    background-color: black;
    overflow: hidden;
    border: 1px dotted #444444;
}

#rooms
{
	width:565px;
    height:49px;
    line-height: 20px;
    padding-left: 5px;
    float: left;
    border: none;
    background: url('graphics/input_background.png');
    border-bottom: 1px dotted #444444;
}


#msgs
{
    width:425px;
    height:290px;
    padding-left: 5px;
    float:left;
    font-size: 12px;
    line-height: 20px;
   
    overflow-y:scroll !important;
    overflow-x: hidden !important;
    background-color: #1d1d1d;
        background-image: url('graphics/msg_background.png');
        background-position: bottom;
        background-repeat: repeat-x;
    
}


#msgs span strong
{

	font-size: 90%;
	font-weight: normal;
	color: red;

}

#msgs div
{

}


#msgs span img
{
	vertical-align: middle;
	padding: 0 2px 1px 2px;
}
#users
{
    width:137px;
    float:right;
    height:288px;
    border: none;
        
        background-image: url('graphics/msg_background.png');
        background-color: #1d1d1d;
        background-position: bottom;
        background-repeat: repeat-x;
        overflow-y:auto !important;
}

#users span
{
	line-height: 20px;
}

#users span img
{
	vertical-align: middle;
}

#users a.room_link
{
	border: none !important;
}

#global_rooms
{
    margin: 5px 0 0 0;
}

#private_rooms
{
	margin: 0;
}

#user_input
{
	float: left;
    width:100%;
    height:59px;
    background: url('graphics/input_background.png');
    background-repeat: repeat-x;
    border-top: 1px dotted #444444;
}

div#notice
{
    margin:10px 0 0 5px;
    float:left;
    display: inline;
    width:400px;
    height: 20px;
}

#form_bar
{
    margin:0px 0 0 5px;
    float:left;
    display: inline;
    width:450px;
    height: 20px;    
}


#form_bar input#message
{
    height: 16px;
    line-height: 18px;
    background-color: black;
    color: white;
    border: 2px solid #767676;
    width: 270px;
    float: left;
    margin:0 5px 0 0 !important;
    padding: 0 !important;
    display: inline;

}


input#say_button
{
	margin-left: 5px;
}


#logout_bar
{
    float:left;
    margin:5px;
    display: inline;
}

a.color_button
{
	height: 18px;
	line-height: 20px;
	width: 8px;
	display: block;
	float: left;
	margin-right: 5px;
	display: inline;
}



a#color1 { background-color: #ff60d8; border: 1px solid #ff60d8;}
a#color2 { background-color: #72ff00; border: 1px solid #72ff00;}
a#color3 { background-color: #01c0ff; border: 1px solid #01c0ff;}
a#color4 { background-color: #fff600; border: 1px solid #fff600;}
a#color5 { background-color: #FFFFFF; border: 1px solid #FFFFFF;}
a#color6 { background-color: #ff9a00; border: 1px solid #ff9a00;}
a#color7 { background-color: #cd00ff; border: 1px solid #cd00ff;}
a#color8 { background-color: #818181; border: 1px solid #818181;}

a#color1:hover,
a#color2:hover,
a#color3:hover,
a#color4:hover,
a#color5:hover,
a#color6:hover,
a#color7:hover,
a#color8:hover
{
	border: 1px solid #000000;
}



#form_bar
{
	font-size: 12px;
}

form input#username,
form input#password
{
	height: 1.1em;
	font-size: 10px;
	width: 70px;
	margin-right: 10px;
}