/*
+---------------------------------------------------------------+
|	e107 website system
|	-------------------
|	Fun
|	-------------------
|	©2010 mcpeace
|	http://www.manatwork.info
|	mcpeace.manatwork@gmail.com
|
|	Released under the terms and conditions of Commercial License.
|
+---------------------------------------------------------------+
*/
#tabbed-area {
    margin: 0;
    position: relative;
}
#tabs {
    border-bottom: 5px solid #ccc;
    height: 30px; 
    margin: 0 auto;
    margin-bottom: 20px;
}

#tabs li {
	float: left;
    list-style: none;
}
#tabs a {
	float: left;
	background: url("../images/tabs.png") top center no-repeat;
    width: 126px;
    line-height: 13px;
    padding: 10px 0 7px 0;
    border: none;
    text-align: center;
    font-size: 10px;
    font-weight: bold; 
    text-shadow: 1px 1px 1px #fff;   
}
#tabs a:hover {
	background: url("../images/tabs.png") bottom center no-repeat;
}
#tabs a.active-tab {
	background: url("../images/tabs.png") bottom center no-repeat;
    color: #000;
}
#tabs a:hover.active-tab {
	background: url("../images/tabs.png") bottom center no-repeat;
    color: #000;
    cursor: default;
}
.panel {
	clear: both;
	display: none;
}
.panel.active-tab-body {
	display: block;
}