﻿body
{
	margin: 0;
	background-color: #fff;
}

body, input, textarea
{
	font-family: Arial;
}

h1
{
	background-color: #3f4082;
	color: #fff;
	font-size: 1.2em;
	font-style: italic;
	padding: 0.3em;
}

h2
{
	color: #3f4082;
	font-size: 1em;
	margin-bottom: 1em;
	border-bottom: solid 1px #3f4082;
}

h3
{
	color: #fff;
	background-color: #3f4082;
	margin-bottom: 0.5em;
	font-style: italic;
	font-size: 0.9em;
	padding: 0.2em 0.5em;
}

table
{
	width: 100%;
}

input.watermarked
{
	color: #666;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

div.modalPopup
{	
    background: url(Images/PopupBg.png) no-repeat left top;	
    margin: 0px auto;	
    width: 330px;
    padding-top: 14px;	
    position: relative;
}

div.modalPopup .inner
{
    padding-right: 20px;	
    padding-left: 20px;	
    padding-bottom: 11px;	
    background: url(Images/PopupBg.png) no-repeat left bottom;	
    float: left;	
    margin: 0px 0px -20px 0px;	
    width: 290px;	
    padding-top: 0px;
} 

div.modalPopup .inner .label
{
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
}

div.modalPopup .base
{	
    BORDER-TOP: #ddd 1px solid;	
    BACKGROUND: url(Images/PopupBottom.png) no-repeat left bottom;	
    PADDING-BOTTOM: 4px;	
    MARGIN-LEFT: -11px;	
    MARGIN-RIGHT: -11px;	
    PADDING-TOP: 4px;	
    TEXT-ALIGN: center;
}

div.modalPopup h2
{	
    FONT-WEIGHT: bold;	
    FONT-SIZE: 1.25em;	
    COLOR: #f60;
    TEXT-ALIGN: center;
} 

.closeButton
{	
    DISPLAY: block;	
    BACKGROUND: url(Images/CloseCircle.png) no-repeat 0px 0px;	
    LEFT: -5px;	
    WIDTH: 26px;	
    TEXT-INDENT: -1000em;	
    POSITION: absolute;	
    TOP: -7px;	
    HEIGHT: 26px;	
}

div.frame
{
	margin: 10%;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.header
{
	position: relative;
	padding-left: 175px;
	height: 85px;
	line-height: 85px;
	background-image: url('Images/Logo.jpg');
	background-repeat: no-repeat;
	white-space: nowrap;
	min-width: 300px;
}

div.header span.logoText
{
	font-weight: bold;
	font-size: 120%;
}

div.nav
{
	position: relative;
	padding: 0.5em;
	background-color: #ddd;
	margin-bottom: 0.5em;
}

div.nav div.authInfo
{
	width: 20em;
	float: left;
}

div.nav div.links
{
	margin-top: 1em;
	text-align: right;
}

div.nav div.links>a
{
	margin-left: 1em;
}

div.body
{
	margin-top: 0;
	margin-bottom: 0;
}

div.footer
{
	clear: both;
	margin-top: 2em;
	margin-bottom: 1em;
	border-top: solid 2px #ccc;
	text-align: center;
	font-size: 80%;
	color: #666;
	line-height: 2em;
}

div.footer a
{
	text-decoration: none;
	border-bottom: dashed 1px #999;
	padding: 0.2em 0.5em;
	margin: 0.5em;
}

div.footer a:hover
{
	border-bottom: solid 2px #666;
}

div.intro
{
	color: #666;
	margin-left: 0.3em;
	line-height: 130%;
}

/* ------------------------------------ */
/* ----------- search form ------------ */

div.searchBox
{
	background: #91c8ff;
	padding: 1em;
	padding-left: 10%;
	padding-right: 10%;
	border: solid 1px #666;
}

div.searchBox div.instructions
{
	margin-bottom: 0.5em;
	font-style: italic;
}

div.searchBox div.validators
{
}

div.searchBox input[type=submit]
{
	margin-top: 0.5em;
	padding: 1em 2em;
	font-weight: bold;
}

div.searchBox .error
{
	font-weight: bold;
}

div.searchBox div.options
{
	margin-top: 0.5em;
	font-size: 90%;
	line-height: 80%;
	padding: 0 0.5em;
	overflow:hidden;
}

div.searchBox div.options input
{
	font-size: 80%;
}

/* -------- end of search form -------- */
/* ------------------------------------ */



/* ------------------------------------ */
/* ---------- search results ---------- */

div.searchResult
{
	margin-top: 0.5em;
	padding: 0.5em;
	background-color: #d8caa8;
}

div.searchResult div.queryText
{
	padding-bottom: 0.5em;
	border-bottom: solid 2px #382513;
}

div.searchResult span.header
{
	color: #5c832f;
	font-weight: bold;
}

div.searchResult div.matches
{
	margin-top: 0.5em;
}

div.searchResult div.matchType
{
	font-style: italic;
}

div.downloadPanel
{
	margin-top: 1em;
	padding: 0.5em;
	background-color: #ddd;
	height: 3.5em;
	display: none;
}

div.downloadPanel input[type="submit"]
{
	float: right;
	padding: 1em;
	font-weight: bold;
}

/* ------- end of search results ------ */
/* ------------------------------------ */


/* ------------------------------------ */
/* ----------- signup form ------------ */
div#signupForm
{
	margin-top: 2em;
}

div#signupForm div.section
{
	float: left;
	width: 40%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

div#signupForm div.section label
{
	display: inline-block;
	font-size: 0.9em;
	color: #666;
	padding-top: 0.5em;
}

div#signupForm span.successLabel
{
	font-size: 80%;
	font-weight: bold;
	color: Green;
}

div#signupForm span.errorLabel
{
	font-size: 80%;
	font-weight: bold;
	color: Red;
}

/* ------- end of signup form --------- */
/* ------------------------------------ */


/* Rating stars */
.rating
{
	float: left;
	margin-left: 0.3em;
}
.ratingStar
{
	background-repeat: no-repeat;
	vertical-align: bottom;
	cursor: pointer;
	height: 12px;
	margin-top: 3px;
	width: 13px;
}
.filledRatingStar
{
	background-image: url(Images/FilledStar.png);
}
.emptyRatingStar
{
	background-image: url(Images/EmptyStar.png);
}
.savedRatingStar
{
	background-image: url(Images/SavedStar.png);
}

div.creditsInfo
{
	float: right;
	background: #ededed;
	border: solid 1px #ccc;
	margin-top: 1em;
	font-size: 80%;
	padding: 0.2em;
}

/* inventory results */
.inventoryResult
{
	border: solid 1px #ccc;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #ededed;
}
.inventoryResult a.suggestLink
{
	float: right;
}

table.textSearchResult td, table.textSearchResult th
{
	padding: 0.5em;
	vertical-align: top;
}

table.textSearchResult tr
{
	background-color: #e1e8f5;
}

table.textSearchResult tr.altRow
{
	background-color: #b2b8c2;
}

table.textSearchResult td.result
{
	border-left: solid 3px #fff;
}

table.textSearchResult td div.exact
{
	padding: 0.3em;
	background-color: #96f7a1;
}

table.textSearchResult td div.fuzzy
{
	padding: 0.3em;
	background-color: #a0c48f;
}

/* --- TOUR --- */
.tourBox
{
	background-image: url(Images/TourImages/TourRepeaterBody.gif);
	width: 700px;
	background-repeat: repeat-y;
}

.tourImageBox
{
	background-image: url(Images/TourImages/TourRepeaterBox.gif);
	width: 600px;
	margin: 0 50px;
	height: 320px;
	background-repeat: repeat-x;
	margin-top: 25px;
	text-align: left;
}

.tourText
{
	font-family: verdana;
	font-size: 10px;
	color: #D2D2D2;
	font-weight: bold;
	text-align:center;
	vertical-align:top;
}

.tourFooter
{
	background-image: url(Images/TourImages/TourFooter.png);
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 50px;
	padding-bottom: 15px;
	background-position: 0 -30px;
}

a.whiteLinks{
	color: #FFFFFF;
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
}
a.whiteLinks:hover{
	color: #ECB206;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
}
/* --- end of TOUR --- */


/* --- list table ---- */
table.list
{
	border-collapse: collapse;
	font-family: arial;
	font-size: small;
	border: solid 1px #7f7f7f;
	margin-top: 1em;
}

/* the sort header link */
table.list th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
}

/* header cell styles */
table.list th
{
    background: url(Images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}

/* data data cell style */
table.list td
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;	
}

/* alternating row style */
table.list .alt-data-row { background-color:#edf5ff; }

/* mouseover row style */
table.list .row-over { background-color:#b2d2ff; }

/* select row style */
table.list .row-select
{ 
	background-color:#426fd9; 
	color:#fff;
}

/* --- end of list table ---- */


/* -- contribute choices (boxes) -- */
div.contribute
{
	background: #91c8ff;
	width: 28%;
	float: left;
	margin: 0 1.333%;
	padding: 0.5em;
	margin-bottom: 1em;
}

div.contribute h2
{
	margin-top: 0;
	border-bottom: 0;
}

div.contribute a
{
	display: block;
	margin-top: 1em;
	padding: 0 0.5em;
}
/* -- end of contribute choices -- */


/* -- translate -- */
div.translate
{
	margin-top: 1em;
	border-bottom: solid 1px #ddd;
	padding: 0.5em;
}

div.translate textarea
{
	width: 98%;
}
/* -- end of translate -- */
