*
	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 th
	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.
*/

P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

body {  
	font-family: Verdana, Ariel, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
hr {
	margin-right: 10;
	margin-left: 10;
	width: 100%;
	height: 1px;
	background-color: #000000;
	border: 0px solid #000000;
}
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;
}

a, a:link, a:visited, a:hover, a:active {
      /*  color : #669900; */
        font-size: 12px;
	  text-decoration : underline;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.fakeLink {
	  color : #669900;
                       font-size: 12px;
	  text-decoration : underline;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.navList  {
	color : #333333;
	text-decoration : none;
	font-size : 11px;
	line-height: 10pt;
}

a.navList:visited  {
	color : #333333;
	text-decoration : none;
	font-size : 11px;
	line-height: 10pt;
}

a.navList:hover  {
	color : #AB540C;
	text-decoration : none;
	font-size : 11px;
	line-height: 10pt;
}

}.SectionHead {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

p.cstmTitle {
	font-size: 14pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.ObjTitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 25px;
	font-weight : normal;
	line-height: 20pt;
	color : #CC9900;
}

.ProgressBox {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;

}

.ProgressBoxCurrent {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
table.ProgressBox {
	padding-right : 4px;
	padding-left : 4px;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.ProgressBox:link {
	font-size: 8pt;
	text-decoration:none;
}
a.ProgressBox:visited {
	font-size: 8pt;

	text-decoration:none;
}
a.ProgressBox:hover {
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
}

.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;
}

div.circle {
    border:2px solid red;
    height:24px;
    width:70px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

table.FormBox {
	border: #669 1px solid;
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: white;
}

.FormBoxNoWidth .Divider {
	background-color: white;
}

.FormBox .dividerHeading {
	background-color: white;
}

.FormBoxNoWidth .dividerHeading {
	background-color: white;
}

.headerText,
.headerText  a,
.headerText  a:link,
.headerText a:active,
.headerText  a:visited {
	color: #FFFFFF;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.headerText a:hover {
	color:#FFFFFF;
}

.footer, 
.footer a,
.footer a:link,
.footer a:active,
.footer a:visited {
	color: #FFFFFF;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.footer a:hover{
      color: #FFFFFF;
      font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.appArea {
	width: 600px;
	margin-left: 1px;
	margin-top: 10px;
      margin-right: 15px;
}
span.circle {
    border:2px solid orange;
    height:32px;
    width:74px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}

label {
    white-space:nowrap;
}

.wrappable {
    white-space:normal;
}

/*  TemplateName=ExampleProgressBarStyle.tpt */
/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/ExampleProgressBarStyle.css,v 1.2 2005/03/12 02:04:47 daveh Exp $  */
/*
	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.
*/

/* Suppress the backing table's border and padding */
table.ProgressBack {
	padding: 0px;
	border: 0px:
}

/* hide the text of the item */
p.progressItem {
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 1px;
}

/* set to the max height of the images */
td.currentItem {
	height: 29px;
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

/* suppress the image used in the standard css file */
td.finishedItem {
	height: 29px;
	background-color: #fff;
	background-image: none;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px:
}

/* suppress the image used in the standard css file */
td.nextItem {
	height: 29px;
	background-color: #fff;
	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 {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step1_1.gif);
}

td#DonStep1options.currentItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step1_2.gif);
}

td#DonStep1options.nextItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step1_1.gif);
}

td#DonStep1options.finishedItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step1_3.gif);
}
/*
 *  Use the styles below for a donation process that does include premiums.
 *  With premiums, it is a 5 step process.
 */
td#DonStep2premium {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step2_1.gif);
}

td#DonStep2premium.currentItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step2_2.gif);
}

td#DonStep2premium.nextItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step2_1.gif):
}

td#DonStep2premium.finishedItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step2_3.gif):
}

td#DonStep3pay {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_1.gif);
}

td#DonStep3pay.currentItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_2.gif);
	
}

td#DonStep3pay.nextItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_1.gif);
}

td#DonStep3pay.finishedItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_3.gif);
}

td#DonStep4review {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step4_1.gif);
	
}

td#DonStep4review.currentItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step4_2.gif):
}

td#DonStep4review.nextItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step4_1.gif);
	
}
td#DonStep4review.finishedItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_3.gif);
	
}

td#DonStep5confirmation {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_1.gif);
}

td#DonStep5confirmation.currentItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_2.gif);
	
}

td#DonStep5confirmation.nextItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_1.gif);
}

td#DonStep5confirmation.finishedItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_3.gif);
}

/*
 *  Use the styles below for a donation process that does not include premiums.
 *  This is a 4 step process.  
 */

td#DonStep2pay {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_1.gif);
}

td#DonStep2pay.currentItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_2.gif);
}

td#DonStep2pay.nextItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_1.gif);
}

td#DonStep2pay.finishedItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_3.gif);
}

td#DonStep3review {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step4_1.gif);
}

td#DonStep3review.currentItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step4_2.gif);
}

td#DonStep3review.nextItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step4_1.gif);
}

td#DonStep3review.finishedItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step4_3.gif);
}
/* You may want to omit the confirm (thank you) image */

td#DonStep3pay.nextItem {
	width: 87px;
	height: 29px;
	background-image: URL(../images/progressbar/step3_2.gif);
}
td#DonStep4confirmation {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_1.gif);
}
/* You may want to omit the confirm (thank you) image */
td#DonStep4confirmation.currentItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_2.gif);
}

td#DonStep4confirmation.nextItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_1.gif);
}

td#DonStep4confirmation.finishedItem {
	width: 92px;
	height: 29px;
	background-image: URL(../images/progressbar/step5_3.gif);
}

.NoteText {
	word-spacing: -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.Explcit {
color: #636563;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
}

LEGEND {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-right: 0px;
}

/* added for sf 189451 */

#colBox.tally p.Smaller {
	font-size: smaller;
}


#target_liststate {
width:160px;
}

#callDate_MONTH, #callDate_DAY, #callDate_YEAR {
width:80px;
}

#title {
width:60px;
}

div.AlertListDescription
{font-size:16px;
font-family:Arial, sans-serif, 'Open Sans';
font-color:#444444}