
/* =================================================================== */
/* HTML */
/* =================================================================== */

*
{
	font-family: verdana;
	font-size: 8pt;
}

body
{
	margin: 0;
}

table
{
	width: 100%;
	border-collapse: collapse;
}

td
{
	padding: 0;
	vertical-align: top;
}

img
{
	border: 0;
}

a, a:visited
{
	color: blue;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

p
{
	padding: 5px;
	margin: 5px;
}

h2
{
	margin: 0;
}

/* =========================================================== */
/* Rails Error Handling */
/* =========================================================== */

.fieldWithErrors
{
	display: inline;
}

.fieldWithErrors input
{
	border: 2px solid red;
}

.errorExplanation
{
	width: 500px;
	text-align: left;
}

.errorExplanation h2
{
	display: none;
}

.errorExplanation p
{
	font-weight: bold;
}

.errorExplanation ul li
{
	color: red;
	font-weight: bold;
}

/* =================================================================== */
/* Global Classes */
/* =================================================================== */

tr.odd
{
	background: white;
}

tr.even
{
	background: #F5F5F5;
}

td.contents h1
{
	font-size: 20px;
	font-family: georgia;
}

td.contents h2, td.contents h2 a
{
	font-size: 14px;
	font-family: georgia;
}

td.contents h3
{
	font-size: 14px;
	font-family: georgia;
}

.important
{
	font-weight: bold;
	color: red;
}

.banner
{
	margin: auto;
	width: 320px;
	height: 60px;
	overflow: hidden;
}

.banner img
{
	width: 100%;
	height: 100%;
}

.banner_big
{
        margin: auto;
	width: 728px;
	height: 90px;
	overflow: hidden;
}

.banner_big img
{
        width: 100%;
	height: 100%;
}

.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}

.information_box h1, .information_box h2, .help_box h2
{
	background-image: url("/images/gray_background.jpg");
	margin: 0;
	padding: 5px;
	font-size: 10px;
}

.help_box h2 a
{
    float: right;
    margin-top: -15px;
}

*:first-child+html .help_box h2 a
{
    margin-top: -22px;
    margin-right: 4px;
}

/* =================================================================== */
/* Template */
/* =================================================================== */

div#header
{
	height: 150px;
	background-image: url("http://d3s7yb5qtsmwow.cloudfront.net/dvauction.com/images/dvauction_header_background3.jpg");
	background-position: 200px 0px;
}

div#tutorial_info
{
	position: absolute;
	top: 121px;
	left: 199px;
	width: 60px;
	height: 30px;
}

div#session_info
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 150px;
	background-image: url("http://d3s7yb5qtsmwow.cloudfront.net/dvauction.com/images/logo_background.jpg");
}

div#session_info form
{
    margin: 0;
    padding: 0;
}

div#session_info img
{
	width: 200px;
	height: 50px;
}

span#username
{
	position: absolute;
	width: 190px;
	height: 18px;
	top: 68px;
	left: 10px;
	color: white;
}

span#username input
{
	position: absolute;
	top: -2px;
	right: 10px;
	width: 100px;
	height: 18px;
}

span#password
{
	position: absolute;
	width: 190px;
	height: 18px;
	top: 88px;
	left: 10px;
	color: white;
}

span#password input
{
	position: absolute;
	right: 10px;
	width: 100px;
	height: 18px;
}

span#login
{
	position: absolute;
	top: 105px;
	left: 141px;
	width: 50px;
	height: 18px;
}

span#login input
{
	width: 50px;
	height: 20px;
}

span#account_help
{
	position: absolute;
	top: 132px;
	left: 10px;
}

span#account_help, span#account_help a
{
	color: white;
	font-size: 7pt;
}

ul#account_options
{
	font-weight: bold;
	color: white;
	margin: 5px 0 0 10px;
	font-size: 12px;
	/*margin-left: 20px;*/
	padding: 0;
}

ul#account_options li
{
	margin-left: 7px;
	padding: 2px;
}

ul#account_options li a
{
	font-weight: normal;
    font-size: 12px;
	color: white;
}

table#login_form
{
    margin-top: 7px;
}

table#login_form td.label
{
    color: white;

    padding-left: 13px;
    vertical-align: middle;
}

input.login_button
{
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}

td#account_links
{
    text-align: center;
    padding-top: 10px;
}

td#account_links, td#account_links a
{
    color: white;
    font-size: 9px;
}

div#header_banner
{
	
}

div#header_banner2
{
	position: absolute;
	top: 93px;
	right: 1px;
}

div#header_banner3
{
	position: absolute;
	top: 93px;
	right: 322px;
}

ul#navigation
{
	margin: 0;
	padding: 12px;
	background-image: url("/images/navigation_background.jpg");
	color: #AAAAAA;
	white-space: nowrap;
}

ul#navigation li
{
	display: inline;
	padding: 6px;
	font-weight: bold;
}

ul#navigation li a
{
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}

ul#navigation li a:hover
{
	color: blue;
	text-decoration: underline;
}

ul#navigation2
{
	margin: 0;
	padding: 4px;
	background-color: #999999;
	
	color: #FFFFFF;
	white-space: nowrap;
	border-bottom: 1px solid #EEEEEE;
}

ul#navigation2 li
{
	display: inline;
	padding: 2px;
	font-weight: bold;
}

ul#navigation2 li a
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 8pt;
}

ul#navigation2 li a:hover
{
	color: white;
	text-decoration: underline;
}

td#side_navigation
{
	width: 200px;
}

td#side_navigation div
{
	width: 190px;
	margin: 5px;
}

td#side_navigation div img
{
	width: 100%;
}

td#side_navigation div ul
{
	margin: 0;
	padding: 3px;
	list-style-type: none;
}

td#side_navigation div ul li a
{
	text-decoration: none;
}

td#side_navigation div ul li a:hover
{
	text-decoration: underline;
}

td.contents
{
    margin: 5px 10px 10px 5px;
    padding: 5px 10px 10px 5px;
}

/* Alan's fix #1 */
.contents div
{
	margin: 0 auto;
}

/* =================================================================== */
/* Application Controller */
/* =================================================================== */

.application
{
}

/* ------------------------------------------------------------------- */
/* Index */
/* ------------------------------------------------------------------- */

td#application_index
{
}

div#todays_events
{
	width: 98%;
	text-align: left;
}

div#todays_events table
{
	border: 1px solid #999999;
}

div#todays_events table tr td
{
	padding: 5px;
	vertical-align: middle;
}

div#todays_events table tr td a
{
	text-decoration: none;
}

div#todays_events table tr td a:hover
{
	text-decoration: underline;
}

table#homepage_banners
{
	margin: 10px 0;
}

table#homepage_banners td
{
	width: 50%;
	text-align: center; /* IE Only */
}

div#upcoming_events
{
	width: 98%;
	text-align: left;
}

div#upcoming_events h1 ul
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

div#upcoming_events h1 ul li
{
	display: inline;
	padding: 0 10px;
}

div#upcoming_events h1 ul li a
{
	color: #666666;
	text-decoration: none;
}

div#upcoming_events h1 ul a:hover
{
	color: blue;
	text-decoration: underline;
}

/* Specialty Sales - AJAX */
table#specialty_sales tr td
{
	padding: 5px;
	vertical-align: middle;
}

table#specialty_sales tr td a
{
	text-decoration: none;
}

table#specialty_sales tr td a:hover
{
	text-decoration: underline;
}

/* Regular Events - AJAX */
table#regular_events tr td
{
	padding: 5px;
	vertical-align: middle;
}

table#regular_events tr td a
{
	text-decoration: none;
}

table#regular_events tr td a:hover
{
	text-decoration: underline;
}

/* Special Events - AJAX */
table#special_events tr td
{
	padding: 5px;
	vertical-align: middle;
}

table#special_events tr td a
{
	text-decoration: none;
}

table#special_events tr td a:hover
{
	text-decoration: underline;
}

/* Locations - AJAX */
table#locations tr td
{
	padding: 5px;
	vertical-align: middle;
}

table#locations  tr td a
{
	text-decoration: none;
}

table#locations  tr td a:hover
{
	text-decoration: underline;
}

/* ------------------------------------------------------------------- */
/* Help */
/* ------------------------------------------------------------------- */

div#help_topics.information_box
{
    border: 2px solid #999999;
    text-align: left;
}

td#application_help
{
    text-align: center;
}

div#help_topics
{
	margin-top: 10px;
	width: 100%;
	margin: 0 auto;
}

div#help_topics ul
{
	line-height: 18px;
	list-style-type: disc;
}

div.help_box
{
	text-align: left;
	padding: 0;
	margin: 15px auto;
	width: 98%;
	background: #eee;
	border: 1px solid #999;
}

.help_box h2
{
	white-space: nowrap;
	border-bottom: 1px solid #999999;
}

div.help_audio
{
	text-align: left;
	padding: 0;
	margin: 0px;
	width: 90%;
	background: #eee;
	border: 1px solid #999;
}

.help_audio h2
{
	white-space: nowrap;
	border-bottom: 1px solid #999999;
}

table#diagnostics
{
	width: 200px;
	margin-left: 20px;

}

td#diagnostics
{
	font-weight: bold;
}

/* ------------------------------------------------------------------- */
/* Contact Us */
/* ------------------------------------------------------------------- */

td#application_contact_us, td#application_about_us
{
	text-align: left;
	float: left;
	margin-left: 20px;
	width: 80%;
	min-width: 500px;
}

td#application_contact_us h1
{
	font-size: 10pt;
	padding: 5px;
}

/* ------------------------------------------------------------------- */
/* About Us */
/* ------------------------------------------------------------------- */

td#application_about_us div
{
	text-align: left;
}

td#application_about_us div p
{
	text-indent: 20px;
	line-height: 1.3;
	font-size: 1.2em;
	margin: 10px 20px;
}

td#application_about_us div a
{
	font-size: 1em;
}

/* =================================================================== */
/* Account Controller */
/* =================================================================== */

.account
{
}

/* ------------------------------------------------------------------- */
/* Index */
/* ------------------------------------------------------------------- */

td#account_index
{
	text-align: left;
}

.account_details
{
	margin: 5px 50px 10px 10px;
}

div.account_details h1
{
	font-size: 15px;
	margin: 0;
	color: #666666;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FAFAFA;
}

.account_details ul
{
	list-style-type: none;
}

/* ------------------------------------------------------------------- */
/* Registration */
/* ------------------------------------------------------------------- */

td#account_register
{
}

table#registration
{
	margin: 10px auto;
	width: 750px;
}

table#registration tr td
{
	width: 50%;
	padding: 2px;
}

table#registration tr td fieldset, table#registration tr td textarea, table#registration tr td span
{
    width: 350px;
}

table#registration tr td span
{
    padding-top: 5px;
    text-align: left;
    font-weight: bold;
}

table#registration tr td fieldset legend
{
    font-weight: bold;
}

table#registration tr td fieldset span
{
    padding: 5px 0 3px 0;
    font-weight: normal;
    text-align: center;
}

table#registration tr td textarea
{
    height: 100px;
}

table#registration tr td fieldset table tr td
{
    text-align: left;
    font-weight: bold;
}

table#registration tr td fieldset table tr td input
{
	font-weight: normal;
  width: 100%;
  font-size: 8pt;
  margin-top: -3px;
}

/* ------------------------------------------------------------------- */
/* Terms and Conditions */
/* ------------------------------------------------------------------- */

td#account_terms_and_conditions
{
}

td#account_terms_and_conditions div
{
	text-align: left;
	margin-bottom: 40px;
}

td#account_terms_and_conditions div ol li ul
{
	list-style-type: circle;
}

div#terms
{
    border: 1px solid #999;
    margin: 10px;
    padding: 10px;
}

#terms ul li
{
    margin: 5px 40px 5px 0;
}

#terms_form
{
    width: 500px;
    margin: 0 auto;
    margin-top: -30px;
    text-align: center;
}

#terms_form form
{
    text-align: center;
    font-size: 16px;
    line-height: .1;
}

/* ------------------------------------------------------------------- */
/* Subscriptions */
/* ------------------------------------------------------------------- */

td#account_subscriptions
{
}

div#welcome
{
	text-align: left;
	font-weight: bold;
	margin: 10px 25px;
}

div#subscriptions
{
	border: 1px solid #999999;
	text-align: left;
	margin: 20px auto;
	padding: 10px;
	width: 550px;
}

div#subscriptions ul
{
	margin-left: 0px;
	list-style-type: none;
}

div#subscriptions ul li
{
	margin-left: 150px;
	font-size: 12pt;
}

div#subscriptions div
{
	text-align: center;
}

/* ------------------------------------------------------------------- */
/* Bank */
/* ------------------------------------------------------------------- */

td#account_bank
{
	text-align: center;
}

div#banking_notice
{
    margin-bottom: 10px;
    width: 450px;
    text-align: left;
}

fieldset#bank_information
{
    width: 485px;
    padding: 20px;
    margin: 0 auto;
}

fieldset#bank_information input
{

    margin: 2px;
    padding: 3px;
}

fieldset#bank_information legend
{
    font-weight: bold;
}

fieldset#bank_information table tr td
{
    text-align: left;
    font-weight: bold;
}

fieldset#bank_information table tr td input
{
    width: 100%;
}

div#bankstates
{
 margin: 2px -25px 0 20px;
 color: red;
}

select#bank_state option
{
    padding: 2px;
}

/* =================================================================== */
/* Schedule Controller */
/* =================================================================== */

td#schedule_index
{
    padding: 0px;
}

td#schedule_index h1, td#schedule_index h2, td#schedule_index h3
{
    font-family: georgia;
    font-weight: normal;
    margin: 0;
}

td#schedule_index h1
{
    margin: 3px;
    font-size: 25px;
}

td#schedule_index h2
{
    font-size: 20px;
    margin: 0 0 5px 5px;
}

td#schedule_index h3
{
    margin: 5px 40px;
}

td#schedule_index td
{
    font-size: 9pt;
}

td#schedule_index a
{
    font-size: 1.1em;
}

td#schedule_index a:hover
{

}

td#schedule_index table
{
	width: 99%;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 20px;
	border: 1px solid #888;
}

/* Alan fix #3 */
td#schedule_index td
{
	padding: 5px;
}

td#schedule_index p
{
    margin-left: 20px;
}

td#schedule_index p a
{
margin-bottom: 5px;
}



/* ============ Updates / Changes ..... */
.links
{
	margin: 5px;
	border: 1px solid #999999;
	width: 200px;
}

.links img
{
	/* width: 100%; */
}

.links h1
{
	background-image: url("/images/gray_background.jpg");
	margin: 0;
	padding: 5px;
	font-size: 16px;
}

.links ul
{
	margin: 0;
	padding: 3px;
	list-style-type: none;
}

.links a
{
    font-size: 13px;
    text-decoration: none;
    color: white;
}

.links a:hover
{
    text-decoration: underline;
    color: white;
}

.links tr.odd
{
	background: white;
}

.links tr.even
{
	background: #F5F5F5;
}

ul
{
    list-style: none;
}

td#application_reports li a
{
    font-size: 20px;
    color: #448;
    text-decoration: none;
    display: block;

    margin: 3px 10px;
    padding-left: 10px;
}

td#application_reports li a:hover
{

    background: #eee;
}

div#upcoming_events, div#approvals
{
	border: 1px solid #888888;
	width: 98%;
	text-align: left;
}

ul.menu
{
	margin: 0;
	padding: 5px;
	background-image: url("/images/gray_background.jpg");
	color: #555;
	white-space: nowrap;
}

ul#submenu
{
        background-image: none;
        background-color: #F2F2F2;
        border-top: 1px solid #AAAAAA;
        border-bottom: 1px solid #DDDDDD;
}

ul.menu li
{
	display: inline;
	padding: 3px 10px;
	margin: 0;
}

ul.menu li a
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

ul.menu a:hover
{
	color: blue;
}

td#left_panel
{
	width: 200px;
}

td#application_contact_us h1
{
    font-size: 25px;
    margin: 5px 0 10px 0;
    padding: 0;
}

td.contents h2
{
	color: #666666;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FAFAFA;
}

td#account_change_password div
{
	width: 300px;
	margin: 0 auto;
}

div#flash
{
    border: 2px solid red;
    width: 90%;
    margin: 3px auto;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
}

table.event_list td
{
    padding: 3px;
}

div#todays_events td.event_status
{
	text-align: center;
	padding: 1px 5px;
	vertical-align: middle;
}

div#todays_events td.event_status a img
{
	vertical-align: middle;
	margin-top: 1px;
}

td.event_status a img
{
    margin: 0;
    padding: 0;
    border: 0;
}

/*************************************************************
                        Video Previews
*************************************************************/

td.label { font-weight: bold; }


table.preview, table.preview_data
{
    margin: 10px;
}

table.preview td, table.preview_data td
{
    padding: 2px 5px;
    font-size: 15px;
}

table.preview_data
{
    width: 90%;
}

ul.location_list li a, ul.location_list li
{
    font-size: 23px;
}

td#previews_index
{
    padding-left: 30px;
}

td#previews_index h1
{
    font-size: 25px;
}

td#previews_index h2
{
    margin-left: 10px;
    font-size: 15px;
}

td#previews_list table th
{
    text-align: left;
    padding: 5px;
    vertical-align: bottom;
    padding-bottom: 10px;

    font-size: 15px;
}

td#previews_show h2
{
    font-size: 18px;
}

td#previews_show h1
{
    font-size: 25px;
}

table.options td
{
    padding: 5px;
    font-size: 12px;
}

table.options input
{
    display: block;
    margin: 0 5px;
    float: left;
}

td#events_index
{
    text-align: center;
}

div.announcements ul li h3
{
    margin: -5px 0 0 0;
    padding: 0;
    color: black;
}

div.announcements ul li p
{
    margin: 3px 20px;
    padding: 0;
    font-weight: normal;
    color: black;
}

.nowrap
{
    white-space: nowrap;
}

table.location_info
{
    border: 1px solid #ddd;
}

table.location_info td
{
    padding: 3px;
    font-size: 13px;
}

table.location_info a
{
    font-size: 13px;
}

table.location_info b
{
    font-size: 13px;
}

table.list td
{
    padding: 3px;
    font-size: 1.2em;
}