/* =================================================================== */
/* HTML */
/* =================================================================== */

*
{
	font-family: verdana;
	font-size: 8pt;
}

body
{
	margin: 0;
}

table
{
	border-collapse: collapse;
}

td
{
	padding: 0;
	vertical-align: top;
}

th
{
	text-align: left;
}

img
{
	border: 0;
}

a, a:visited
{
	color: blue;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

p
{
	padding: 5px;
	margin: 5px;
}

h1
{
	font-size: 25px;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 11px;	
}

h2, h3
{
	margin: 0;
}

ul
{
	list-style: none;
}


/* =================================================================== */
/* Template */
/* =================================================================== */

div#header
{
	height: 75px;
	background-color: #0000FF;
	background-image: url("http://static.bigbluesalebarn.com/images/header_background.jpg");
}

ul#navigation
{
	margin: 0;
	padding: 5px;
	padding-left: 6px;
	color: #AAAAAA;
	background-color: #EAEAEA;
	white-space: nowrap;
}

ul#navigation li
{
	display: inline;
	padding: 4px;
	font-weight: bold;
}

ul#navigation li a
{
	text-decoration: none;
	font-weight: bold;
}

ul#navigation li a:hover
{
	text-decoration: underline;
}

/* =================================================================== */
/* Form Errors */
/* =================================================================== */

div.errorExplanation
{
	margin: 10px;
	font-weight: bold;
	background-color: #FFECEC;
	border: 2px solid red;}

div.errorExplanation h2
{
	display: none;
}

div.errorExplanation li
{
	color: red;
}

div.fieldWithErrors
{
	margin: 0;
	padding: 0;
}

div.fieldWithErrors input, div.fieldWithErrors select
{
	border: 2px solid red;
}

/* =================================================================== */
/* View All Lots List */
/* =================================================================== */

tr#lotlist
{
	border-style: solid;
	border-width: 0 0 1px 0;
}

tr#lotlist td
{
	padding-top: 5px;
	padding-bottom: 5px;
}

/* =================================================================== */
/* General Formatting */
/* =================================================================== */

/* #main div is on every page. */
div#main
{
	margin: 10px 20px;
}

.indent
{
	margin-left: 25px;
}

.even
{
	background-color: #EEEEEE;
}

div.border-center
{
	border: 1px solid black;
	margin: 0 auto;
}
table.list
{
	border: 1px solid black;
	margin: 10px 20px;
}
table.list td, table.list th
{
	margin: 5px;
	padding: 5px;
}

table.form
{
	padding: 10px;
	margin: 10px;
}

table.form td
{
	padding-bottom: 10px;
}

td.label
{
	font-weight: bold;
	padding-right: 10px;
}

div.notice, div.error
{
	width: 80%;
	margin: 25px auto 0 auto;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	font-family: verdana;
}

div.notice
{
	background-color: #D9FFD9;
	border: 2px solid green;
}

div.error
{
	background-color: #FFECEC;
	border: 2px solid red;
}

div.panel, div.help_panel
{
	margin-top: 20px;
	width: 200px;
	border: 1px solid black;
	text-align: left;
	padding: 0px;
	background-color: #F1F1F1;
}

div.help_panel
{
	width: 750px;
	margin: 0 auto;
}

div.panel h1, div.help_panel h1
{
	background-color: #485CBD;
	border: 1px solid #242F64;
	color: white;
	font-size: 10pt;
	padding: 3px;
	margin: 0;
	text-align: center;
	height: 15px;
}

div.panel div
{
	padding: 5px;
}

div.panel h1 a
{
	float: left;
	color: white;
	margin-top: -5px;
	padding: 5px;
}

div.help_panel h1 a
{
	float: right;
	color: white;
	margin-top: -20px;
	padding: 5px;
}

table.form td.data input
{
	/*width: 100%;*/
}

p.centered
{
	margin: auto auto;
}

/* =================================================================== */
/* Account Pages */
/* =================================================================== */

td#account_td
{
	width: 500px;
	text-align: right;
}

div#account_info
{
	position: relative;
	padding: 20px 20px;	
}

div#account_info, div#account_info a
{
	font-size: 13px;
	text-align: right;
	color: white;
}

ul
{
	list-style-type: none;
}

/* =================================================================== */
/* Lot Details */
/* =================================================================== */

table#lot_details
{
	width: 550px;
	border: 1px solid #CCCCCC;
}

table#lot_details tr td
{
	padding: 5px;
}

label
{
	font-weight: bold;	
}

div.lot_details
{
	border: 1px solid black;
	margin: 2px;
	padding: 2px;
}

div#not_approved_box
{
	border: 2px solid red; 
	height: 170px; 
	text-align: center; 
}

/* =================================================================== */
/* Admin Section */
/* =================================================================== */

ul#admin_menu
{
	/* list-style-type: none; */
}

ul#admin_menu li, ul#admin_menu li a
{
	font-size: 12pt;
}

#main.admin
{
	width: 90%;
	height: 600px;
}

table#event_list td
{
	padding-right: 35px;	
}

/* =================================================================== */
/* Lot View */
/* =================================================================== */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -250px;
	background-color: lightyellow;
	padding: 5px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

span#natural{
	left: -100px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 5px;
	left: -50px; /*position where enlarged image should offset horizontally */
}

table#bidding_details
{
	width: 100%;
	border-collapse: separate;
	margin-right: 10px;
}

table#bidding_details tr td:first-child
{
	font-weight: bold;
	text-align: left;
}

table#bidding_details tr td
{
	padding: 1px 0;
	text-align: right;
}

/* Jon's Dropdown stuff */
		ul#nav { /* all lists */
			margin: 0;
			padding: 5px;
			padding-left: 6px;
			color: #AAAAAA;
			background-color: #EAEAEA;
			white-space: nowrap;
		}
		
		/*ul#nav a {
			display: block;
			width: 10em;
		}*/
		
		ul#nav li { /* all list items */
			display: inline;
			position: relative;	
			z-index: 1;
			padding: 4px;
			font-weight: bold;
		}
		ul#nav li ul { /* second-level lists */
			display: none;
			width: auto;
			background-color: #EAEAEA;
			/*left: 0; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}		
		
		ul#nav li:hover ul, ul#nav li.sfhover ul { /* lists nested under hovered list items */
			position: absolute;
			z-index: 1;
			display: block;
			padding-left: 0; 
			padding-top: 2px;
			left: 0;
		}
		
		td.admin_links
		{
			white-space: nowrap;
			width: 300px;
		}
		
		td.admin_links ul li
		{
			display: block;
			float: left;
			text-align: center;
			vertical-align: middle;
			width: 100px;
			height: 25px;
		}
		
		td.admin_links ul
		{
			clear: both;
			margin: 0;
			padding: 0;	
			white-space: nowrap;
		}
		
		td.admin_links ul li a 
		{
			display: block;
			width: 100%;
			height: 20px;
			vertical-align: middle;
			padding-top: 5px;
		}
		
		td.admin_links a:hover
		{
			text-decoration: none;
			color: white;
			background-color: #5599CC;
		}

/* ---------------------------------------------------------- */
/* Pagination */
/* ---------------------------------------------------------- */

div.pagination
{
padding: 3px;
margin: 3px;
}

div.pagination a
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #AAAADD;
text-decoration: none; /* no underline */
color: #000099;
}

div.pagination a:hover, div.pagination a:active
{
border: 1px solid #000099;
color: #000;
}

div.pagination span.current
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #000099;
font-weight: bold;
background-color: #000099;
color: #FFF;
}

div.pagination span.disabled
{
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}