/*
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: 13px; 
	font-family: inherit; 
	vertical-align: baseline; 
}

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

}
html {
	/*background: rgb(37,37,37);
	background: -moz-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(37,37,37,1) 24%, rgba(34,34,34,1) 42%, rgba(15,15,15,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(24%,rgba(37,37,37,1)), color-stop(42%,rgba(34,34,34,1)), color-stop(100%,rgba(15,15,15,1)));
	background: -webkit-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	background: -o-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	background: -ms-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	background: linear-gradient(to bottom, rgba(37,37,37,1) 0%,rgba(37,37,37,1) 24%,rgba(34,34,34,1) 42%,rgba(15,15,15,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#0f0f0f',GradientType=0 );
	height: 100%*/
}

ol, ul { list-style: none }

table { border-collapse: separate;  border-spacing: 0; padding-left: 15px; width: 100%;}



a { color: #000 }

h1#title {
	margin:20px 0;
//	font-weight: 100;
	font-size: 2.3em;
	line-height: 1.05em;
	text-align: center;
	font-family: 'avenir','helvetica neue', arial;
	vertical-align:top;
}
h1{
	margin:20px 0;
	font-weight: bold;
	font-size: 2.3em;
	line-height: 1.05em;
	text-align: center;
	font-family: 'avenir','helvetica neue', arial;
	vertical-align:top;
}
h3#xml_dec_nav {
	clear: both;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
}
h3  {
	clear: both;
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color:#410000;
}

h4#xml_desc_header {
	display: block;
	font-size: 0.9em;
	clear: both;
	padding-top: 20px;
	text-align: center
}

#xml_wrapper { width: 98%; margin: 0 auto }

	#xml_wrapper table { margin-top: 10px;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: -moz-linear-gradient(top, #FFFF99 0%, #FFFF99 7%, #FFFF50 31%, #FFCC66 83%, #FFCC90 100%);
	//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFCC), color-stop(7%,#FFFFCC), color-stop(31%,#FFFFF5), color-stop(83%,#FFFFF0), color-stop(100%,#FFCC90));
	//background: -webkit-linear-gradient(top, #FFFF99 0%,#FFFF99 7%,#FFFF50 31%,#FFCC66 83%,#FFCC90 100%);
	//background: -o-linear-gradient(top, #FFFF99 0%,#FFFF99 7%,#FFFF50 31%,#FFCC66 83%,#FFCC90 100%);
	//background: -ms-linear-gradient(top, #FFFF99 0%,#FFFF99 7%,#FFFF50 31%,#FFCC66 83%,#FFCC90 100%);
	background: linear-gradient(to bottom, #FFCC90 0%,#FFCC66 7%,#FFFF50 31%,#FFFF99 83%,#FFFF99 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF66', endColorstr='#FF9966',GradientType=0 );}


#xml_wrapper table th {
    text-align: left;
	vertical-align: bottom;
	color: #410000;	
	padding: 5px;
	font-weight: bold;
	cursor: pointer;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9em;
	text-shadow: 1px 1px 0 rgba(255,255,255, 0.1);
}
.nil{
background: #FFFFFF;
}
	#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;  
	}

 .th_hover { color: #ccc}
 
 
 #xml_wrapper table th.headerSortDown,#xml_wrapper table th.headerSortUp { color: #ccc; 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: 0.9em;
		-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:30%;
	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: #000  }
		ul#xml_nav li.xml_nav_hit a { color: #5F0000 }

	 /*For zebra stiping in table*/		
	 /* NOTE: This does not work as intended with filtering */	
	.odd {}
	.even {}

p {
	clear: both;
	font-size: 0.8em;
	text-align: center;
	margin-top: 30px;
	color: #ccc;
}

.stripe { background: #FFFFCC}
/*
select{
clear: both;
	font-size: 1em;
	text-align: center;
	margin-top: 10px;
	color: #000000;
}
*/
@media all and (max-width: 600px){
  body {
    font-size: 0.8em;
    line-height: 1.2em;
  }
}

/*search_box*/
.search_box{
    position: relative;
    top: 65px;
    left: 25px;
}
.select_bar{
    display:block;
	width:100%;
	height:70px;
}
.select_bar .main_selector{
	width:100%;
	height:70px;
	left: 10px;
}
.main_selector {
    position: relative;
    top: 10px;
    left: -8px;
    display: block;
	width:100%;
	height:50px;
}
.main_selector .select_box{
    display:block;
    width: 166px;
    height: 40px;
    float:left;
    margin: 0 5px 0 5px;
    overflow: hidden;
	background-image:url(../images/selectbox.png);
    background-repeat: no-repeat;
}
.main_selector .select{
    display:inline-block;
	cursor:pointer;
    /* background: transparent; */
    background: transparent;
    width: 183px;
    padding-left:10px;
    padding-left:5px\0;
    /* padding-top:4px; */
    font-size: 13px;
    font-size: 12px\0;
    line-height: 25px;
    border: 0;
    border-radius: 0;
    height: 30px;
	color: #D10014;
    -webkit-appearance: none;
    outline: 0;
	margin-top:3px;
	margin-top:0px\0;
}
.main_selector .headertitle{
    display:inline-block;
	cursor:pointer;
    /* background: transparent; */
    background: transparent;
    width: 183px;
    padding-left:10px;
    padding-left:5px\0;
    /* padding-top:4px; */
    font-size: 16px;
    line-height: 25px;
    border: 0;
    border-radius: 0;
    height: 30px;
	color: #D10014;
    -webkit-appearance: none;
    outline: 0;
	margin-top:3px;
	margin-top:0px\0;
	vertical-align: 5px;
}
@-moz-document url-prefix(){
    .main_selector .select{ padding:8px 0px 0px 10px !important;} 
} 

.main_selector .submit{
	cursor: pointer;
	margin-top:3px;
}

/*cs_box*/
.cs_box{
    /*position: relative;*/
	text-align:center;
    top: 5px;
    left: 25px;
    font-size: 10pt;
    margin-bottom: 5px;
}

.cs_box span{
    margin: 0 25px 0 0;
    padding-top: 10px;
    display: inline-block;
	width:250px;
	height:5px;
    font-size: 10pt;
}
.cs_box a{
    font-size: 10pt;
}
 .centeredImage{
    text-align:center;
    margin-top:50px;
    margin-bottom:0px;
    padding:0px;
    }