/* Path Prefix: /redball2010 */

* {
	margin:                     0;
	padding:                    0;	
}

/* Styles for data grids (Tables) */
.data_list caption, #data_list caption {
  text-align: left;
  font-weight: bold;
}

.data_list thead th, #data_list thead th, .data_list tfoot td, #data_list tfoot td{
	background:#ca630f;
	text-align: left;
	padding: 0px 0px 0px 3px;
	white-space: nowrap;
}

.data_list thead th a, #data_list thead th a {
  text-decoration: none;
  color: #fff;
}

.data_list thead th a:hover, #data_list thead th a:hover {
  text-decoration: underline;
  color: #fff;
}

.data_list, #data_list {
	border-collapse:collapse;
	margin-bottom: 5px;
	background: #fff;
	width: 500px;
}

.data_list th, #data_list th, .data_list td, #data_list td{
	border:1px solid #A65300;
	padding: 1px 13px 1px 3px;
	border-collapse:collapse;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.data_list a, #data_list a {
  color: #000;
}
.data_list a:hover, #data_list a:hover {
  text-decoration: underline;
  color: #A70000;
}

.data_list tr.ruled, #data_list tr.ruled{
	background: #a1b4c2;
	color:#fff;
}

.payment_item {
	background-color: silver;
}

.order_list_item_row_status_incomplete {
	background-color: #fb999a;
}

.order_list_item_row_status_complete {
	background-color: transparent;
}
.order_list_item_row_status_open {
	background-color: #ffb;
}

.label {
  font-weight: bolderr;
}

body {	
	margin-bottom:				1em;
	color:						#333333;
	background-color:   		#FFFFFF;
	background-image:			url(/redball2010/themes/schoolauction/images/header_background.gif?1278381118);
	background-repeat:			repeat-x;
	background-position:		0 -25px;
	font-size:					0.9em; /* 80%;	*/
	line-height: 				1.3em;
	font-family:				verdana, helvetica, arial, sans-serif;
	
	/* Center in IE5.5 */
	text-align:					center;
	/* Enforces that Menu Won't Wrap */
	min-width: 					970px;
}

h1 {
	margin-bottom:				0.5em;
	font-size:					2em;
	font-weight:				normal;
	letter-spacing:				-0.04em;
}

h2 {
	margin-top:					1em;
	margin-bottom:				0.5em;
	font-size:					1.5em;
	font-weight:				normal;
	letter-spacing:				-0.04em;
}

img {
	border:						none;
}

p {
	margin-bottom:				1em;
}

small {
	color:						#AAAAAA;
}


ul {
	margin-top:					1em;
	margin-bottom:				1em;
	list-style-type:			none;
}

input, textarea, select {
	font-family:				verdana, helvetica, arial, sans-serif;
	font-size:					1em;
	padding:					0.2em;
	/* border:						1px solid #888888; */
	margin:				1px 0px 0px 1px ;
}

input:focus, textarea:focus, select:focus {
	border-color:				#333333;
}

blockquote {
	font-style: 				italic;
	padding-left: 				2em;
	color: 						#888888;
	margin-bottom:				1em;
}

pre {
	background-color: 			#eeeeee;
	margin-bottom: 				1em;
	padding: 					1em;
	font-size:					1em;
}


/* ----------------------------------------------------------------------------
	Structure
---------------------------------------------------------------------------- */

div#user_info {
	/*float: right; 
	margin-right: 10px; */
	color: #844100;
	margin-top: -30px;
	margin-left: 460px;
}

div#container {
	position:					relative;
	width:						90%;
	margin-top:					0pxpx;
	margin-left:				auto;
	margin-right:				auto;
	font-size:					1em;
	/* Don't center text, only div#container */
	text-align:					left;
}

div#header {
	/* This height controls the vertical position of #content and #sidebar */
	height:						140px;
	overflow:					hidden;
}

div#header h1 {
	height:						70px;
	margin:						0;
	margin-left:				140px;
	padding:					0;
	/* Move the text out of the way */
	text-indent:                -5000px;	
}

div#logo {
	float:					left;
	width:					236px;
	height:					73px;
	margin-right:			31px;
}

/* Navigation */

ul#navMain {
	height:					10px;
	margin: 				3px 0px 0px 0px;
	padding: 				2px 0px 0px 0px;
	list-style-type:		none;

}

ul#navMain li {
	display:					inline;
	background-image:		none;	
	margin:					0;
	padding:					0;
}

ul#navMain li.first-child {
	/* Wouldn't it be nice if IE was up-to-date with the rest of the world so we could skip 
	superfluous classes like this? */
	border-left:			none;		
}

ul#navMain li a {		
	padding:					0.2em 0.5em 0.2em 0.8em;
	color: #333;
	text-decoration:			none;
	
}

/* My Comment */

ul#navMain li.first-child a {
	/* Wouldn't it be nice if IE was up-to-date with the rest of the world? */
	padding-left:				0;
}

ul#navMain li a:hover {	
	text-decoration:			underline;
	background-color:			transparent;
}

/* Styles for auto complete */
div.auto_complete {
  position: absolute;
  width: 350px;
  background: #fff;
	float: none;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
  text-align: left;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}

/* used on item list pages */
div.row {
  clear:both;
  }

div.row span.left {
  float: left;
  text-align: left;
  width: 50%;
  }

div.row span.right {
  float: right;
	background: #ffe3b3;
  text-align: left;
  width: 50%;
	/*border: 1px solid black;*/
  }

div.spacer {
  clear: both;
	border-top: 1px solid blask;
  }

div#status_panel, div#status_panel_initial {
	background-color: #ffca69;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#status_panel_initial {
	color: #0048C0;
	text-align: center;
	font: 18px Arial;
	padding-top: 35px;
}

div.message_dismiss_link {
	font-size: 10pt;
	padding-right: 10px;
}
	
td.message_priority_1 {
	background-color: #bbff92;
	width: 100%;
	height: 50px;
	font-weight: bold;
	font-size: 20px;
}
td.message_priority_2 {
	background-color: #88ce5e;
	width: 100%;
	height: 50px;
	font-weight: bold;
	font-size: 14px;
}
td.message_priority_3 {
	background-color: #539b29;
	width: 100%;
	height: 50px;
	font-weight: bold;
	font-size: 14px;
}

td h3 {
	display:inline;
	font: 1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

.item_admin_links {
	padding-left: 5px;
}

.item_admin_links a {
	color: #7f7f7f;
	font-size: 0.8em;
}

.item_details, .item_details a {
	color: #7f7f7f;
}

hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 95%;
	margin: 4px auto;
	border: none;
}

.donation_item_price {
	margin-top: 1.4em;
	width: 176px;
	height: 76px;
	color: #f00;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
	background: url(/redball2010/images/dontaion_price_background.gif) no-repeat;
}

 /* for firefox (drop downs to narrow) */
option { padding-right: 10px; }

/* align form fields */
.form_label {width: 150px; float: left;}
.form_row {padding: 1px;}

#gutter {
	padding-left: 5px;
}

#gutter #section {
	margin-bottom: 7px;
}

.gutter_container {
	padding-left: 10px;
}

.gutter_list {
	padding-left: 5px; 
	margin-bottom: 7px;
	line-height: 1em;
}

.gutter_list div {
	font-size: 0.8em;
}

.gutter_list a { text-decoration: none; }
.gutter_list a:hover { text-decoration: underline; }

.highlight_container {
	background-color: white;
	border: 3px solid #ca630f;
}

#gutter h2 {
	margin-top: 0px; 
	margin-bottom: 3px;
}

#map {
	width: 100%; 
	height: 300px;
}

#homepage_title h1 {
	margin-bottom: 3px;
}

#homepage_title h4 {
	margin-bottom: 10px;
}

#homepage_image_upload {
	margin-left: 1.4em;
}

.graph { 
    width: 200px; 
    border: 1px solid #ca630f; 
    padding: 2px; 
}
.graph .bar { 
    display: block;
    background: #ca630f; 
    text-align: center; 
    color: #333; 
    height: 2em; 
    line-height: 2em;            
}
.graph .bar span { position: absolute; left: 1em; }

#display_report_menu {
	padding-bottom: 5px;
}

#order_reciept {
	background: #ffe3b3; 
	padding: 5px; 
	width: 700px;	
}

/* Tab Styles */

#tab_container {
	border: 1px solid #c0c0c0;
}

.fixed_width {
	width: 900px;

}

ul.tabselector { 
	text-align: left; 
	margin: 1em 0 1em 0;
	border-bottom: 1px solid #c0c0c0; 
	list-style-type: none;
	padding: 4px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.tabselector li {
	display: inline;
}

ul.tabselector li.tab-selected { 
	border-bottom: 5px solid #fff;
	background-color: #fff; /* set background color to match above border color */
}

ul.tabselector li.tab-selected a { 
	background-color: #fff;
	color: #000;
	position: relative;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
	border-bottom: 1px solid #fff;
}

/* style for backgroun (unslected) tabs */
ul.tabselector li a { 
	padding: 4px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #c0c0c0; 
	background-color: #f0f0f0;
	color: #666;
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul.tabselector a:hover { 
	background: #fff;
}

/* 'Dialog' styles used with tabs*/
.panes, .pane-selector {
  width: 97%;
  padding-left: 0px;
  margin: 2%;
  min-height: 300px;
  overflow: auto;
}

.pane-selected {
  list-style-type: none;
  display: block;
  padding: 3px;
}

.pane-unselected {
  list-style-type: none;
  display: none;
}

/* Error styling */
.fieldWithErrors {
  padding: 2px;
  background-color: #c00;
  display: table;
}

#errorExplanation {
  width: 400px;
	border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
	margin-left: 25px;
}

.form_section_title {
	padding-top: 10px;
	font-weight: bold;
	margin-bottom: -30px;
	font-size: 1.5em;
}
.form_section_title_small {
	padding-top: 10px;
	font-weight: bold;
	font-size: 1.2em;
}
.form_sub_title {
	padding-top: 10px;
	font-weight: bold;
	font-size: 1.2em;
}
.form_sub_section {
	margin-left: 20px;
	margin-bottom: 10px;
}

.registration_form_section, #user_login_information, #payment_information, #user_section {
	background: #ddd; 
	margin: 30px 0 10px 0;	
	padding: 8px;
}

#positiveExplanation, #warningExplanation {
  width: 400px;
  border: 2px solid #267c32;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#positiveExplanation h2, #warningExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #267c32;
  color: #fff;
}

#positiveExplanation p, #warningExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  padding-top: 8px;
}

#positiveExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#warningExplanation {
	border-color: #fdc70d;
}

#warningExplanation h2 {
	background-color: #fdc70d;
	color: #1b1b1b;
}

#form_fields li, #form_sections li {
	padding-left: 20px; 
	margin-bottom: -1px;
	cursor: move; 
	border: 1px solid black; 
	padding: 3px 3px 3px 20px;
	line-height: 120%;
}

.emphasize {
	font-size: 1.2em;
}

#form_fields li:hover, #form_sections li:hover {
	background: #ccc url(/redball2010/images/drag_handle.png) no-repeat 3px center; 
}


table#donation_item_table td{
	padding-right: 15px;
	padding-bottom: 2px;
}

/* Dash Board CSS */
table#dashboard_table
{
	width: 100%;
}

table#dashboard_table td{
	vertical-align: top;
	padding: 2px;
}

tr.total_row td { 
	border-top: 4px double gray;
	font-weight: bold;
}

div.dashboard_header
{
	font-size: 18px;
	text-align: center;
	color: #000;
	background-image:url(/redball2010/images/grey_gradient.png);
	border: 1px solid #000;
}

div.dashboard_item
{
	font-size: 18px;
	font-weight: bold;
}

td.dashboard_detail
{
	border-bottom: 1px solid #ccc;
}

td.dashboard_detail_status
{
	background-color: #ffe3b3;
}

#dash_board {
	font:normal 11px/14px 'Lucida Grande', tahoma, Arial, sans-serif; 
	color:#333;
	line-height: 1.5em;
}

div#tips {

}

div#activity_diagram {
	
}

div#stats {
	width: 47%;
	display: block;
	float: left;
}

div#support {
	width: 47%;
	display: block;
	float: right;
	left: 459px;
	position: absolute;
}

div#dash_board div{
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

div#dash_board div div{
	padding-bottom: 1px;
}

.round1 {
	margin-left:  4px;
	margin-right: 4px;
	height:  1px;
	line-height: 1px;
	font-size:  1px;
	overflow: hidden;
	background-color: #000;
	width: 900px;
	display:  block;
	}

.round2 {
	margin-left:  2px;
	margin-right: 2px;
	font-size: 1px;
	height:  1px;
	line-height:  1px;
	overflow: hidden;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	width:  900px;
	display: block;
}

.round3 {
	margin-left:  1px;
	margin-right:  1px;
	font-size: 1px;
	height: 2px;
	line-height: 2px;
	overflow: hidden;	
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	width:  904px;
	display:  block;
}
.round_title .round2, .round_title .round3 {
	background-color: #cc6633;
}

div.boxinner {
	width: 894px;
	display: block;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0 1px;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

div.boxcontent {
	width:  764px;
	overflow:  hidden hidden;
}

div.boxtitle {
	width: 894px;
	display:  block;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin: 0 1px;
	background-color: #cc6633;
	padding-left: 10px;
	padding-right: 10px;

}


.miniround1 {
	margin-left:  4px;
	margin-right: 4px;
	height:  1px;
	line-height: 1px;
	font-size:  1px;
	overflow: hidden;
	background-color: #000;
	width: 441px;
	display:  block;
	}

.miniround2 {
	margin-left:  2px;
	margin-right: 2px;
	font-size: 1px;
	height:  1px;
	line-height:  1px;
	overflow: hidden;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	width:  441px;
	display:  block;
}

.miniround3 {
	margin-left:  1px;
	margin-right:  1px;
	font-size: 1px;
	height: 2px;
	line-height: 2px;
	overflow: hidden;	
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	width:  445px;
	display:  block;
}
.miniround_title .miniround2, .miniround_title .miniround3 {
	background-color: #cc6633;
}

div.miniboxtitle {
	width: 435px;
	display:  block;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin: 0 1px;
	background-color: #cc6633;
}

div.miniboxinner {
	width: 435px;
	height: 200px;
	display: block;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	overflow: hidden;
	margin: 0 1px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
 div.innercontent {
	margin-left:  5px;
}

div.innerboxtitle {
	margin-left:  10px;
	padding-bottom: 0px;
	color: white;
	font-size: .9em;
	line-height: 1.1em;
	text-align: center;
	letter-spacing: .2em;
	font-weight: bold;
}
ol {
	padding-left: 25px;
}
#logo_image {
	max-height: 73px;
}

.no_results {
	display: block; line-height: 100px; border: 1px solid black; margin-bottom: -1px; text-align: center; color: #999; font-size: 2em; margin-bottom: 10px;
}

/* Default List Style */
ul,ol { margin:0 0 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
/* @end */

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

input[type=button].small_button, input[type=submit].small_button{
	padding: 1px 3px 1px 3px; 
	margin-left: 2px;
	margin-right: 0px;
	border: 1px solid #000;
	background: rgb(250,250,250);
	background-image: -webkit-gradient(linear, 0 40%, 0 70%, from(rgb(249, 249, 249)), to(rgb(227, 227, 227)));
	font-family: 'Lucida Grande';
	line-height: normal;
	font-size: 11px;
}

.editable-content {
	color: blue;
	text-decoration: underline;
}

.cell {
	width: 125px;
	background-color: #ccc;
	float: left;
}
.drag_handle {
	width: 25px; height:100%;
	background: url(/images/grip.png) repeat 0 0;
	cursor: move;
	float: left;
}
.section_caption {
	margin-top: 25px;
	width: 100%;
	clear: both;
	overflow: auto;
	font-weight: bold;
	cursor: move;
}
.row {
	clear: both; 
	cursor: move;		
}
.row:hover {

}
.empty_section {
	line-height: 2em; 
	text-align: center; 
	color: #999; 
	font-size: 1.2em; 
	padding: 3px;
}
#form_section_container {
	padding: 0 10px 10px 10px; margin-bottom: 20px;
}

#udf_list {
	margin: 0; border: 1px solid #aaa; display: block; overflow: auto; background-color: #ccc; padding: 0;
}
#udf_list ul {
	padding: 15px 5px; margin: 0;
}
.add_link {
	padding: 0 0 5px 5px; margin: 0;
}