/* main file: sz_tabbed_all_2.css*/
/*
version:		3
date:				02.09.09
Based on 

* BrainJar Tabbed iFrames

  Note: The border-radius property is a proposed feature for CSS3 which creates
        rounded corners. Mozilla/Netscape browsers currently support this
        feature via the proprietary -moz-border-radius property. Both are
        defined here. Browsers that support neither should simply ignore them.
-----------------------------------------------------------------------------*/

div.tabBox {}
 
div.tabArea {
	font-weight: bold;
   padding: 0px 0px 3px 0px;
   margin: 0 auto;
   font-family: verdana; 
   font-size: 13px;
   text-align: left;
}
 
a.tab {
 /* padding: 2px 1em 2px 1em;*/
  	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	position: relative;
   text-decoration: none;
   top: 3px;
}
 
a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
}
 
div.tabMain {
	background-color: #f0e7d7;
	border: 2px solid #f0e7d7;
	border-color: #f0e7d7;
/*	padding: .5em;  */
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;		
	position: relative;
	
/*	width: 165px;*/
}
 
div.tabIframeWrapper {
  width: 580px;
}
 
iframe.tabContent {
/*  background-color: #9070c0;*/
  background-color: #FFF;

  border: 1px dotted #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  width: 100%;
  height: 465px;
  

scrollbar-face-color:#C0C0C0;
scrollbar-highlight-color:#FF8000;
scrollbar-3dlight-color:#FF8000;
scrollbar-darkshadow-color:#FF8000;
scrollbar-shadow-color:#FF8000;
scrollbar-arrow-color:#004040;
scrollbar-track-color:#C0C0C0;  
  
  
}

/* from Agami*/

#tabbed_container_home {
	width: 700px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 25px; 
	padding-top: 0px;
}

.tabbed_content {
	width: 700px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px;
	overflow: hidden; 
	margin: 0px auto; 
}

.tabbed_right_column {
	width: 590px; 
	float: right; 
}

.tabbed_left_column {
	width: 110px; 
	float: left; 
   background: #f0e7d7;
   height: 477px;

}

ul#navlist {
   text-align: left;
   list-style: none;
   padding: 0;
   margin: 0 auto;
   width: 100px;
}

ul#navlist li {
   display: block;
   margin: 0;
   padding: 0;
}

ul#navlist li a {
   display: block;
   padding: 2em  0.5em 2em;
   border-width: 2px;
   border-color: #ffe #aaab9c #ccc #fff;
   border-style: solid;
   color: #777;
   text-decoration: none;
   background: #f7f2ea;
   width: 83px;

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
   background: #f0e7d7;
   color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
   color: #800000;
   background: transparent;
   border-color: #aaab9c #fff #fff #ccc;
}