/*reset*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {margin:0; padding:0; }

table {border-collapse:collapse; border-spacing:0; }

fieldset,img {border:0;}

caption,th  {text-align:left; }

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; }

q:before,q:after {content:''; }

abbr,acronym  {border:0; }


/*fonts*/

body, input, textarea {font:10pt Arial,Lucinda Grande,Helvetica,Verdana,sans-serif;}

table  {font-size:inherit; font: 100% }

/* Page */
body {
	margin: 0 auto;
	}

div#dynamicContent {
	margin: 15px auto;
	text-align: left;
	width: 98%;
	}

div#dynamicContent h1 {font-size: 150%; font-weight: bold; }
div#dynamicContent h2 {font-size: 130% }
div#dynamicContent h3 {font-size: 110% }

div#dynamicContent h1 { margin-bottom: 8px }
div#dynamicContent p { margin-bottom: 8px; line-height:1.3em }

div#dynamicContent p.accountInfo {text-align: right; font-size: 11px }
div#dynamicContent span.accountInfo {font-size: 11px; margin-bottom: 10px; color: #666; clear: left }

body.RadEContentBordered { background-color: #fff} /* Rad Editor */

/* General Form Elements */
input.required, textarea.required {
	border: 1px solid #999;
	}
	
input.validation-failed, textarea.validation-failed {
	border: 1px solid #cc0000;
	color : #000;
	}
	
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
	}

div.validation-advice {
	font-weight: bold;
	color : #FFF;
	background-color: #FF3300;
	border: 1px solid #FF3300;
	clear: left;
	margin: 0;
	padding: 2px;
	width: 100%;
}

div.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
	}

fieldset {	}

legend { }

div.form-row  {
	clear: both;
	padding: 0.2em 0;
	}
	
	.narrow { width: 80% }
	.wide { width: 95% }	
	.divAccount { float: left; width: 100% }
	
div.form-row label {
	font-weight: bold;
	color: #333;
	display: block;
	text-align:left;
	}

div.form-row input { 
	margin-bottom: 2px;
	padding: 2px;
	width: 100%;
	}

div.form-row input.urlName { 
	clear: none; 
	margin-left: 5px;
	width: 30%  }
	
div.form-row textarea {	 
	margin-bottom: 2px; 
	padding: 2px;
	width: 100%
	}

.hint {
	font-size: 8pt;
	color: #474747;
	display: block;
	}
	
.disabled { 
	font-size: 11px;
	font-style: italic;
	color: #666;
	}

.shortURL {
	font-size: 11px;
	font-style: italic;
	color: #0000EE;
	}

.dollarSign { font-weight: bold; clear: left; display: block; float: left; margin-top: 4px; margin-right: 2px;  }

.errorValidation {
	font-size: 11px;
	color: #cc0000;
	clear: both;
	display: block;
	}

img.hideImage {
	visibility:hidden; 
	width: 1px; 
	height: 1px
}	

/* Form Buttons */
p.submit {
	font-size:11px;
	color:#666666;
	margin-top: 8px;
	margin-bottom: 5px;
}
	
p.submit input.submit { 
	font-size: 8pt;
	font-weight: bold;
	color: #000;	
	border: 3px double #474747;
	border-top-color: #757575;
	border-left-color: #757575;
	background: #fff url(../images/buttonbkgd_gray.jpg) repeat-x 0 0 ;	
	padding: 0.15em 0.25em;
}

p.submit input.submit:hover { 
	border: 3px double #757575;
	border-top-color: #474747;
	border-left-color: #474747;
	background: #fff url(/images/buttonbkgd_gray.jpg) repeat-x 0 -30px;
}	

p.donate {
	font-size:11px;
	color:#666666;
	margin: 2px 2px 0;
	padding: 0;
	padding-top: 5px;
	text-align: center;
	clear: both
	}
	
input.donate { 
	font-size: 10pt;
	font-weight: bold;
	color: #fff;	
	border: 3px double #000;
	border-top-color: #cc0000;
	border-left-color: #cc0000;
	background-color: #fff;
	background-image: url(/images/buttonbkgd_red.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 0.2em 0.65em 0.3em ;
	width: 85px;
	height: auto;
	}
		
input.donate:hover { 
	border: 3px double #990000;
	border-top-color: #660000;
	border-left-color: #660000;
	background: #fff url(/images/buttonbkgd_red.jpg) repeat-x left -30px;			
	}
	
div.btnOff { border: 1px solid #c8c8c8; margin: 0 auto 10px auto; width: 82px }
	
div.donateDisabled { 
	font-size: 10pt;
	font-weight: bold;
	color: #fff;	
	border: 2px solid #fff;
	background: #d8d8d8;	
	padding-top: 3px;
	width: auto;
	height: 22px;
	text-align: center
	}

a.link_cancel {	color: #cc0000; }

/* Default Data Grid  */	

.DataGrid{
	margin-left: 10px;
	margin-right: 0;
	margin-bottom: 10px;
}

.DataGridBody{
	border: solid 1px #5584cb;
	background-color: #ffffff;
}

.DataGridHeader{
	font-weight: bold;
	font-size: 8pt;
	font-family: Tahoma,"Lucinda Grande",Verdana,Arial,Helvetica,clean,sans-serif;
	text-decoration: none;
	color: #ffffff; 
	float:left;
	margin: 0px;
	padding-top: 5px;
	vertical-align: middle;
	height:25px;
	border: solid 1px #5584cb;
	border-bottom-width: 0px;
	background:url('/images/body_header.gif') repeat-x; 
}

.DataGridHeaderLeft {
	float: left;
	font-family: Tahoma,"Lucinda Grande",Verdana,Arial,Helvetica,clean,sans-serif;
	text-align: left;
	color: #fff;
	vertical-align:middle;
}

.DataGridHeaderRight {
	float: right;
	text-align: right;
	color: #fff;
	vertical-align:middle;
}
  
.DataGridTable{
	background-color: #A4C1EF;
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
	font-family: Tahoma,"Lucinda Grande",Verdana,Arial,Helvetica,clean,sans-serif;
	text-decoration: none;
	clear:both;
	border-collapse: collapse;
}


.GridViewHeaderStyle {
	background-color: #A4C1EF;
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	font-family: Tahoma,"Lucinda Grande",Verdana,Arial,Helvetica,clean,sans-serif;
	text-decoration: none;
	background:url(/images/table_fieldheader_bg.gif) repeat-x;
}

.DataGridFooterStyle {
	font-family: Tahoma,"Lucinda Grande",Verdana,Arial,Helvetica,clean,sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

.DataGridItemStyle{
	background-color: #ffffff;
	vertical-align: text-top;
}

.DataGridAlternatingItemStyle{
	background-color: #e9f1ff;
	vertical-align:text-top;
}

div.grid_data {clear: left; margin-top: 8px; margin-bottom: 5px; z-index: 1;} /* IE fix to align table */
div.grid_data table {border-collapse:collapse; z-index: 1}
div.grid_data th {font-weight: bold; padding:0.4em; } 
div.grid_data th a {color: #032F76;}
div.grid_data th a:hover {color: #032F76;}
div.grid_data td.col {border-right:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF; padding:0.3em; font-size:8pt; overflow: inherit}
div.grid_data .yui-dt-odd {background-color:#EFF5FF;} /*light blue*/
div.grid_data tr:hover {background-color:#E5EFC2;} /*light green */
div.grid tr.last {border-bottom: none}
div.grid_data td.first { border-left:1px solid #AFAFAF; } 
div.grid_data td.last { padding-right: 25px; border-right:1px solid #AFAFAF; } 

div.grid_data tr.GridViewHeaderStyle { color: #2F2C2C; border-bottom:1px solid #AFAFAF; background: url(/images/datagrid_headerBgGray.gif) repeat-x left top }
div.grid_data tr.GridViewHeaderStyle a:hover { background: none;}
div.grid_data tr.GridViewHeaderStyle th { border: 1px solid #AFAFAF; padding: 8px 5px }
div.grid_data tr.GridViewHeaderStyle td.last { border-right: none }
div.grid_data .GridViewAlternatingItemStyle { background-color: #eaebf1; }
div.grid_data tr.GridViewFooterStyle { font-weight: normal; color: #2F2C2C; border-top:1px solid #E9E9E9;   }
div.grid_data table tr.GridViewFooterStyle table { border: none; border-collapse: collapse; margin: 0; margin-left: 2px; padding: 0 }
div.grid_data table tr.GridViewFooterStyle table td { border: none; font-size: 11px; padding: 0.2em; }
div.grid_data tr.GridViewFooterStyle td { border-right:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF; border-left:1px solid #AFAFAF; background: url(/images/datagrid_footerBgGray.gif) repeat top left; height: 23px }
div.grid_data div.GridViewFooterStyle {
	font-size: 11px;
	font-weight: normal;
	color: #2F2C2C; 
	border-right:1px solid #AFAFAF;
	border-bottom:1px solid #AFAFAF;
	border-left:1px solid #AFAFAF;
	background: url(/images/datagrid_footerBgGray.gif) repeat center top; 
	margin: 0 0 0 -1px; /* IE hack margin-left:0 */
	padding: 3px 4px 0 0;
	text-align: right;
	height: 20px
	}

div.grid_data div.GridViewFooterStyle span {font-style: normal;}

div.grid_data input.btnPageFirst,
div.grid_data input.btnPagePrevious,
div.grid_data input.btnPageNext,
div.grid_data input.btnPageLast {
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand /* for IE 5.x */
	}
	
div.grid_data input.btnPageFirst { background: transparent url(/images/control_start_blue.gif) no-repeat center top }
div.grid_data input.btnPagePrevious { background: transparent url(/images/control_rewind_blue.gif) no-repeat center top }
div.grid_data input.btnPageNext { background: transparent url(/images/control_fastforward_blue.gif) no-repeat center top }
div.grid_data input.btnPageLast { background: transparent url(/images/control_end_blue.gif) no-repeat center top }
	
/* Form Specific */
div#form_content { 
	float: left;
	display: inline;
	width: 70%;
	margin-right: 20px;
}

div#form_content p { line-height: 1.5em }

/* Content Specific */
.dottedline { border-bottom: 1px dotted #666; margin-bottom: 3px }

div.box { 
	border: 1px solid #bdcfdc;
	margin: 10px 0;
}
	
div.box_inner { 
	margin: 2px;
	padding: 5px;
}
	
div.signUpPage div.box_inner {	background-color: #e2eaef; } 

div.fundraisingPage div.box_inner,
	div.fundraisingAdmin div.box_inner  {background-color: #e2eaef }
div.fundraisingPage div.box_inner a,
	div.fundraisingAdmin div.box_inner a,
	div.fundraisingAdmin div.box_inner span { font-size: 11px; }
div.fundraisingPage div.box_inner h2,
	div.fundraisingPage div.box_inner h2 a { 
	font-size: 11pt;
	font-weight: bold;
}
		
/* Collapse and Expand Headers */
/* h2 {position: relative } 

h2 a.triggerCollapseExpand,
h2 a.triggerCollapseExpand {
	position: absolute;
	right: 0;
	margin-right: 4px;
}*/
	
/* Sign Up Page */
div.signUpPage div#form_content { width: 50% }

/* Edit Fundraising Page */
body.RadEContentBordered p { line-height:1.2em }
body.RadEContentBordered div.form-row input { width: 35px }

/* View Fundraising Page */
div.personal_message { padding: 5px 5px 0 }
div#dynamicContent div.personal_message p {
	margin-bottom: 0; 
	padding: 0;
	line-height: 1.3em
}

.fixedText {
	color: #666; 
	font-size: 8pt;
	font-style: italic;
	border-top: 1px dotted #6d96af;
	padding-top: 5px
}

div#dynamicContent div.fixedPersonalMessage p { font-size: 9pt; font-weight: bold; margin-bottom: 0;  }
div.fixedSpreadTheWord p { font-size: 9pt; margin-bottom: 8px }

p br {line-height: .8em}


/* Fundraising Admin */
div.intro_message { margin-bottom: 8px }
div.fundraisingAdmin div#form_content h2 {
	font-size: 115%;
	font-weight: bold;
	border-bottom: 1px dotted #6d96af;
	margin-top: 15px;
	padding-bottom: 3px;
	clear: left
}
	
div.fundraisingAdmin div#form_content h3 {
	font-size: 11pt;
	font-weight: bold;
	padding-bottom: 3px;
	clear: left
}

div.fundraisingAdmin div#form_content h4 {
	font-size: 10pt;
	font-weight: bold;
	margin-top: 15px;
	padding-bottom: 3px;
	clear: left
}
 
div.fundraisingAdmin div#form_content ul,
div#sidebar ul.statsInfo {
	list-style:none;
	margin: 0;
	margin: 10px 0 0 8px;
	padding: 0;
	clear: both;
}

div.fundraisingAdmin div#form_content ul li,
div#sidebar ul.statsInfo li {
	font-size: 11px;
	font-weight: bold;
	clear: both;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

div.fundraisingAdmin div#form_content ul li em,
div#sidebar ul.statsInfo li em {
	font-style: normal;
	float: left;
	width: 80px;
}	
		
div.fundraisingAdmin div#form_content ul li span,
div#sidebar ul.statsInfo li span {
	font-weight: normal;
	float: left;
	width: 50px;
	text-align: right
}
		
div.fundraisingAdmin div#form_content p.accountLinks {
	font-size: 9pt;
	line-height: 1.5em;
	background: url(/images/bullet_arrow.gif) no-repeat 0% 3px;
	margin-top: 10px;
	padding-left: 18px;
}
		
div.fundraisingAdmin div#form_content p.accountLinks span {
	line-height: 1.2em;
	}

p.spreadTheWordMessageFixed {
	font-size: 8pt;
	background: #EFEFEF;
	border: 1px solid #999; 
	padding: 4px 3px; 
	width:99.7%; 
	color: #666
}
	

div.divAccount label { width: 150px; float: left; display: block; margin-right: 10px; margin-bottom: 3px; clear: left }
div.divAccount span { float: left; display: block; width: 200px; clear: right}		

/* Sidebar */
div#sidebar, div.sidebar {
	float: left;
	display: inline;
}

div.fundraisingAdmin div#sidebar, 
	div.fundraisingPage div#sidebar,
	div.fundraisingAdmin div.sidebar { margin-top: 5px }

div#sidebar p, div.sidebar p { 
	line-height: 1.2em; 
	margin-bottom: 10px 
}

/* Sign Up Page Sidebar */ 
.signUp_content { width: 40% }
.signUp_content h3 { 
	font-weight: bold;
	background: #e2eaef;
	border-bottom: 1px solid #bdcfdc;
	margin-bottom: 10px;
	padding: 2px 2px 2px 5px;
}
	
.signUp_content ol.steps { 
	list-style: decimal;
	font-weight: bold 
}
	
.signUp_content ol.steps li { 
	line-height: 1.2em; 
	margin-bottom: 10px;
	margin-left: 25px
}
	
.signUp_content ol.steps li.last { 
	margin-bottom: 0 
}
	
.signUp_content ol.steps li span { 
	font-weight: normal; 
	line-height: 1.2em; 
	display: block; 
	margin-bottom: 10px 
}
	
/* Fundraising Page Sidebar */

.progressIndicator { 
	border: 1px solid #bdcfdc;
	width: 140px;
}
	
div.fundraisingPage .progressIndicator {
	float: left;
	display: inline 
}
		
.progressIndicator h3 {
	font-size: 14px;
	font-weight: bold;
	background-color: #e2eaef;
	margin: 2px;
	padding: 3px;
	text-align: center
}
			
div.progressIndicator ul {
	list-style: none;
	float: left;
	margin: 0; 
	margin: 5px 8px 10px;
	padding:0;
	width: 50px;
	text-align: left; 
	}
		
.progressIndicator ul li { 
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
}

.progressIndicator ul li span { 
	font-weight: normal;
	display: block;
}

div.thermometer	{
	position: relative;
	width: 60px;
	height: 128px;
	background: url(/images/empty.gif);
	float: left;
	display: inline; 
	margin: 5px 0 10px
	}
		
	.full {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 60px;
	height: 128px;
	background: url(/images/full.gif) bottom;
}
		
/* Attribution Code */
div.attributionDisplay {background-color: #e2eaef; margin:3px; padding: 5px 3px}
div.attributionDisplay p {font-size: 10px; font-weight: bold; color: #990000; text-align: center}
div.attributionDisplay span.hint { margin-right: 3px; margin-left: 3px; }

div#disclaimer span.hint { margin-right: 3px; margin-left: 3px; }
div#disclaimer label.bold
{
	color:#333333;
	display:inline;
	font-weight:bold;
	text-align:left; 
}

div#disclaimer label 
{
	color:#333333;
	display:inline;
	font-weight:normal;
	text-align:left; 
}
	    
ul.adminOptions 
{
	list-style: none;
	clear: both;
	margin: 0;
	margin-bottom: 8px;
	padding: 8px;
	padding-top: 0
	}
	
ul.adminOptions li {
	font-size: 11px;
	background: url(/images/bullet_arrow.gif) no-repeat 0% 3px;
	margin:0;
	margin-bottom: 5px;
	padding: 0;
	padding-left: 18px;
	}
	
ul.adminOptions li a.viewPage {}

div.fundraisingAdmin div#form_content div#spreadTheWord h3 
{
	font-size: 10pt;
	font-weight: bold;
	margin-top: 8px
}	

div.spreadTheWord h4 {font-size: 105%}	

div#spreadTheWord div.radiobutton label { font-size: 9pt }
div#spreadTheWord div.form-row input {margin-bottom: 0 }

div.radiobutton input
{
	width: auto;
	display: inline;
}

div.radiobutton label
{
	margin-left:5px;
	width: auto;
	display: inline;
	font-size: 11pt;
	font-weight:bold;
}

div#spreadTheWord div.body 
{
	margin-left:20px;
}
	
table.container
{
	margin:10px; 
	width:988px; 
	border:1px solid #5584CB; 
	border-top:0
}

div.inlineTable table{
	border: 1px solid #8FA0A8; 
}	

div.inlineTable tr.header 
{
	border-bottom:1px solid #8FA0A8; 
	background-color: #D3D3D3;
	height: 25px;
}

div.inlineTableButtons 
{
	background-color: #fff; 
	padding: 3px 10px 3px 0;
}

div.scroll /* Contains and allows scrolling of the dataGrid */
{
	width:100%;
	height:250px;
	overflow-x: auto;
	overflow-y: scroll;
	overflow:-moz-scrollbars-vertical !important;
}

table.simpleTable 
{
	font-size: 8pt;
    border: 1px solid #000;
}
table.simpleTable ol {margin-top: 0; margin-bottom: 0 }

table.simpleTable td {
    border: 1px solid #999;
    padding: 3px;
}

/* TABS */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.tabContentContainer 
{
	border-top:1px solid #bdcfdc; 
	width:100%; 
	margin-top: 3px;
}

div.fundraisingAdmin div#form_content ul.shadetabs {margin-top: 20px }

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 5px 7px;
margin-right: 1px;
border-top: 1px solid #bdcfdc;
border-right: 1px solid #bdcfdc;
border-left: 1px solid #bdcfdc;
color: #666;
background: #e2eaef
}

.shadetabs li a:visited{
color: #666;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
background: #E5EFC2
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background: #fff;
color: #000
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* SPREAD the WORD CONTACT IMPORTER */
#divWebMailBody div.grid_data input {width: 20px}