@import url("/modules.css");
/*-------------------------------------------------------------------
						PRIMARY STYLES
---------------------------------------------------------------------*/
body {
	margin-top: 0px;
	background-color: #003399;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 80%;
	line-height: 183.3%;
	

}
/* ----------- THE STANDARDS ----------- */
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	line-height: 166.7%;
}

ol, ul, li {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	line-height: 150%;
}
h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 183.3%;
}
h1#name {
	color: #00349A;
}
h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 166.7%;
}
h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 150%;
}
h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 133.3%;
}
h5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 116.7%;
}
h6 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
}
/* ----------- LINKS ----------- */
/* This removes the ugly boxed around linked images */
a img {
border: 0px;
}

a:link, a:active, a:visited {
	text-decoration: underline;
	color: #CB2C30;
	font-weight: bold;
}

a:hover {
text-decoration: none;
}

/*-------------------------------------------------------------------
						FOOTER STYLES
---------------------------------------------------------------------*/
td#footer {
	background-color: #009933;
	padding: 4px;
	vertical-align: top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 91.7%;
	line-height: 150%;
	color: #FFFFFF;
	text-align: center;
}
td#footer a:link, td#footer a:visited, td#footer a:active {
	color:#FFFFFF;
	text-decoration: underline;
}
td#footer a:hover {
	color:#FFFFFF;
	text-decoration: none;
}
td#top_navigation {
	background-color: #FFFF33;
	width: 193px;
	vertical-align: top;
	padding-top: 18px;
	padding-bottom: 6px;
	height:75px;
}
td#navigation {
	background-color: #FFFF33;
	width: 193px;
	vertical-align: top;
}
td#contentprinter {
	vertical-align: top;
	padding: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 183.3%;
	background-color: #FFFFFF;
}
td#content {
	vertical-align: top;
	padding: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 183.3%;
	background-color: #FFFFFF;
}
td#content a:link, td#content a:visited, td#content a:active {
	text-decoration: underline;
}
td#content a:hover {
	text-decoration: none;
}
td#search {
	vertical-align: middle;
	padding: 18px;
	background-color: #FFFFFF;
	text-align: center;
	height:75px;
}
.outline {
	border: 1px solid #FFFFFF;
}
/* -----------PRINTER/SENDTOFRIEND----------- */
.printer{
	font-size: 83.3%;
}
.send{
	font-size: 83.3%;
}

/* ----------- FORM STYLES -------------- */
.error, .errors {
	font-weight:bold;
	color:#FF0000;
}

table.email_form {
	width:80%;
}

table.email_form td {
	background-color:#e5e5e5;
	/*color:#ffffff;*/
	padding:5px;
}

.email_form tr td label {
	text-align:right;
	display:block;
}

.formreq {
	text-align:right;
	font-weight:bold;
}

.email_form input.normal, .email_form textarea, .email_form select {
	width:200px;
	color:#333333;
}

/*----------------------------------------
	Printer Friendly Styles
----------------------------------------*/
#print-icon {
	float: right;
}
#grey-pf-box h3 {
	font-size: 108.3%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height: 108.3%;
}

#grey-pf-box p {
	margin: 3px 0px 0px;
	padding: 0px;
	color: #000;
	line-height: 108.3%;
	font-size: 83.3%;
}
#grey-pf-box {
	background: #eee;
	padding: 6px;
	height: 34px;
}
#grey-pf-box a:link, #grey-pf-box a:visited, #grey-pf-box a:hover, #grey-pf-box a:active {
	color: blue;
	text-decoration: underline;
	border: none;
}

/*------------------
events on front page
------------------*/
#front_text {
	float: left;
	width: 300px;
	padding: 0;
}
#front_text ul {
	padding: 0;
	margin: 5px;
}
#events {
	width: 215px;
	float:left;
	margin: 5px;
	padding: 10px;
	border: 1px solid #ff0000;
}
.event strong {
	color: #D02C2B;
	font-size: 116.7%;
}

/* navigation */

#navigation ul {
	line-height: 100%;
	list-style-type: none;
	margin: 0 0 0 0;
	position: relative;
	padding: 0 0 0 0;
}
#navigation > ul {
	margin-top: 0;
}
#navigation ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#navigation ul > li, #navigation ul > li li {
	margin-top: 0px;
}
#navigation ul li li {
}
#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited, #navigation ul li a:hover {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: 100;
	color: #000;
	font-size: 83.3%;
}
#navigation li ul {							/* Hide the Subnavigation */
	display: none;
}
#navigation li ul li ul {
	display: none;
}
/* Absolute positioning moves it out of the flow, so that the menu doesn't jump around
	when you mouse over it.  We have to move the thing left so that it doesn't over lap with the menu we have. */
#navigation li:hover ul, #navigation li.over ul {
	position: absolute;
	left: 235px;
	margin-top: -20px;
	display: block;
	z-index: 100;
	float: none;
}


/* Position the subnavigation li items relative, so we can adjust for browser differences later, 
	and set their width for consistency.  */
#navigation li:hover li, #navigation li.over li {
	margin: 0px;
	position: relative;
	width: 180px;
	background: #ffff33;
	padding: 6px 12px 6px 12px;
	border-bottom: 1px solid #fff;
	float: left;
	clear: both;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 91.7%;
}
#navigation li:hover li a:link, #navigation li.over li a:link {
	
	text-decoration: none;
	font-size: 83.3%;
	font-weight:100%;
}
#navigation li:hover li.hasChildren, #navigation li.over li.hasChildren {
	background: #ffff33 url('/images/dhtmlarrowY.gif');
	background-repeat: no-repeat;
	background-position: 98% 50%; 
}
#navigation li:hover li a:hover, li:hover li a:link:hover, #navigation li.over li a:link:hover {
	text-decoration: underline;
}
#navigation li:hover li {
	height: auto;
	min-height: 21px;
}
#navigation li:hover li {							/*	Position the subnavigation for firefox */
	left: -45px;
	top: -45px;
}
#navigation li.over li {							/*	Position the subnavigation for IE */
	left: -45px;
	top: -50px;
}
#navigation li:hover, #navigation li.over {				/* Set properties for the item you are over */
}
#navigation li:hover li ul, #navigation li.over li ul { 	/* can we do second level menus this way? */
	display: none;
}
#navigation li:hover li:hover ul, #navigation li.over li.over ul {
	display: block;
}
#navigation li:hover li:hover ul {					/* fix second level menus in FF */
	left: -210px;
	top: 30px;
}
#navigation li.over li.over ul { 					/* fix second level menus in IE */
	left: -210px;
	top: 40px;
}
#navigation li:hover li:hover ul, #navigation li.over li.over ul {
	position: absolute;
	left: 250px;
	display: block;
	z-index: 100;
	margin-top:20px;
}
#navigation li:hover li:hover li, #navigation li.over li.over li {
	background: #ffff33;
}
#navigation li li li li{
	display: none;
}
input[type="checkbox"], input[type="radio"], form table input[type="checkbox"], form table input[type="radio"] { /* this keeps the size of checkboxes and radio buttons in check! */
width:14px;
} 
/*----------------------------------------
	Form Styles
----------------------------------------*/
table tr td{
	vertical-align: top;
}
table.form, table.gc_cart_form, table.form2, table#rendered_form {							/* gc_cart_form is the class set on the shopping cart forms */
	width: 100%;
	border-collapse: collapse;
	background: #f3f3f3; 
}
table.resource_list{							
	width: 100%;
	border-collapse: collapse;
}
table.form2, table.gc_cart_form {
	background: #e5e5e5;
}
table.gc_cart_form {width: 500px; max-width: 500px;}
/* Think .rowdark */
table.form tr.row_odd, table.form2 tr.row_odd, table.funders tr.row_odd, table tr.rowdark {
	background: #e5e5e5;
} 	

table.form tr.row_even, table.form2 tr.row_even, table.funders tr.row_even, table tr.rowlight {background: #eee;} 	/* Think .rowlight */
/* This is for TH within the forms themselves */
table.form th, table.form2 th, table.gc_cart_form th, table#rendered_form th {
	background: #A12620;
	color: white;
	text-align: left;
	padding: 6px;
}
table tr.dark {
	background: #000;
	text-align: center;
}
/* What the heck is this? */
table.form2 th {
    background: rgb(201, 54, 0);
}
table.form td, table.form2 td, table.gc_cart_form td, table#rendered_form td {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
}
/* We think this may be custom */
table.form2 td {padding-top: 3px;}
table.gc_cart_form tr td {	padding-right: 0; }
table.form ul, table.form2 ul, table#rendered_form ul {
	margin: 0px;
	padding: 0px;
}
/* This looks stuck here. */
table.form li, table.form2 li, table#rendered_form li {list-style: none;}
/* We think this is custom This is the drop downs (selects) so this applies to all products*/
form table td select { width: 126px; color: #333333;}
/* We think this has to do with MyORG*/
form table table.subtable td { border-bottom: 2px solid white; }
form table table.subtable { border-collapse: collapse; width: 99%;}
form table table.wms_fieldset td { border: none; }
/* This is the width of the input fields (addresses?) */
form table table.wms_fieldset td input { width: 126px; }
form table table.wms_fieldset td select { width: 130px; }

/*More widgets, but for what we don't know*/
form table td table.subtable td, form table td table.subtable th, form table td table.sqlresult td, form table td table.sqlresult th { 
	vertical-align: top; 												/* top align subtable fields */
	padding-left: 3px; 
	padding-right: 3px;
} 		
/*All but OnContent*/																
.formreq { font-weight: bold;} 											/* required fields for forms */
form table tr td label {												/* align form labels right */
	display: block;
	text-align: right;
}

.required_asterisk {
	font-weight: bold;
 	color: #F00;
	vertical-align: super;
	font-size: 0.8em;
	line-height: 1em;
}

/*----------------------------------------
	Shopping Cart Styles
----------------------------------------*/
.price {
	text-align: right;} 							/* for formatting price/dollar amounts in the PRICE column in the shopping cart */
.total { text-align: right; padding-right: 3px;} 		/* for formatting price/dollar amounts in the TOTAL column in the shopping cart */
.ship_title { text-align: right; font-weight: bold;} 	/* for "Shipping", "Tax", "Subtotal", and "Total" */
.type_header { 											/* Products, Donations, and Events row headers */
/*	background-color: #E5E5E5;*/
	background-color: #f3f3f3; 
	font-weight: bold;
	color: #999999;
}
.apply_coupon {											/* format "Want to apply a coupon?" text on payment info page */
	font-weight: bold;
	text-align: center;
	background-color: #fff;
}
.terms_conditions{
	color: red; 
}
/*----------------------------------------
	Printable Receipt/Invoice Styles
----------------------------------------*/
body.receipt{
	margin-top: 0px;
	margin-left: 0px;
	background-color: #fff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 166.7%;
	color: #000000;
}
table.receipt{
	background-color: #fff;
	/* width: 620px; */
	width: 100%;
}
table.receipt tr td {vertical-align: top;}
table.receipt tr td.bottom { 					/* add horizontal line between receipt sections */
	border-bottom: 1px dashed #333333;
	padding-bottom: 5px;
}
.address_block, .address { 						/* reduce line height for address blocks */
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
p.address { padding: 0px; }
p.address:first-line { font-weight: bold; }
.ship_block { 									/* add gray box around shipping address */
	background-color: #e5e5e5;
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
.receipt_header { 								/* Products, Donations, and Events row headers */
	background-color: #e5e5e5;
	font-weight: bold;
}
h1#receipt {font-size: 18px; color: #333333;} 	/* format for the Receipt/Invoice/Packing Slip text */

/*----------------------------------------
	Add Coupon Styles
----------------------------------------*/
table.coupon {
	background-color: #fff;
	width: 280px;
}
table.coupon th {
	background: #669900;
	color: white;
	text-align: left;
	padding: 4px;
}

/*----------------------------------------
	Colored Submit Buttons
----------------------------------------*/

/* Shared Button styles start here... */
* > a.button, * > a.button_primary, * > a.button_disabled, * > input.button, * > input.button_primary, * > input.button_disabled {
	line-height: 200%;
}
input.button, input.button_primary, a.button:link, a.button:visited, a.button:hover, a.button:active, a.button_primary:link, a.button_primary:visited, a.button_primary:hover, a.button_primary:active, a.button_disabled:link, a.button_disabled:visited, a.button_disabled:hover, a.button_disabled:active {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: 4px; 
	border: 1px solid #888;
	font-weight: bold;
	cursor: pointer; 
}

/* "SUBMIT" Button styles start here... */
input.button, input.button_primary, input.button_disabled {
	padding: 2px;
	line-height: 100%;
	padding-top: 4px;
	margin-bottom: 5px;
	margin-right: 5px;
}
* > input.button, * > input.button_primary, * > input.button_disabled { padding: 2px; }

/* Adjust background colors of buttons */
a.button:link, a.button:visited, a.button:active, input.button {background-color: #999999;} 								/* Standard Buttons */
a.button:hover , input.button:hover { background-color: #666666; } 															/* Standard Buttons, hovered */
a.button_primary:link, a.button_primary:visited, a.button_primary:active, input.button_primary {
	background: #993300;
} /* Primary Buttons*/
a.button_primary:hover, input.button_primary:hover {
	background: #EA4D00;
}											/* Primary Buttons, hovered */
a.button_disabled:link, a.button_disabled:visited, a.button_disabled:hover, a.button_disabled:active, input.button_disabled {
	background-color: #666;
}
div#content a.button_primary, div#content a.button, div#content a.button_disabled{ /* Text formatting for buttons in the content div */
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
div#showmethemoney {
text-align: center;
color: red;
}

/*---------- Classes for Widgets ----------*/
.subtable_add {
	font-weight: bold;
	color: #009900;
	cursor: pointer;
	line-height: 200%;
}
.subtable_delete {
	font-weight: bold;
	cursor: pointer;
	color: #D43F00;
}

/*----*/

/*-------- STORE/CART 2009 --------*/

/*the following are requried and can be gloablized for all installations of ondeposit.  some of these styles are cross over to onevent.*/
/*price_block does not relate to onevent price blocks persay but rather the price blocks that are seen on the index.php file for ondeposit.*/
.price_block {
	background: #FFFDCE;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFD673;
	border-bottom-color: #E8E8E8;
	border-left-color: #FFD673;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #E8E8E8;
}
/*sale is not related to the way css treats a product on sale.  it simply controls the price on index.php*/
.sale {
	font-weight: bold;
	color: #FF0000;
}
/*products_cat defines the category listings on the store display (index.php) page.*/
.products_cat { 
	color: #FFF;
	background-color: #414141;
	font-weight: bold;
	font-size: 150%;
}
.products_hd { 
	color: #FFF;
	background-color: #CC3300;
	font-weight: bold;
	font-size: 120%;
}
/*i am not sure we really need to define font styles but for now we can let this be.*/
.products_body {
	font-size: 100%;
	line-height: 158.3%;
}
.products_footer {
	color: #FFF;
	background-color: #CC3300;
	font-size: 100%;
	line-height: 158.3%;
}

div#top_text {
	border-top:1px solid #eaeaea;
}

div#content div#top_text .products_footer a {
	color: #FFF;
}
.products_body .prod_img_lg {
	margin-left: 10px;
	margin-bottom: 10px;
}
.prod_img_sm {
	margin-top: 5px;
	height: 151px;
	width: 100px;
	border: 1px solid #ccc;
}
.prod_img_lg, .location_logo, .bio_image {
	height: 250px;
	width: 170px;
	border: 1px solid #ccc;
}
.prod_borders{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #E8E8E8;
}

.pgtitle {
	font-size:141.7%;
}

table.staff {
	border-spacing:0px;
	border:none;	
}

table.staff th {
	padding:5px 10px;
	background-color:#A12620;
	color:#FFF;
}

table.staff tr td {
	padding:5px 10px;
}


/* ------------ Calendar of Events CSS ---------------- */
table#home_cal_list table, table#home_cal_list td {
	padding: 0;
	margin: 0;
}
table#home_cal_list table.record tr.location td.left {
	width: 34%;
}
table.calendar {
	width: 40%;
	border: 0px none;
}
table.calendar td {
	padding: 4px;
	
}
table.calendar th {
	background-color: #A12620;
	color:#FFFFFF;
	padding-left:5px;
}

table#calendar_full {
	width: 550px;
	background-color: #999;
	border: 0px none;
	padding: 0
	
}

table#calendar_full .calendar_month_header {
	width: 100%;
	height: 16px;
	background-color: #A12620;
	color:#FFF;
	text-align: center;
}

table#calendar_full .calendar_month_header a {
	color: #FFF;
}

table#calendar_full tr.dow {
	background-color: #EEE;
}

table#calendar_full td.dow {
	text-align: center;
	font-weight: bold;
	background-color: #EEE;
	padding: 2px 0;
}

table#calendar_full .no_date {
	width: 13%;
	background-color: #999;
	height: 60px;
}

table#calendar_full .date {
	width: 13%;
	background-color: #EEE;
	text-align: left;
	vertical-align: top;
	height: 70px;
	padding-left: 2px;
	padding-bottom: 2px;
}

table#calendar_full .date_active {
	background-color: #CCC;
}

table#calendar_full td.date a.event {
	font-size: 10px;
	display: block;
	margin-bottom: 5px;
}

table#calendar_full td.date div.day {
	float: right;
	width: 18px;
	padding: 0px 0;
	text-align: center;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	color:#000;
} 

table#calendar_full td.date div.day a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

table#calendar_full td.date div.today {
	background-color: #DDD;
}

table#calendar_times_waiting tr th {
background-color:#3366FF;
}

div#calendar_event_details {
	font-weight: bold;
}

div#calendar_event_details div.title {
	font-weight:normal;
	font-size: 15pt; 
	color:blue;
	margin-bottom:10px;
}

div#calendar_event_details div.info {
	font-weight:normal;
}

div#calendar_topic_assoc_waiting_div select{
	height:auto;
}

/*---------- Knowledgebase ----------*/

tr.topic, tr.topic th {
background-color:#A12620;
font-size:1.2em;
}

tr.subtopic, tr.subtopic th {
background-color:#E83029;
font-size:1.05em;
}

form table.form tr td div#sponsor_level {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;margin:10px 5px;
	text-align:left;
}

form table.form tr td div#sponsor_level ul li {
	list-style-type:circle;
	list-style-position:outside;
	margin-left:25px;
	padding-left:4px;
}

.notes {
font-size:.9em;
line-height:1.5em;
}


/*----------------------------------------
	Goal Bars
----------------------------------------*/

/* small horizontal bar */
.measure_hor_sm {
	position: absolute;
	left:20px;	
	bottom:-10px;
}

.measure_hor_sm .fillbar {
	background:transparent url('/images/measure_hor_sm.png') no-repeat 0px 0px;
	*background-image:url('/images/measure_hor_sm.gif');
	height:22px;
	width:220px;
}

.measure_hor_sm .measure {
	background:transparent url('/images/measure_hor_sm.png') no-repeat right -22px;
	*background-image:url('/images/measure_hor_sm.gif');
	position:absolute;
	top:3px;
	left:0px;
	height:16px;
}


.measure_hor_sm .measure_holder {
	background:transparent url('/images/measure_hor_sm.png') no-repeat 0px -38px;	
	*background-image:url('/images/measure_hor_sm.gif');
	position:absolute;
	top:-7px;
	left:-10px;
	height:33px;
	width:49px;
}

.measure_hor_sm .goal {
	position:absolute;
	top:-18px;
	right:0px;
	color:#333;
	font-weight:bold;
	font-size:9px;
	line-height:16px;
}

.goal_box {
	float:left;
	margin: 0px 29px 40px 0px;
	height:140px;
	background-color:#E6E7E8;
	position:relative;
}


/* large horizontal bar */
.measure_hor_lg {
	position: relative;
	margin-top:50px;
	margin-left:20px;
}

.measure_hor_lg .fillbar {
	background:transparent url('/images/measure_hor_lg.png') no-repeat 0px 0px;
	*background-image:url('/images/measure_hor_lg.gif');
	height:45px;
	width:457px;
}

.measure_hor_lg .measure {
	background:transparent url('/images/measure_hor_lg.png') no-repeat right -45px;
	*background-image:url('/images/measure_hor_lg.gif');
	position:absolute;
	top:8px;
	left:0px;
	height:29px;
}


.measure_hor_lg .measure_holder {
	background:transparent url('/images/measure_hor_lg.png') no-repeat 0px -75px;	
	*background-image:url('/images/measure_hor_lg.gif');
	position:absolute;
	top:-11px;
	left:-10px;
	height:61px;
	width:90px;
}

.measure_hor_lg .goal_text {
	width:300px;
	margin-right:-140px;
	text-align:center;	
	position:absolute;
	right:-8px;
	top:-45px;
	background: transparent url('/images/hor_point.gif') no-repeat center 20px;
}

.measure_hor_lg .goal_met {
	background:transparent url('/images/measure_hor_lg.png') no-repeat -90px -75px;	
	*background-image:url('/images/measure_hor_lg.gif');
	position:absolute;
	top:12px;
	right:5px;
	height:21px;
	width:54px;
}

/* medium horizontal bar */
.measure_hor_md {
	position: relative;
	margin-top:50px;
	margin-left:20px;
	width:350px;
}

.measure_hor_md .fillbar {
	background:transparent url('/images/measure_hor_md.png') no-repeat 0px 0px;
	*background-image:url('/images/measure_hor_md.gif');
	height:30px;
	width:300px;
}

.measure_hor_md .measure {
	background:transparent url('/images/measure_hor_md.png') no-repeat right -30px;
	*background-image:url('/images/measure_hor_md.gif');
	position:absolute;
	top:6px;
	left:0px;
	height:18px;
}


.measure_hor_md .measure_holder {
	background:transparent url('/images/measure_hor_md.png') no-repeat 0px -49px;	
	*background-image:url('/images/measure_hor_md.gif');
	position:absolute;
	top:-6px;
	left:-5px;
	height:40px;
	width:59px;
}


.measure_hor_md .goal_text {
	width:300px;
	margin-right:-140px;
	text-align:center;	
	position:absolute;
	right:-8px;
	top:-45px;
	background: transparent url('/images/hor_point.gif') no-repeat center 20px;
}

.measure_hor_md .goal_met {
	background:transparent url('/images/measure_hor_md.png') no-repeat -60px -49px;	
	*background-image:url('/images/measure_hor_md.gif');
	position:absolute;
	top:7px;
	right:5px;
	height:13px;
	width:34px;
}

/* large vertical bar */
.measure_ver_lg {
	position: relative;
	margin-bottom:20px;
	width:46px;
	margin-left:auto;
	margin-right:auto;
}

.measure_ver_lg .fillbar {
	background:transparent url('/images/measure_ver_lg.png') no-repeat 0px 0px;
	*background-image:url('/images/measure_ver_lg.gif');
	height:272px;
	width:46px;
}

.measure_ver_lg .measure {
	background:transparent url('/images/measure_ver_lg.png') no-repeat -46px 0px;
	*background-image:url('/images/measure_ver_lg.gif');
	position:absolute;
	bottom:-2px;
	left:8px;
	width:29px;
}

.measure_ver_lg .measure_holder {
	background:transparent url('/images/measure_ver_lg.png') no-repeat -76px 0px;
	*background-image:url('/images/measure_ver_lg.gif');
	position:absolute;
	bottom:-2px;
	left:-9px;
	height:88px;
	width:60px;
}

.measure_ver_lg .goal_text {
	position:absolute;
	left:40px;
	top:-12px;
	background: transparent url('/images/vert_point.gif') no-repeat 0px 4px;
	padding-left:15px;
}

.measure_ver_lg .goal_met {
	background:transparent url('/images/measure_ver_lg.png') no-repeat -76px -88px;
	*background-image:url('/images/measure_ver_lg.gif');
	position:absolute;
	top:0px;
	right:-65px;
	height:21px;
	width:54px;
}



/*----------------------------------------
	Personal Fundraising Main Page
----------------------------------------*/

.content_left {	
	float:left;
	width:383px;
	margin: 20px;

}

.content_right {
float:right;
width:290px;
padding:0 15px;
border-left:1px solid #EAEAEA;
margin-top:20px;
}


#fundraising_login {
	float:left;
	clear:left;
	margin:10px;
	border-top:1px solid #EAEAEA;
	padding-top:20px;
}

/* login box */
#fundraising_login td {
	line-height:1em;
	padding-bottom:20px;
	background:none;

}
/* gray box with rounded edges */
.gray_box {	
	background-color:#E6E7E8;
	border: 1px solid #E6E7E8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 6px;
	padding:10px;
	margin-bottom:20px;
	float:left;
}


#fundraising_login table, #fundraising_login table tr {
	background:none;
}

#fundraising_login label {
	text-align:left;
}



#fundraising_login input.button {

	width:80px;
	height:26px;
	border:none;
}

/* featured teams */
#featured_teams {
	width:100%;
	margin-bottom:20px;
}

#featured_teams td, #featured_teams th {
	text-align:center;
	padding: 2px;
}

#featured_teams td {
	padding:5px 2px;
}

#featured_teams td.team_name, #featured_teams th.team_name {
	text-align:left;
	padding-left:4px;
}

#featured_teams tr.rowdark td {
	background-color:#f2f7fd;
}

#featured_teams tr.rowlight td {
	background-color:#E5E5E5;
}


#liquid-round {
width:99%;
margin:0px auto;
background:#fff url(images/leftside.gif) repeat-y left top;
}
#liquid-round .top {
width:100%;
height:20px;
background:url(images/top.gif) no-repeat left top;
}
#liquid-round .top span {
display:block;
position:relative;
height:20px;
background:url(images/top-right.gif) no-repeat right top;
}
#liquid-round .center-content {
position:relative;
background:url(images/rightside.gif) repeat-y right top;
padding:1px 10px 1px 10px;
margin:-1px 0 -40px 0;
text-align:center;
}
input.wide_input {
	border: 1px solid #999;
	width:210px;
}



#liquid-round .bottom {
width:100%;
height:40px;
background:url(images/bottom.gif) no-repeat left bottom;
}
#liquid-round .bottom span {
display:block;
position:relative;
height:40px;
background:url(images/bottom-right.gif) no-repeat right bottom;
}


/*----------------------------------------
	Personal Fundraising Pages
----------------------------------------*/

.pfp_login {
	padding:0px 20px 20px 20px;
}

.pfp_login a:link, .pfp_login a:visited, .pfp_login a:hover, .pfp_login a:active {
	color:#000;
	text-decoration:underline;
}

.pfp_login a:hover, .pfp_login a:active {
	text-decoration:none;
}

.pfp_pic {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/* gallery module on pfp pages */
#pfp_gallery {
	clear: left;
	width:100%;
	margin-bottom:35px;
}

#pfp_gallery .pfp_gallery_image {
	vertical-align:middle;
	text-align:center;
	padding:0px;
	background-color:#EFEFE6;
	border: none;
	width: 115px;
	float: left;
	margin-right: 20px;
}

#pfp_gallery .pfp_gallery_image img{
	border: none;
}

#pfp_gallery .pfp_gallery_image .image_full{
	display: none;
	position: absolute;
	margin-top: -40px;
	padding: 10px;
	background-color:#EFEFE6;
	border: 1px solid #BDBD9C;
}

#pfp_gallery .pfp_gallery_image .image_full img {
	border: 2px solid #CECECE;
}

#pfp_gallery .pfp_gallery_image:hover .image_full{
	display: inline;
}


#pfp_team {
	padding-bottom:30px;
}

/* facebook, twitter, tellafriend links */
.share_this a {
	float:left;
	margin-left:5px;
}

#content .share_this h1 {
	float:left;
	margin-right:5px;
	margin-top:2px;	
}

.share_this {
	width: 210px;
	margin-left:auto;	
	margin-right:auto;
}
/*
table.dualassoc th {
	background-color:#E83029;
	padding-top:3px;
	padding-bottom:3px;
}

table.dualassoc select {
	width:220px;
}
table.dualassoc {
	margin-bottom:20px;
}*/