/**
 * Sarcoma Alliance CSS Stylesheet for 10-10-10 campaign
 *
 * @copyright Jeffry Fawcett 2009
 * 5/2/09
 */

body {
	margin: 0;
	font-family: Helvetica, Arial, SunSans-Regular, sans-serif;
	font-size: 70%;
	color: #484848;
	background-color: #679146;
	text-align: center;
	}

a:link, a:visited {
	color: #679146;
  font-weight: normal;
	text-decoration: none;
	}
	
a:hover { 
	color: #dd8a00; 
	}
	
a:active { 
	font-size: 1.2em;
	color: #dd8a00; 
	}
	
.imageLink a:link, .imageLink a:visited, .imageLink a:hover, .imageLink a:active {
	/*color: transparent;*/
	text-decoration: none; 
	}
	
#page {
	width: 915px;
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
}	
	
#pageFAQ {
	width: 530px;
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
}

#navWrapper {
	margin: 0 0 0 75px;
	}

#nav-left {
	float: left;
	}

#nav-right {
	float: left;
	}

#nav { 
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	height: 18px;
	padding: 6px 0 0 0;
	margin: 0 0 24px 0;
	background-color: #006600;
	float: left;
	}
	
#nav a:link, #nav a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 0 6px 0 6px;
  font-weight:normal;
	}
	
#nav a:hover, #nav a:active { 
	color: #FFCC66; 
	}

.nav_separator {
	color: #ffffff;
	font-size: 1.0em;
	}

#content {
	height: 100%;
	float: left;
	text-align: left;
	background-color: #ffffff;
	margin: 0 0 2em 0;
	}

#left_side {
	width: 300px;
	float: left;
	text-align: left;
	padding: 20px 0 0 15px;
	}

#right_side {
	width: 600px;
	float: right;
	}

#columnBelow {
	width: 300px;
	float: left;
	text-align: left;
	padding: 10px 0 10px 0;
	}

#title {
	font-size: 32px;
	color: #679146;
	text-align: center;
	margin: 0 0 1em 0;
	}

#title.form {
	padding: 20px 2em 0 0;
	}

#center {
	text-align: center;
	}

.heading {
	font-size: 1.2em;
	font-weight: bold;
	color: #006600;
	border-bottom: 1px solid #006600;
	padding: 0 0 0.1em 0;
	margin: 0.75em 1em 0.75em 0;
	}

.heading.indent {
	font-size: 120%;
	width: 430px;
	margin: 1em 15em 0em 2em;
	}

.text_general {
	font-size: 1.1em;
	padding: 0em 10px 0 0;
  text-align: left;
}

.text_general.indent {
	padding: 0.5em 0 0 2em;
	width: 450px;
	}

.text_general.xlarge {
	font-size: 150%;
	padding: 1em 1em 0 1em;
	}

#section {
	margin: 0 30px 0 30px;
	}

#donate a:link, #donate a:visited {
	font-size: 1.2em; 
	border: 1px solid #33FF33;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 2em 0 0 0;
	background-color: #006600;
	color: #ffffff;
	font-weight: bold;
	}

#donate a:hover, #donate a:active { 
	border: 1px solid #FF5B02;
	background-color: #FFFF99;
	color:#DD3400;
	}

#errorNotice {
	margin: 0.3em 0 0.5em 0;
	width: 450px;
	}

.highlight {
	font-weight: bold;
	color: red;
	}

#footer {
	padding: 1em 0 1em 0;
	font-size: 1.0em;
	text-align: center;
	}

label { 
	font-size: 1.1em;
	font-family: Helvetica, Arial, SunSans-Regular, sans-serif;
	color: #006600;
	width: 100px;
	text-align: right;
	float: left;
	margin: 0.5em 1em 0 0;
	padding: 4px 0 0 0; /* vertically centers label with associated field */
	}

td label {padding:0;} /* clear centering for value(s) confirmation display */

.field_note {
	font-size: 1.2em;
	color: black;
	padding: 0.65em 0 0 1em;
	float: left;
	text-align: left;
	}

input {
	font-size: 1.1em;
	color: #484848;
	width: 315px;
	margin: 0.5em 0 0 0;
	float: left;
	text-align: left;
	border-color: #679146;
	border-style: solid;
	border-left-width: thin; 
	border-right-width: thin; 
	border-bottom-width: thin; 
	}

input.state {
	width: 50px;
	}

input.zip {
	width: 100px;
	}

input.single {
	margin: 0.2em 1em 0 0;
	}

input.amount {
	width: 150px;
	}

#echoInput {
  font-size: 1.1em;
  color: #484848;
	margin: 0.5em 0 0 0;
  float: left;
  text-align: left;
  width: 335px;
  }

.donateNow {
	/*background: transparent url("donateNow.gif");*/
	border: 0;
	margin: 1em 0 0 110px;
	cursor: pointer;
	width: 149px;
	height: 33px;
	}

.donateNow a {
	text-decoration: none;
	}

input.donate {
	font-size: 1.2em;
	width: 90px; 
	border: 1px solid #33FF33;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 2em 0 0 110px;
	background-color: #006600;
	color: #ffffff;
	font-weight: bold;
	float: left;
	}

.inputText {
	font-size: 1.1em;
	color: #484848;
	padding: 3px 0 0 0;
	margin: 0.5em 0 0 0;
	float: left;
	text-align: right;
	}

.required {
	font-weight: bold;
	color: red;
	}

.green {
	color: #006600;
	}

hr.footer {
	height: 1px;
	width: 751px;
	margin-top: 2em;
	border: none;
	border-bottom: 1px solid #9F9F9F;
	}

.textClose {
	font-size: 12px;
	text-align: right;
	float: right;
	}

/* Additions by: Darrell C. Greenhouse */

.donation_amount {
  font-size:1em;
  font-style:italic;
  text-decoration:underline;
  }

#sunflower {
  width:600px;
  height:600px;
  background: url(../images/sunflower.jpg) no-repeat;
  cursor: crosshair;
  }

#sunflower_full {
  width:600px;
  height:600px;
  background: url(../images/sunflower_full.jpg) no-repeat;
  }

.sunflower_error {
  float:right;
  }

div.error_msg {
  position:relative;
  top:80px;
  left:10px;
  text-align:center;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  width:498px;
  }
  
p.err_code {
  font-size:5em;
  }

p.err_msg {
  font-size:3em;
  text-align:left;
  }

/**
 * JF change to styles 5/8/09
 */
.validation_error {
  color:#FF0000;
  }
.missing_data, .email_not_on_file {
	display:block;
	font-size: 1.2em;
	padding: 0.5em 10px 0 2em;
	width: 450px;
	}
.bold_text {
	font-weight: bold;
	}
.black_text {
	color: #484848;
	}
.no_missing_data {
  display:none;
  }
#tile_info_cont { /*tile info container*/
  position:relative;
  width:200px; height:100px;
  border: groove 1px;
  display:none;
  z-index:2;
  }
#tile_info_detail {
  width:200px;
  height:100px;
  background-color:#FFFFCC;
  }
#tile_info_detail p {
  margin:2px;
  padding-left:6px;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-size:.95em;
  line-height:1.25em;
  text-align:left;
  }
#tile_info_detail img { /*the magnified tiles*/
  padding:6px;
  float:left;
  width:24px;
  height:24px;
  }
.tile_info_heading {
  color:#660000;
  font-weight:bold;
  }
.tile_info_content {
  color:#003399;
  }
#rd_ring {
  position:relative;
  width:24px;
  height:24px;
  background:url(../images/rd_ring.png) no-repeat;
  display:none;
}
.testmode {
  position:absolute;
  top:342px;
  left: 112px;
  width:180px;
  height:32px;
  color:#AA0000;
  background-color:#D2D2DB;
  font-size:1.2500em;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
 }