/**************************
* 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: 370px;
}
 
iframe.tabContent {
/*  background-color: #9070c0;*/
  background-color: #FFF;

  border: 1px dotted #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  width: 100%;
  height: 400px;
}
 
/* Additional styles*/
 
h4#title {
  background-color: #503080;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  color: #d0b0ff;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}

/* from vertical Tabs */
#navcontainer {
	background: #f0e7d7;
   width: 100px;
   margin: 0 auto;
   padding: 0.5em 0;
   font-family: verdana; 
	font-size: 13px;
   text-align: left;
}

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

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

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

#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;
}

/* from Agami*/

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

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

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

.tabbed_left_column {
	width: 100px; 
	float: left; 
   background: #f0e7d7;
}

br.all {
	clear: both
}