#shoutbox {
  width: 100%;
 height:100%;
}

body, div, input, select {
    color: #191919;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 8pt;
}

body {
    text-align: center;
}



#info li.icon {
    float: right;
}

#info li {
    display: inline;
}
abbr {
    border: 0 none;
}

#info .icon a:link, #info .icon a:visited, #info .icon a:active {
    color: #0AAA00;
}

a:link, a:visited, a:active {
    color: #FF3C67;
    text-decoration: none;
}
#info li.text {
    display: block;
    height: 1.2em;
    overflow: hidden;
}



#info {
    left: 0;
    padding: 3px 5px;
    position: relative;
    right: 0;
    text-align: left;
    top: 0;
}



form, fieldset, p, ul, ol {
    border: 0 none;
    margin: 0;
    padding: 0;
}


#info li.icon {
    float: right;
}

#info li {
    display: inline;
}

.extra #preview, .extra #smileys, .extra #navigation, .default #messages, .default #paging {
    display: block;
}

#messages li {
    background-color: #C8DFFF;
    list-style-type: none;
    margin: 0 0 2px;
    padding: 5px;
    text-align: left;
	  font-size: 16px;
  line-height: 24px;
}

#messages cite:after {
    content: ":";
}

#messages cite {
    font-style: normal;
    font-weight: bold;
    text-align: left;
	color:#096;
	font-size:15px;
}

#messages q:before, #messages q:after {
    content: "";
}
#messages q {
  
    text-align: left;
	font: 16px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	  word-wrap: break-word;
	   padding: 5px;
	     margin: 10px;
  line-height: 25px;
  color: #1c1e21;
    margin-top: 12px;
  margin-bottom: 0px;
  border-radius: 10px;
  background: rgb(240, 242, 247) none repeat scroll 0% 0%;
   word-wrap: break-word;
	
}

#messages dl {
    color: #999999;
    font-size: 7pt;
    margin: 2px 0 0;
    text-align: right;
	
	
}

dt, legend, #footer {
    display: none;
}
#messages dd {
    display: inline;
    margin: 0;
    padding: 0;
}
#messages dd.status {
    cursor: help;
}

#messages dd {
    display: inline;
    margin: 0;
    padding: 0;
}

.input {
    text-align: right;
}

dt, legend, #footer {
    display: none;
}

#form ol {
    margin: 0;
    padding: 0 5px;
}
.input input, .input select {
    border: 1px solid #CCCCCC;
    float: right;
    margin: 1px 0 0 2px;
    width: 60%;
}

label {
    clear: both;
    float: left;
    margin: 1px 0 0 1px;
    padding: 2px 0;
    text-align: left;
    width: auto;
}

#contents {
    border: 1px solid #CCCCCC;
}

#contents {
    bottom: 9.6em;
    left: 3px;
    margin: 0;
    overflow: auto;
    padding: 0;
    position:absolule;
    right: 3px;
    top: 1.8em;
	width:100%;
	height:500px;
}

input, select {
    background-color: #EAEAEA;
    border: 0 none;
    color: #000000;
}

#messages .online dd.status, #messages .ip dd.status {
    color: #0AAA00;
    font-weight: bold;
}

.load #refresh {
    padding-left: 13px;
}


a:link, a:visited, a:active {
    color: #FF3C67;
    text-decoration: none;
}
.load .control {
    background-image: url(./images/normal.gif);
    background-position: left center;
    background-repeat: no-repeat;
}


#control h2 {
    background-color: #C8DFFF;
   /* background-color: #333333;*/
    color: #999999;
    font-size: 7pt;
    font-weight: normal;
    line-height: 7pt;
    margin: 0 3px 2px;
    padding: 2px;
}
#control h2 a {
    text-decoration: underline;
}


#messages li {
    background-color: #C8DFFF;
     /* background-color: #F1F1F1;*/
    list-style-type: none;
    margin: 0 0 2px;
    padding: 5px;
    text-align: left;
	font: 14px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}


#smileys {
    margin: 5px 0 0;
    padding: 0 3px;
}

#smileys li {
    display: inline;
    padding: 3px;
}
#smileys img {
    cursor: pointer;
}

#smileys code {
    display: none;
}
#options {
    padding: 0;
    width: 1.6em;
}

.control {
    margin: 3px;
    padding: 0 0 0 2px;
    text-align: right;
}

form, fieldset, p, ul, ol {
    border: 0 none;
    margin: 0;
    padding: 0;
	list-style-type: none;
}


label {
    clear: both;
    float: left;
    margin: 1px 0 0 1px;
    padding: 2px 0;
    text-align: left;
    width: auto;
}


#online ul li {
    list-style-position: inside;
    list-style-type: square;
}


#control {
    top: 0;
    height: 9.2em;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;

}

.logo-larry {
    background-position: 0 0;
    height: 26px;
    width: 40px;
}

.nickShow{
margin-left:20px;
display:block;
position:relative;


}

i.logo-larry {
float:left;
position:relative;
    background-image: url("./images/twit.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top;
	}

	#messages li.showup{
	background-color:#FFFFB9;
	
	}
	
 .sound{
display:block;
width:25px;
position:relative;
float:left;
height:20px;
background-image: url("./images/sound_all_1.gif");
background-repeat:no-repeat;
background-position:0px 0px;
/*background-position:0px -24px;*/

}
a.soundOff{
background-image: url("./images/sound_all_1.gif");
background-position:0px -24px;
}