﻿h1 {
	
	}

dl, ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	}
li {
	list-style-position: outside;
	margin: 0 0 4px 4px;
	}
	
th, td {
	vertical-align: top;
}

#header {
	margin: 0;
	padding: 0;
	}
	
#header img {
	margin: 0 8px;
	}

/* need to keep */
.feedback {
	padding: 4px 4px 4px 48px;
	margin: 0 0 8px 0;
	min-height: 40px;
}

/* for Internet Explorer */
* html .feedback {
	height: 40px;
}
/**/

/* This is an ugly hack to deal with mangled IDs. The error messages used to be enclosed in a div
   tag, with a class of feedback and an id of error, but because of mangled IDs, an extra div
   was added around the old one, with an id of error, because the inner (old one) has a mangled id.
   So this style fixes the inner div up. I don't know much about css, so there's probably better
   ways of doing this. WebControls/FeedbackSummary.cs is the code that was changed to add this extra
   div tag. */
.feedback div {
    padding: 0 0 0 0; /* no padding between this div and the enclosing one. */
    font-size: 100%; /* 85% is already set in the enclosing one, so make this 100% of that 85% */
    }

.feedback p {
	margin: 0 0 0.2em 0;
	color:#f00;
	}
	
/* need to keep */	
#success {
	color: #606060;
	background: #f0f0f0 url(../images/checkmark.gif) top left no-repeat;
	border: 1px solid #17FE2C;
}
	
#error {
	color: #F1090B;
	background: #f0f0f0 url(../images/error.gif) top left no-repeat;
	border: 1px solid #F1090B;
}

#warning {
	color: #606060;
	background: #f0f0f0 url(../images/alert.gif) top left no-repeat;
	border: 1px solid #909090;
}

	
table.summary .note {
	padding-left: 10px;
}

table.list {
	width: 95%;
	margin: 8px 4px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

table.list td {
	padding: 6px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

table.list th, table.list td.header {
	background-color: #f0f0f0;
	font-weight: bold;
	padding: 6px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
	
table.list caption {
	border: none;
	margin-left: -4px;
}
	
table.add caption {
	margin-left: -4px;
}


table.compact {
	width: 95%;
	margin: 4px;
	border: solid 1px gray;
	border-style: solid;
	border-collapse: collapse;
	padding:3px;
	}
	
table.compact td {
	font-size: 10px;
	border: solid 1px gray;
	border-collapse:collapse;
	padding:3px;
	}
	
table.compact th, table.compact td.header {
	background-color: #f0f0f0;
	font-weight: bold;
	font-size: 10px;
	border: solid 1px gray;
	border-collapse:collapse;
	padding:3px;
	}
	

#pagingresults {
	margin: 8px 0 16px 0;
	}
#pagingresults h4 {
	border: none;
	}
	
#pagingresults .stats {
	font-size: 10px;
	margin-left: 4px;
	}

#pagingresults .nav {
	width: 95%;
	font-size: 10px;
	margin-top: 4px;
	margin-left: 4px;
	text-align: right;
	}

/* need to keep */
.nowrap {
	white-space: nowrap;
	}
	

/* need to keep */
#wizardnav {
	margin-top: 12px;
	}

.help {
	font-size: 10px;
	}

a.action {
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 6px;
	color: #606060;
	background: #ffffff;
	border: 1px solid #606060;
	font-size: 10px;
	}
table.summary td a.action, table.list td a.action {
	margin-left: 8px;
	}
a.action:hover {
	color: #000000;
	background: #f0f0f0;
	}
.actions a {
	padding: 2px 4px;
	font-size: 10px;
	}
.block input, .block select, .block textarea {
	margin-top: 3px;
	}
.block p {
	margin: 3px 0 1em 4px;
	}


.radioindent, fieldset table {
	margin-left: 30px;
	}
option.level1 {
	background-color: #e0e0e0;
	}
select option.level2 {
	padding-left: 10px;
	}


/* need to keep */
.dashedbottom 	{
	border: none;
	border-bottom: 1px dashed #c0c0c0;
	}

/* need to keep */
#rcol {
	width: 180px;
	float: right;
	margin-left: 10px;
	padding: 0 10px;
	border-left: 1px dashed #c0c0c0;
	}
	

#rcol #login input {
	margin-bottom: 6px;
	}
#rcol .action {
	margin: 0;
	padding: 10px 0;	
}	
	

#createaccountform th {
	width: 165px;
	}
#quickdonateform table {
	width: 90%;
	}
#quickdonateform th {
	width: 170px;
	}

	
/* need to keep */	
#waiver {
	padding: 10px;
	border-top: 1px solid #606060;
	border-bottom: 1px solid #606060;
}
	
#currentimage {
	margin: 4px;
	}
	
/* May 17, 2012 ralhamad: deprecated switched -> cloudsponge 
#PlaxoAddressAccess
{
    border: none 0px;
    padding: 0px 0px;
    margin: 0px 0px;
    vertical-align: middle;
}
*/

/* Shopping cart items display */
/* -------------------------------------------------------------------*/
.itemContainer {
	width: 100%;
}
.itemDescriptionContainer {
	width: 75%;
	text-align: left;
	float: left;
}
.itemImageContainer {
	width: 25%;
	float: right;
}
.itemTitle {
	font-weight: bold;
}
.itemDescription {
}
.itemImage {
}
.itemQuantity {
	float: left;
}
.itemQuantity p {
	margin: 0px 0px 0px 0px;
}
.itemPrice {
	float: right;
}
.itemPrice p {
	margin: 0px 0px 0px 0px;	
}

/*------WELCOME PAGE STYLE---------*/

#participantDetailsTable, #eventDetailsTable, #teamDetailsTable
{
	width: 100%;
}
.labelCell
{
	width:35%;
}


.summary .dataCell, .dataCell
{
 font-weight: bold;
}

#eventDetails table.summary 
{
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

 #participantDetails table.summary
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}


#participantDetails{
margin-top:6px
}


.e2Component{


}

#pageLeftContainer .e2Component{
margin-left:0px;
}

#pageRightContainer .e2Component{
margin-right:0px;
}

.inline{
display:inline;
}

.inlineList{
margin:0px;
padding:0px;
}

.inlineList li{
display:inline;
}

.inlineList .linkSeperator {
font-family: arial, helvetica, sans-serif;
padding:0px 2px;
color: #125aa7;
}

.clear{
clear:both;
}


#pageRightContainer
{
	padding-left: 17px; /*10*/
}


#profilePhoto img
{
margin-right:8px;
margin-bottom:1px;
}

#editPhoto{
clear:both;
text-align:left;
margin-bottom:8px;
}

#participantName{
font-weight:bold;
}

#eventDetails{
padding-bottom:4px;
}


#teamDetailTitle{
font-weight:bold;
}


#teamDetailNav{
text-align:left;
}

#personalMessageHeader{
margin-top:6px;

}

#teamDetails table.summary
{
margin-top: 0px;	
padding-top: 0px;
}

#personalMessage,#teamDetailDesc{
margin-top:0px;
margin-bottom:10px;
margin-left:25px;
font-weight: normal;
}


#participantAmountRaised,#panelGoalPercentageDiv
{
	display:inline;
}

#editPersonalMessage{
text-align:left;
}

#participantNameLabel, #teamDetailTitleLabel, #teamMemberCountLabel, #eventLocationLabel, #eventWaveLabel, #eventWaveDetailLabel, #teamDetail{
float:left;
margin-right:3px;
}

#fundraisingThermometer
{
	padding-bottom: 5px;
}

#rightPageFooterContent{
text-align:right;
}

#sponsorMeButton 
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#postLogin_panelLogin
{
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:83.3%;
	text-align:left;
}

#postLogin_panelLogin div
{
	position:relative;
	float:left;
	margin-right:5px;
}

#postLoginTableDiv table
{
	width: 100%;
	text-align: right;
}

.panelLoginLabel
{
	padding-right: 10px;
}


/*------WELCOME PAGE STYLE END---------*/

/*------Location Home PAGE STYLE---------*/

#locationHomeContents #page td.leftcol{width:160px;}
#locationHomeContents .middlecolumn{width:500px;}
#locationHomeContents .rightcolumn{width:180px;}

#locationHomeLeft #login.action {padding:10px 0px 15px 0px;}
#locationHomeLeft #donateMenu{ margin:0px; padding:0px; border-top:1px solid #DFE4EE;}
#locationHomeLeft #donateMenu li{list-style-type:none; margin:0px; padding:0px; border-bottom:1px solid #DFE4EE;}
#locationHomeLeft #donateMenu li a{display: block; width:97%; padding:6px 0px 6px 4px;}
#locationHomeLeft #donateMenu li:hover, #donateMenu li a:hover{background-color:#f1f5fa;}

#locationHomeContents #selectedLocationName { float:left; margin-right:16px; }
#locationHomeContents #newLocation { font-size:0.8333em; line-height:4em; }
#locationHomeContents #locationRegButton { clear:both; margin:2px 0px 8px; }
#locationHomeContentse #location_image { width:415px; float:left; }
#locationHomeContents #location_image img {margin:8px 8px 10px 0px; padding:0px; border:1px solid #ddd; background-color:#f7f7f7; }
#locationHomeContents #location_longDesc, #imageHolder, #lblWelcomeContent {display:block; clear:both; }

/*------END Location Home PAGE STYLE END---------*/


/*------ucImagesGallery Style Start--------------*/
#ucImagesGallerye .ulImage{cursor:pointer;padding:0px; width:34px;height:35px;border:3px double #111;margin:0px;background:#fbfbfb; }
#ucImagesGallery .ulImage{cursor:pointer; width:34px;height:35px;padding:0 0 0 0; clear:both; display:block;}
#ucImagesGallery .gallery{position:relative; margin-top:0px;}
#ucImagesGallery .gallery_gallery{list-style:none; margin:0px; padding:3px; clear:both; }
#ucImagesGallery .gallery_gallery li{float:left;list-style-type:none; width:34px;height:35px;border:3px double #111; margin:0px 1px 3px 1px;padding:0em; background:#fbfbfb;}
#ucImagesGallerye .gallery_gallery li div{left:420px}
#ucImagesGallery .gallery_gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#ucImagesGallery #main_image{margin:1em 3px 0px; width:420px; float:left;}
#ucImagesGallery #main_image img{cursor:pointer;margin-bottom:1px; margin-top:0px; margin-left:0px;}

/*------END ucImagesGallery STYLE END---------*/

/* Display UDF answers */
/* ---------------------------------------------------------------- */

.udfheader { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;}
.udfdisplayRow { font-size: 1em; padding:5px; font-style:italic;  line-height: 0.5em; clear: both; }     
.udfanswerRow { font-size: 1em; padding:3px;line-height: 1em;  margin-left:20px; clear: both; }        
.udfseparator { border-right: 1px solid #DFE4EE; margin-right: 6px; float: left }

/*------END Display UDF answers STYLE END---------*/

/*-- HIDE LIKE --*/
#socialShareFacebookLikeBox { display: none; }














/* THIS IS FROM SIMPLE.CSS */
/* e2RM participant simple stylesheet (geared for Netscape 4.x) */


/* General Elements */
/* ---------------------------------------------------------------- */

th {
	text-align: left;
	}
dl, ul, ol {
	margin-top: 0;
	margin-bottom: 0;
	}
li {
	list-style: disc;
	margin-bottom: 4px;
	}





/* Feedback */
/* ---------------------------------------------------------------- */

.feedback {
	background-color: #f0f0f0;
	}
	
#success {
	color: #0e704a;
	border: 1px solid #339900;
	}

#success p {
	color: #0e704a;
	}	
	
#error {
	color: #ff0000;
	border: 1px solid #ff0000;
	}
	
#error p {
color:#ff0000;
}	

/* Summary Table */
/* ---------------------------------------------------------------- */

table.summary th {
	font-weight: normal;
	}
table.summary td {
	font-weight: normal;
	}
table.summary td p {
	font-weight: normal;
	}
table.summary .note {
	font-weight: normal;
	color: #606060;
	}

/* Table List */
/* ---------------------------------------------------------------- */

table.list th {
	background-color: #f0f0f0;
	}
	
/* Table Self Select */
/* ---------------------------------------------------------------- */
table.selfselect
{
	padding: 3px;
}

table.selfselect tr.header td
{
	font-weight: bold;
	font-size: 13px;
	padding: 5px;
}

table.selfselect td.header
{
	font-weight: bold;
	border-bottom: thin solid;
	border-bottom-color: #e0e0e0;
	font-size: 13px;
}

table.selfselect td.subheader
{
	font-weight: bold;
	border-bottom: thin solid;
	border-bottom-color: #e0e0e0;
	font-size: 83.3%;
	vertical-align: middle;
}

table.selfselect td.title
{
	font-size: 83.3%;
	text-indent: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
}

table.selfselect td.fee
{
	font-size: 83.3%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 3px;
}
	
table.selfselect td
{
	font-size: 83.3%;
	padding-top: 5px;
	padding-bottom: 3px;
}


/* Paging Results */
/* ---------------------------------------------------------------- */

#pagingresults .stats {
	font-size: 10px;
	color: #a0a0a0;
	}
#pagingresults .nav {
	font-size: 10px;
	color: #a0a0a0;
	}
#pagingresults .nav a {
	color: #606060;
	}

#pagingresults table.list tr.nav td{
	font-size: 10px;
	color: #a0a0a0;
	}
#pagingresults table.list tr.nav td.a {
	color: #606060;
	}
	
/* Other */
/* ---------------------------------------------------------------- */

.skiplink, .hide {
	display: none;
	}
.altcolor {
	background-color: #f0f0f0;
	}
.actions {
	font-size: 10px;
	}

.description {
	font-weight: normal;
	}
	
/* need to keep - this is for the get sponsors email message text */		
.emailtext {
	padding:10px 10px 0 10px;
}
	
#eventinfoform label, .question {
	font-weight: bold;
	}
	
	
/* need to keep */	
#timestamp {
	font-size: 83.3%;
}



/* need to keep */	
#personalarea {
	border: 0px solid #c0c0c0;
	padding: 0px 0px ;
	margin: 10px 0px;
}


#header table {
	width: 100%;
	}
