/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

/* Real Page CSS */
body {
	background-color: #FFF;	
	color: #000;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 1em;
	font-weight:  normal;
	font-style: normal;
	font-variant: normal;
}
a {
	color: #3F71F8;
	text-decoration: none;
}
a:hover {
	color: #C33B3B;
	text-decoration: underline;
}
a:focus {
	outline: 1px dotted #CCC;
}

div#masthead {
	background-color: #CBD9FF;
	border-bottom: 2px solid #ABC2FF;
	overflow: auto;
	padding: 1em 5%;
}
div#masthead h1 {
	color: #00217A;
	float: left;
	font-size: 1.3em;
}
div#masthead h1 a {
	color: #00217A;
	text-decoration: none;
}
div#masthead h1 a:hover {
	color: #00217A;
	text-decoration: underline;
}
ul#navigation {
	float: right;
}
ul#navigation li {
	display: inline;
	padding: .2em .4em;
	margin: 0 .3em;
}

/* =Content Styles */
div#content {
	margin: 2em auto;
	width: 70%;
}
div#content h2 {
	clear: both;
	font: normal normal bold 1.4em "Times New Roman", Times, Georgia, serif;
	border-bottom: 2px solid #EEE;
	margin-bottom: .5em;
}
p {
	margin-bottom: 1em;
}
div.two_column {
	overflow: auto;
}
div.left_column {
	float: left;
	width: 48%;
}
div.right_column {
	float: right;
	width: 48%;
}

/* Search Form */
form#search {
	background-color: #E3EBFF;
	padding: 1em;
	margin: 0 auto 2em auto;
	width: 60%;
}
form#search label {
	color: #6680C5;
	cursor: pointer;
	font-size: .9em;
	font-style: italic;
	display: block;
	margin: .8em 0 .1em 0;
}
form#search label span {
	color: #A2B4E4;
	margin-left: .5em;
}
form#search input {
	font: normal normal normal 1em Tahoma, Helvetica, Arial, Verdana, sans-serif;
	padding: .2em 0;
}
form#search input[type="text"] {
	color: #AAA;
}
form#search input[type="text"]:focus {
	color: #000;
}
input#search-case-type, input#search-case-year, input#search-case-number {
	width: 30%;
}
input#search-case-type, input#search-case-year {
	margin-right: 1%;
}
input#search-party-name {
	width: 93%;
}
input#search-date-start, input#search-date-end {
	width: 46%;
}
input#search-date-start {
	margin-right: 1%;
}
div#search-submit {
	margin-top: .5em;
}

/* Results */
p#more_results_question {
	color: #999;
	font-size: .8em;
	margin-bottom: .2em;
	text-align: right;
}

/* Details */
div#details_names {
	overflow: auto;
	width: 70%;
	margin-bottom: 3em;
}
img.thumbnail {
	border: 5px solid #EEE;
	margin: 5px 5px 2em 5px;
}
img.thumbnail:hover {
	border: 5px solid #E7F1FF
}
div#details_images span.thumbnail_info {
	color: #999;
	float: left;
	font-size: .9em;
	line-height: .5em;
	text-align: center;
	padding-top: .5em;
}
div#details_images span.thumbnail_info:hover {
	color: #000;
}
div#details_images span.thumbnail_info span {
	display: block;
}

/* Image */
a#previous_link, a#next_link {
	background-color: #F1FCF1;
	border: 2px solid #CDEACD;
	font-size: 1.4em;
	margin-bottom: 1em;
	padding: .5em;
	text-align: center;
}
a#previous_link:hover, a#next_link:hover {
	background-color: #F1F8FC;
	border: 2px solid #CDDBEA;
}
a#previous_link span, a#next_link span {
	text-decoration: underline;
}
a#previous_link {
	margin-top: 1em;
	float: left;
}
a#next_link {
	margin-top: 1em;
	float: right;
}
div#display_image {
	clear: both;
	margin: auto;
	text-align: center;
	width: 99%;
}
div#display_image img {
	width: 100%;
}
div#image_info_bar {
	padding: 0 1em;
	/*overflow: auto;*/
}
p#image_info {
	color: #888;
	font-size: 1.4em;
	text-align: center;
	margin: auto;
	width: 50%;
}

p#image_controls {
	background-color: #F2F6FB;
	color: #888;
	font-size: 1.4em;
	text-align: center;
	margin: auto;
	width: 50%;
	padding: .5em;
}
p#image_controls img {
	margin: 0 .3em;
}
p#image_navigation {
	text-align: center;
	margin: auto;
	width: 50%;
	padding: .5em;
	font-size: .7em;
}

/* Tables */
table.data {
	border-collapse: collapse;
	font-size: .9em;
	margin-bottom: 1em;
	width: 100%;
}
table.data td, table.data th {
	border: 1px solid #DFC7AB;
	padding: .1em .5em;
}
table.data th {
	background-color: #E0D0BE;
	color: #000;
	padding-right: 20px;
}
table.data tfoot td {
	background-color: #EBDDCE;
	color: #000;
	font-weight: bold;
}
table.data th.sortable {
	background-image: url('/images/sort-none.gif');
	background-repeat: no-repeat; 
    background-position: center right;
	cursor: pointer;
}
table.data th.headerSortUp {
	background-image: url('/images/sort-ascending.gif');
	background-color: #B49A7C;
}
table.data th.headerSortDown {
	background-image: url('/images/sort-descending.gif');
	background-color: #B49A7C;
}
table.data tr:hover > td {
	background-color: #EBDDCE;
}
table.data td {
	background-color: #F7F1EA;
	font-family: "Courier New", Courier, monospace;
}
table.data th.results-case {
	width: 15%;
}
table.data th.results-date {
	width: 15%;
}
table.data th.results-parties {
	width: 60%;
}
table.data th.results-images {
	width: 10%;
}

/* Forms */
div#success_message {
	background-color: #F1FFF0;
	border: 1px solid #B8F3B8;
	color: #1F7A12;
	margin: 0 auto 1.5em auto;
	padding: .5em 2%;
	width: 96%;
}
div#error_message {
	background-color: #FFF0F0;
	border: 1px solid #FFCCCD;
	color: #D61C1F;
	margin: 0 auto 1.5em auto;
	padding: .5em 2%;
	width: 96%;
}
form#login label, form#password_change label {
	display: block;
	font-family: "Comic Sans MS", "Comic Sans MS", cursive;
	margin-bottom: .2em;
}
form#login, form#password_change {
	padding: 1em 2em;
	background-color: #E3EBFF;
	border: 2px solid #C7D7FF;
	margin: 2em auto;
	width: 50%;
}
form#login input#login_username, form#login input#login_password, form#password_change input#password_change_old, form#password_change input#password_change_new {
	width: 90%;
	font-size: 1.2em;
	font-family: "Comic Sans MS", "Comic Sans MS", cursive;
}
form#login input#login_submit, form#password_change input#password_change_submit {
	font-size: 1.1em;
}

form#request_login label {
	display: block;
	font-family: "Comic Sans MS", "Comic Sans MS", cursive;
	margin-bottom: .2em;
}
form#request_login {
	padding: 1em 2em;
	background-color: #E3EBFF;
	border: 2px solid #C7D7FF;
	margin: 2em auto;
	width: 70%;
}
form#request_login input#request_email {
	width: 60%;
	font-size: 1.2em;
	font-family: "Comic Sans MS", "Comic Sans MS", cursive;
}
form#request_login textarea {
	font-family: "Comic Sans MS", "Comic Sans MS", cursive;
	height: 7em;
	width: 99%;
}
form#request_login input#request_submit {
	font-size: 1.1em;
}


/******* New Description stuff - David West *******/

div#image_type {
	font-size:0.7em;
	margin:0px auto;
	margin-bottom:25px;
	padding:0.5em;
	text-align:left;
	width:450px;
}
a#save_link {
	float:right;
	margin-top:0px;
	margin-bottom:25px;
	padding:10px;
	border: 2px solid #CDEACD;
	background-color:#F1FCF1;
	font-size:1.4em;
	text-align:center;
}
a#save_link.disabled{
	background: none;
	border:none;
	color: #EDEDED;
	cursor: default;
}
.imgtype_dropdown dd, .imgtype_dropdown dt, .imgtype_dropdown ul {
	margin:0px; 
	padding:0px;
}
.imgtype_dropdown dd { position:relative;}
.imgtype_dropdown dt a.down{background: #F2F6FB url(/images/arrow_down.png) no-repeat scroll 98% center;}
.imgtype_dropdown dt a.right{background: #F2F6FB url(/images/arrow_right.png) no-repeat scroll 98% center !important; }
.imgtype_dropdown dt a.desc_input {
	background: #F2F6FB url(/images/arrow_down.png) no-repeat scroll 98% center;
	float:left;
	display:block;
	padding-right:20px;
	border:1px solid #AFBFFF;
	width:180px;
}
.imgtype_dropdown dt a.date_input{
	background: #F2F6FB;
	float:right;
	display:block;
	padding-right:20px;
	border:1px solid #AFBFFF;
	width:180px;text-align:center;
}
.imgtype_dropdown dt a.desc_input span, .imgtype_dropdown dt a.date_input span {
	cursor:pointer; 
	display:block; 
	padding:5px;
}
.imgtype_dropdown dt a span input[type=text]{
	width:160px;
	color: #3F71F8;
	border:1px solid transparent;
	background-color: #F2f6FB;
	padding:4px;
}
.imgtype_dropdown dd ul {
	background:#F2F6FB none repeat scroll 0 0;
	border:1px solid #AFBFFF;
	/*border-top:none;*/
	display:none;
	list-style:none; 
	padding:5px 0px;
	padding-right:20px;
	position:absolute; 
	left:0px; 
	top:40px; 
	width:auto; 
	min-width:180px;float:Left;
}
.imgtype_dropdown span.value { display:none; }
.imgtype_dropdown dd ul li a { padding:5px; display:block; }