@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------*/


/*--------------------LEGEND -----------------------+
|                                                   |
| .content   -- the content div, also the className |
|               for tabSystem divs                  |
| .tabs      -- the div that holds all tabs         |
| .tab       -- an inactive tab                     |
| .tabActive -- an active tab                       |
| .tabHover  -- an inactive tab onMouseOver         |
|___________________________________________________*/

.content {
	position: relative;
	border-left: 1px solid #bcc2c7;
	border-top: 1px solid #bcc2c7;
	border-right: 1px solid #bcc2c7;
	border-bottom: 1px solid #bcc2c7;
	padding:5px;
	width: 647px;
	height: 410px;
	left: 0px;
	top:2px;
	z-index: 5;
	overflow:auto;
}
 
div.tabs {
	position: relative;
	top: 0px;
	left: 0px;
	cursor: default !important;
	font-size:1.2em;
	z-index: 10;
	//background-color:#FFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.tab {
	border-left: 1px solid #bcc2c7;
	border-top: 1px solid #bcc2c7;
	border-right: 1px solid #bcc2c7;
	height: 27px;
	padding: 2px 9px 1px 9px;
	background-color: #bcd;
	background-image:url(../Andy/TabBackGround.jpg);
	color: #2f6494;
	z-index: 1;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.tabHover {
	background-color: #3FF;
	//color:#fff;
	border-bottom-width: 0;
}
.tabActive { 
	padding: 3px 9px 3px 9px;
	height: 26px;
	background-color: #FFF;
	background-image:none;
	z-index: 20;
}