.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #5d1e00; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}


.icerik {
	margin-left: 50px;
	width: 500px; 
	height: 250px;	
	background: #ffffff; 
	color:#000;
	display:none;
	font: bold 12px Verdana;
	font-weight:normal;
	filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}


.float_left {
float:left;
}

.float_right {
float:right;
}

/* Adjust this width to fit your needs */
.container {
	display:none;
	margin-left: 50px;
	width: 500px; 
	height: 270px;	
	background: #ffffff; 
	color:#000;
	filter:alpha(opacity=80); 
   -moz-opacity: 0.8; 
   opacity: 0.8; 
}

.container_head {
height:30px;
background-image:url(images/sidebar_center.jpg);
}

/* To Center align the title add= text-align:center; */
.container_head_text {
height:23px;
padding:7px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-align:center;
}

.container_content {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:7px;
color:#666666;
text-align:right;
}

.iframe { 
  height: 210px; 
  width: 100%; 
  overflow: auto; 
  border: 1px solid #ffffff; 
  background-color: #ffffff; 
  padding: 1px; 
  font-weight:normal; 
  text-align:left;
}  