.tabBox {
	font-family:Arial, Helvetica, sans-serif;
}

.tabArea ul{
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabArea:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabArea li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 60px; /* be nice to Opera */
	position: relative;
    z-index: 8;
}

.tabArea a, .tabArea span {
    display: block;
    padding: 0 10px;
    background: url(../images/tabs.gif) no-repeat;
}

.tabArea span {
    position: relative;
    z-index: 9;
}

.tabArea a {
    position: relative;
    top: 2px;
    z-index: 10;
    padding-left: 0px;
    color: #ffffff; 
    font-size: 12px;
    font-weight: bold;
    line-height: 1.0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabArea .tabs-selected a {
    color: #ffffff;
}

.tabArea a {
    background-position: 100% 0;
}

.tabArea span {
    background-position: 0 0;
} 

.tabArea a span {
    width: 60px; /* IE 6 treats width as min-width */
    min-width: 60px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 4px;
    padding-right: 0;
}

*>.tabArea span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.tabArea .tabs-selected {
	background-position: 100% 100%;
	cursor:text;
}

.tabArea a.not-selected:hover, .tabArea a.not-selected:focus {
	background-position: 100% -23px;
    outline: 0; /* prevent dotted border in Firefox */
	color:#ffffff;
}

.tabArea .tabs-selected span {
	padding-top: 5px;
	padding-bottom:0px;
	background-position: 0 100%;
}

.tabArea a.not-selected:hover span, .tabArea a.not-selected:focus span {
	background-position: 0 -23px;
}
/*.tabArea .tabs-selected {
	background-position: 100% 100%;
}

.tabArea a:hover, .tabArea a:focus, .tabArea a:active {
    background-position: 100% -23px;
    outline: 0; /* prevent dotted border in Firefox 
	color:#ffffff;
}*/



/*.tabArea .tabs-selected span {
    padding-top: 4px;
	padding-bottom:1px;
	background-position: 0 100%;
}

.tabArea a:hover span, .tabArea a:focus span, .tabArea a:active span {
    background-position: 0 -23px;
}
 */
 

/*.tabArea a.tabs-selected:link, .tabArea a.tabs-selected:visited, .tabArea a.tabs-disabled:link, .tabArea a.tabs-disabled:visited { 
    cursor: text;
}*/

.tabArea a.tabs-selected:active, .tabArea a.tabs-disabled:link {
	cursor:text;
}

.tabArea a.tabs-disabled {
	opacity:0.4;
	font-weight:lighter;
}




.tabArea a.not-selected:link { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}


.tabArea{
position: absolute; 
z-index:11;
}
.tabMain {
	position: absolute; 
	z-index:10;
	margin-top:25px;
    border: 2px solid #ee2524;
    padding: 1em 8px;
	width:525px;
	height:300px;
    background: #fcf6f6;
}

.tabContent {
	border:none;
	padding:0px;
	margin:0px;
  	width:525px;
  	height:300px;
}

iframe {
	padding:0px;
	margin:0px;
	border:none;
	background:none;
}

#rightcontent {
	float:right;
	width:175px;
	height:320px;
	padding-top:50px;
}