.BasicNameSearch
{
	width:100%;
}
.BasicNameSearch div.validation
{
	clear:both;
}
.BasicNameSearch select
{
	width:350px;
}
.BasicNameSearch input
{
	width:180px;
}
.BasicKeywordSearch
{
	width:100%;
}
.BasicKeywordSearch input
{
	width:300px;
}
.detailedSearch
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}
.detailedSearch fieldset
{
	margin-top:-5px;
	margin-bottom:5px;
	padding:6px;
}
.detailedSearch h6
{
	clear:both;
}
.detailedSearch p.description
{
	margin-left:0px;
	margin-bottom:0px;
}
.detailedSearch em
{
	font-style:normal;
	font-weight:bold;
}
.detailedSearch div.firstName
{
	float:left;
	padding-left:10px;
}
.detailedSearch div.lastName
{
	float:left;
}
.detailedSearch div.middleName
{
	float:left;
	padding-left:10px;
}
.detailedSearch div.singleField
{
	float:left;
	margin-right:10px;
}
.detailedSearch div.keywords input
{
	width:400px;
}
.detailedSearch div.validation
{
	margin-top:10px;
	clear:both;
}
.detailedSearch div.validation span
{
	margin-bottom:10px;
	border:solid 1px red;
	background:#FFFFFF;
	display:block;
}
.detailedSearch div.dropdown
{
	clear:both;
	float:left;
}
.detailedSearch div.soundex
{
	float:left;
	padding-left:10px;
}
.detailedSearch input[type=text]
{
	width:180px;
}
.detailedSearch div.yearRange
{
	clear:both;
}
.detailedSearch div.year
{
	float:left;
	padding-right:20px;
}
.detailedSearch div.dateRange
{
	clear:both;
}
.detailedSearch div.date
{
	float:left;
	padding-right:20px;
}
.detailedSearch div.date input
{
	width:70px;
}
.detailedSearch div.year input
{
	width:40px;
}
.detailedSearch div.middleName input
{
	width:80px;
}
table.outerNestedGrid thead tr
{
	background-color:#000084;
	color:#FFF;
}
table.outerNestedGrid
{
	width:100%;
}
table.outerNestedGrid td.expand
{
	width:10px;
}
table.outerNestedGrid tr.odd
{
	background-color:#E5EEF8;
}
table.innerNestedGrid
{
	font-size:11px;
	width:800px;
}
table.innerNestedGrid tr
{
	cursor:pointer;
}
table.innerNestedGrid tr.hover
{
	background-color:#FFFFCC;
}
table.innerNestedGrid thead tr
{
	background-color:#E5EEF8;
	color:Black;
	font-weight:bold;
}
table.outerNestedGrid a.showAll
{
	font-size:11px;
	color:#003366;
	text-decoration:underline;
	cursor:pointer;
}
table.photoGrid
{
	width:100%;
	border-spacing:10px;
    border:none;
    margin-top:10px;
}
figure
{
    margin:0px;
}
table.photoGrid img
{
	width:150px;
}
table.photoGrid td
{
	text-align:center;
	padding:8px;
    border:none;
}
table.photoGrid td:hover
{
    padding:7px;
    background-color:#E5EEF8;
    border:solid 1px gray;
    
}
table.photoGrid td a
{
	color:#003366;
}
table.photoGrid td a:hover
{
	color:blue;
}
table.photoGrid img.loading
{
	margin-left:auto;
	margin-right:auto;
	display:block;
	border:none;
	background-image:url(/Content/images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:120px;
}
div.audioSearchResults
{
    padding-top:10px;
}
.audioControl div.hSlider
{
    float:left;
    width:200px;
    margin: 8px 10px 10px 10px;
}
.audioControl img.playPause
{
    float:left;
}
.audioControl .audioPosition
{
    padding-top:6px;
    float:left;
}

table.audioGrid
{
    width:100%;
    border:1px solid Gray;
    table-layout:fixed;
}
table.audioGrid thead th
{
    text-align:left;
    padding:5px;
    background-color:#d1dde9;
}
table.audioGrid thead th.summary
{
    width:408px;
}
div.audioSearchResults div#audioPlayer
{
    height:0px;
    width:0px;
    visibility:hidden;
}
table.audioGrid tbody table.metaData
{
    width:400px;
}
table.audioGrid tbody table.metaData tr th
{
    width:100px;
}
table.audioGrid tbody th
{
    text-align:left;
}
table.audioGrid tr.odd
{
    background-color:#dae3ed;
}
table.audioGrid tr.odd td.snippets
{
    background-color:#E5EEF8;
}
table.audioGrid tr:hover
{
    background-color:#f4f4c3;
}
table.audioGrid tr:hover td.snippets
{
    background-color:#FFFFCC;
}
div.modalSearchBox fieldset
{
    background:#ebf0f4;
}
div.modalSearchBox, div.modalSurvey
{
    padding:10px;
	position:absolute;
	top:50%;
	left:50%;
	width:700px;
	margin-left:-350px;
	margin-top:-200px;
	z-index:5000;
	/*background-color:#CCCCAA;*/
	/*background-color:#ECD6B6;*/
	background-color:#d1d5d8;
	display:none;
	border:1px solid #95957C;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari and Chrome */
	border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
div.modalSearchBox.loading
{
	height:177px;
	background:#FFF url('/Content/Images/ajax-loader_big.gif') no-repeat 50% 50%;
}
div.modalSearchBox div#searchContainer
{
	padding:4px;
	padding-bottom:20px;
}
div.modalSearchBox div#searchContainer button
{
	float:right;
}
div.modalBackground
{
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(/Content/Images/stripe.png);
	background-repeat:repeat;
	z-index:4999;
	display:none;
	opacity:0.6;
	filter:alpha(opacity=60);
}
div.modalSearchBox img.closeModal, div.modalSurvey img.closeModal
{
    position:absolute;
    top:-12px;
    right:-12px;
    height:25px;
    width:25px;
    /*padding:-10px;
	cursor:pointer;
	margin-top:-34px;
	margin-right:-34px;
	float:right;*/
}

#cboxLoadedContent figure.inline,
#cboxLoadedContent div.inline
{
	text-align:center;
	margin:0px;
}
/*
	ColorBox Core Style
	The following rules are the styles that are consistant between themes.
	Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	Example user style
	The following rules are ordered and tabbed in a way that represents the
	order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/Content/Images/Colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/Content/Images/Colorbox/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(/Content/Images/Colorbox/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/Content/Images/Colorbox/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(/Content/Images/Colorbox/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/Content/Images/Colorbox/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/Content/Images/Colorbox/controls.png) right top repeat-y;}
	#cboxTopCenter{height:21px; background:url(/Content/Images/Colorbox/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(/Content/Images/Colorbox/border.png) 0 -29px repeat-x;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
		#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
		#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
		#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
		#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/Content/Images/Colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxPrevious.hover{background-position:-75px -25px;}
		#cboxNext{position:absolute; bottom:0; left:27px; background:url(/Content/Images/Colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(/Content/Images/Colorbox/loading_background.png) center center no-repeat;}
		#cboxLoadingGraphic{background:url(/Content/Images/Colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/Content/Images/Colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}

/*
	The following fixes png-transparency for IE6.  
	It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
	
	Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
	Colorbox preloads navigation hover classes to account for this.
	
	!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
	while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/Content/Images/Colorbox/borderMiddleRight.png, sizingMethod='scale');}