#chat {
position: relative;
margin-left: 100px;
width: 280px;

height: 435px;
	background: url('../../images/graf.gif');
z-index:95;
}

/* Messages area div */
#container {
position: relative;

margin-left: 5px;
right: 0px;
margin-top: 20px;
width: 270px;
height: 300px;

overflow: hidden;

}

/* Scroll bar */
#scrollArea {
position: relative;
right:3px;
float: right;
height: 315px;
width: 8px;
overflow: hidden;
	background: url('../../images/graf.gif');
z-index:96;
}

/* Scroller */
#scroller {
position: relative;
width: 8px;
background-color: #d0f3ff;
right:0px;
}

/* Content div */
#content {
position: relative;
float: left;
padding-top: 10px;
width: 500px;

font: 10px Arial, Helevetica,san-serif;
}

/* Every message */
#content .user {
width: 250px;
padding-bottom: 12px;
padding-left: 8px;
line-height:16px;
}

/* Name (without link) */
#content .name {
color: #ff8000;
font-size: 12px;

padding-right: 0px;
text-decoration: none;
}

/* Name (with link) */
#content .link, #content .link a, #content .link a:link, #content .link a:visited {
font-size: 12px;
padding-right: 0px;
color: #00BFFF;

text-decoration: underline;
}

/* Name (with link) on mouse over */
#content .link a:hover {
color: #00BFFF;

text-decoration: underline;
}

/* Date */
#content .date {
font-size: 10px;
letter-spacing: 1px;
color: #666;
margin-right: 6px;
text-decoration: none;
cursor:pointer;
}

/* Message text */
#content .text {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #fff;
margin-left:10px;
}

/* Links catched in a message */
#content .text a, #content .text a:link, #content .text a:visited {
color: #555;

text-decoration: none;
}

/* Links catched in a message on mouse over */
#content .text a:hover {
color: #555;

text-decoration: none;
}

/* Curly brackets around the links */
.blue {
color:blue;
}

/* Form div */
#form {
position: relative;

left: 0px;
width: 280px;
height: 41px;


}

/* Div containing the form fields */
#field_set {
position: relative;
margin-left: 23px;

width: 274px;
height: 38px;

}

/* Name field */
input#name {
position:relative;
width: 104px;
height:16px;


font-family: Arial, Helvetica, sans-serif;
color: #999;
background-color: #DCDCDC !important;
font-size: 12px;
letter-spacing: 1px;
border: none;
margin-top:0px;
}

/* Url field */
input#url {
position:relative;
width: 104px;
height:16px;


font-family: Arial, Helvetica, sans-serif;
color: #999;
background-color: #DCDCDC !important;
font-size: 12px;
letter-spacing: 1px;
border: none;
}

/* Message field */
textarea {
position:relative;
height: 38px;
width: 233px;

font-family: Arial, Helvetica, sans-serif;
color: #999;
background-color: #DCDCDC;
font-size: 12px;
letter-spacing: 1px;
border: none;
overflow:hidden;
margin-top: 0px;
}

/*------ Start of the the shoutbox menu --------------------------------------*/
#chat_menu {



margin-top: 45px;
height: 20px;
width: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ccc;

}
#menu li {

}

/* Copyright link */
#wtag {

height:20px;
width: 60px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;


text-align:center;
}

#wtag p {
margin-top:4px;
}

#wtag a, #wtag a:link, #wtag a:visited {
color: #666;

text-decoration:none;
}

/* Link to wTag web site on mouse over */
#wtag a:hover {
color: #00BFFF;
text-decoration:none;
}

/* Smileys panel */
#emo {


height:20px;
width: 74px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;


text-align:center;
cursor:pointer;
padding:0px;
}

#emo ul {
list-style-type:none;
margin-top:4px;
color: #666;
text-decoration:none;

margin-left:0px;
padding:0px;
}

#emo li:hover,  #emo li.over {
color: #00BFFF;

cursor:pointer;
padding-bottom:10px;
}

#emo li ul {
display: none;
cursor:default;
list-style-type:none;
}

#emo li:hover ul {

right:-1px;
display:block;

width:202px;
height:60px;

border: 1px solid #000;
cursor:default;
list-style-type:none;
padding-left:8px;
	background: url('../../images/graf.gif');
z-index:97;

}
 
#emo li:hover ul li, #emo li.over ul li{
display: inline;

cursor:default;
margin-right:9px;
}

/* Position smiley images */
.smileys {margin-top:8px;}

/* Refresh button */
#refresh {

left: 61px;
height:20px;
width: 74px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;


text-align:center;
cursor:pointer;
}

#refresh p {
margin-top:4px;
color: #666;
text-decoration:none;

}

#refresh p:hover {
color: #00BFFF;

cursor:pointer;
}

/* Submit button */
#submit {



height:20px;
width: 69px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

text-align:center;
cursor:pointer;
}

#submit p {
margin-top:4px;
color: #fff;
text-decoration:none;

}

/* Submit button on mouse over */
#submit p:hover {
color: #00BFFF;

cursor:pointer;
}


/*------ The CSS below this comment is for Opera only ------------------------*/

html:first-child #box {
width: 294px;
height: 240px;


}

html:first-child textarea {

width: 164px;
height: 36px;
}

html:first-child #emo li:hover>ul {
display:block;
width:210px;
padding-left:0px;
}

html:first-child #emo li:hover>ul li {
margin-right:10px;
}


html:first-child li>.smileys {
margin-top:10px;   
}