/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
dd, blockquote {
	margin-left: 1em;
}

li {
	margin-left: 2em;
}


/* Miscellaneous conveniences: */
form label {
	display: inline-block;
	width: 80px; /* Width of labels */
	cursor: pointer;
	text-align: right;
	margin-right: 20px;
}

form label em {
	color: red;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

/* png hack for ie 5.5 and 6 */
img, div, a, li, input { behavior: url(iepngfix.htc) }

body {min-width: 800px;}

.home {	
	background: white repeat-x scroll center top;
	font-family: Helvetica, sans-serif;
	text-align: center;
	line-height: 1.6em;
	font-size: 0.8em;
}

h1,h2,h3,h4,h5 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; 
	font-weight: 300;
}

h1 {
	line-height: 1.6em;
}

h2 {
	line-height: 1.2em;
}

hr {
	margin-bottom: 20px;
}

em {
	font-weight: bolder;
	font-style: normal;
}

a {
	color: black;
}
             
blockquote {
  margin: 20px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #eee;
}

/* Column layout classes */

.col2, .col3 {
  float: left;      
  width: 460px;
  margin-right: 20px;
}    

.col3 {
  width:290px;
  height: 100%;
  margin-right: 10px;
  padding-left: 15px;
  border-right: 1px solid #d0d0d0;
}

.col3narrow {
  float: left;
  width: 280px;
  padding-right: 30px;
  padding-left: 10px;
  border-right: 1px solid #d0d0d0;
}

.right {
  margin-right:0px;
  padding-right: 15px;
  border-right: none;
}       

.clearfix {
  clear: both;
  height: 0px;
}

#header {
	background: #1d1d1d;
	position: relative;
	margin: 0 auto;
	top:0px;
	left:0px;
	width: 100%;
	min-width: 960px;
	height: 60px;
	margin-bottom: 10px;
	border-top: solid 3px #F0B822;
}      

#header_inner {
  width: 960px;
  margin: 0px auto;
  position: relative;
}

#header_logo {
	position: absolute;
	height: 10px;
	top: 20px;
	left: 5px;
}

#header #container {   
	position: absolute;
	height: 40px;
	top: 23px;
	left: 260px;
	width: 708px;
}

#header .item {
	float: right;
	height: 20px;
	padding: 10px 20px;
	font-size: 1.2em;
	color: white;
	position:relative;
}

#header .item .itemimg {
	float:right; position:relative; 
	top:-8px; 
	border:1px solid black; 
	margin-left:3px; 
	height:30px; 
	width:30px
}

#header a {
	color: white;
	text-decoration: none;
}

#header a.item:link{
}

#header a.item:visited{
}

#header a:hover .item{
	background: white;
	color: black;
}

#header #shadow {
	position: relative;
	top: 100px;
	height: 15px;
	background: url('images/shadow.png') repeat-x;
}

#container a.curr_tab .item{
	background: white;
	color: black;
}

#footer {
	text-align: right;    
	border-top: #cccccc dotted 1px;
	padding: 10px 0px;
	height: auto;
	min-height: 50px;
	min-width: 960px;
	background: #1D1D1D;
	color: white;
}

#footer a{
	color: white;
}

img {
	border-style: none;
}


#samasource_logo {
	position: relative;
	float:left;	
	top: 5px;
	left:10px;
	width:215px;
	height: 50px;
}

#donate_button {
	position: relative;
	float:right;
	right:15px;
}

#bigbox {
	margin: 0px auto;
	width: 960px;
	height: auto;
	overflow: hidden;
}                           
           


.blog {
	text-align: left;
	line-height: 1.5em;
	font-size: 0.7em;
}

.blog li{
	margin-bottom: 5px;
}

.tweet {
	text-align: left;
	line-height: 1.5em;
	font-size: 0.7em;
}

.tweet li{
	margin-bottom: 10px;
}

#main_content {
	width: 960px;
	margin: 20px auto;
	text-align: left;
	height: auto;
	min-height: 450px;
	overflow: hidden;
	
}

#bigbox #main_content { 
  margin: 0px;
	width: 960px;
	text-align: left;
	height: auto;      
	padding: 10px;
}

#home_main {
	position: relative;
}                 

#home_main .stakeholders, .darkbox {
	background: #1d1d1d;
  padding: 20px;
  color: white;
  height: 280px;
  width: 422px;
}    

#home_main .stakeholders p, #home_main .stakeholders p a,
.darkbox p, .darkbox p a {
  font-family: Helvetica, sans-serif;   
  color: #ddd;
  font-size: 13px;
  margin: 0 0 16px 0;
  line-height: 24px;
}

#home_main .stakeholders .sh, .darkbox .sh {
  color: #F0B822;
  font-size: 26px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
}

#home_main .stakeholders p a, .darkbox p a {
  font-weight: bold;
  padding: 1px 3px;
  text-decoration: none;
  border-bottom: 1px dotted #F0B822;
}

#home_main .stakeholders p a:hover, .darkbox p a:hover {
  background: #F0B822;
  color: #1d1d1d;
}

#home_main #tagline {
	text-align: right;
	color: white;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 380px;
}

#home_main #buttons {
	position: absolute;
	right: 289px;
	top: 170px;
}

#buttons a{
	color: black;
	text-decoration: none;
}

.button {
	background: url('images/yellowbutton.png');
	height: 34px;
	width: 124px;
	text-align: center;
	padding-top: 5px;
	margin-right: 20px;
	float: left;
}

#bottom .box .button {
	margin-left: 28px;
}

#bottom .box a {
	color: black;
	text-decoration: none;
}

#home_main #youtube {
	position: absolute;
	right: 11px;
	bottom: 3px;                
}

#giveworkbutton {
  border: 1px solid #F0B822;;
	width: 200px;
	height: 26px;
	background: url('images/give_work_now_button.png') 0px 0px no-repeat;
}

#giveworkbutton:hover {
	background: url('images/give_work_now_button_state2.png') 0px 0px no-repeat;
}


#donatenowbutton {
	width: 200px;
	height: 26px;
	background: url('images/donate_yellow_button.png');
}

#donatenowbutton:hover {
	background: url('images/donate_white_button.png');
}

#bottom .box {
	width: 570px;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 5px #cdc098;
	background: white;
	position: relative;
}

#home_lowercontent {
	width: 100%;
	height: 200px;
}

#home_lowercontent #main .box {
	text-decoration: none;
	border: solid 10px #cdc098;
	width: 260px;
	height: 140px;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	padding: 15px;
	background: white;
}

#home_lowercontent #main .box:hover {
	border: solid 10px #1d1d1d;
}

#sidebar {
	margin-top:40px;
	width: 160px;
	float: left;
}

#sidebar .box {
	width: 130px;
	padding: 0px 10px 10px 10px;
	margin-bottom: 10px;
	border: none;
}

#sidebar .box h2{
	/*border-bottom: solid 10px #cdc098;
	margin-bottom: 10px;*/
}

#sidebar h2 a {
	text-decoration: none;
}


#main_content #left_content {
	padding-top: 20px;
	text-align: left;
	width: 500px;
	float: left;
}

#main_content #right_content {
	width: 450px;
	float: right;
}

#top_content {
	height: 300px;
	margin-top: 10px;
}

#front_press {
	width:1200px; 
	margin-top:20px; 
	padding:20px; 
	border-top:1px solid #d0d0d0; 
	float:left;
}

#front_press .item {
	width: 230px;
	float:left;
	padding:20px;
	border-right: 1px solid #d0d0d0;
}

#front_press .item #image {
	height:70px;
}

#testing_page {
	margin: 0px auto;
	width: 800px;
	height: 700px;
}

#testing_page .service_box {
	float: left;
	height: 400px;
	width: 120px;
	padding: 15px;
	margin: 0px 10px 0px 0px;
	border: 3px solid #CAC099;
	background: white;
}

#testing_page .black {
	border: 3px solid black;
	background: #eeeeee;
}

#testing_page .selected {
	border: 3px solid black;
	background: #eeeeee;
}

#testing_page .service_box li{
	margin-bottom: 10px;
}

#testing_page a {
	text-decoration: none;
}
#testing_page #testimonial {
	border: 1px solid #999999;
	min-height: 100px;
	width: 620px;
	padding: 15px;
	margin: 10px 0px 0px 0px;
	font-size: 1em;
	float: left;
}
#testing_page #testimonial h2 {
	text-align: center;
}
#testing_page #service_description {
	float: right;
	border: 1px solid #cccccc;
	min-height: 250px;
	width: 250px;
	margin: 10px 0px 0px 0px;
	padding: 20px;
	font-size:1.0em;
}
#testing_page .left {
	float: left;
}
#testing_page .right {
	float: right;
}

.queuebox {
	height: 40px;
	padding: 10px;
	width: 500px;
	margin-bottom: 30px;
	border: 1px solid #cccccc;
}

.appcontainer {
	position: relative;
	height: 60px;
	width: 600px;
	padding: 10px;
	margin-bottom: 30px;
	border: 1px solid #cccccc;
}

.appcontainer #lasttested {
	float: right;
}

.appcontainer #conversation {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.appcontainer img {
	margin-right: 10px;
	float: left;
}

/*
#home_main {
	float: left;
	width: 600px;
	height: 500px;
	border: 1px solid;
}

#home_sidebar {
	float: right;
	width: 300px;
	height: 500px;
	border: 1px solid;
}*/
/*
#main_content #bigbox {
	width: 800px;
	margin: 10px auto;
}

#main_content #profile {
	border: solid 1px #cccccc;
	padding: 20px;
	width: 600px;
	height: 200px;
	background: #f7f7f7;
	margin: auto;
	margin-bottom: 20px;
}

#profile #container {
	width: 400px;
	float: right;
}

#profile #front_pic {
	margin-top: 10px;
	margin-bottom: 10p;
	float:left;
}

#right_content #front_pic {
	float:left;
}

#right_content #front_quote {
	float:right;
	margin-top:10px;
	width:250px;
}

#right_content #front_bio {
	margin-top:20px;
	float:left;
}
*/

/*#home_tabs a#home_tab {
	background: transparent url(images/home_nav.png) no-repeat scroll center center;

}

#home_tabs a#blog_tab {
	background: transparent url(images/blog.png) no-repeat scroll center center;
	width: 66px;
}

#home_tabs a#services_tab {
	background: transparent url(images/services.png) no-repeat scroll center center;
	width: 86px;
}

#home_tabs a#support_us_tab {
	background: transparent url(images/support_us.png) no-repeat scroll center center;
	width: 96px;
}

#home_tabs a#providers_tab {
	background: transparent url(images/providers.png) no-repeat scroll center center;
	width: 94px;
}

#home_tabs a#team_tab {
	background: transparent url(images/team.png) no-repeat scroll center center;
	width: 61px;
}

#how_it_works_body #home_tabs a#how_it_works_tab {
	border-bottom: 2px solid gray;
}

#support_us_body #home_tabs a#support_us_tab {
	border-bottom: 2px solid gray;
}

#services_body #home_tabs a#services_tab {
	border-bottom: 2px solid gray;
}

#providers_body #home_tabs a#providers_tab {
	border-bottom: 2px solid gray;
}

#team_body #home_tabs a#team_tab {
	border-bottom: 2px solid gray;
}

*/

#home_body #main_quote {
	position: absolute;
	/*top: 35px;*/
	top: 60px;
	left: 40px;;
}

#home_diagram {
	position: absolute;
	/*top: 70px;*/
	top: 130px;
	/*left: 10px;*/
	left: 20px;
}

#home_bodytext {
	position: absolute;
	/*top: 70px:*/
	top: 350px;
	left: 20 px;
	margin-left: 40px;
	margin-right: 40px;
}


#home_taglinetxt {
	position: absolute;
	/*top: 70px:*/
	top: 430px;
	left: 20 px;
	margin-left: 40px;
	margin-right: 40px;
}

#home_body #main_content {
	/*height: 490px;*/
}


#post_work_button {
	position: absolute;
	top: 346px;
	right: 30px;	
	display: block;
	background: transparent url('images/post_work_button.png') no-repeat scroll top left;
	width: 120px;
	height: 32px;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
}

#post_work_form {
	margin: 30px 15px 0px 15px;
	width: 900px; 
	height: 1273px;
}

#post_work_body #main_content {
	height: 1310px;
}

#post_work_body {
	margin-bottom: 20px;
}

#lower_content {
	background: #453E2E;
}

.row_1 {
	text-align: center;
}

.row_2 {
	vertical-align: center;
	text-align: center;
	height: 150px;
	background: white;
	padding: 5px;
}

.row_3 {
	vertical-align: top;
	text-align: right;
}

span.social_impact_quote_author {
	font-size: 0.9em;
	color: #eeeeee;
}

#lower_content h2 {
	margin: 0px 0px 5px 0px;
	color: white;
}

#lower_content #container #spacer_td {
	width: 2%;
}

#lower_content #container #left_col {
	width: 32%;
	background: #fafafa;
}

#lower_content #container #center_col {
	width: 32%;	
	background: #fafafa;
}

#lower_content #container #right_col {
	width: 32%;
	background: #fafafa;
}

#lower_content #container {
	margin: 10px auto 0px auto;
	padding: 10px;
	width: 900px;
}

.row_3 a{
	color: #eeeeee;
}

#beta_notify {
	/*position: absolute;*/
	float: right;
	top: 0px;
	/*right: 30px;*/	
	left: 0px;
	/*border: 1px solid #ccc;*/
	/*background: #f7f7f7;*/
	background: #E0E0E0;
}

#beta_notify_table {
	margin: 10px;
	vertical-align: middle;
}

#beta_notify #email_textbox {
	width: 50px;
}

#beta_notify #notify_me_button {
	display: block;
	float: right;
	background: transparent url('images/New_send_button3.png') no-repeat scroll top left;
	width: 80px;
	height: 24px;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
}

#copyright_notice {
	text-align:center;
	font-size: x-small;
	margin-bottom: 10px;
}

#how_it_works_body #main_content {
	height: 1000px;
}

#support_us_body #main_content {
	height: 900px;
}

#sub_nav {
	padding-top: 30px;
	width: 330px;
	width/**/:/**/ 300px;
	background: transparent url('images/navigation/menu_background.png') scroll repeat-y 0 0;
	float: left;
}

#sub_nav a {
	display: block;
	padding: 5px 0px 5px 40px;
	text-decoration: none;
	color: #000000;	
	font-size: 15px;
	outline: none;
	outline-style: none;
}

#sub_nav ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	background: transparent url('images/navigation/menu_li_background.png') no-repeat scroll 0 bottom;
	line-height: 35px;
	margin: -4px 0 0 0px; /* overlaps the li's */
	height: 47px;
}

#sub_nav li.selected a {
	background: transparent url('images/navigation/subnav_selector.png') no-repeat scroll 0 0px;
	padding: 3px 0px 7px 15px;
	font-weight: bolder;
}

#sub_nav li.selected {
	background: transparent none repeat scroll 0 0;
	font-weight: bolder;
	margin-left: 25px;
}

#sub_nav li.last {
	background: transparent none repeat scroll 0 0;
}

#center_main_content {
	width: 600px;
	margin: 20px auto;
}

#right_main_content {
	float: left;
	width: 600px;
	padding: 15px 10px 15px 0px;
	overflow: hidden;
}

#right_main_content .twocol p {
  width: 270px;
  float: left;
  margin-right: 20px;
}

#right_main_content .twocol h3 {
  clear: both;
}

.content .box{
	width: 570px;
	margin-bottom: 10px;
	padding: 15px;
	border: #888 1px dotted;
	background: #f7f7f7;
}

.box #right {
	float: right;
	width: 370px;
}

.box #left {
	float: left;
	width: 180px;
	text-align: center;
}

.box #pic {
	margin: 10px auto;
}

.sub_content {
	padding-top: 10px;
}

#providers_body #main_content {
	height: 1100px;
		
}

#providers_body table.company_overview td {
	vertical-align: top;

}

#providers_body table.company_overview td.company_overview_label {
	width: 150px;
	font-weight: bolder;
	
	
}

#providers_body #overview_content img.provider_images {
	margin-left: 10px;
	margin-top: 10px;
}

.rating_widget {
	float:left;
	width:180px;
	height:300px;
}

.testimonial_1 {
	float: left;	
	width: 200px;
	margin-right: 20px;
	margin-left: 20px;
}

.testimonial_2 {
	float: left;	
	width: 200px; 

}

#copyright_notice {
	margin-top: 10px;
}

#service_prices_diagram {
	margin-top: 10px;
	margin-bottom: 20px;
}

#service_prices_diagram .left_col {
	width: 300px;
	float: left;
}

#service_prices_diagram .right_col {
	width: 300px;
	float: left;
}

#providers_body .provider_logo {
	margin-top: 10px;
	margin-bottom: 5px;
}

#team_body span.preview_position {
	color: gray;
}

#team_body .volunteer_name {
	font-weight: bolder;
}

.team_preview td {
	vertical-align: center;
	text-align: center;
	padding: 10px;
}

#team_body table.volunteers_preview {
	margin-bottom: 10px;
	text-align: center;
}

table.advisors_preview {
	width: 100%;
}

table.advisors_preview td {
	padding: 10px;
	vertical-align: center;
	text-align: center;
	width:175px;
}

table.donate_table td {
	padding-right: 20px;
}

span.preview_position {
	color: gray;
}

#terms_body .volunteer_name {
	font-weight: bolder;
}

#terms_body table {
	width: 100%;
}

#terms_body table.team_preview td {
	vertical-align: center;
	text-align: center;
}

#terms_body table.volunteers_preview {
	margin-bottom: 10px;
	text-align: center;
}

#terms_body table.advisors_preview td {
	vertical-align: center;
	text-align: center;
	height: 80px;
}

h3.yellow_header {
	background: url('images/navigation/nav_gradient.png') repeat-x;
	border: solid 1px #ccc;
	border-top: none;
	padding: 4px 4px 4px 10px;
	margin: 7px 0px 10px 0px;
	font-weight: bolder;
	font-size: 1.2em;
}

#home_body #beta_notify div.success_msg {
	margin: 5px;
}

#home_body #beta_notify div.error_msg {
	margin: 5px;
}

.success_msg {
	font-weight: bolder;
	background: #eeeeff; 
	color: blue; 
	padding: 10px; 
	border: 1px solid blue; 
	margin: 10px;
}

.error_msg {
	font-weight: bolder;
	background: #ffeeee; 
	color: red; 
	padding: 10px; 
	border: 1px solid red; 
	margin: 10px;
}

#request_a_quote_button {
	position: absolute;
	top:-5px;
	right: 3px;	
	display: block;
	background: transparent url('images/request_a_quote_button.png') no-repeat scroll top left;
	width: 210px;
	height: 47px;
	text-indent: -9999px;
	outline: none;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;

}

.form_input {
	width: 400px;
}

textarea.form_input {
	font-size: 12px;
	height: 100px;
	font-family: Verdana, Arial;
}

.contact_form_element {
	margin-bottom: 15px;
}

#odesk_body #main_content {
	
	height: 600px;
}

#odesk_body #odesk_content {
	margin: 20px;
	
}

#gala_header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 100%;
	background-color: black;
	border: none;
}

.auctioncontent{
	color: gray;
	display:none;
	line-height:1.3em;
}

#gala_main {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; 
	position: relative;
	margin: 20px auto;
	width: 750px;
	padding: 10px;
}

#gala_main p {
	font-size: 0.9em;
}

#gala_main #main {
	width: 600px;
	text-align: center;
	float: left;
	padding: 20px 75px 0px 75px
}

#gala_main .amb {
	position: relative;
	float: left;
	min-height: 150px;
	width: 750px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#gala_main .amb #profile {
	text-align: center;
	float: left;
	margin-right: 25px;
	width: 150px;
}

#gala_main .amb #program {
	position: absolute;
	text-align: center;
	width: 150px;
	bottom: 5px;
	right: 0px;
}


#gala_main .amb #bio {
	float: left;
	width: 400px;
}

#gala_main .amb p {
	font-size: 0.7em;
}

#gala_main .divider {
	float: left;
	width: 100%;
	height: 2px;
	border-top: 1px solid black;
	background: #E4B831;
}

#gala_static {
	float: left;
	margin-bottom: 30px;
}

#gala_mainbox {
	float: left;	
	height: 300px;
	width: 100%;
	margin: 20px auto;
	background: black;
}

#gala_nav {
	float: left;
	width: 100%;
	text-align: center;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif; 
	
}

#gala_nav li {
	display: inline;
	margin: 0px 30px 0px 30px;
}

#gala_nav li a{
	text-decoration: none;
}

#gala_nav li:hover a{
	text-decoration: underline;
}

#gala_footer a{
	color: #bbbbbb;
	text-decoration: none;
}

#gala_footer a:hover{
	text-decoration: underline;
	color: #888888;
}

#gala_nav .selected {
	font-weight: bold;
}

.gala_border {
	padding-bottom: 10px;
	border-bottom: 5px solid black;
	margin-bottom: 15px;
}

#gala_footer {
	float: left;
	text-align:center;
	width: 750px;
	height: 20px;
	margin-top: 10px;
	font-size: 0.75em;
	color: #bbbbbb;
}

#gala_footer_border {
	float: left;
	width: 750px;
	height: 30px;
	margin-top: 70px;
	background: url('http://samasource.org/images/gala/footer.png');
}

#profilemain {
	float:left;
	width:520px;
	padding-right:30px;
	padding-top: 20px;
	/*border-right: 2px solid #cccccc;*/
}

#profileheader {
	font-size: 1.3em;
	border-bottom: 2px solid black;
	margin-bottom: 30px;
}

#profilemain h1, h2, h3, p {
	margin-bottom: 20px;
}

#profilemain #image {
	float: left;
	width: 150px;
}

#profilemain #info {
	float: left;
	margin-right: 30px;
	width: 250px;
}

#profilecompany {
	float:left;
	text-align: left;
	width: 520px;
	padding-top:20px;
}

#profileaction {
	float:right;
	width:300px;
	margin:20px;
	padding:20px;
	border: 2px solid #cccccc;
	height:300px;
}

#profileaction .link{
	width: auto;
	height:20px;
	padding: 10px;
	background: #EAB600;
	border: 2px solid #EAB600;
	font-size: 1.7em;
	margin-bottom: 30px;
}

#profileaction .link:hover{
	border: 2px solid black;
}

#profileaction .link a {
	text-decoration: none;
}

.profilelist {
	border: 1px solid #dddddd;
	padding: 20px;
}

.donatenewbutton {
	width: 200px;
	height:20px;
	padding: 10px;
	background: #F3CB56;
	border: 2px solid #EAB600;
	font-size: 1.7em;
	margin-bottom: 30px;
	
}