/*
cesar fabello
created: 2/22/2012
Styles for NEW SUBNAV
*/



#tabmenu{
list-style-type:none;
/*margin-top:10px;*/
margin:10px 0 0 0 !important;


/*border:1px solid #00f; /*hack for now*/
}


/*clearfix for tabmenu - can be removed if clearfix is added to tabmenu markup*/
		#tabmenu:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}
		#tabmenu {
			display: inline-block;
		}
		html[xmlns] #tabmenu {
			display: block;
		}
		* html #tabmenu {
			height: 1%;
		}
/*END clearfix for tabmenu*/




#tabmenu li{
float:left;




}

#tabmenu li {
	cursor: pointer;
	text-decoration: none;
	color: #433A38;
	background: #AFA09E;
	
/*GRADIENT */
/* http://projects.korrelboom.com/gradient-generator/#top|white|%23ddd */	
	/* SVG fallback(Opera 11.10-, IE9) */
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjIxLDIyMSwyMjEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);	
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(221,221,221,1));	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(221,221,221,1));
	/* Chrome 7+ & Safari 5.03+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,1)), color-stop(1, rgba(221,221,221,1)));

	/* IE5.5 - IE7 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFDDDDDD);	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFDDDDDD)";
	
	margin-right: 1px;
	
/*RADIUS*/
  -moz-border-radius: 5px 5px 0px 0px; /* Firefox */
  -webkit-border-radius: 5px 5px 0px 0px; /* Safari, Chrome */
  /*border-top-left-radius: 5px;
  border-top-right-radius: 5px;*/
  border-radius: 5px 5px 0px 0px;
  behavior:url('/includes/PIE.htc');
  
 /* border-radius: 5px 5px 0px 0px; /* CSS3 */

/*IE*/
border-radius: 5px 5px 0px 0px !important; 
/*border-top-left-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;*/






	border-color: #E0E0E0 !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-bottom-width: 0px;
	font: bold 12px "Helvetica Neue",Arial,sans-serif;
	text-transform: uppercase;
	
} /*END LI STYLE*/




/*KILL OUTLINE*/
	/*remove button focus outline*/
	button::-moz-focus-inner,
	input[type="reset"]::-moz-focus-inner,
	input[type="button"]::-moz-focus-inner,
	input[type="submit"]::-moz-focus-inner,
	input[type="file"] > input[type="button"]::-moz-focus-inner {
	    border: none;
	}
	
	
	a:active, a:selected, a:visited{
	outline:none;
	}
	a:selected, a:hover, a:active, a:focus {
	outline:0 !important;
	outline: none !important;
	}
	input::-moz-focus-inner { border: 0; }
/*END KILL OUTLINE*/





#tabmenu li a{
	text-decoration:none;
	display:block;
	padding: 6px 10px 5px 10px !important;
	outline: none !important;

	

}

#tabmenu li.active{
	color: #ffffff;
	background: #d91f32 !important; /*AFA09E*/
	
	/*gradient patch for active state */
		/* IE5.5 - IE7 */
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffd91f32,EndColorStr=#ffd91f32);	
		/* IE8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFd91f32,EndColorStr=#FFd91f32)";
	
	margin-right: 1px;
	border-width: 1px;
	border-style: solid;
	border-color: #d91f32 !important; /*D91F32*/	
	
	border-bottom-width: 0px;

	font: bold 12px "Helvetica Neue",Arial,sans-serif;
	text-transform: uppercase;
	color: white;
}
#tabmenu li.active a{
color: #ffffff;
text-decoration:none;
outline: none !important;
}





















.submenu ul{
	list-style-type:none;
	clear:both;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding:0 0 8px 0;
	
}
.submenu ul li{
	float:left;
	margin-right:10px;
}

.submenu ul li.active{
	font-weight:bold;
}




#result{
clear:both;
text-align:left;
}

#result #tabcontent{
clear:both;
float:left;
width:660px;
border:1px solid #ddd;
padding:10px;
margin-bottom:20px;
}


a {
 outline: none !important;
}





/*TAB CONTENT */
	#tabcontent ul{
	margin-bottom:10px;
	}
	#tabcontent ul li{
	margin-left:20px;
	}

	.submenu ul li{
		margin-left:0px !important;
	}


	.PageText table td{
		padding:10px;
	}