/* 
    Document   : tabs.css
    Created on : Dec 11, 2008, 8:38:38 PM
    Author     : Justin Carlson
    Description:
        Styles Tabs
*/

#tab_wrap {
    float:left;
    margin-bottom:10px;
}

#tab_parent {
    clear:none;
    width:524px;
	border: 1px solid #666;
    -moz-border-radius:5px;
    -webkit-border-radius:	5px;
    border-radius:5px;
	background: #eee;
	padding-top:24px;
    padding-bottom: 2em;
    margin-left:6px;
}

#tab_child {
	min-height: 200px;
}

#tabs {
    padding-left:14px;
	position: relative;
    border:0px solid red;
	width: 522px;
	height: 3em;
	
}

#tabs ul#parent {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 520px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabs ul#parent li  {
	display: inline;
	list-style: none;
}

#tabs ul#parent a,#tabs ul#parent span,#tabs ul#parent a.current {
	width: 5.50em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #333;
}

#tabs ul#parent span,#tabs ul#parent a.current,#tabs ul#parent a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #eeeeee;
	padding-bottom: 6px;
	margin-top: 0;
    border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
}

#tabs ul#parent a {
    color:#555555;
	background: #C2D6EA;
	border: 1px solid #AAA;
    border-bottom: none;
    border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;

}

#tabs ul#parent li.tabchain a {
    background:#FBFFBF;
}

#tabs ul#parent a:hover {
	margin-top: 0;
	border-color: #666;
	background: #ffffff;
	padding-bottom: 5px;
}

#tabs ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width:500px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabs ul#secondary li a,#tabs ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#tabs ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#tabs ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#tabs ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#tabs ul#secondary li:last-child a { border: none; }