
/*
Colors:
	Orange Border: #b15c11
	Grey/Blue Border: color="#4c5b52"
	Baby Blue: color="#acd6f2"
	Neon Green: color="#c3cf21"
	Khaki: color="#b2aa7e"
	Brown: color="#794500"
	Green Khaki: color="#68652f"
*/
/*Reset*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
table{border-collapse: collapse;border-spacing:0; border: solid 0px;}
td{border: solid 0px;}
html {background:#D5F29E  url(../img/sky_funk.jpg) no-repeat fixed 0 0;}

body {font-family: Sans-Serif;font-size: 12px;}








.basic_form fieldset
{
	background: transparent url(../img/form/simple_blueBg_50.gif) no-repeat scroll 0 0;
	margin: 25px 0 0 0;
}

dl {clear:both;}
dt {width:10em;text-align:right;float:left;clear:left;}
dd {margin-left:5px;overflow:hidden;clear:right;height:1%;}
dt label, dd label {font-weight:bold;}

dd.x-form-clear {clear:both;}

dt, dd {padding: 10px 0 0 0;}

fieldset.horizontal input{display:block;}
fieldset.horizontal select{display:block;}
fieldset.horizontal dd label{display:block; float:left;}

fieldset .profile{width: auto;}

dd span{}









/* Header Navigation */
#headerNav
{
	float: left;
	left: 33px;
	position: relative;	
	background:url('../img/hdNav/hdNav.png');
}



/*
.hdNav
{
	background: #4c5b52;
}

.hdNavLeft
{
	background: url('../img/hdNav/hdNavLeft.png');
}
.hdNavRight
{
	background: url('../img/hdNav/hdNavRight.png');
}
*/
.hdNav a
{
	border-right: 1px solid #4c5b52;
	padding: 0px 12px;
	color: White;
	text-decoration:none;
}
.hdNav a.last
{
	border: none;
}

#hdNav
{
		float: left;
	left: 10px;
	position: relative;	

}

#hdNav ul{
	float:left;
	margin:0;
	padding:8px 8px;
	background:url('../img/hdNav/hdNav.gif') scroll no-repeat 0 0;
	width: 224px;
}

#hdNav li
{
	display:inline;
}
#hdNav a.last
{
	border-right: none;
}

#hdNav a
{
	border-right: 1px solid white;
	padding: 0px 11px;
	color: White;
	font-weight:bold;
	text-decoration:none;	
}
#hdNav a:hover{color:#acd6f2;}

td.field input.optionButton td{background:transparent none repeat scroll 0%; padding: 2px 0px 0px 5px; width:auto;}


td.field input, td.field select, textarea{font-family:sans-serif;font-size:12px;width:200px;}
td.field input.captcha, input.captcha{width: 80px;}
td.field input.city{width: 80px;}
td.field input.zip, .zip{width: 58px;}
td.field select.state{width: auto;}
td.field select.profile,select.profile{width: auto;}

/* Remove the width for radio/option button lists*/
table.optionButton td input{width:auto; cursor: pointer;}
table.optionButton td label{cursor: pointer;}

/*
#clouds
{
  width: 780px;
}
*/
/*Used on the date control*/
.dblline ul
{
list-style: none;
padding: 0;
margin: 0;
}

.dblline li
{
float: left;
margin: 0 0.15em;
}


/*
  Display data divs in a specific folder.a
*/
.valid{color:Green; padding:0pt 0pt 0pt 3px;}
.caution{color:Yellow; padding:0pt 0pt 0pt 3px;}
.invalid{color:Red; padding:0pt 0pt 0pt 3px;}


div.price { color:#4C5B52;font-size:17px;font-weight:bold;padding:5px;}

.center
{
	text-align: center;
}

.inline
{
	display:inline;
}

hr.price 
{
	width:80%;
}

input.price
{
	text-align:right;
	width:25px;
}



.boldgray{ color:#4c5b52; font-weight:bold; }
.sidePanel
{
	/*background-attachment: fixed;
	background-image: url(../img/cloudsheader.jpg);
*/
	width: 50%; 

}

.topMargin{padding: 10px;}

p
{
	padding: 5px 18px 5px 18px;
	line-height: 150%;
}

/*
All elements with border under the class content 


table.colorBorder{ width: 700px;}
*/
.colorBorder .content td { background: #fff; }

#maincontent
{
/*border: 1px dashed #CCC;*/
margin:5px 0px 0px 32px;
float:left;
width:500px;

}

.contentContainer
{
/*border: 1px dashed #CCC;*/
width:800px;
}

.footerSpacer
{
	height: auto;
}

#pagetitle
{
	float:right;
	/*position:relative;
	left:245px;*/
/*border: 1px dashed #CCC;*/
	width:565px;
	margin:35px 0px 0px;
}

/***********************
#signin
{
	margin: 0px;
	position:relative;
	top:100px;
	width:235px;
	text-align: center;
}
************************/

#leftPane
{
/*border: 1px dashed #CCC;*/
float: left;
margin: 110px 0px 0px 0px;
width: 235px;
}

#logoContainer
{
	position:relative;
}
#logo 
{
height:146px;
width:238px;
left:18px;
position:absolute;
top:0px;

}
#logo img, img {border-style:none;}

.logoImage {width:238px; height:146px;}

a{color:#000;}
a:hover{ color:#4c5b52;}

img, div, a, input { behavior: url(/css/iepngfix.htc) }

#NoleftPane
{
/*border: 1px dashed #CCC;*/
	position: relative;
	display: block;
	width: 100px;
	/*height:500px;*/
}

#topBar
{
	height: 16px;
}


.colorBorder td.corner
{
	background-color: Transparent;
	width: 25px;
	height: 21px;
}

/*
Login Navigation
*/
tr.loginNavigation, tr.loginNavigation td {background-color: Transparent;}






div.leftPaneCopy{margin:0px 0px 15px;}

.small{font-size: 10px; color:#4c5b52; margin:0 0 0 3px;}



.navBtn { margin:0px 0px 10px; }


/* LEFT NAVIGATION */
a.loginBtn span{display:none;}
a.loginBtn{ display: block; background-image: url("../img/nav/LoginGreen.gif"); width:250px; height:45px; }
a:hover.loginBtn{ background-image: url("../img/nav/Login.gif");}

a.aboutBtn span{display:none;}
a.aboutBtn{ display: block; background-image: url("../img/nav/AboutSaysoGreen.gif"); width:250px; height:45px; }
a:hover.aboutBtn{ background-image: url("../img/nav/AboutSayso.gif");}

a.howBtn span{display:none;}
a.howBtn{ display: block; background-image: url("../img/nav/HowSaysoWorksGreen.gif"); width:250px; height:45px; }
a:hover.howBtn{ background-image: url("../img/nav/HowSaysoWorks.gif");}

a.faqBtn span{display:none;}
a.faqBtn{ display: block; background-image: url("../img/nav/FaqGreen.gif"); width:250px; height:45px; }
a:hover.faqBtn{ background-image: url("../img/nav/Faq.gif");}


#footer {height: 142px;}
#people {padding: 0px 100px 0px 600px;}

#footerNav{margin: 10px 0 0 0;width:100%;}

#patent{text-align:center; color:#acd6f2; font-size:9px;}

#smlogo{float:right;margin:0 22px 0 0;}
#footerLinks{ padding:9px 105px 0;position:relative;text-align:right;}
#addAll{float:left;margin:8px 22px;}

#footerNav a{color:#4c5b52; font-size:10px; padding: 0 5px 0 5px; text-decoration:none;}
#footerNav a:hover{ color:#4c5b52;}

/* Page Navigation Tabs 
#pageNavTabs{float: right; margin:0px 25px 0px 0px; padding: 0px; }
*/

#topNavigation {background-color: Transparent; float: right; margin:0px 0px 0px 0px; padding: 0px;}
#topNavigation .tab {white-space: nowrap;background-color:White;vertical-align: bottom;}
#topNavigation a {text-transform: uppercase; font-weight:bold; color: #c3cf21;text-align: center;text-decoration: none; font: bold 11pt;}
#topNavigation a:hover {color: #b15c11;}
#topNavigation a.current {color: #b15c11;}

.leftTab{padding-left: 5px;}

.button {font-weight: bold; background: #E3EFFC url(../img/bg-button-blue.gif) bottom left repeat-x; color: #15478C; border: 1px solid #15478C; border-top: 1px solid #77a0d9; border-left: 1px solid #77a0d9; cursor: pointer; padding: .25em; line-height: 1.0;  _padding: .25em .2em; text-decoration: none;}
a:hover.button{ color: #15478C;}

.NoShow {display:none;}

.sectionnav{ float:right; margin: 0px; padding: 0px 22px 0px 0px;}

.loginNavigation a,.loginNavigation a:hover{text-transform: uppercase; color: white; font-weight:bold; text-align: center; text-decoration: none; font-size: 11px;}
.loginNavigation .tab_sub { width:100px; color: #acd6f2; background-color: #4c5b52; white-space: nowrap; vertical-align: bottom; text-align:center;}
.loginNavigation .leftTab_sub{padding-left:5px; width: 15px; height: 22px;}
.loginNavigation .rightTab_sub{padding-right:25px;}

.loginNavigation .tab_subgreen { width:100px; color: #acd6f2; background-color: #c3cf21; white-space: nowrap; vertical-align: bottom; text-align:center;}
.loginNavigation .leftTab_subgreen{padding-left:5px; width: 15px; height: 22px;}
.loginNavigation .rightTab_subgreen{}



.loginNavigation .tab_np { width:100px; color: #acd6f2; background-color: #794500; white-space: nowrap; vertical-align: bottom; text-align:center;}
.loginNavigation .leftTab_np{padding-left:5px; width: 15px; height: 22px;}
.loginNavigation .rightTab_np{}

.loginNavigation .tab_ad{ width:100px; white-space: nowrap; background-color: #b15c11; color: white; vertical-align: bottom; text-align:center;}
.loginNavigation .leftTab_ad{padding-left:5px; width: 15px; height: 22px;}
.loginNavigation .rightTab_ad{}

#footerImage {background:transparent url(../img/footerBanner.gif) repeat scroll 0% 0%;
height:57px;
left:195px;
position:relative;
top:77px;
width:301px;
}


div.widget
{
  		float:left;
		/*width: 140px;
text-align: center;
	margin: 5px;
	padding: 5px;
*/
	/*border: thin solid;
	display: inline;
*/
}
div.widget h1
{
	border: thin solid;
	background-color: #acd6f2;
}

div.widget .value
{
	float: right;
  padding:10px 0px 0px;
}
div.widget .label
{
	
	font-weight: normal;
	float: left;
	padding:10px;
}

.basic_form table, .basic_form .block table { vertical-align:top; background:transparent none repeat scroll 0%; width:100%;}

.basic_form table tbody td, .basic_form .block table td { padding:0px 2px 10px 0px; vertical-align: top; background:transparent none repeat scroll 0%;}
.basic_form table th, table th  { font-weight: normal; text-align: right;}
.basic_form table th.required { font-weight: bold; }

.buttonContainer
{
	/*float:left;*/
	margin: 10px 0 0px;
	
}
.buttonContainer p{ padding:5px;font-size:11px;}

.cGreenLine td
{
/*vertical-align:top;*/
}
/*
.cGreenLine a{display:block;
font-size:22px;
padding:13px 0;
}
*/
.halfContainer
{
float:left;
padding:3px;
width:244px;
}

.inviteForm
{
	clear:both;
	/*width: 494px;*/
	padding:3px;
	}
	
.topAlign *{vertical-align:top;}
	
.brown{color:#794500;}

.orange{color:#b15c11;}

.gray{color:#4c5b52;}


.cCallout
{
	clear: both;
	padding:10px 0;
}
.cCallout td.content
{
	background: transparent url('../img/callout/sidesBg.gif') repeat-y scroll 0 0; 
}

.cCallout p
{
	font-size:11px;
	padding:6px 18px;
}

.basic_form div.action, div.action {
	border-top: 2px solid #4c5b52;
	margin-bottom: 10px;
	margin-top:20px;
	text-align: right;
	padding-top: 8px;
	
}
.basic_form h2{margin:10px 0px 14px 10px;}


.label{text-align: right; font-weight: bold;}

/*
table.callout { vertical-align:top; background:transparent none repeat scroll 0%;}
table.callout td { padding:0px 2px 10px 0px; vertical-align:top; background:transparent none repeat scroll 0%;}
*/


table td.label { width: 150px;}
table td.field { width:355px; white-space:nowrap;}
table th.required {}


/*Container for the messages*/
div.msgbox {
	-moz-border-radius: 10px;
	padding: 30px 0;
	text-align: center;
	background-color: #fff9d8;
	border-top: 1px solid #ffe8cd;
	border-bottom: 1px solid #ffe8cd;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
}

div.msg{
  padding:5px;
}

div.block 
{
	-moz-border-radius: 10px;
	color: #333;
	background: #f0f0f0;
	margin: 10px 0 10px 0;
	padding: 0px;
	font-weight: normal;
	width: 100%;
}

div.block input textarea
{
}
#contract{height:440px;overflow:auto; border: solid 1px #4c5b52; padding:16px;}

h1{padding:0px;font-size:28px; color: #4c5b52; font-weight:bold;}
h2{color:#4C5B52;font-size:19px;font-weight:bold;padding:0px 0px 0px 5px;}
h3{font-size: 25px;color: #4c5b52; font-weight:bold;padding:0px;}
h4{padding:5px 0px 10px 5px;font-size:120%;}
input, select, label, textarea {font-weight:normal; font-family:sans-serif;font-size:12px; margin:0 0 0 3px; padding: 0 0 0 0px; }
/*input, select, textarea {border:1px inset;}*/

div.copy h2{padding: 5px;	}




.block select, .block input{margin: 0px 0px 0px 3px;}

.terms{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:none;
height:200px;
width:90%;
margin:0.5em 10pt 1.5em;
overflow:auto;
padding:4px 8px 8px;

}

div.tabContent 
{
	border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
padding:0;
text-align:left;
width:498px;
}


/*GreenLineContainer*/
div.cGreenLine td.top{ background: url("../img/container/greenline/top.gif") repeat-x scroll 0% 0%; width:100%;}
div.cGreenLine td.bottom{background: url("../img/container/greenline/bottom.gif") repeat-x scroll 0% 0%;}
div.cGreenLine td.left{ background: url("../img/container/greenline/left.gif") repeat-y scroll 0% 0%; height:200px;}
div.cGreenLine td.right{background: url("../img/container/greenline/right.gif") repeat scroll 10% 10%;}
div.cGreenLine div.miniLogo{ left:20px; position:relative; top:-20px;}

/*BlueContainer*/
div.cBlue td.cBlueTop{ background: #D5EAF8;}
div.cBlue td.cBlueBottom{background: url("../img/container/lightblue/bottom_middle.gif");}
div.cBlue td.cBlueLeft{ background: #D5EAF8; background-color:#D5EAF8;}
div.cBlue td.cBlueRight{background: url("../img/container/lightblue/right_middle.gif"); width: 11px;}
div.cBlue td.cBlueContent{ background: #D5EAF8;}

a.loginlnk, .loginlnk
{
color:#4c5b52;
margin:12px;
font-size:11px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight: bold;
vertical-align:bottom;
}

#__asptrace
{
	background: #FFF;
}

.smsactivity
{
	padding: 5px;
	background: #acd6f2;
	display: inline-table;
	width:100%;
	-moz-border-radius: 5px;

}
.smsactivity a{color: #794500; text-decoration:none;}
.smsactivity .priceblock{ padding: 8px 5px; float: left; width: 50px;text-align:center;}
.smsactivity .priceblock .reward{color:#4C5B52;font-size:17px;font-weight:bold;}
.smsactivity .priceblock .comment{color:#4C5B52;font-size:9px;}

.smsactivity .info{padding: 5px; float:left;width:385px; text-align:left;}

.smsactivity .info .advertiser,
.smsactivity .info .timestamp{ color: #794500}

.smsactivity .info .blockad { display:inline;}

.smsactivity .stop{padding: 5px; float:right;}

.spacer{height:9px;}

#calltoaction{ 
position:relative;
top:-115px;
height:60px;}

#btnSignup	{ width: 258px; height: 120px; left:305px; position: relative; background: url(../img/sub/signupButtons.gif) 0 -120px no-repeat top left;}
#btnSignup li	{ width: 258px; height: 120px; background: url(../img/sub/signupButtons.gif) 0 -120px no-repeat; display: block; list-style: none;}
#btnSignup a	{ width: 258px; height: 120px; display: block; background: url(../img/sub/signupButtons.gif) 0 -120px;}
#btnSignup a:hover {background-position: 0 0px; }

#btnDemo	{ width: 188px; height: 26px; left:305px; top:10px; position: relative; background: url(../img/sub/signupButtons.gif) 0 -270px no-repeat top left;}
#btnDemo li	{ width: 188px; height: 26px; background: url(../img/sub/signupButtons.gif) 0 -270px no-repeat; display: block; list-style: none;}
#btnDemo a	{ width: 188px; height: 26px; display: block; background: url(../img/sub/signupButtons.gif) 0 -270px;}
#btnDemo a:hover {background-position: 0 -326px; }

input.price
{
	text-align:right;
	width:25px;
}

fieldset
{
}

fieldset p
{
	padding: 15px;
}
legend
{
	border:1px solid;
	padding: 5px;
	margin-left: 10px;
}
p.info{white-space:normal;padding:0;}

.tooltip 
{
background-color:#F5F5B5;
border:1px solid #DECA7E;
color:#303030;
font-family:sans-serif;
font-size:12px;
line-height:18px;
padding:10px 13px;
position:absolute;
text-align:center;
z-index:2;	
width: 100px;
word-spacing: normal;
}

#helpMessageContainer
{
position:relative;
width: 470px;
display:block;
	
}
#helpMessage{
background-color:#F5F5B5;
border:1px solid #DECA7E;
color:#303030;
font-family:sans-serif;
font-size:12px;
line-height:18px;
padding:10px 13px;
/*position:absolute;*/
text-align:center;
/*z-index:2;	
width: 100%;
left: 0px;
top: 0px;
word-spacing: normal;
*/
display:block;
}


/**************************************************************************
dl {}

dt {
  width: 140px;
  margin: 0px 3px 0 0; 
  padding: 0;
  text-align: right;
  white-space: nowrap;
  float: left;
  clear: left;
  position: relative;
  vertical-align: middle;
}

dt.required {font-weight: bold;}
dd { margin: 0 0 0px 0px; height:30px; vertical-align: middle; }
dd.textarea { margin: 0 0 78px 0px; vertical-align: middle; }
dd.doubleheight{ margin: 4px 0px 0px 0px; height:40px; }
****************************************************************************/
