/* Standard Base Elements - START */

body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff; /* #eef9ff; */
	/*background-image: url(/images/site_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;*/
}

ul {
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
}

a {
	margin:0;
	padding:0;
	color: #5139AB;
}

a img {
	border: none;
}

p {
	padding:0;
	color: #819900;
	font-size: 1em;
}

p.information {
  color: #aaa;
  padding: 0 1em;
  margin: 0;
}

img {
	margin:0;
	padding:0;
}

input[type=text], input[type=password], input[type=file], textarea {
	margin:0;
	padding:0;
	border: 1px solid #ABC3E4;
	font-size: 1em;
	padding: 2px;
	margin: 6px 0 8px 0;
	background: #f3f8ff url(/images/form_bg.png) top left no-repeat;
	font-size: 1em;
}

select {
	margin: 6px 0 8px 0;
}

input[type=text], input[type=password] {
	height: 20px;
}

input.right {
	text-align: right;
}

.clear { clear: both; display: block; margin: 0; padding: 0; }

form label {
  color: #819900;
	font-size: 1em;
}

form label.required {
  font-weight: bold;
}

/* Standard Base Elements - END */






/* Headers - START */

h1 {
	margin:0;
	padding:0;
	font-size: 1.4em;
	font-weight: lighter;
	margin-top: 1px;
	margin-left: 0px;	
	color: #2C0086;
	padding-bottom: 3px;
	margin-bottom: 14px;
}

h2 {
	margin:0;
	padding:0;
	font-size: 1.4em;
	color: #270984;
	font-weight: lighter;
}

h3 {
	font-size: 0.9em;
	font-weight: lighter;
	margin: 2px 0 2px 0;
	padding:0;
}

h3 a {
	margin:0;
	padding:0;
}

h4 {
	color: #5139AB;
	font-size: 1em;
	margin: 3px 0 3px 0px;
	padding:0;
	font-weight: lighter;
}

#challenge_tour_index h2 {
	font-size: 1.7em;
	margin-bottom: 1px;
}

textarea#message {
  width: 100%;
  height: 200px;
}

/* Headers - START */






/* Major Layout Containers - START */

#outer {
	margin: 0 auto;
	padding: 0 0 0 14px;
	text-align: center;
	width: 872px;
	background: #fff;
}

#wrapper {
	text-align: left;
	padding-top: 16px;
	background: #fff;
}

#header {
	height: 80px;
	margin: 0;
	padding: 0;
	float: left;
}

#logo {
	width: 320px;
	float: left;
	margin:0;
	padding:0;
}

body #maintabs {
	float: left;
	display: block;
	margin:0;
	padding:0;
	width: 540px;

}

body.home #maintabs {
	float: left;
	display: block;
	margin:0;
	padding:0;
	width: 540px;
	height: 83px;
}

body.challenges #maintabs ul li.challenges,
body.users-new #maintabs ul li.challenges,
/* body.locations #maintabs ul li.challenges, conflicting with leaderboards/locations */
body.users-index #maintabs ul li.leaderboard,
body.teams-index #maintabs ul li.leaderboard,
body.locations-index #maintabs ul li.leaderboard,
body.thirty_days #maintabs ul li.leaderboard,
body.comatose #maintabs ul li.about,
body.suggestions #maintabs ul li.workshop {
  background: url(/images/tabs-on.gif);
} 

#maintabs ul.subtabs {
  width: 308px;
  clear:left;
  float: left;
  margin: 0;
  padding: 0;
  background: url(/images/subnav.gif) 100% 100% no-repeat;
}

#maintabs ul.subtabs li {
  float: left;
  display: block;
  margin-right: 0;
  padding-right: 1px;
  height: 30px;
  width: auto;
  padding: 0 1em;
  background: url(/images/subnav.gif) 50% 100% no-repeat;
}

#maintabs ul.subtabs li.teams {
  background: url(/images/subnav.gif) 0 100% no-repeat;
}

#maintabs ul.subtabs li.members {
  padding: 0;
}

#maintabs ul.subtabs li.locations {
}

#maintabs ul.subtabs li a {
  color: #6655b5;
  color: #C8BAEF;
}

body.users-index #maintabs ul.subtabs li.members a,
body.teams-index #maintabs ul.subtabs li.teams a,
body.locations-index #maintabs ul.subtabs li.locations a {
  color: #FFF;
}

#content {
	margin-top: 25px;
}

#content_left {
	width: 190px;
	min-height: 400px;
	float: left;
	margin-top: 34px;
}
body.home-global_map #content_left {
  display: none;
}

#content_right {
	min-height: 400px;
	width: 626px;
	_width: 623px;
	background: #fff;
	float: left;
	margin-top: 34px;
	margin-left: 20px;
	_margin-left: 15px;
}

body.home-global_map #content_right {
  width: 840px;
}

body.home-global_map #map {
  margin-top: 20px;
}

#map {
  background: url(/images/spinner.gif) center center no-repeat;
}

/* Major Layout Containers - END */






/* Main Tabs - START */

#maintabs {
  position: relative;

}

#maintabs ul {
	list-style-type: none;
	margin-top: 31px;
	margin-left: 125px;
}

#maintabs ul.subtabs {
  position: absolute;
  top: 59px;
  right: 4px;
}
  
#maintabs ul li {
	float: left;
	display: block;
	width: 102px;
  padding-right: 1px;
  background-image: url(/images/tabs.gif);
}

#maintabs ul li a {
	
	display: block;
	font-size: 0.8em;
	text-decoration: none;
	text-align: center;
	color: #fff;
	line-height: 28px;
}

#maintabs ul li.about {
	padding-right: 0px;
}

/* Main Tabs - START */


/* Get an account - START */

.get_an_account {
	width: 267px;
	height: 182px;
	background-image: url(/images/get_account_bg.png);
	float: left;
	margin-top: 26px;
	padding-left: 27px;
	padding-top: 22px;
}

.get_an_account input {
	
}

.home_account {
	width: 580px;
}

.home_account img {
	clear: right;
	margin-bottom: 6px;
}

.already_a_user {
	float: left;
	margin-top: 22px;
	width: 225px;
}

.already_a_user img {
	margin-top: 26px;
	margin-left: 52px;
}

.already_a_user .buttons {
	margin-left: 88px;
}


/* Get an account - END */






/* BUTTONS - START */

.buttons {
	margin-top: 18px;
}

.buttons a, .buttons button, .buttons input {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 0.8em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    height: 30px;
}
.buttons button, .buttons input {
    width:auto;
    overflow:visible;
    _overflow: hidden;
    _height: 30px;
    _padding:4px 10px 3px 7px; /* IE6 */
}



.buttons a {
	height: 16px;
}


.buttons button[type] {
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover, .buttons input:hover {
		font-size: 0.8em;
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
		font-size: 0.8em;
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.buttons input {
	padding: 5px 7px 22px 7px;
}

/* POSITIVE */

button.positive, input.positive, .buttons a.positive {
    color:#529214;
    font-size: 0.8em;
}
.buttons a.positive:hover, button.positive:hover, input.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
    font-size: 0.8em;
}
.buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
    font-size: 0.8em;
}

/* NEGATIVE */

.buttons a.negative, button.negative, input.negative {
    color:#d12f19;
    font-size: 0.8em;
}
.buttons a.negative:hover, button.negative:hover, input.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
    font-size: 0.8em;
}
.buttons a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
    font-size: 0.8em;
}

/* BUTTONS - END */





/* Footer - START */

#footer {
	height: 20px;
	width: 855px;
	border-top: 1px solid #9E9E9E;
	font-size: 0.6em;
	color: #9E9E9E;
	float: left;
	padding-top: 2px;
	margin-top: 24px;
	background: #fff;
}

#footer a {
	color: #9E9E9E;
}

/* Footer - END */



/* Registration form - START */

.form_left {
	height: 31px;
	width: 140px;
	float: left;
	clear: both;
	padding-top: 4px;
}

.form_right {
	width: 250px;
	float: left;
}

.form_container {
	float: left;
}

#login_register {
	float: right;
	background: #DAFBA8;
	z-index: 5;
	margin-right: 110px;
}

/* Registration form - END */






/* Flashes - START */

.flash {
  margin-bottom: 10px;
}

.flash .info {
	border-left: 3px solid #505A2B;
	background: #ABE156;
	display: block;
	width: auto;
	height: auto;
	padding: 5px;
	margin-top: 5px;
}

.flash .error {
	border-left: 3px solid #505A2B;
	background: #FF3333;
	display: block;
	width: auto;
	height: auto;
	padding: 5px;
	color: #fff;
	margin-top: 5px;
}

/* Flashes - END */



/* Flashes - START */
	
#flash_notice {
	padding: 8px;
	background: #E2EC8A;
	border: 1px solid #B2C32E;
	clear: both;
	margin: 0 0 14px 0;
	display: block;
	width: 610px;
}

#flash_welcome {
	padding: 10px 10px 10px 0
	font-size: 120%;
	clear: both;
}

/* Flashes - END */


/* Sign up / Login - START */ 

#signup_login {
	float: right;
	top: 0px;
	left: 670px;
	height: 20px;
	font-size: 0.8em;
	padding: 2px 4px;
	background-image: url(/images/highlight_underline.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-right: 13px;
}

#signup_login a {
	text-decoration: none;
	color: #000;
}

#signup_login a:hover {
	text-decoration: underline;
}

/* Sign up / Login - END */ 


/* Global re-usable classes - START */

.last {
	margin-right: 0px;
}

.purple {
	color: #5139AB;
}

.indented {
	margin-left: 20px;
}

.display_none {
	display: none;
}

.blank {
	background: url(/images/blank_bg.png);
	background-repeat: repeat-x;
	min-height: 400px;
	margin-right: 30px;
	width: auto;
}

#content_right p.small {
	font-size: 0.8em;
	color: #666;
}

#content_right p.medium {
	font-size: 1em;
	color: #666;
}

#content_right p.large {
	font-size: 1.2em;
	color: #666;
}

.city {
	margin: 0 0 17px 0;
	color: #333333;
	font-size: 0.9em;
}

/* Global re-usable classes - END */


/* Admin links - START */
span.admin_links {
	font-size: 0.9em;
	float: right;
}
/* Admin links - END */

.help {
	padding: 2px 3px;
	font-size: 0.8em;
	font-weight: bold;
	color: gray;
	background: #F2FEB2;
}


/* Errors - START */
	
#errorExplanation {
	color: #333333;
	background: #e4bdbd;
	border: 1px solid #e12f31;
	margin: 30px 0 50px 0;
}

#errorExplanation ul {
	margin-left: 20px;
}

.fieldWithErrors {
	margin:0;
	padding:0;
 	border-bottom: 2px solid #f4b2b3;
}

/* Errors - END */


/* Flashes - START */
	
#flash_warning {
	color: #e12f31;
	background: #e4bdbd;
	border: 1px solid #e12f31;
	margin: 0px 0 30px 0;
	padding: 12px;
}

/* Flashes - END */

/* Rounded Corners - START */

.right_corner {
  float: right;
  margin: 0px;
  padding: 0px;
  width: 13px;
  height: 13px;
}

.left_corner {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 13px;
  height: 13px;
}

.top {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.bottom {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 13px;
  background: #adc71c;
}

.top .left_corner {
  background-image: url(/images/corner_tl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.top .right_corner {
  background-image: url(/images/corner_tr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.bottom .left_corner {
  background-image: url(/images/corner_bl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.bottom .right_corner {
  background-image: url(/images/corner_br.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* Rounded Corners - END */




/* Suggestions - START */

.suggestion_list {
    margin:0;
    padding:0;
    margin-top: 10px;
    float: left;
    width: 629px;
}

.suggestion {
    width: 629px;
    height: 120px;
    background-image: url(/images/profile_suggestions_bg.png);
    background-repeat: no-repeat;
    background-position: 0 22px;
    margin-bottom: 5px;
}

.suggestion h2 a {
    text-decoration: none;
    color: #9181D0;
}

.suggestion h2 a:hover {
    text-decoration: underline;
}

.suggestion_avatar_index {
	height: 59px;
  padding: 6px 12px 12px 12px;
  width: 63px;
  float: left;
	text-align: center;
	overflow: hidden;
}

.suggestion_avatar_index img {
	margin-bottom: 3px;
	_margin-bottom: 0px;
}

.suggestion_avatar_index a {
	font-size: 0.75em;
	text-decoration: none;
	_line-height: 10px;
}

.suggestion_avatar_index a:hover {
	text-decoration: underline;
}

.suggestion_summary {
    height: 53px;
    padding: 12px;
    width: 360px;
    float: left;
    font-size: 0.9em;
		font-family: Arial, sans-serif;
}

.suggestion_list_voting {
    width: 130px;
    float: left;
    height: 69px;
}

.suggestion_list_voting h4 {
	margin-top: 0px;
}

.suggestion_list_voting .buttons {
	margin-top: 0px;
}

#suggestion_stats {
  background: url(/images/profile_suggestions_bg.png) no-repeat;
  margin-top: 6px;
  width: 585px;
  height: 64px;
  padding: 10px;
  padding-left: 30px;
}

#suggestion_stats h3 {
    font-size: 1em;
    font-weight: lighter;
    color: #5139AB;
    float: left;
}

#suggestion_stats .stat_column {
    font-size: 0.8em;
    margin: 2px;
    float: left;
		margin-right: 18px;
}

#suggestion_stats .stat_column a {
	color: #fff;
	text-decoration: none;
}

#suggestion_stats .stat_column a:hover {
	text-decoration: underline;
}

.suggestion_list .suggestion {
	font-size: 0.9em;
}

/* Suggestions - END */

.tiny_text {
	font-size: 0.7em;
	color: #5139AB;
}

.already_voted {
	margin-top: 0px;
	color: #5139AB;
}

.suggestion .already_voted {
	margin-top: 2px;
}

a.order_by_link {
	background: #9181D0;
	padding: 3px 4px 2px 4px;
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
}

a.order_by_link:hover {
	color: #fff;
	border: 1px solid #2c0086;
}

.user_bio {
	width: 600px;
	float: left;
}

.comments_link {
	padding-top: 4px;
}

.comments_link a {
	text-decoration: none;
}

.comments_link a:hover {
	text-decoration: underline;
}

div.suggestion_tour div.buttons {
	padding-right: 6px;
}


/*************************************
 +Clearfix Hack
*************************************/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
.clearfix {display:block;}
	/* End hide from IE Mac */
	
	
	
  /* Lightbox forms - START */

  #TB_window .form_right {
  	font-size: 1em;
  }

  #TB_window .login_top_link {
  	margin:0;
  	padding:0;
  	background: #505A2B;
  	color: #fff;
  	float: right;
  	top: 0px;
  	right: 0px;
  	height: 24px;
  	width: 160px;
  	text-align: center;
  	margin-right: -15px;
  	margin-top: -15px;
  }	

  .login_top_link a {
  	color: #fff;
  	line-height: 24px;
  	display: block;
  }

  .login_top_link a:hover {
  	background: #967ED4;
  }

  /* Lightbox forms - END */



  /*********************************
   + Updated Login Lightbox
  *********************************/
  a:focus
  {
    -moz-outline-style: none;
  }


  * { padding: 0; margin: 0;}

  #dummybox {
  	xmargin: 100px auto;
  	width: 587px;
  	background: #e4ee9d;
  	font-family: arial, verdana, sans-serif;	
  		color: #5f6626;
  	}


  .lightbox_close {
  	width: 30px;
  	height: 30px;
  	display: block;
  	text-indent: -5000px;
  	background: transparent url(../images/lightbox/close2.png) top left no-repeat; /* proloader, of sorts */
  	background: transparent url(../images/lightbox/close.png) top left no-repeat !important;
  	background-image: none; 
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/lightbox/close.png',sizingMethod='scale');	

  	position: relative;
  	left: 565px;
  	top: -5px;
  	margin: 0 0 -7px 0;
  	}

  .lightbox_close:hover {	
  	background: transparent url(../images/lightbox/close2.png) top left no-repeat !important; 
  	background-image: none; 
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/lightbox/close2.png',sizingMethod='scale');	
  	}

  .blurb {
  	background: #f3f7d2;
  	padding: 14px;
  	font-family: arial, verdana, sans-serif;
  	margin: 0 17px;
  	}

  .blurb h5 {
  	font-size: 1.4em;
  	margin: 0 0 6px 0;
  	}	

  .blurb p {
  		color: #5f6626;
  	}


  .errorblurb {
  	background: #f3f7d2;
  	font-weight: bold;
  	text-align: center;
  	font-family: arial, verdana, sans-serif;
  	margin: 0 17px 18px 17px;
  	xpadding: 12px;
  	}

  .errorblurb div { 
  	color: #ed7514;	
  	padding: 4px 0 0 0 ;
  	}

  .errorblurb p {
  	color: #ed7514;
  	padding: 4px !important;
  	margin: 0  !important;
  	}

  h4.alreadyregistered, h4.newuser {
  	color: #5f6626;
  	font-size: 1.5em;
  	text-align: left;
  	font-weight: bold;
  	letter-spacing: -1px;
  	margin: 0 0 18px 15px;
  }

  .lightbox_form {
  	float: left;
  	margin: 0 0px 0 15px;
  	vertical-align: middle;
  	}	

  .lightbox_form dt { font-weight: bold;}

  .lightbox_form_bottom { 
  	clear: both;
  	text-align: right;
  	padding: 8px 15px;
  	}

  .lightbox_login_button { 
  	padding: 21px 15px 0 0;
  	}

  #user_email { width: 250px;}
  #user_password {width: 160px;}

  #dummyboxbottom #user_email { width: 312px;}

  #dummyboxbottom #register_form #lightbox_newuser #user_email { width: 550px;}
  #dummyboxbottom #register_form #lightbox_newuser #user_location_name { width: 436px;}

  .lightbox_form_right {float: right;}	

  .lightbox_check { 
  	clear: both;
  	float: right;
  	width: 180px;
	padding-right: 120px;
  	text-align: right;
  	}	

.forgot_my_password {
	text-align : left;
}
	

  .lightbox_check #remember_me { display: inline;}	
  .lightbox_check dt { display: inline; font-weight: bold;}	

  #dummyboxbottom {
  	padding: 15px 0;
  	background: #fff;
  	width: 587px;
  }

  #lightbox_newuser #errorExplanation {
  	margin: 15px ;
  	padding: 15px;
  	border: 2px solid #f4b2b3 ;
  	background: #ffecec ;
  	color: #e12f31 !important;
  }	

  #lightbox_newuser #errorExplanation h2, #lightbox_newuser #errorExplanation p {
  		color: #e12f31 ;
  		font-weight: bold;
  }
  
#user_form p {
	clear: both;
	margin: 10px 0 0 0 ;
}

.disclaimer {
  clear: both;
  padding-top: 10px;
	font-size: 12px;
	color: #666;
}

.disclaimer p {
  margin: 0px !important;
  padding: 0px !important;
  color: #666;
}

#dummyboxbottom .disclaimer {
  margin: 0px 15px 0px 15px;
}

form#register .disclaimer {
  margin: 0px;
}

  /*********************************
   + Challenge Acceptance Lightbox
  *********************************/
  
    .challenge_acceptance_top {
    	padding: 0 0 18px 0;
    	border-bottom: 1px solid #d1da8c;
    }


  .challenge_acceptance_bottom {
  	border-top: 1px solid #eef3c8;
  	padding: 12px 12px 18px 12px;
  }	


  .challenge_acceptance_bottom h4 {
  	color: #5f6626;
  	font-size: 1.5em;
  	text-align: center;
  	font-weight: bold;
  	letter-spacing: -1px;
  	margin: 0 0 18px 0;
  }	

  .challenge_acceptance_buttons {
  	width: 315px;
  	margin: 0 auto;
  	height: 31px;

  }	


  .challenge_acceptance_buttons input {
  	float: left;
  }	

  .button_accept_challenge, .button_reject_challenge {
  	border: none;
  	background: transparent;
  	height: 31px;
  	margin: 0;
  }  

  .button_reject_challenge {
  	display: block;
  	width: 168px;
  	float: left;
  	text-indent: -5000px;
  	background: url(/images/lightbox/reject_challenge.png) top left no-repeat;
  	}
  	
    /*********************************
     + Join Team Lightbox
    *********************************/

      .join_team_top {
      	padding: 0 0 18px 0;
      	border-bottom: 1px solid #d1da8c;
      }


    .join_team_bottom {
    	border-top: 1px solid #eef3c8;
    	padding: 12px 12px 18px 12px;
    }	


    .join_team_bottom h4 {
    	color: #5f6626;
    	font-size: 1.5em;
    	text-align: center;
    	font-weight: bold;
    	letter-spacing: -1px;
    	margin: 0 0 18px 0;
    }	

    .join_team_buttons {
    	width: 315px;
    	margin: 0 auto;
    	height: 31px;

    }	


    .join_team_buttons input {
    	float: left;
    }	

    .button_accept_join, .button_reject_join {
    	border: none;
    	background: transparent;
    	height: 31px;
    	margin: 0;
    }  

    .button_reject_join {
    	display: block;
    	width: 168px;
    	float: left;
    	text-indent: -5000px;
    	background: url(/images/lightbox/reject_challenge.png) top left no-repeat;
    	}
    	
a.add_this {
  float: right;
  margin: 0 5px 0 0;
  position: relative;
  top: 0px;
}

.teams-show .referral_join_checkbox {
  visibility: hidden;
}

#crmapmedia { 
  margin: 1em 0 0 0;
}