ul.tabs {

	margin: 0;

	padding: 0;

	float: left;

	list-style: none;

	border-bottom: 1px solid #e0e0e0;

	border-left: 1px solid #e0e0e0;

	width: 98%;

}

ul.tabs li {

	float: left;

	margin: 0;

	padding: 0;


	border: 1px solid #e0e0e0;

	border-left: none;

	margin-bottom: -1px;

	background: #e0e0e0;

	overflow: hidden;

	position: relative;

}

ul.tabs li a {

	text-decoration: none;

	color: #000;

	display: block;

	font-size: 1.2em;

	padding: 0 10px;

	border: 1px solid #e0e0e0;

	outline: none;

}

ul.tabs li a:hover {

	background: #ccc;

}	

html ul.tabs li.active, html ul.tabs li.active a:hover  {

	background: #fff;

	border-bottom: 1px solid #e0e0e0;

}

.tab_container {

	border: 1px solid #e0e0e0;

	border-top: none;

	clear: both;

	float: left; 

	width: 98%;

	background: #fff;
	padding-top: 7px;
padding-bottom: 7px;
}

.commentbox{

background-color: #ececec;

width: 400px;

padding: 10px;

text-align: left;

}







.commentfooter{

background: url(/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/

padding-left: 58px;

padding-top: 1px;

margin-bottom: 0em;

font-size: 11px;

color: #4A4A4A;

text-align: left;

}