/* ######### CSS for Shade Tabs. Remove if not using ######### */

#countrydivcontainer{
	border-top:1px solid #d7d7d7;
	width:97%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 10px;
}

.shadetabs{
	height:19px;
	_height:19px;
	margin: 0;
	font: bold 12px Arial;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}


.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding:4px 0px 4px 10px;
	_padding: 4px 0px 0px 10px;
	margin: 0;
	border:none;
	color: #004d93;
	background:url(/images/selected_shade_left.gif) left top no-repeat;
}
.shadetabs li a span{
	z-index: 1;
	padding:4px 8px 4px 0px;
	margin:0;
	right:-1px;
	_margin: -5px 0 0 0;
	height:25px;
	background:url(/images/selected_shade_right.gif) right top no-repeat;
}


.shadetabs li a:visited{
	color: #004d93;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #004d93;
	background:url(/images/shade_left.gif) top left no-repeat;
}
.shadetabs li a:hover span{
	background:url(/images/shade_right.gif) top right no-repeat;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top:1px;
	_top:1px;
	_padding: 4px 8px 0px 0;
	background:url(/images/shade_left.gif) top left no-repeat;
	border-bottom-color: #fff 1px solid;
	height:25px;
}
.shadetabs li a.selected span{ /*selected main tab style */
	background:url(/images/shade_right.gif) top right no-repeat;
	_padding: 4px 0 4px 10px;
	top:1px;
	_top:1px;
	height:25px;
	
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}