/* CSS for Itero's wrapper in wp1_ security category */

body {
	background: #B2B296; /* Dark Beige */
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #595958; /* Dark Grey */
	font-size: 12px;
}

table, th, tr, td, p, blockquote, ul, ol, li, div, span, a {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #595958; /* Dark Grey */
	font-size: 12px;
}

a {
	color: #1B547A; /* Dark Blue */
}

a 				{font-weight: bold;}
a:link		{color: #1B547A; /* Dark Blue */ }
a:visited	{color: #515588; /* Medium Light Purple */ }
a:hover		{text-decoration: underline; color: #0063A5; /* Blue */ }

table#bottom {
	background:   url("../images/wp1_sfc/pw/bg-shadow-bottom.gif") top center no-repeat;
}

table#bottom td {
	padding: 12px 24px;
	color: #343232; /* Very Dark Grey */
	font-size: 11px;
}

#mainContent {
	padding: 1px 15px 20px 15px;
}






/* STYLES FOR MENUS in wp1_PWtop */
#navWhatIsSFC, #navWhoIsMADD, #navParticipate, #navSelectACity, #navMySFC {
	float: left;
}

#menuWhatIsSFC {
	width: 203px;
}

#menuSelectACity {
	 width: 150px; 
}

#menuMySFC {
	width: 168px;
}


.menuOver, .menuOut {
	position: absolute;
	margin-top: 30px;
	margin-left: 2px;
	width: 175px;
	z-index: 1;
}

.menuOver {
	background: #CCCCBA; /* Greyish Beige */
	border: 1px solid #595958; /* Dark Grey */
}

.menuOut {
	display: none;
}


.menuItemOver, .menuItemOut {
	border-bottom: 1px dashed #595958; /* Dark Grey */
	padding: 3px 5px;
	font-weight: bold;
	font-size: 12px;
}

.menuItemOver {
	background: #595958; /* Dark Grey */
	color: #F3F7AC; /* Butter Cream Yellow */
}
	.menuItemOver a, .menuItemOver a:link, .menuItemOver a:visited, .menuItemOver a:hover {
		text-decoration: underline;
		color: #F3F7AC; /* Butter Cream Yellow */
	}
		.menuItemOver a:visited	{
			color: #E8E8CC; /* Light Beige */
		}

.menuItemOut {
	background: #CCCCBA; /* Greyish Beige */
	color: #595958; /* Dark Grey */
}
	.menuItemOut a, .menuItemOut a:link, .menuItemOut a:visited, .menuItemOut a:hover {
		text-decoration: none;
		color: #595958; /* Dark Grey */
	}
	.menuItemOut a:visited	{
		color: #7A7A79; /* Dark Grey [-80%] */
	}




/* Styles for the wp1_ site and to override standard convio css */
.Smaller, .Smaller div, .Smaller p,.Smaller blockquote, .Smaller ul, .Smaller ol, .Smaller li, .Smaller a {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
}

.Hint, .trib_hint {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.imageBorder {
	border: 1px solid #595958; /* Dark Grey */
}

.sectionhead {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000000;
	font-weight: bold;
}

.subhead {
	color: #ed1d4a; /* Red */
	font-size: 15px;
	font-weight: bold;
	padding-top: 6px;
}

.sponsorName {
	width: 200px;
	border: 1px solid #5B9233; /* Green */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1B547A; /* Dark Blue */
	padding: 10px;
}


.PageTitle {
	font-size: 18px;
	font-weight: bold;
	color: #54496C; /* Purple */
}


.red {
	color: #FF1C20; /* Bright Red */
}




.FormBox {
	background-color: #E8E8CC; /* Light Beige */
}

div.FormBox, div.FormBoxNoWidth {
	background-color: #E8E8CC; /* Light Beige */
	border: 1px solid #7A7A79; /* Dark Grey [-80%] */
}

table.FormBox {
	border: 1px solid #7A6E67; /* footer dk grey */
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: #E8E8CC; /* Light Beige */
}

.FormBoxNoWidth .Divider {
	background-color: #E8E8CC; /* Light Beige */
}

.FormBox .dividerHeading {
	background-color: #E8E8CC; /* Light Beige */
}

.FormBoxNoWidth .dividerHeading {
	background-color: #E8E8CC; /* Light Beige */
}


/*
	List Control
*/

table.lc_Table {
	border-top: 1px solid #595958; /* Dark Grey */
	border-right: 1px solid #595958; /* Dark Grey */
	border-bottom: 1px solid #595958; /* Dark Grey */
	border-left: 1px solid #595958; /* Dark Grey */
}

/*  column headers */
th.lc_Heading {
	background-color: #595958; /* Dark Grey */
	border-top: 1px solid #E8E8CC; /* Light Beige */
	border-bottom: 1px solid #E8E8CC; /* Light Beige */ /* #CCCCBA; /* Greyish Beige */
	border-left: 1px solid #E8E8CC; /* Light Beige */ /*#CCCCBA; /* Greyish Beige */
	text-align: left;
}

th.lc_Heading, th.lc_Heading span, th.lc_HeadingSort {
	padding: 3px;
	color: #FFFFFF; /* white */
}

/* sort buttons */
th.lc_HeadingSort {
	border-top: 1px solid #E8E8CC; /* Light Beige */
	border-bottom: 1px solid #CCCCBA; /* Greyish Beige */
	background-color: #595958; /* Dark Grey */
	text-align: right;
}

/* line items */

tr.lc_Row0 {
	background-color: #E8E8CC; /* Light Beige */
	
}

tr.lc_Row1 {
	background-color: #FFFFFF; /* white */
}

/* each cell */
td.lc_Cell {
	border-left: 1px solid #CCCCBA; /* Greyish Beige */
	border-bottom: 1px solid #CCCCBA; /* Greyish Beige */
	padding: 3px;
}






/* Team Raiser Customizations: */
/* City Homepages: */
table.addBorder {
	border: 1px none;
	background: #CCCCBA; /* Greyish Beige */
	width: 199px;
}

.controlArea {
	background: #CCCCBA; /* Greyish Beige */
	font-size: 11px;
}

.controlArea dl dt span.Explicit, .controlArea dl dd span.Explicit {
	color: #595958; /* Dark Grey */
	font-size: 11px;
}

.controlArea dl dt span.Explicit {
	font-weight: bold;
	margin: 6px 0px 0px 4px;
}


.controlArea dl dd span.Explicit {
	margin: 0px 0px 0px -30px;
}


ol div.subIndent {
	padding: 0px;
	margin: 0px 0px 0px -40px;
}

ol div.subIndent p.Smaller {
	margin: 0px 0px 3px 0px;
}

ol div.subIndent ol.Smaller {
	font-size: 10px;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	#margin-left: 24px; /* Makes Windows IE Play Nice */
}

ol div.subIndent ol.Smaller li.Smaller {
	font-size: 10px;
	padding-bottom: 3px;
}

ol div.subIndent ol.Smaller li.Smaller a {
	font-size: 10px;
}

/* Tribute Book Styles */
#mainContent iframe {
	border: 1px solid #D0D0CE; /* Light Grey */
	width: 664px;
}

#trib_content {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#trib_summary {
	/* supposed to be copied from .subhead */
	color: #5B9233; /* Green */
	font-size: 15px;
	font-weight: bold;
	padding-top: 6px;
	
	padding-left: 6px;
}

.trib_heading {
	font-weight: bold;
	float: left;
	padding-left: 16px;
}

.trib_data {
	display: block;
	padding-left: 120px;
}

.trib_row0, .trib_row1 {
	padding: 10px 0px;
	background: #FFFFFF;
	border-top: 1px solid #7A7A79; /* Dark Grey [-80%] */

}

.trib_row0 {
	background: #E8E8CC;
}







/*
	-- Donations and Friendraiser --
*/

p.cstmTitle, .cstmTitle { /* .cstmTitle is for TeamRaiser pages */
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #54496C; /* Purple */
}

p.ObjTitle, p.cstmHeading {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	color: #5B9233; /* Green */
	margin-top: 17px;
}

p.cstmHeading {
	margin-top: 0px;
}

table.cstmBack, td.cstmBack {
	background-color: #CCCCBA; /* Greyish Beige */
	border: 1px solid #B2B296; /* Dark Beige */
	background-image: URL(../images/sp.gif);
	margin: 0px 5px 5px 0px;
}

td.cstmBack {
	border: 0px none;
}

.cstmFrame {
	background-color: #CCCCBA; /* Greyish Beige */
}

div.addBorder {
	background-color: #FFFFFF;
  border: 1px solid #7A7A79; /* Dark Grey [-80%] */
}



div.FormBox p strong, table.FormBox p.SectionHead, div.smallMargin p.SectionHead {
	display: block;
	padding: 4px;
	padding-top: 5px;
	font-size: 14px;
}

div.FormBox table p strong, table.FormBox table p.SectionHead, div.smallMargin table p.SectionHead {
	padding: 0px;
	font-size: 11px;
	color: #000000;
}

div.messageArea {
	background: #FFEDC9; /* Yellow Orange [+75%] */
	border: 1px solid #D0D0CE; /* Light Grey */
}


.Instructions {
	background-color: #FFDB93; /* Yellow Orange [+50%]*/
	background-image: URL(../images/sp.gif);
	border-bottom: 1px solid #FF1C20; /* Bright Red */
	border-top: 1px solid #FF1C20; /* Bright Red */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding: 5px 6px;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.Instructions {
	border: #000 1px solid;
}

.WhatNext {
	font-size: 10px;
	background-color: #FFDB93; /* Yellow Orange [+50%]*/
	background-image: URL(../images/sp.gif);
}

div.WhatNext {
	border: 1px solid #FF1C20; /* Bright Red */
	background-color: #FFDB93; /* Yellow Orange [+50%]*/
	background-image: URL(../images/sp.gif);
	padding: 0px 4px;
}

table.WhatNext {
	border: 1px solid #FF1C20; /* Bright Red */
}





.ProgressBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFEDC9; /* Yellow Orange [+75%] */
	color: #595958; /* Dark Grey */
}

.ProgressBoxCurrent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #595958; /* Dark Grey */
}

table.ProgressBox {
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #7A7A79; /* Dark grey [-80%] */
	
}

td.ProgressBox {
	padding: 0px 4px;
}

.ProgressBox p {
	line-height: 12px;
	margin: 0px;
	padding-bottom: 2px;
}

.ProgressBoxCurrent {
	padding: 0px 4px;
	line-height: 12px;
	margin: 0px;
}

td.ProgressBoxCurrent {
	border-left: 1px solid #D0D0CE; /* Light Grey */
	border-right: 1px solid #D0D0CE; /* Light Grey */
}


a.ProgressBox:link {
	font-size: 10px;
	color: #595958; /* Dark Grey */
	font-weight: normal;
	text-decoration:none;
}
a.ProgressBox:visited {
	font-size: 10px;
	color: #595958; /* Dark Grey */
	font-weight: normal;
	text-decoration:none;
}
a.ProgressBox:hover {
	font-size: 10px;
	color: #0063A5; /* Blue */
	font-weight: normal;
	text-decoration: underline;
}




/*
	During the making of a donation
	Donation_UD_Progress_Bar.tpt
*/
table.ProgressBack {
	background-color: #fff;
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
	border-style: hidden;
}

table.ProgressBack table.Backed {
	border-spacing: 2px;
}

td.currentItem, th.currentItem {
	border: 1px solid #54496C; /* Purple */
	background-color: #B2B296; /* Dark Beige */
	color: #000000;
	margin: 1px;
}

td.finishedItem {
	border: 1px solid #B2B296; /* Dark Beige */
	background-color: #CCCCBA; /* Greyish Beige */
	color: #595958; /* Dark Grey */
	margin: 1px;
	background-image: URL(../images/sp.gif);
}

td.nextItem {
	border: 1px solid #CCCCBA; /* Greyish Beige */
	background-color: #E8E8CC; /* Light Beige */
	color: #7A7A79; /* Dark Grey [-80%] */
	margin: 1px;
	background-image: URL(../images/sp.gif);
}

td.finishedItem p.progressItem, td.nextItem p.progressItem {
	font-size: 11px;
	padding-top: 1px;
}

th.currentItem p.progressItem, td.currentItem p.progressItem {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}





.cityUpdateArea {
	overflow: hidden; 
	max-height:375px;
}