/* 
  -----------------------------------
  TabPanel Magic Style Sheet
  by Project Seven Development
  www.projectseven.com

  Style Theme: 03 - Oceanic
  -----------------------------------
*/

.p7TPpanel {
	/*Background color removed and gradient added*/
	/*background-color: #e0e7ea;*/
	background-image: url(img/blue-gradient.jpg);
	background-repeat: repeat-x;
	/*Outer border color changed to a light blue*/
	border: 1px double #b3d1ed;
}
.p7TPwrapper {
	padding: 6px 7px 6px 6px;
}
.p7TPheader {
	background-image: url(img/tabs03header.jpg);
	background-repeat: repeat-x;
	padding: 6px 6px;
	border-bottom: 1px solid #0166c2;
	background-color: #DEE9FF;
}
.p7TPheader h2, .p7TPheader h3 {
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
}
.p7TP_tabs {
	padding: 0;
	font-size: 1em;
}
#p7TP1 .p7TP_tabs a, #p7TP2 .p7TP_tabs a,
#p7TP3 .p7TP_tabs a, #p7TP4 .p7TP_tabs a, 
#p7TP5 .p7TP_tabs a {
	/*Adjusted padding on tabs to elongate each one. 2nd & 4th numbers*/
	padding: 12px 23px 12px 23px;
	display: block;
	float: left;
	/*Text color for unselected tabs*/
	color: #0166c2;
	/*Added font style and sizes*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	background-image: url(img/tabs03_up.jpg);
	background-repeat: repeat-x;
	/*Border below controls Tab borders - changed to medium blue*/
	border: 1px solid #96b2cc;
	border-bottom: 0;
}
#p7TP1 .p7TP_tabs a:focus, #p7TP2 .p7TP_tabs a:focus,
#p7TP3 .p7TP_tabs a:focus, #p7TP4 .p7TP_tabs a:focus,
#p7TP5 .p7TP_tabs a:focus {
	/*I removed the properties below*/
	/*outline: 1px dotted;*/
	outline: none;
	/*outline-color: #CCCCCC;*/
	outline-color: none;
}
#p7TP1 .p7TP_tabs a:hover, #p7TP2 .p7TP_tabs a:hover, 
#p7TP3 .p7TP_tabs a:hover, #p7TP4 .p7TP_tabs a:hover, 
#p7TP5 .p7TP_tabs a:hover, #p7TP1 .p7TP_tabs a:active, 
#p7TP2 .p7TP_tabs a:active, #p7TP3 .p7TP_tabs a:active,
#p7TP4 .p7TP_tabs a:active, 
#p7TP5 .p7TP_tabs a:active {
	/*The color below changes the hover color of Tab text*/
	color: #FFFFFF;
	background-image: url(img/tabs03_over.jpg);
}
.p7TP_tabs div {
	display: block;
	float: left;
	margin: 0 -1px 0 0;
	font-size: 1.3em;
}
.p7TPclear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.p7TPcontent {
	/*Interior content for each tab - where tables will reside*/
	padding: 10px 10px 10px 15px;
	background-color: #FFFFFF;
	font-size: 0.95em;
	line-height: 1.5em;
	position: relative;
	z-index: 1;
	top: -1px;
	left: 0;
	/*Text color below handles interior text color*/
	color: #333333;
	/*Removed border below and replaced with medium blue color*/
	/*border: 1px solid #666666;*/
	border: 1px solid #96b2cc;
}
.p7TPcontenth2, .p7TPcontent h3, 
.p7TPcontent h4 {
	/*Interior content -- header's color and style*/
	font-size: 1.1em;
	color: #444444;
	margin: 0px;
	line-height: normal;
}
/*IMPORTANT!!!  This controls the margin in the arrow-bullet area! */
.p7TPcontent p {
	margin: 4px 0 4px 0;
}
#p7TP1 .p7TP_tabs div.down, #p7TP2 .p7TP_tabs div.down, 
#p7TP3 .p7TP_tabs div.down, #p7TP4 .p7TP_tabs div.down, 
#p7TP5 .p7TP_tabs div.down {
	padding: 0;
	position: relative;
	z-index: 2;
	font-size: 1.3em;
}
#p7TP1 .p7TP_tabs div.down a, #p7TP2 .p7TP_tabs div.down a, 
#p7TP3 .p7TP_tabs div.down a, #p7TP4 .p7TP_tabs div.down a, 
#p7TP5 .p7TP_tabs div.down a {
	/*background-image: url(img/tabs03_down.jpg);*/
	/*Background image for current tab changed to "none"*/
	background-image: none;
	/*Added a white background to current tab*/
	background-color: #fff;
	background-repeat: repeat-x;
	/*Color for the text of the current (active) tab*/
	color: #0166c2 !important;
	cursor: default;
}
/*HIDE the TABS*/
.p7TP_tabs {
	display: none;
}
