/*
Basic styles are defined with the addition of a basic global reset.
Written by Ben Lister (@bahnburner) January 2010 
Last revised Aug 8, 2012
Tutorial: http://blog.darkcrimson.com/2010/01/jquery-xml-parser/

*/


html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, pre, code, del, em, 
font, img, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, 
article, header, footer,nav { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	/*font-size: 100%;  */
	font-family: inherit; 
	vertical-align: baseline;
	color:#000000; 
}


strong { font-weight: bold}
body,html {
	line-height: 1em;  
	color: #ffffff;
/*	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */

 


}
html {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(24%,rgba(255,255,255,1)), color-stop(42%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 24%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	height: 100%
}
	
ol, ul { list-style: none }
	
table { border-collapse: separate;  border-spacing: 0 }



a { color: #000000 }

h1#title {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #0066CC;
 text-decoration: none;
 font-weight: bold;
 font-style:normal;
 line-height:30px;
}

h3#xml_dec_nav {
	clear: both;
	padding: 15px 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 font-style:normal; 
 text-decoration: none;
	float: left;
	
}

h4#xml_desc_header {
	display: block;
	font-size: 11px;
	clear: both;
	font-weight: bold;
	padding-top: 20px;
	text-align: center;

}

#xml_wrapper { max-width: 1140px; width: 100%; margin: 0 auto }

	#xml_wrapper table { margin-top: 20px;width: 100% }
	
	#xml_wrapper table td { padding: 5px;margin: 0 10px 0 0; line-height: 1.2em }

#xml_wrapper table th, ul#xml_nav li {

	background: #ccc;
/*
    background: rgb(187,4,4);
	background: -moz-linear-gradient(top, rgba(52,72,141,1) 0%, rgba(52,72,141,1) 7%, rgba(52,72,141,1) 31%, rgba(52,72,141,1) 83%, rgba(52,72,141,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,72,141,1)), color-stop(7%,rgba(52,72,141,1)), color-stop(31%,rgba(52,72,141,1)), color-stop(83%,rgba(52,72,141,1)), color-stop(100%,rgba(52,72,141,1)));
	background: -webkit-linear-gradient(top, rgba(52,72,141,1) 0%,rgba(52,72,141,1) 7%,rgba(52,72,141,1) 31%,rgba(52,72,141,1) 83%,rgba(52,72,141,1) 100%);
	background: -o-linear-gradient(top, rgba(52,72,141,1) 0%,rgba(52,72,141,1) 7%,rgba(52,72,141,1) 31%,rgba(52,72,141,1) 83%,rgba(52,72,141,1) 100%);
	background: -ms-linear-gradient(top, rgba(52,72,141,1) 0%,rgba(52,72,141,1) 7%,rgba(52,72,141,1) 31%,rgba(52,72,141,1) 83%,rgba(52,72,141,1) 100%);
	background: linear-gradient(to bottom, rgba(52,72,141,1) 0%,rgba(52,72,141,1) 7%,rgba(52,72,141,1) 31%,rgba(52,72,141,1) 83%,rgba(52,72,141,1) 100%);
*/	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04296E', endColorstr='#04296E',GradientType=0 );}

	
#xml_wrapper table th {
	text-align: left;
	color:#000 ;	
	padding: 5px;
	font-weight: bold;
	cursor: pointer;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
	/*text-shadow: 1px 1px 0 rgba(0,0,0, 0.1);*/
}

	#xml_wrapper table th:first-child { 
		-moz-border-radius:  4px 0 0 0; 
		-webkit-border-radius: 4px 0 0 0;  
		border-radius: 4px 0 0 0; 
	}
	
	#xml_wrapper table th:last-child {
	-moz-border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
	color: #000;
	}

 .th_hover { color: #04296E}
 
 
 #xml_wrapper table th.headerSortDown,#xml_wrapper table th.headerSortUp { color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.5);}
 
ul#xml_nav { float: left; margin:8px 0 0 22px }

	ul#xml_nav li {
		float:left;
		margin-right: 8px;
		padding:5px 8px;
		font-size: 12px;
		color:#ffffff;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
		
	}
		ul#xml_nav li a { text-decoration: none }
		
			
#preload_xml {
	height:100px;
	left:50%;
	position:absolute;
	top:30%;
	width:200px;
	z-index:2;
}
	#preload_xml img {
		display: block;
		margin: 0 0 15px 35px;
		
	}			
			
/* These have ties to XML.js */ 
	ul#xml_nav li.xml_nav_hit { background: #fff  }
		ul#xml_nav li.xml_nav_hit a { color: #999 }
	 
	 /*For zebra stiping in table*/		
	 /* NOTE: This does not work as intended with filtering */	
	.odd {}
	.even {}
	
p {
	clear: both;
	font-size: 11px;
	text-align: center;
	margin-top: 20px;
	color: #f7f3f7;
}

.stripe { background: #f2f2f2}


@media all and (max-width: 600px){
  body {
    font-size: 11px;
  }
}