/* This file controls the look of the Live shoutbox... */

#wordspew
{
	height: 161px;
	width: 221px;

}

#chatoutput {
height: 107px;
width: 231px;
/* width: 172px; */

/* Horizontal Scrollbar Killer */
padding: 0px 0px 0px 0px; 

/* Borders */
/*border-bottom: 1px solid #636363;*/
border-width: 0px 1px 1px 0px;
-moz-border-radius : 0px 0px 0px 0px;

font: 11px Trebuchet MS;
color: #636363;
background: #DEDEDE;
background: #EFEFEF;
overflow: hidden;
padding-top: 0px;
margin-top:1px;
outline:0px;

}

#chatoutput span { line-height:10px;font-size: 9pt; color: #636363; }
#chatForm label, #shoutboxAdmin { display: block; margin: 0px 0; }
#chatoutput a { font-style: normal; font-weight: bold; color: #636363 }

/* User names with links */

#chatoutput li span a { font-weight: normal; display: inline !important; border-bottom: 1px dotted #636363 }

#chatForm input[type="hidden"] { border: 0; padding: 0; }
#chatForm input, #chatForm textarea, #chatForm #shoutboxOp 
{   height: 30px;
	font: 10px Trebuchet MS;
	/*margin:0px 10px 10px 0px;*/
	border: 0px; 
	padding: 0px;  
}
#chatForm textarea { }
#chatForm input#chatbarText{
	width:155px;
	color: #FFF;
	background-color: #024220;
	margin:2px 10px 2px 2px;
	padding:0px;
	padding-left:5px;
	border:0px;
	height: 13px;
	font-size: 10px;
	position:relative;
	left:10px;
	top:-6px;
	#top:-6px;
	font-family:Arial;
	
}


//Boton de posteo
#chatForm input#submitchat,  #chatForm input#image { 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 

}
.submitchat{
	width:28px;
	height:21px;
}

.submitchatButton{
	width:28px;
	height:21px;
	cursor:pointer;
}


#chatoutput ul#outputList { padding: 0px; position: static; margin: 0px 0px 0px 5px; }
#chatoutput ul#outputList li { padding: 0px; margin: 5px 5px 10px 5px; color: #636363; background: none; font-size: 1em; list-style: none; }

/* No bullets from Kubrick et al. */
#chatoutput ul#outputList li:before { content: ''; }

ul#outputList li:first-line { line-height: 6px; }

.separadorPuntos
{
	height:1px;
	width:217px;
	margin:0px;
	margin-top:5px;
	padding:0px;
	background-image: url('http://develop.unitedsites.com.ar/users/pablo/wordpress/wordpress0/wp-content/themes/default/images/linea_shotbox.gif');
	background-repeat: repeat-x;
}

#lastMessage {
padding-bottom: 2px; text-align: center; border-bottom: 2px dotted #666666; 
display:none;

}
em#responseTime { font-style: normal; display: block; }
#chatoutput .wp-smiley { vertical-align: middle; }

#JalSound { margin: 0 -16px 0 0; cursor: pointer; float: left; width: 16px; height: 16px; }
#usersOnline { color: #636363; font-size: 9px; text-align: center; 
display:none;
}
.chatInput
{
	margin:1px 0px 0px 0px;
	background-color: #029448;
	width: 220px;
	border: 0px;
	color: #FFFFFF;
	height:25px;
	border-top: 1px #037B3E solid;

}

.chatInputHead
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 2px 5px;
	background-color: #029448;
	width: 217px;
	height: 26px;
	border: 0px;
	color: #FFFFFF;
	border-bottom: 1px #037B3E solid;
}
#SmileyList a img { margin-top: 4px; }
#Show_Spam { text-align: center; color: red; }
#shoutboxAdmin{
	display:none;
}


/*FlexScroll*/

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
#chatoutput .scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;

}

#chatoutput .vscrollerbase {
width:6px;


border-left: 2px white solid ;
}

#chatoutput .vscrollerbar {
background-image: url(SCROLLBAR_3.gif) ; 
width: 6px;
/* following is the bit that allows us fixed height scrollbars */
height: 21px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
background-image: url(SCROLLBAR_3.gif);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html #chatoutput .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='SCROLLBAR_2.gif');
/*background-image: none;*/
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
#chatoutput .hscrollerbase {height: 0px;}
#chatoutput .hscrollerbar {height: 0px; background-color: #84ADD6;}


#chatoutput .vscrollerbar, #chatoutput .hscrollerbar {

/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
#chatoutput .scrollerjogbox {
width: 22px;
height: 22px;
top: 0px; left: 0px;
bottom: 0px; right: 0px;
background-color: #FFFFFF;
}
/* Scroll Bar Master Styling Ends Here */

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

#divconborde{
	height:1px;
	width:221px;
	background-color:#000000;
	margin:0px;
	padding:0px;
	font-size:1px;
}