/* 
Styling & Design elements organized by top-level markup tags
then IDs followed by classes.  Organized by hierarchy in
.html markup (top -> down)

August 2012
*/

/* scoUT font include */
@font-face {
    font-family: 'YanoneKaffeesatzBold';
    src: url('/fonts/yanonekaffeesatz-bold-webfont.eot');
    src: url('/fonts/yanonekaffeesatz-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/yanonekaffeesatz-bold-webfont.woff') format('woff'),
         url('/fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype'),
         url('/fonts/yanonekaffeesatz-bold-webfont.svg#YanoneKaffeesatzBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ----- Tag-Level Elements ----- */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}


/* ----- ID rules ----- */
#search-main {
	height: 300px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
  border-left: 15px solid #cccccc;
  border-right: 15px solid #cccccc;
}
#bgfade { /*Handles the gradient overlay for the background header image */
	background: url('/images/scout/bg_overlay2.png') repeat-y 1705px 0;
	height: 100%;
}
#search-wrap { /* Controls translucent frame behind scoUT box */
	float: left; 
	width: 590px;
	height: 290px;
	background: rgba(0,0,0,.65);
}
#leftside { /* Controls width of scoUT search box */
	width: 550px;
}
	
	
	/* ----- Search Tabs (at top of box) ----- */
#searchtabs {
	position: relative;
	top: 2.5em;
	left: 2em;
	z-index: 100;
}
#searchtabs ul {
	margin: 0;
	padding: 0;
}
#searchtabs li {
	background: #397977;
	list-style-type: none;
	display: inline;
	border-radius: 4px 4px 0 0 ;
	padding: 3px .6em 0 .6em;
	width: 150px;
	margin: 0;
	font-family: 'YanoneKaffeesatzBold';
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index: 100;
}
#searchtabs li:hover {
	background: #52adaa;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
#searchtabs li.active, #searchtabs li.active:hover {
	background: #9bc8c6;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
}
#searchtabs li.active  a { 
	color: #222;
}
#searchtabs a:hover {
	text-decoration: none;
	text-shadow: 1px 1px 2px #777777;
    filter: dropshadow(color=#777777, offx=1, offy=1);
}
#searchtabs a:visited, #searchtabs a {
	color:#fff;
}

	/* ----- Inside search box ----- */
#searchcontent {
	border-radius: 4px;
	position: relative;
	top: 2.5em;
	left: 1.25em;
	width: 100%;
	-moz-box-shadow: 3px 3px 5px 2px #222;
	-webkit-box-shadow: 2px 2px 3px 0px #444;
	box-shadow: 2px 2px 3px 0px #444;
}
#searchtop {
	border-radius: 4px 4px 0 0;
	padding: 10px;
	/* background-color: #9bc8cb; */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzliYzhjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2QxZTFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QxZTFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZGIwYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);.
	background: #9bc8cb;
	background: -moz-linear-gradient(top,  #9bc8cb 1%, #d1e1e0 30%, #d1e1e0 50%, #8db0ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#9bc8cb), color-stop(30%,#d1e1e0), color-stop(50%,#d1e1e0), color-stop(100%,#8db0ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9bc8cb 1%,#d1e1e0 30%,#d1e1e0 50%,#8db0ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9bc8cb 1%,#d1e1e0 30%,#d1e1e0 50%,#8db0ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9bc8cb 1%,#d1e1e0 30%,#d1e1e0 50%,#8db0ae 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9bc8cb 1%,#d1e1e0 30%,#d1e1e0 50%,#8db0ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc8cb', endColorstr='#8db0ae',GradientType=0 ); /* IE6-8 */
}
#searchtop img {
	margin-right: .5em;
}	
#searchtop p {
	font-family: Verdana, Geneva;
	font-size: .7em;
	color: #222;
	display: inline;
}
#searchtop a:link, #searchtop a:visited {
	text-decoration: underline;
	color: #000;
}
#searchtop a:hover {
	color: #000;
	text-decoration:none;
}
#query {
	border-radius: 5px;
	border: 1px solid #BBB;
	height: 1.75em;
	box-shadow: inset 0 0 2px 1px #DDD;
	padding: 0 0 1px 5px;
	width: 55%;
}
#searchbottom {
	border-radius: 0 0 4px 4px;
	padding: 10px; 
	border-top: 1px solid #eeeeee;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzUyNjA1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzYzNzY3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjYwNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: #52605f; /* Old browsers */
	background: -moz-linear-gradient(top,  #52605f 1%, #637674 15%, #52605f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#52605f), color-stop(15%,#637674), color-stop(100%,#52605f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #52605f 1%,#637674 15%,#52605f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #52605f 1%,#637674 15%,#52605f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #52605f 1%,#637674 15%,#52605f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #52605f 1%,#637674 15%,#52605f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52605f', endColorstr='#52605f',GradientType=0 ); /* IE6-9 */
}
#searchbottom-links {
	list-style-type: none;
	display: inline;
	font-family: Verdana, Geneva;
	font-size: .7em;
}
#searchbottom-links li {
	float: left;
	padding: 3px 1.75em 0 1.75em;
}
#searchbottom-links a:link, #searchbottom-links a:visited {
	color: white;
	text-decoration: underline;
	text-shadow: 1px 1px 2px rgba(0,0,0,.3)
}
#searchbottom-links a:hover {
	/* color: rgba(0,0,0, .75); */
	text-decoration: none;
}


/* ----- Class rules ----- */
.findbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #c7e0d4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c7e0d4;
	box-shadow:inset 0px 1px 0px 0px #c7e0d4;
	background-color:#397977;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #4b5e55;
	
	display:inline-block;
	color:#fff;
	font-family:Verdana, Geneva;
	font-size:.8em;
	padding:5px 18px;
	text-decoration:none;
	text-shadow:1px 1px 0px #424744;
	float:right;
	margin-top: -2px;
	margin-left: -2px;
}
.findbutton:hover {
	background: #52adaa;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.findbutton:active {
	position:relative;
	top:1px;
}
.checkbox {
	margin: .3em;
}
.moredatabases {
	font-family: Verdana, Geneva;
	font-size: 12px;
	margin: 5px;
	color: white;
}
.moredatabases a:link, .moredatabases a:visited {
	color: white;
	padding: 3px;
	text-decoration: underline;
	text-shadow: 1px 1px 2px rgba(0,0,0,.3)
}
.moredatabases a:hover {
	background: rgba(0,0,0,.5);
	text-decoration: none;
}