/* CSS Document */

td.gencon {
	background: url('images/speaknowtwo.png') repeat-y 0 0;
}

table#sn-header{
	width:100%;
	height:240px;
	background:url('images/speaknowone.png') no-repeat 0 0;
}

table td#sn-footer{
	 background:url('images/speaknowthree.png') no-repeat 0 0;
	 height:169px;
}

div.speaknow{
	width:600px;
	margin:0;
}
/* CSS Document */

body {
	background: url('images/bg.jpg');
	color: black;
}

h3{
	padding:0px;
	margin:6px 0;
}
h5{
	font-weight:bold;
	font-size:13px;
	padding:0;
	margin:0;
}

img{
	border:none;
}

span.req-msg{
	display:block;
	margin:0 0 0 12px;
	font-size:11px;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
}

div.row{
	width:100%;
	margin:0 0 12px 0;
	padding:12px 0 6px 0;

}
div.row p{
	padding:0;
	margin:6px 0;
}
table.cnt {
	background: white;
	width:100%;
}
td.gencon {
	width:100%;
	text-align: center;
}

a:link.sub {
	text-decoration: none;
	color: #888888;
	font-weight: bold;
	font-family: Antiqua, Serif;
}
a:visited.sub {
	text-decoration: none;
	color: #444444;
	font-weight: bold;
	font-family: Antiqua, Serif;
}
a:active.sub {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-family: Antiqua, Serif;
}
a:hover.sub {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-family: Antiqua, Serif;
}
td.underline {
	padding-top: 15px;

}
table#sn-header{
	width:100%;
	height:240px;
}

table td#sn-footer{
	 height:169px;
}

div.sn-content{
	width:100%;
	margin:6px 0 30px 0;
}

div#ecard{
	border:1px solid #e6e6f3;
	padding:20px;
	background:#f7faff;
	color:#456;
	font:12px/20px Arial, Helvetica, sans-serif;
	margin:20px 0;
}

table#l-menu{
	padding-left: 40px; 
	width:100%;
}

span.req{
	color:#c00;
}

div.speaknow{
	min-height:200px;
}

img.testimonial-pic{
	/*max-height:300px;*/
	/*max-width:300px;*/
	width:300px;
}
img.testimonial-thumb{
	width:100px;
}
div.vidholder{
	margin: 10px 0 20px 0;
}

div.disclaimer{
	margin:8px 0 12px 0;
	font-style:italic;
	color:#666;
	font-size:11px;
	line-height:17px;
}

div.campaign-info{
	width:100%;
	border:1px solid #eee;
	padding:10px;
	margin:0 12px 0 0;
}

div.campaign-buzz{
	width:100%;
	border:1px solid #eee;
	padding:10px;
	margin:0;
}

ul#buzz{
	padding:0px;
	margin:0px;
}
ul#buzz li{
	padding:0;
	margin:0 0 12px 0;
	list-style:none;
}
/* HOMEPAGE FEATURED VIDEO SECTION */
div.hp-vid-wrapper{
	width:100%;
	text-align:center;
}

div.hp-vid-wrapper p{
	padding:0;
	margin:0;
}
div.hp-vid-holder{
	width:573px;
	height:105px;

	padding:0;
	margin:0;
	background:url('/images/holder-hp-vids.jpg') no-repeat 0 0;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
}
div.hp-vid-tn{
	width:96px;
	text-align:center;

	margin:16px 15px 0 0;
}
div.hp-vid-holder div.first{
	margin-left:15px;
}
div.hp-vid-holder div.last{
	margin-right:0px;
}
div.hp-vid-tn a img{
	border:0px;
}
div.hp-vid-tn a:hover img{
}

div.terms{
	border: 0pt none;

	width: 100%;
	height: 155px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

div.supporters p a:visited{
	color:#FFA22B;
}

/*REPORT PAGE*/
div#report-left{
	/*width:418px;*/
	width:100%;
float:none;
overflow:visible;
	text-align:left;
	margin:0px;
	padding:0px;
}
div#report-right{
	/*width:230px;*/
	width:100%;
  overflow:visible;
	text-align:left;
	margin:0px;
	padding:0px;
	
}
div.test-list-wrapper{
	margin:12px 0 0 0;
	clear:both;
}

table#testimonial_list{
	width:100%;

}
table#testimonial_list th{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#BEE7DC;
	padding:4px;
	text-align:left;
}
table#testimonial_list td{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#635;
	padding:6px;

}
table#testimonial_list a{
	color:#18a980;
}
div#regional_data{
	border:1px solid #f7f7f7;
	background:#BEE7DC;
	padding:12px 12px 20px 0;
}
div#chart{
	padding:12px 12px 20px 0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
}
div.survey{
page-break-before: always;
	padding:20px 0 4px 0;

	line-height:20px;
}
div.survey img{
	display:block;
	margin:12px 0;
}
ol.answers{
	list-style:upper-alpha outside;
	padding:0;
	margin:12px 0;
}
ol.answers li{
	margin:0 0 9px 24px;
	padding:0;
	list-style:upper-alpha outside;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#666;
}
ul.answers{
	padding:0px;
	margin:12px 0;
}
ul.answers li{
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#666;
}

ul#reg_data_list{
	padding:0 0 0 20px;
	margin:0px;
	list-style:outside square;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#reg_data_list li{
	margin:0 0 12px 0;
}

span.t-title{
	display:block;
	font-size:15px;
	font-style:italic;
	margin:5px 0;
}
/* Generic Style Classes */
.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	line-height: 20px;
	color: #919191;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style3, h3, td div.sn-content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
}
.style4, div.sn-content, div.sn-content td,div.speaknow td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height: 20px;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height: 16px;
}
.style7 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #535353; line-height: 16px; }
.style8 {
	color: #18a980;
	font-variant: small-caps;
}
.style9 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #18a980;
	font-size: 14px;
	line-height: 20px;
}
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #18a980;
	font-size: 12px;
	line-height: 16px;
	font-variant: small-caps;
}
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #18a980;
	font-weight: bold;
}
.style16 {
	font-size: 15px;
	color: #18a980;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 20px;
}
.style17 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
	line-height: 20px;
}
.style18 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
}
.style21 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 12px;
}
.style23 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; }
.style24 {
	font-size: 17px;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 20px;
	font-variant: small-caps;
}
.style25 {
	font-family: arial;
	font-size: 11px;
	color: #18a980;
}
.style27 {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
}
.style28 {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	font-weight: bold;
}
.style29 {
	display:block;
	padding:10px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	color: #18a980;
	font-weight: bold;
}
.style30 {
	font-size: 14px;
	color: #555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-style:italic;
}

table.speak-form td{
	font-family:Arial, Helvetica, sans-serif;
}

/* Forms- User Feedback */
p.response, table td p.response{
	display:block;
	width:470px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
p.r-good{
	height:26px;
	padding:10px 0 0 0;
	margin:10px;
	border:1px solid #037;
	background:#f8f8ff;
	color:#037;
}
p.r-bad{
	height:26px;
	padding:10px 0 0 0;
	margin:10px;
	border:1px solid #c00;
	background:#fffcfc;
	color:#c00;
}





/*
ADDING 5-19-09, 6:20pm, by Dave
This is used on the live file, and needs to be 
there if the dev css is pushed live.

Mostly report.php page styling.
*/

/* Note the following 2 lines should be removed
   if they are present above.
*/

/*
div.testimonial_list div.name{
	width:110px;
	float:left;
}
div.testimonial_list div.address{
	width:110px;
	float:left;
}*/

#report_right{
display:block;
float:none;
}


div.testimonial_list{
	width:600px;
clear:both;
}
div.testimonial_list a{
	color:#18a980;
	font-size:13px;
	font-weight:bold;
}
div.testimonial_list div.champion{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#635;
	padding:6px;
	width:100%;
  float:none;
  border-bottom:0;
}
div.testimonial_list div.champion p{
	padding:0;
	margin:3px 0 3px 0;
	float:none;
	page-break-inside: avoid;
}
div.testimonial_list div.disclaimer{
	width:100%;

}
div.testimonial_list div.user-detail{
	width:100%;
  display:block;
}
div.media-icons{
	width:100%;
	text-align:left;
	margin:4px 0 0 0;
}
div.media-icons img{
  display:block;
	margin:0 0 0 5px;
}

div.t_written{
	width:100%;

	margin:10px 0 0 16px;
	color:#444;
}

table#testimonial_list{
	width:100%;
}
table#testimonial_list th{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#BEE7DC;
	padding:4px;
	text-align:left;
}
table#testimonial_list td{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#635;
	padding:6px;

}
table#testimonial_list a{
	color:#18a980;
}
div.pager{
	width:100%;

	margin:10px 0;
	padding:4px 8px;
	background:#18a980;
}
div.pager a{
	color:#fff;
}
div.pager span.back{
	width:100%;

}
div.pager span.forward{
	width:100%;

	text-align:right;
}

div.view-link{
	width:100%;
	height:14px;
	padding:3px 0;

	clear:both;
	text-align:left;
	font-variant:small-caps;
	font-size:11px;
}
div.all-link{
	display:block;
	width:100%;

	clear:both;
	text-align:right;
	font-variant:small-caps;
	font-size:11px;
	color:#777;
}
div.view-link a, div.all-link a{
	color:#18a980;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

