/*----------------------------------------
	 STANDARD REDEFINED HTML STYLES
----------------------------------------*/
body {
	margin-top: 0px;
	background-color: #0082C6;
}
hr{
    border: none;
    border-top: dashed 1px #000; 
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #333333;
}
ol, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
h1{
	font-size: 18px;
	line-height: 18px;
}
h2{
	font-size: 16px;
	line-height: 18px;
}
h3{
	font-size: 14px;
	line-height: 18px;
	color: #006699;
}
h4{
	font-size: 11px;
	line-height: 18px;
}
h5, h6{
	font-size: 11px;
	line-height: 18px;
}
/*----------------------------------------
	           MISC ITEMS
----------------------------------------*/
/* ----------- ERROR MESSAGES ----------- */
.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #CC0000;
}
.errors, cc_errors, red{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #CC0000;
}
/* ----------- LINKS ----------- */
/* This removes the ugly boxed around linked images */
a img {
border: 0px;
}

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

a:hover {
text-decoration: none;
}


/*----------------------------------------
	   FORMATTING SELECTOR STYLES
----------------------------------------*/
/*------ORANGE FOR HOME------*/
#orange{
	background-color: #FF9900;
	vertical-align: top;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
	width: 222px;
}
/*------SEARCH FOR HOME & INNER PAGE------*/
#search {
	background-color: #E5E5E5;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
}

/* ------- TOP LINKS FOR HOME AND INNER -------- */
p#top_links_home {
	padding:0px;
	margin:0px;
	text-align:right;
	color:#666666;
	margin-bottom:4px;
	margin-right:15px;
	font-size:10px;
}
p#top_links_home a:link, p#top_links_home a:visited, p#top_links_home a:hover, p#top_links_home a:active {
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	color:#666666;
}

p#top_links {
	padding:0px;
	margin:0px;
	text-align:right;
	color:#666666;
	font-size:10px;
}
p#top_links a:link, p#top_links a:visited, p#top_links a:hover, p#top_links a:active {
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	color:#4D4D4D;
}

/*------FEATURED NEWS BLOCK ON HOME PAGE------*/
#featurednews{
	background-color: #CFCECE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 18px;
}
/*------CONTENT AREA FOR BOTH HOME AND INNER------*/
#content{
	padding: 18px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	background-color: #FFFFFF;
}
/*------YELLOW BAR ON INNER PAGE------*/
#yellow{
	height: 31px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 2px;
}
/*------THE BLUE BARS UNDER THE ORANGE------*/
#blues{
	background-image: url(/images/bar_blue.gif);
	height: 21px;
}
/*------WHITE UNDER PIC ON INNER------*/
#bottom{
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
}
/*----------------------------------------
	     Catch All Form Styles
----------------------------------------*/
.formfield, #formfield {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center;
}
table tr td{
	vertical-align: top;
}
/* gc_cart_form is the class set on the shopping cart forms */
table.form, table.gc_cart_form, table.form2 {							
	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;} 	
/* Think .rowlight */
table.form tr.row_even, table.form2 tr.row_even, table.funders tr.row_even, table tr.rowlight {background: #eee;} 	
table.form th, table.form2 th, table.gc_cart_form th {
	background: #0082C6;
	color: white;
	text-align: left;
	padding: 6px;
}
table tr.dark {
	background: #000;
	text-align: center;
}
table.form tr.subhead {
	background-color:#333333;
	font-weight:bold;
	color:#ffffff;
}
/*
table.form2 th {
    background: rgb(201, 54, 0);
}
*/
table.form td, table.form2 td, table.gc_cart_form td {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
}
table.form2 td {padding-top: 3px;}
table.gc_cart_form tr td {	padding-right: 0; }
table.form ul, table.form2 ul {
	margin: 0px;
	padding: 0px;
}
table.form li, table.form2 li {list-style: none;}
form table td select { width: 126px; color: #333333;}
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; }
form table table.wms_fieldset td input { width: 126px; }
form table table.wms_fieldset td select { width: 130px; }

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;
} 			
/* required fields for forms */															
.formreq { font-weight: bold;}
/* align form labels right */		
form table tr td label, form table.form tr td label {
	display: block;
	text-align: right;
}
table.form select {
	width:173px;
}

/*----------------------------------------
	Shopping Cart Styles
----------------------------------------*/
/* for formatting price/dollar amounts in the PRICE column in the shopping cart */
.price {
	text-align: right;} 							
.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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	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; }
/* add gray box around shipping address */
.ship_block { 
	background-color: #e5e5e5;
	line-height: 1.2em;
	padding: 5px 0px 5px 7px;
}
/* Products, Donations, and Events row headers */
.receipt_header {
	background-color: #e5e5e5;
	font-weight: bold;
}
/* format for the Receipt/Invoice/Packing Slip text */
h1#receipt {font-size: 18px; color: #333333;}

/*----------------------------------------
	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: 2em;
}
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: 1.0em;
	padding-top: 4px;
	margin-bottom: 5px;
	margin-right: 5px;
}
* > input.button, * > input.button_primary, * > input.button_disabled { padding: 2px; }

/* Adjust background colors of buttons */
/* Standard Buttons */
a.button:link, a.button:visited, a.button:active, input.button {background-color: #999999;}
/* Standard Buttons, hovered */
a.button:hover , input.button:hover { background-color: #666666; }
a.button_primary:link, a.button_primary:visited, a.button_primary:active, input.button_primary {background-color: #669900;} /* Primary Buttons*/
a.button_primary:hover, input.button_primary:hover { background-color: #66CC00; }											/* 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;
}
/*----------------------------------------
	        MyORG Styles
----------------------------------------*/
table#rendered_form {
	width: 100%;
}
/* align form labels right */
form.crm table tr td label {
	display: block;
	text-align: right;
}
/* table & subtable properties */
form.crm, table.crm, table.crm_subtable {
	width: 99%;
	background: #fff;
	color: #333333;
	font-size: 12px;
	line-height: 1.6em;
}
/*subtables for orders, events and communications */
table.crm_subtable {
	margin: 0px 0px 3px 0px;
	padding: 5px;
	border-collapse: collapse;
}
table.crm tr td.white {	background: #fff;} 					/* to get table cells with white background */
form.crm table tr th, table.crm tr th{ 						/* here is the red row header color, jordan */
	color: #FFFFFF;
	background-color: #0082C6;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding-left: 3px;
}
table.crm_subtable tr th, form.crm table.subtable tr th { 	/* row subheads for orders, events, and communication */
	color: #333333;
	font-size: 12px;
	line-height: 1.6em;
	font-weight: bold;
	background-color: #fff;
}
/* formatting for the Action(s) column */
table.crm_subtable tr th.action{
	text-align: center;
	width: 33%;
}
table.crm_subtable tr th.amount{text-align: right;}
form.crm tr td, table.crm tr td, table.crm_subtable tr td { /* td padding & alignment */
	vertical-align: top;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: -7px;
	background-color: #e5e5e5;	
}
table.crm_subtable tr td { padding: 0px; } 					/* no td padding for subtables */
table.crm_subtable tr td.view_img{ 							/* align img icons in the Action(s) column */
	vertical-align: middle;
	text-align: center;
}
/* format lists */
form.crm table ul, table.crm ul{
	padding-left: 15px;
	margin: 0px;
}
/* format lists */
form.crm table li, table.crm li {padding-left: 0px;}	
/* yellow color for returning users log in box */	
.login_box { background-color: #ffff99; }		

/* ---------------------------------------
	OnCue Styles
-----------------------------------------*/	
#oncue select.assoc, #oncue textarea, #oncue select {
	width:280px;
}
#oncue textarea {
	height:100px;
}

/*----------------------------------------
	Printer Friendly Styles
----------------------------------------*/
#print-icon {
	float: right;
}
#grey-pf-box h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #000;
	line-height: 1.1em;
}
#grey-pf-box p {
	margin: 3px 0px 0px;
	padding: 0px;
	color: #000;
	line-height: 1.1em;
	font-size: 10px;
}
#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;
}
/*----------------------------------------
	     Library Styles
----------------------------------------*/
table#library, table#library_arch, table#events {
	width: 99%;
	border-collapse: collapse;
	border: none;
/* I would normally not put the font here but it was the only way that I could control the font on the home page. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
/* Table Headers for Library */
table#library tr th, table#library_arch tr th{
	background-color: #8dc63b;
	padding: 5px;
	padding-left: 10px;
	color: #fff;
	font-weight: bold;
}
table#library tr td, table#events tr td {
	padding: 5px;
}
table#library_arch tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
table#library tr td.white, table#library_arch tr td.white{
	background-color: #fff;
}
table#library tr td img, table#events tr td img {
	margin-top: 5px;
	margin-left: 10px;
}
table#library_arch tr td.fileicon{
	width: 40px;
}
table#library_arch tr td img {
	margin-left: 15px;
	margin-right: -15px;
	padding-right: 0px;
}
.library_file br{
	line-height: 5px;
}
.library_blurb{
	width: 250px;
	height: 100px;
}
/* IMG MODULE, LIZ SAID TO INCLUDE THESE BUT GAVE NO DETAILS */
.img_rotate_image{
}
.img_rotate_image_default{
}
.img_rotate_flash_object{
}
.img_rotate_flash_embed{
}
.rwj{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #333333;
}

/* Styles for the little add/delete addresses / phones buttons */
#crm_phones img.subtable_delete, #crm_addresses img.subtable_delete {
	cursor:pointer;
}

/* ----------- STORE FONTS ----------- */
.sale {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #FF0000;
}
.price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}
.products_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}
#products_table, .products_table {
	background-color: #FFF9E5;
}
.products_hd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #333333;
}
.price_block{
	text-align: center;
}
.prod_img_sm {
	margin-top: 5px;
	height: 100px;
	width: 70px;
	border: 1px solid #ccc;
}
.prod_img_lg, .location_logo, .bio_image {
	height: 200px;
	width: 150px;
	border: 1px solid #ccc;
}
.location_map {
	float: right;
	clear: both;
	padding: 12px 0;
	padding-left: 12px;
}
.price_block {
	text-align: center;
	border-bottom: 2px solid white;
	background-color: #FFCC00;
}
table#products_table tr td, table.products_table tr td {vertical-align: top;}
/*--------------------------------------------
	Classes for Widgets
---------------------------------------------*/
.subtable_add {
	font-weight: bold;
	color: #009900;
	cursor: pointer;
	line-height: 2em;
}
.subtable_delete {
	font-weight: bold;
	cursor: pointer;
	color: #D43F00;
}

/******* patterson award custom div ********/
div.pfText {
	overflow:visible;
}
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;
} 

.note {
	font-size: 0.8em;
}

span.sub {
	color: #06C;
}