/*

 * YaSB CSS Style definition 

 */



/* style definitions for the output div */

#chatoutput {

	height: 440px;/* Height of the Shoutbox's output*/

	width: 160px;/* Width of the Shoutbox's output*/

	padding: 0 0 9px 0; 

	border: 1px solid #cccccc;

	overflow: scroll;

	margin:2px;

}

#chatoutput a {

	font-style: normal;

	font-weight: normal;

	color: #135CAE;

}

#chatoutput a:hover{

	color: #0B3768;

	text-decoration: underline;	

}

#chatoutput li span a {

	display: inline !important;

}

#chatoutput ul#outputList {

	padding: 0;

	margin: 0;

}

#chatoutput ul#outputList li {

	padding: 0;

	margin: 0;
	
	width: 140px;

}

#chatoutput li {

	padding:  0.5em 4px 0 4px;

	margin: 0;

	list-style: none;

	width: 140px;

}

#chatoutput span.uname {

	color: #135CAE;

	font-weight:normal;

}

/** By default all p-Elements should be a bit smaller than the chatoutput */

#yasb p{

	width: 150px;	

}

/** Format of the latest entry fields */

div.latestMsg {

	padding-top:2px;

	padding-bottom: 2px;

	text-align: center;

	border-bottom: 2px dotted #cccccc;

}

span.latestMsg{

	display: block;

	width:100%;

	text-align: center;

	color: #135CAE;

	font-weight:bold;

}

em#responseTime {

	font-style: normal;

	display: block;

	width:100%;

	text-align: center;

}

/**Formating the chat form **/

#yasbChatForm {

	margin: 2px;

	padding: 2px;

	border: 1px solid #cccccc;

}

#yasbChatForm textarea {

	width: 208px;

}

#yasbChatForm .inputbox{

	width: 146px;

}

#yasbChatForm p label em{

	color: #135CAE;

	font-weight:600;

	font-style:normal;

}

#yaspChatForm label, #shoutboxAdmin {

	display: block;

	margin: 4px 0;

}

/** this is the format for the error box */

#chatError{

	vertical-align: middle;

	text-align: center;

	border: 1px solid red;

	margin: 2px;

	padding: 1px;

	color: infotext;

}

/** the notification image */

#yasbSound {

	width: 16px;

	height: 16px;

	float: left;

	padding-right: 10px;

	padding-top: 4px;

	padding-left:1px;

}

/**The BBCode Help field */

#bbHelpContent a{

	text-decoration: none;

	font-style: normal;

	font-weight:normal;

	color:black;

}