﻿/*****************************************************************************
Edit Dialog Tab Navigation
*****************************************************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.tabwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 90%;
	text-decoration: none;
	float:left;
}

.tabwrapper a.tabOFF {
	background: transparent url('../images/nav_main_left_ALL.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Tahoma; /* Change 12px as desired */
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	padding-left: 5px; /* Width of left menu image */
	text-decoration:  none;
	font-weight:bold;
}

.tabwrapper a.tabOFF span{
	background: transparent url('../images/nav_main_right_ALL.gif') no-repeat top right;
	display: block;
	padding: 5px 10px 7px 5px; /*Set 9px below to match value of 'padding-left' value above*/
	text-decoration: none;
	margin-right:2px;
}

.tabwrapper a:link.tabOFF, a:visited.tabOFF, a:active.tabOFF{
	color: #539927; /*button text color*/
	font: normal 12px Tahoma; /* Change 12px as desired */
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	text-decoration: none;
	font-weight:bold;
}

.tabwrapper a.tabOFF:hover{ /* Hover state CSS */
	background-position: -24px left;
}

.tabwrapper a.tabOFF:hover span{ /* Hover state CSS */
	background-position: -24px right;
	color: white;
	text-decoration: none;
	cursor:pointer;
}

.tabwrapper .tabON {
	background: transparent url('../images/nav_main_left_ALL.gif') no-repeat bottom left;
	display: block;
	float: left;
	height: 24px; /* Height of button background height */
	padding-left: 5px; /* Width of left menu image */
	background-position: -24px left;
	cursor:default;
}

.tabwrapper .tabON span{
	background: transparent url('../images/nav_main_right_ALL.gif') no-repeat bottom right;
	display: block;
	padding: 5px 10px 7px 5px; /*Set 9px below to match value of 'padding-left' value above*/
	font: normal 12px Tahoma; /* Change 12px as desired */
	font-weight:bold;
	line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (now set to 28px) */
	text-decoration: none;
	color:white;
	margin-right:2px;
	background-position: -24px right;
	cursor:default;
}
/********************************************************************
SECONDARY NAV
********************************************************************/
.SecNav_Bkgr {
	background-image:url('../images/nav_sec_bkgr_middle_OPEN.gif');
	background-repeat:repeat-x;
	background-position:bottom left;
	width:956px;
}
.SecNav_Bkgr_Left {
	background-image:url('../images/nav_sec_bkgr_left.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	width:14px;
}
.SecNav_Bkgr_Right {
	background-image:url('../images/nav_sec_bkgr_right.png');
	background-repeat:repeat-y;
	background-position:bottom right;
	width:13px;
}
/* Container modified for home page */
.SecNav_Bkgr_Righthome {
	background-image:url('../images/nav_sec_bkgr_right.png');
	background-repeat:repeat-y;
	background-position:bottom right;
	width:0px;
}

.SecNav_Bkgr_Lefthome {
	background-image:url('../images/nav_sec_bkgr_left.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	width:3px;
}
/*ends here */

.SecNav{ /* Container you can use to surround a CSS button to clear float */
	overflow: visible; /*See: http://www.quirksmode.org/css/clearing.html */
	text-decoration: none;
	float:left;
	z-index:1000;
}
.SecNav a.secOFF span {
	float:left;
	display: block;
	padding: 0px 8px 4px 8px; 
	font: normal 11px Tahoma;
	font-weight:bold;
	line-height: 24px; 
	text-decoration: none;
	text-align:center;
	color:#c5eab3;
	margin-right:2px;
}
.SecNav a:link.secOFF, a:visited.secOFF, a:active.secOFF {
	color: #c5eab3;
	font: normal 12px Tahoma;
	text-decoration: none;
	font-weight:bold;
}
.SecNav a.secOFF:hover span {
	color: white;
	text-decoration: none;
	background-image:url('../images/nav_sec_ACTIVE.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.SecNav .secON span {
	float: left;
	display: block;
	padding: 0px 8px 4px 8px;
	font: normal 11px Tahoma;
	font-weight:bold;
	line-height: 24px;
	text-decoration: none;
	text-align:center;
	color:white;
	margin-right:2px;
	background-image:url('../images/nav_sec_ACTIVE.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
	cursor:default;
}
.SecNav .divider {
	float:left;
	vertical-align:middle;
	border:0px;
}
.body_dropshadow {
	background:url('../images/body_navshad.gif') repeat-x top;
	width:960px;
	height:5px;
	margin-top:13px;
	margin-left:1px;
	margin-bottom:-14px;
}



