/*  TemplateName=CustomStyle.tpt */


/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 2003/07/24 23:47:39 paulj Exp $  */


/*
	These are the styles peculiar to this site. Any styles specified in this file will override the baseline styles for the Convio product. The styles	must be in this file so that they will be available in Internet Exporer WYSIWYG HTML editor as well as in the Page Wrapper. Convio does not maintain this file once it has been	delivered to the client.
*/


#featured {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000000;
	}

#picleft {
	float: left;
	margin-right: 6px;
	margin-bototm: 6px;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #666666;
	}



P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000033;
}


div#login-div-content div.wnethead2 {
	margin-top: 20px;
}

div#login-div-content div.login-form {
	margin-top: 150px;
}

div#login-div-content div.right-block {
	margin-top: 150px;
} 


hr {
	width: 100%;
	height: 1px;
	color: #87c5d4;
}


a.topNav:link,
a.topNav:active,
a.topNav:visited {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.topNav:hover {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


/* begin brians styles */

td.FormInfoMsg {display: none;}
.RadioGroupLabel {font-size: 12px; font-family: verdana, arial;}


a {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #990099;
	}
a.purple10 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #990099;
	}	
.purple {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #990099;
	}	
.purple10 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #990099;
	}		
a.purple13 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #990099;
	}	
.purple13 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #990099;
	}			
a.white13 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #ffffff;
	}	
a.white13:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #85E0FF;
	}		
.white11 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #ffffff;
	}		
.white10 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #ffffff;
	}			
.blue {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000033;
	}
.blue10 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #000033;
	}
.bluetitle {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000033;
	}	
.disclaimer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #333333;
	}	
.drop {
	font-family : verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #ffffff;
	background-color : #006699;
	}	
.drop2 {
	font-family :  verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #000000;
	}		
.form {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #000000;
	}			
.number {
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color : #0099FF;
	}	
.lightb {
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color : #0099FF;
	}	
.lightb2 {
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color : #0099FF;
	}			
.caption {
	font-family : Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color : #000000;
	}		
	
	
	
a.buy {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color : #CC33CC;
	}		
a.buy:hover {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color : #CC33CC;
	}	
a.buy2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #CC33CC;
	}		
		

/* end brian styles */




.SectionHead {


	font-family: Arial, Helvetica, Verdana, sans-serif;


}





p.cstmTitle {


	font-size: 14pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;


}

.ObjTitle {


	color: #FFFFFF;


	font-size: 1pt;
        font-family: Arial, Helvetica, Verdana, sans-serif;


}






.Instructions {
	color: white;
	background-color : #069;
	background-image: URL(../images/sp.gif);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.Instructions {
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.whitelink, a.whitelink:link, a.whitelink:visited, a.whitelink:hover, a.whitelink:active {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.FormBox {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: white;
	background-image: URL(../images/sp.gif);
}

div.FormBox {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 600px
}

div.FormBoxNoWidth {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
}

table.FormBox {
	background-color: #ffffff;
	border: 1px solid #466172;
	border-collapse: collapse;
}

.FormBox .Divider {background-color: white;}
.FormBoxNoWidth .Divider {background-color: white;}
.FormBox .dividerHeading {background-color: white;}
.FormBoxNoWidth .dividerHeading {background-color: white;}

/* Form button styles */

input.btn{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #a91b1f;
	color:	#ffffff;
	font-weight: bold;
}
	
	input.btn2 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #a91b1f;
	color:	#ffffff;
	font-weight: bold;
}
	
	



/* The application area margin and width. */

.appArea {margin-top: 10px;}
.appAreaNowidth {margin-top: 10px;}

/* The eCommerce buttons. */

.ShoppingButtons {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #a91b1f;
	color:	#ffffff;
	font-weight: bold;
}


.ShoppingButtonsSmall {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #a91b1f;
	color:	#ffffff;
	font-weight: bold;
}

.ShoppingButtonPrimary {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #a91b1f;
	color:	#ffffff;
	font-weight: bold;
}

.SmallButton {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


.button {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #a91b1f;
	color:	#ffffff;
	font-weight: bold;
}
table.ShoppingSearch {
	border: 1px solid #466172;
	background-color: #cccccc;
	padding: 2px 2px;
         width: 100%;
}
.ShoppingCartContents {
	background-color: #cccccc;
	padding: 4px 4px;
	border: 1px solid #466172;
	margin-bottom: 5px;
}

input.ShipToOther, input.ShipToMe, input.ShipToMultiple {
     font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #a91b1f;
	color:	#ffffff;
	font-weight: bold;

}

/*  TemplateName=ExampleProgressBarStyle.tpt */
/*  $Header: .. /css/ExampleProgressBarStyle.css
/*
       This is an example of completely overriding the donation progress bar to be a series of images rather than the standard gray bar.  This can be modified and copied into CustomStyle.css.
       
       One SDP to be aware of is DON_SHOW_PROGRESS_BAR_ON_THANKYOU.  You should set this to FALSE if you don't want to count the thank you page as one of the steps in the process.  Then the progress bar will not show up.  Convio will do this for you.  
*/

/* Suppress the backing table's border and padding */
table.ProgressBack {
       padding: 0px;
       border: 0px;
       width: 504px;
}

/* hide the text of the item */
p.progressItem {
	display: none;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 1px;
}

/* set to the max height of the images */
td.currentItem {
       background-color: #FFFFFF;
       background-image: none;
       background-repeat: no-repeat;
		 margin: 0px;
		padding: 0px;
}

/* suppress the image used in the standard css file */
td.finishedItem {
       background-color: #FFFFFF;
       background-image: none;
       background-repeat: no-repeat;
		 margin: 0px;
		 padding: 0px;

}

/* suppress the image used in the standard css file */
td.nextItem {
       background-color: #FFFFFF;
       background-image: none;
       background-repeat: no-repeat;
		 margin: 0px;
		 padding: 0px;
}

/*
 *  Specify each step in the process as both a current/future image and
 *  as a completed image.  If necessary, you could even differentiate between
 *  current and future (next).
 *
 *  The first step of the donation flow is always options
 *
 */

td#DonStep1options {
		 height: 31px;
       width: 95px;
       background-image: URL(../images/progressbar/options_off.jpg);

}

td#DonStep1options.currentItem {
		 height: 31px;
       width: 95px;
       background-image: URL(../images/progressbar/options_on.jpg);

}

td#DonStep1options.nextItem {
		 height: 31px;
       width: 95px;
       background-image: URL(../images/progressbar/options_off.jpg);

}

/*
 *  Use the styles below for a donation process that does not include premiums.
 *  This is a 4 step process.  
 */

td#DonStep2pay {
		 height: 31px;
       width: 140px;
       background-image: URL(../images/progressbar/payment_info_off.jpg);

}

td#DonStep2pay.currentItem {
		 height: 31px;
       width: 140px;
       background-image: URL(../images/progressbar/payment_info_on.jpg);

}

td#DonStep2pay.nextItem {
		 height: 31px;
       width: 140px;
       background-image: URL(../images/progressbar/payment_info_off.jpg);

}

td#DonStep3review {
		 height: 31px;
       width: 166px;
       background-image: URL(../images/progressbar/review_submit_off.jpg);
}

td#DonStep3review.currentItem {
		 height: 31px;
       width: 166px;
       background-image: URL(../images/progressbar/review_submit_on.jpg);
}

td#DonStep3review.nextItem {
		 height: 31px;
       width: 166px;
       background-image: URL(../images/progressbar/review_submit_off.jpg);
}

/* You may want to omit the confirm (thank you) image */
td#DonStep4confirmation {
		 height: 31px;
       width: 137px;
       background-image: URL(../images/progressbar/confirmation_off.jpg);
}


/* You may want to omit the confirm (thank you) image */
td#DonStep4confirmation.currentItem {
		 height: 31px;
       width: 137px;
       background-image: URL(../images/progressbar/confirmation_on.jpg);
}

td#DonStep4confirmation.finishedItem {
		 height: 31px;
       width: 137px;
       background-image: URL(../images/progressbar/confirmation_off.jpg);
}

/*
 *  Use the styles below for a donation process that does include premiums.
 *  With premiums, it is a 5 step process.
 */

td#DonStep2premium {
       height: 0px;
       width: 0px;
}

td#DonStep2premium.currentItem {
       height: 0px;
       width: 0px;
}

td#DonStep2premium.nextItem {
       height: 0px;
       width: 0px;
}

td#DonStep3pay {
		 height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/payment_off.gif);

}

td#DonStep3pay.currentItem {
		 height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/payment_on.gif);

}

td#DonStep3pay.nextItem {
		 height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/payment_off.gif);

}

td#DonStep4review {
		 height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/review_off.gif);
}

td#DonStep4review.currentItem {
		 height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/review_on.gif);
}

td#DonStep4review.nextItem {
		 height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/review_off.gif);
}

/* You may want to omit the confirm (thank you) image */
td#DonStep5confirmation {
		 height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/confirm_off.gif);
}


/* You may want to omit the confirm (thank you) image */
td#DonStep5confirmation.currentItem {
       height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/confirm_on.gif);
}

td#DonStep5confirmation.finishedItem {
       height: 31px;
       width: 126px;
       background-image: URL(../images/progressbar/confirm_off.gif);
}

