/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/*reset.css*/body{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;}table{border-collapse:collapse;border-spacing: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,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{_margin-left:1.2%;*margin-left:1.7%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{margin-left:2%;width:32%;float:right;*width:31.8%;}.yui-gb div.first{margin-left:0;*margin-right:1px;float:left;}.yui-gb .yui-gb div.first{*margin-right:0;width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first{float:left;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-gb .yui-gc .yui-u,.yui-g .yui-gc .yui-u{_float:right;width:32%;_width:29.9%;}.yui-gb .yui-gc div.first{width:66%;*width:64.5%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:1px;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{_width:48.1%;*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


body {
  line-height: 1.4;
}

a, input, select, textarea {
  outline: none;
}

strong, strong *, * strong  { font-weight: bold; }
em, em *, * em              { font-style: italic; }

img {
  background-color: transparent;
}

/* list styles
----------------------------------------------------------------------------------*/

.disc,
.decimal,
.upper_roman,
.lower_roman,
.upper_alpha,
.lower_alpha,
.no_style {
  margin: 10px 40px 18px 40px;
  list-style-position: outside;
}

.disc         li { list-style-type: disc;        }
.decimal      li { list-style-type: decimal;     }
.upper_roman  li { list-style-type: upper-roman; }
.lower_roman  li { list-style-type: lower-roman; }
.upper_alpha  li { list-style-type: upper-alpha; }
.lower_alpha  li { list-style-type: lower-alpha; }
.no_style     li { list-style-type: none; }

.disc li,
.no_style li,
.decimal li,
.upper_roman li,
.lower_roman li,
.upper_alpha li,
.lower_alpha li {
  text-align: left !important;
  margin-bottom: 5px;
}

/* forms
--------------------------------------------------------------------------------------*/

form label {
  color: #535F62;
  cursor: pointer;
  font-weight: bold;
}

form input.text {
  height: 20px;
  padding: 6px 4px 0;
  line-height: 20px;
}

form textarea {
  height: 70px;
  padding: 5px 4px;
  vertical-align: top;
}

form select {
  height: 27px;
  padding-top: 2px;
  line-height: 1.4; /* set this to the project's line-height to make it the same height as other input elements */
}

input.text,
select      { background: #fff url("/images/input.png")     left top no-repeat; }
textarea    { background: #fff url("/images/textarea.png")  left top no-repeat; }

input.text,
input.wide,
textarea.wide,
textarea,
select {
  color: #859397;
  border: 1px solid #7c7c7c;
  -moz-border-radius:     2px;
  -webkit-border-radius:  2px;
  border-radius:          2px;
}

input[type=file]:focus,
input.text:focus,
textarea:focus,
select:focus {
  color: #1D2122;
  border: 1px solid #1D2122;
}

.inline_radios input {
  background: none;
  border: 0;
}

input.checkbox,
input.radio {
  vertical-align: text-top;
  margin-right: 0.5em;
}

input[type=file] {
  border: 0;
  background-image: none; /* safari */
  background-color: transparent; /* safari */
}

form dl {
  margin-bottom: 0;
}

form dt,
form li label,
legend {
  margin-bottom: 0;
}

form dd {
  margin-bottom: 5px;
}

fieldset {
  border: 0;
  width: 100%;
}

textarea {
  clear: both;
  height: 10em;
}

input.submit,
input.bn,
input.button {
  vertical-align: top;
  cursor: pointer;
}

/* Standard ul form styles
-----------------------------------------------------------------------------------*/

.bn,
.button {
  display: inline-block;
  margin-right: 5px;
  padding-right: 20px;
  padding-left: 20px;
  letter-spacing: 1px;
  font-size: 13px;
  text-align: center;
  font-family: "Trebuchet MS", arial;
  -moz-border-radius:     5px;
  -webkit-border-radius:  5px;
  border-radius:          5px;
  background-color: #1d2122;
  background-position: left center !important;
  font-weight: bold;
  color: #fff;
}

input.bn,
input.button {
  margin: 0 ;
  vertical-align: top;
  height: 29px;
  padding-bottom: 3px;
  line-height: 27px;
  overflow: hidden;
  min-width: 125px;
}

a.bn,
a.button {
  display: inline-block;
  height: 19px;
  padding-top: 8px;
  line-height: 10px;
  min-width: 90px;
}

.bn:hover,
.bn:focus,
.focus .bn,
.button:hover,
.button:focus,
.focus .button {
  background-position: right center !important;
  text-decoration: none;
}

.std_form li,
dl.std_form {
  width: auto;
  padding: 10px 0;
}

.compact_form .std_form li {
  border: 0;
  padding: 0;
  background-color: transparent !important;
}

.required span,
.date_time span {
  margin-left: 3px;
  color: #B83F1D;
}

.focus,
.error.focus,
.focus p.error {
  background-color: #AFD8F2;
}

.std_form li.error {
  padding-top: 0;
  background-color: #DE522A;
}

.std_form li.error label,
.std_form li.error label span {
  color: #fff;
}

.std_form p.instructions {
  color: #535F62;
  font-size: 11px;
  padding-left: 30%;
  width: 52%;
}

.std_form li label {
  width: 28%;
  padding-right: 2%;
  display: inline-block;
  text-align: right;
}

#nyroModalContent .left_form_indent {
  padding-left: 30%;
}

.std_form .submit,
.std_form .left_form_indent,
.std_form .password_recover {
  margin-bottom: 0;
}

.std_form li.submit,
.std_form p.submit,
.std_form .left_form_indent,
.std_form li.password_recover {
  width: auto;
  padding: 5px 0 0 30%;
  background-color: transparent !important;
  border: none;
}

input.submit {
  margin-left: 0!important;
}

.focus label {
  color: #1D2122;
}

.std_form li input.text,
.std_form li textarea,
.std_form li select {
  width: 50%;
}

.std_form input.file {
  width: 51%;
}

.std_form li.checkbox input {
  margin: 0 5px 0 30%;
}

#signin_form .checkbox input {
  margin: 0;
}

.std_form li.date_time select {
  width: auto;
}

.std_form li.date_time dt,
.std_form li.date_time dd {
  display: inline;
}

.std_form .error p.error {
  margin-bottom: 5px;
  padding: 3px;
  background-color: #fff;
  text-align: center;
}

.std_form .submit span {
  color: #6B7A7E;
  font-size: 12px;
}

.left_form_indent {
  color: #6B7A7E;
  font-size: 12px;
}

#session .sign {
  margin-top: 10px;
}

#session h1.form_aligned {
  text-align: left;
  margin-left: 0;
  padding-left: 120px;
}

#session .std_form.sign input.text,
#session .std_form.sign label {
  font-size: 13px;
}

#session .std_form.sign input.text {
  height: 24px;
}

#session .sign .std_form li {
  margin-left: 0;
  padding: 7px 0 7px 120px;
}

#session .sign .std_form li label {
  display: block;
  width: auto;
  margin-left: 0;
  text-align: left;
}

#session .sign .std_form li input.text {
  width: 250px;
  margin-left: 0;
}

#session .sign .std_form li.checkbox {
  position: relative;
}

#session .sign .std_form li.checkbox label {
  position: absolute;
  left: 145px;
}

#session .sign .std_form li p.instructions {
  width: 250px;
  padding-left: 0;
}

#session .sign .std_form li.submit input {
  display: inline;
  text-align: center;
  vertical-align: center;
}

#session .sign form .show_password_bn {
  margin-left: 1em;
}

#session .sign .std_form li.error {
  padding-top: 0;
}

#session .sign .std_form .error p.error {
  margin-left: -120px;
}

#session .sign form li.error .show_password_bn {
  color: #fff;
}

#session .sign form input.yellow {
  vertical-align: middle;
}

#session .footer {
  clear: both;
  height: 30px;
  background-image: url("/images/bg_billboard_join.png");
  background-position: bottom left;
}

/* messaging
---------------------------------------------------------------------------------*/

#flash_notice,
#flash_error,
.errorExplanation {
  z-index: 1000;
  text-align: center;
  margin-bottom: 10px;
}

#flash_notice,
#flash_error {
  margin: 0 0 20px;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
}

#modal_flash .flash {
  margin: 0;
}

.errorExplanation {
  padding: 10px;
}

#flash_error,
.errorExplanation {
  border: 2px solid #B83F1D;
  background-color: #DE522A;
  color: #fff;
}

#flash_notice {
  color: #535F62;
  background-color: #fefbdc;
  border: 2px solid #ede7b7;
  font-size: 16px;
  padding: 16px;
}

.errorExplanation h2 {
  font-size: 16px;
  margin-bottom: 10px;
}

.errorExplanation ul li {
  margin: 10px 0 18px 25px;
  list-style-type: disc; 
  list-style-position: outside;
}

p.error a {
  color: #fff;
  text-decoration: underline;
}

p.notice a {
  color: #1D96B8;
}

#errorExplanation.errorExplanation h2 {
  color: #fff;
  text-align: center;
}

dt.error .field_with_errors,
dt.error span.required,
.errorExplanation ul li {
  margin: 0;
}


/* clearfix
-------------------------------------------------------------------------*/

.clearfix:after,
.sighting:after,
#image_uploader:after,
#profile_image_uploader:after,
.module h4:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.clearfix,
.sighting,
#image_uploader,
#profile_image_uploader,
.module h4 {
  display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] .sighting,
html[xmlns] #image_uploader,
html[xmlns] #profile_image_uploader,
html[xmlns] .module h4 {
  display: block;
}

* html .clearfix,
* html .sighting,
* html #image_uploader,
* html #profile_image_uploader,
* html .module h4 {
  height: 1%;
}

/* file uploader
------------------------------------------------------*/

#image_uploader,
#profile_image_uploader {
  clear: both;
  height: auto;
}

#old_profile_image,
#old_image,
.image_mask {
  width: 75px;
  height: 75px;
}

#old_profile_image,
#old_image {
  position: relative;
  height: 74px;
  margin-top: -17px;
  margin-left: 30%;
  width: 50%;
  padding: 5px;
  border: 1px solid #ececec;
  background-color: #fff;
}

#old_profile_image img,
#old_image img {
  width: 74px;
  height: 74px;
}

.image_mask {
  display: block;
  overflow: hidden;
}

#old_profile_image .file_meta,
#old_profile_image a,
#old_image .file_meta,
#old_image a {
  position: absolute;
  left: 80px;
  width: 225px;
  padding-left: 20px;
}

#old_profile_image a,
#old_image a {
  top: 25px;
  display: block;
  background: url("/images/trash.gif") 6px 4px no-repeat;
}

#old_profile_image .file_meta,
#old_image .file_meta {
  top: 45px;
  font-size: 0.8em;
  color: #666;
}

table {
  margin-bottom: 20px;
}

.hidden {
  display: none; /* this is for all hidden fields that have a class "hidden" */
}

/* color scheme
------------------------------------------------------------------*/

html {
  background-color: #1d2122;
}

body {
  color: #202020;
}

/* baseline fonts
-----------------------------------------------------------------------------*/

h1, h2, h3 {
  letter-spacing: 1px;
}

strong, h1 {
  font-weight: bold;
}

a {
  color: #1d96b8; /* darker blue used on light backrounds */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.top_bar p a,
#spot .more_less_comments a,
.last .sidebar .compact_form a {
  color: #57c5e4; /* lighter blue for darker backgrounds */
}

.page_top {
  z-index: 2;
}

.page_top h1 {
  padding-left: 20px;
  line-height: 50px;
  font-size: 22px;
  color: #535F62;
  font-weight: normal;
}

h2 {
  padding: 0 15px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #e9eeef;
}

.page_top h2,
h2.modal_header {
  border-bottom: 0;
}

h3,
h3 a {
  color: #0A3642;
}

h3 {
  clear: both;
  padding: 0 15px;
  border-bottom: 1px solid #D7DCDD;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}

.yellow {
  color: #FFA600 !important;
}

/* 2, 3, 4 columns
----------------------------------------------------------------------*/

.columns { margin-bottom: 30px; }
.column  { float: left; }

.two    .column  { width: 335px; }
/* .three  .col  { width: 310px; } */
/* .four   .col  { width: 225px; } */

.two .column,
.four .column   { margin-right: 20px; }

/* .three .col  { margin-right: 15px; } */

/* .three .double  { width: 630px; } */
/* .four .triple   { width: 735px; } */

 /* .aux page_content is 732 wide */

/* .aux .two   .col { width: 356px; } */
/* .aux .three .col { width: 224px; } */
/* .aux .four  .col { width: 168px; } */

/* .aux .three .double  { width: 478px; } */
/* .aux .four .triple   { width: 544px; } */

.columns .last { margin-right: 0; }


/* Session
---------------------------------------------------------------------------------*/

#session .form_wrapper {
  background: transparent url("/images/bg_billboard_join.png");
}

#session .form_wrapper ul.promo {
  float: left;
  width: 438px;
  padding-top: 15px;
  color: #d7dcdd;
  font-size: 17px;
}

#session .promo p {
  letter-spacing: 0.5px;
}

#session .promo .sales_pitch {
  padding: 0 30px;
}

#session .promo .public_promo {
  padding: 0 15px;
}

#session .promo h1,
#session .promo h2,
#session .promo p,
#footer h4 {
  text-shadow: #1D2122 -1px -1px 1px;
}

#session .promo h1 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  text-align: left;
  color: #ffa600;
  font-weight: normal;
}

#session .signed_out h1,
#session #forgot_pwd h1 {
  margin-bottom: 10px;
  border-bottom: 1px solid #D7DCDD;
}

#session .signed_out h2,
#session #forgot_pwd h2 {
  margin-bottom: 30px;
  line-height: 25px;
  color: #3C4447;
  font-weight: normal;
}

#session .promo .public_promo ul {
  margin-top: 20px;
  border-top: 1px solid #1d2122;
}

#session .promo .public_promo li {
  padding: 10px 0 10px 120px;
  border-top: 1px solid #535f62;
}

#session .promo .public_promo li.email {
  border-bottom: 1px solid #1d2122;
  background-image: url("/images/bg_promo_email.png");
  background-repeat: no-repeat;
  background-position: -22px -10px;
}

#session .promo .public_promo li.tweet {
  background-image: url("/images/bg_promo_twitter.png");
  background-repeat: no-repeat;
  background-position: -9px 7px;
}

#session .promo .public_promo h2 {
  font-size: 24px;
  line-height: 28px;
  padding: 0;
  font-weight: normal;
}

#session .promo .public_promo p {
  font-size: 13px;
}

#session .form_wrapper .form {
  float: right;
  width: 500px;
  padding: 10px;
}

#session h1 {
  font-size: 26px;
  line-height: 45px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  color: #3C4447;
}

/* Sign up */

form #username_check_img {
  margin-left: 10px;
}

form span#username_check_img {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/images/icons_validate.png");
  background-repeat: no-repeat;
  vertical-align: text-bottom;
}

form span#username_check_img.check_mark {
  background-position: left -1px;
}

form li.focus span#us,
form li span#username_check_img.spinner {
  background-image: url("/images/spinner.gif");
}

form span#username_check_img.x_mark,
form li span#username_check_img.spinner,
form li.focus span#username_check_img.spinner {
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: transparent;
}

/* forgot password & signed out pages */

#session .signed_out,
#session #forgot_pwd {
  text-align: center;
  padding: 0 15px 30px;
}

#session .signed_out form,
#session #forgot_pwd form {
  text-align: left;
}

/* global layouts
----------------------------------------------------------------------*/

.wrapper {
  width: 960px;
  margin: auto;
  text-align: left;
}

#bd {
  min-height: 300px;
  z-index: 1;
  background-position: center top;
  background-repeat: repeat-y;
}

#col-3 #bd    {
  background-image: url("/images/bg_col-3.gif");
}

#col-2 #main,
#col-3 #main {
  width: 100%;
}

#col-3 #main {
  float: right;
}

.wide #col-3 #main {
  margin-left: -315px;
}

#col-2 .b,
#col-3 .b {
  position: relative;
  float: left;
}

#col-2 #main .b,
#col-3 #main .b {
  position: static;
  float: none;
  width: auto;
}

.wide #col-3 #main .b {
  margin-left: 175px;
}

.wide #col-3 #sidebar {
  display: block;
  width: 175px;
}

#col-2 div.first,
#col-3 div.first  { float: left; }

#col-2 .col,
#col-3 .col       { float: right; }

#col-2 div.first        { width: 720px; }
.wide #col-3 div.first  { width: 560px; }
#col-3 div.first        { width: 710px; }
#col-2 .col             { width: 220px; }
#col-3 .col             { width: 220px; }

#app .first .main {
  float: right;
  width: 539px;
  min-height: 500px;
}

#app.wide .first .main {
  width: 100%;
}

.page_content,
.wide .page_content {
  min-height: 350px;
  padding: 20px 15px;
}

.home .page_content {
  padding: 0;
  background-color: #fff;
}

.map  .page_content { padding: 0; }
.show .page_content { padding: 20px; }

#col-2 .first .sidebar {
  float: left;
  width: 160px;
  padding: 10px;
}

#app .page_content h4 {
  margin: 10px 0;
  font-size: 18px;
  text-align: center;
  color: #859397;
}

p.fine_print {
  padding: 20px 150px;
  font-size: 12px;
  text-align: left;
  color: #6B7A7E;
}

#main {
  z-index: 1;
}

#sidebar .inner   {
  padding: 0 0 0 10px;
}

#app .last .inner {
  padding: 0;
}

#sidebar li {
  margin: 0 0 10px;
}

.clear {
  clear: both;
}

.last .inner #signup_form,
.last .inner #join_extras {
  display: none;
}

a#cancel_join {
  display: none;
  position: relative;
  margin-left: 5px;
  top: 10px;  
}

div.submit_grad_container,
li.submit_grad_container {
  clear: both;
  text-align: center;
  height: 124px;
  background: url("/images/bg_invite_or_follow.gif");
  background-repeat: repeat-x;
  padding-top: 20px;
}

hr {
  height: 1px;
  border: 0;
  background-color: #bcc4c6;
  color: #bcc4c6;
}

/* headers
--------------------------------------------------------------------------*/

#hd {
  position: relative;
  z-index: 3;
  zoom: 1;
  text-align: center;
  margin-bottom: 20px;
}

.no_form #hd {
  margin-bottom: 75px;
}

#session #hd            { height: 225px; }
#session.hide_form #hd  { height: 85px; }

#hd .logo {
  display: block;
  width: 180px;
  height: 80px;
  position: absolute;
  top: -3px;
  left: 0;
  text-indent: -1000em;
}

#hd .logo img,
.hide_form #spot {
  display: none;
}

/* header navigation
-----------------------------------------------------------*/

.top_bar {
  position: relative;
  height: 44px;
  width: 960px;
  padding: 2px 0;
  margin: auto;
  z-index: 3;
}

.top_bar ul,
.top_bar p {
  height: 28px;
  line-height: 16px;
  padding-top: 13px;
}

.top_bar p { 
  float: right;
  color: #6B7A7E;
}

.top_bar a,
.top_bar span    { color: #D7DCDD; }

.top_bar .top_links a,
.top_bar .top_links span    { color: #fff; }

.top_bar li,
.top_bar li a {
  display: block;
  float: left;
}

.top_bar li a { height: 20px; }

.top_bar #find_people a,
.top_bar #member_name {
  margin-left: 25px;
  background-repeat: no-repeat;
}

.top_links {
  float: left;
  margin-left: 200px;
}

.top_links li.tab {
  margin: 0 10px;
}

.top_links li.active a.tab {
  font-weight: bold;
  text-decoration: underline;
}

.fb_connect img {
  margin-left: 10px;
  vertical-align: middle;
}

/*  Header spotted form
-------------------------------------------------------------------*/

#spot {
  background-color: #262c2d;
}

#spot {
  width: 100%;
  padding-top: 13px;
  background-position: center bottom;
  background-repeat: repeat-x;
  text-align: center;
  z-index: 2;
}

#spot .container {
  width: 960px;
  height: 42px;
  margin: 0 auto;
  z-index: 10;
}

#spot.pub .container {
  height: 160px;
}

#spot h2 {
  background-color: transparent;
  z-index: 11;
}

#spot.pub h2,
#spot h2 a  {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -1000em;
  width: 100%;
}

#spot.pub h2                { background-position: center top; }
#spot h2 a                  { background-position: center -80px; }
#spot h2 a:hover            { background-position: center -40px; }
#spot h2 a.active,
#spot h2 a.active:hover     { background-position: center -120px; }

#spot #sighting_form {
  display: none;
}
 
#spot.pub #sighting_form {
  display: block;
}

#spot .open {
  padding: 10px 0;
  background-position: left top;
  background-color: #2C3234;
  border: 1px solid #3C4447;
}

#spot label {
  width: 80px;
  padding: 0 10px;
  vertical-align: middle;
  letter-spacing: 1px;
  font-weight: normal;
  color: #FFA600;
}

#spot .open input.text {
  height: 28px;
  padding-top: 4px;
}

#spot .open input.text.thing          { width: 352px; }
#spot .open input.text.location       { width: 422px; }

#spot .open input,
#spot .open select {
  font-size: 20px;
  vertical-align: middle;
}

#spot .open input.file {
  font-size: 16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #spot .open input.file { color: #FFBA36; }
}

#spot .open select {
  height: 34px;
  margin: 0 5px;
}

#spot #comments {
  padding: 10px;
  overflow: hidden;
  text-align: left;
}

#spot #comments ul {
  padding: 0 20px;
}

#spot #comments label {
  width: 21%;
}

#spot #comments input.text,
#spot #comments textarea,
#spot #comments select {
  width: 59%;
}

#spot #comments .date_and_time input.text {
  width: 23%;
}

#spot #comments .date_and_time img {
  vertical-align: middle;
  padding-left: 1px;
}

#spot #comments .date_and_time label.time {
  width: 6%;
}

#spot #comments .focus {
  background-color: transparent;
}

#spot input.bn {
  margin: 10px 0;
}

#spot .more_less_comments {
  position: relative;
/*  width: 780px;*/
  margin: 0 auto;
  background-color: #262c2d
}

#spot .more_less_comments a {
  position: absolute;
  display: block;
  left: 565px;
  top: 15px;
}

#spot h3 {
  margin: 0 5px 5px;
  padding-top: 20px;
  line-height: 1.4;
  font-size: 14px;
  text-align: center;
  border-top: 1px solid #3c4447;
  border-bottom: 0;
  font-weight: normal;
}

#spot .instructions,
#spot h3 {
  color: #bcc4c6;
}



#spot .instructions {
  padding-left: 23.5%;
  width: 59%;
}

/* left sidebar
--------------------------------------------------------------------------*/

#app .wrapper .first .inner   {
  z-index: 1;
  background: #fff url("/images/bg_sidebar_left.png") left top repeat-y;
}

#app.wide .wrapper .first .inner,
#app.show .wrapper .first .inner   {
  background: #fff;
}


#app.wide .wrapper .first .inner .sidebar {
  display: none;
}

/* home page / app
-------------------------------------------------------------------------------------------*/

.sub_nav {
  float: right;
  letter-spacing: 1px;
  width: 400px;
  margin-top: -35px;
}

.sub_nav li,
.sub_nav li a,
.sub_nav li a span {
  float: left;
  display: block;
}

.sub_nav li a {
  height: 27px;
  padding: 6px 15px 0 0;
  text-decoration: none;
  color: #fff;
  margin: 1px 0;
}

.sub_nav li a:hover {
  text-decoration: underline;
}

.sub_nav li.active {
  background-position: left top;
}

.sub_nav li.active a {
  background-position: right top;
  text-decoration: underline;
}


/* sightings list
-----------------------------------------------------------------------------*/

ul.sightings {
  margin-bottom: 20px;
}

.sightings li.sighting {
  padding: 15px 15px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #A0ABAE;
  vertical-align: middle;
  font-size: 14px;
}

.sightings .sighting.original {
  color: #1D2122;
/*  background-color: #FFF5D9;*/
}

.sightings .sighting p,
.sightings .sighting .avatar {
  margin-bottom: 15px;
}

.sightings .sighting .avatar {
  border:2px solid #FFFFFF;
}

.sightings .sighting .avatar:hover {
  border-color:#1D2122;
}

.sightings .sighting .avatar.no_link:hover {
  border-color: #FFFFFF;
}

.sightings .sighting p {
  color: #535F62;
  margin-left: 60px;
}

.sighting .avatar {
  border: 1px solid #6B7A7E;
}

.sightings .sighting span,
.show h3 span {
  font-style: italic;
  color: #6B7A7E;
}

.sightings .sighting span,
.show h3 span {
  font-size: 11px;
}

.sightings .sighting strong a {
  color: #1D96B8;
}

.sightings .sighting span.original {
  font-style: inherit;
  font-size: inherit;
}

.sightings .sighting p.image_container {
  clear: both;
  text-align: center;
}

.sightings .sighting p.image_container a,
.sightings .sighting p.image_container img {
  display: inline-block;
}

.sightings .sighting p.image_container a {
  line-height: 0;
  margin: 0 0 15px;
  border-width: 2px;
}

.sightings .sighting p.image_container a,
.sightings .sighting p img {
  border-style: solid;
}

.sightings .sighting p.image_container a,
.sightings .sighting p a:hover img {
  border-color: #fff;
}

.sightings .sighting p img,
.sightings .sighting p.image_container a:hover {
  border-color: #1d2122;
}

.sightings .sighting p img {
  clear: both;
  border-style: solid;
  border-width: 1px;
}

#app .last .sighting {
  margin-bottom: 10px;
  border: 0;
}

#app .last .sightings .avatar,
#footer .col .sighting .avatar {
  display: none;
}

#app .last .sightings p,
#footer .col .sighting p {
  margin: 0;
}

/* sightings tools
-----------------------------------------------------------------------------*/

.tools {
  float: right;
  width: 100%;
  margin-top: -15px;
}

.links
.tools .links a {
  line-height: 16px;
}

.links {
  clear: both;
  width: 100%;
  height: 25px;
  text-align: right;
}

.tools .links a {
  display: block;
  float: right;
  height: 20px;
  padding: 5px 8px 0 15px;
  background-image: url("/images/bg_arrows_small.gif");
  background-repeat: no-repeat;
  background-position: 5px 4px;
}

.sighting div.pic,
.sighting div.desc,
.sighting div.share {
  display: none;
}

.sighting div.active {
  display: block;
}

.tools a.active,
li.forms ul.std_form {
  color: #fff;
  background-color: #3C4447;
}

.tools a.active {
  background-position: 5px -27px;
}

li.forms div {
  display: none;
}

li.forms div.block {
  display: block;
}

li.forms ul.std_form {
  margin: 0 0 15px;
  padding: 10px;
  text-align: right;
}

li.forms ul li.focus {
  background-color: inherit;
}

li.forms textarea {
  width: 475px;
  height: 32px;
}

.sighting.show li.forms textarea {
  width: 423px;
}

li.forms .pic {
  text-align: left;
}

li.forms .pic input.file {
  width: 375px;
}

li.forms .pic input.text {
  width: 367px;
}

li.forms .pic li label,
li.forms .pic li.focus label {
  width: 12%;
  color: #fff;
}

li.forms .pic li.hidden {
  height: 0px;
  padding: 0px;
  margin: 0px;
}

/* hot spots
-----------------------------------------------------------------------------*/

/* Layouts */

#hot_spots {
  padding-left: 160px;
  padding-right: 195px;
}

#hot_spots #last_spot,
#hot_spots #current_spot,
#hot_spots #next_spots {
  position: relative;
  float: left;
}

#hot_spots #current_spot {
  width: 100%;
}

#hot_spots #last_spot {
  width: 140px;
  right: 160px;
  margin-left: -100%;
  padding-right: 20px;
}

#hot_spots #next_spots {
  width: 175px;
  margin-right: -195px;
  padding-left: 20px;
}

/* styles */

#hot_spots #current_spot img {
  width: 300px;
}

#hot_spots #current_spot #new_rating {
  margin-bottom: 5px;
  padding: 3px;
  
  background-color: #b83f1d;
}

#hot_spots #current_spot #new_rating input {
  border: 0;
  background: transparent;
  
  color: #fff;

  font-size: 22px;
  font-weight: bold;
}

#hot_spots #current_spot #new_rating input.cool {
  float: right;
}

#hot_spots #current_spot .image_container {
  padding: 40px 0;
  background: #000;

  text-align: center;
}

#hot_spots #current_spot .image_caption {
  padding: 4px 8px;

  background: #fff3c6;

  color: #0A3642;
}

#hot_spots #current_spot .image_caption span.time_ago {
  color: #A0ABC6;

  font-style: italic;
  font-size: .85em;
}

#hot_spots #last_spot p.rating {
  margin-bottom: 10px;
  
  color: #535F62;
  
  font-size: 14px;
  font-style: italic;
}

#hot_spots #last_spot img {
  width: 140px;
}

#hot_spots #next_spots h4 {
  color: #535F62;
  font-size: 22px;
  font-weight: bold;
}

#hot_spots #next_spots img {
  width: 48px;
  height: 48px;
  margin: 3px;
}

/* Profile
----------------------------------------------------------------------------*/

.profile_large,
.profile_large .footer {
  background-color: #fff;
}

.profile_large {
  position: relative;
  border: 1px solid #3C4447;
  padding: 10px 90px 10px 0;
}

.profile_large .footer {
  clear: both;
}

.large_avatar {
  float: left;
  width:  100px;
  height: 100px;
  margin: 0 10px;
  border: 5px solid #D7DCDD;
  text-align: center;
  overflow: hidden;
}

.large_avatar img {
  width:  100px;
}

.med_avatar {   
  float: left;
  width:  50px;
  height: 50px;
  margin: 0 10px;
  border: 5px solid #D7DCDD;
  text-align: center;
  overflow: hidden;
}

.med_avatar img {
  width:  50px;
}

.profile_large h1,
.profile_large strong {
  color: #535F62;
}

.profile_large h1,
.facebook_profile h1 {
  margin: 0 0 8px 130px;
  padding: 0;
  line-height: 25px;
  border-bottom: 1px solid #BCC4C6;
  background-color: #fff;
}

.profile_large h1 span {
  font-size: 13px;
  margin-left: 10px;
}

.profile_large ul,
.profile_large p {
  font-size: 12px;
}

.profile_large ul {
  float: left;
  width: 190px;
}

.profile_large ul.details {
  float: right;
  width: 300px;
}

.billboard {
  height: 20px;
/*  background: url("/images/bg_billboard_top.gif") center bottom no-repeat;*/
}

.profile_large a.follow {
  top: 0;
  right: 0;
  width:  90px;
  height: 90px;
  background: url("/images/bn_follow_large.gif") right top no-repeat;
}

/* friends page
-----------------------------------------------------------------------*/

ul.connections {
  clear: left;
  padding: 20px 0 20px 15px;
}

li.connection {
  position: relative;
  float: left;
  width: 330px;
  height: 100px;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-image: url("/images/bg_friend_card.png");
}

li.connection a.follow {
  background-image: url("/images/bn_follow_mini.gif");
  background-position: right top;
}

li.connection ul {
  padding: 12px;
}

li.connection li {
  margin-left: 88px;
  font-size: 12px;
  line-height: 15px;
}

li.connection li.avatar {
  margin-left: 0;
}

li.connection li.avatar a {
  display: block;
  border: 1px solid black;
  width: 73px;
  height: 73px;
}

li.connection li.avatar img {
  width: 73px;
  height: 73px;
}

li.connection li.username a {
  color: #1d96b8;
  font-size: 14px;
  font-weight: bold;
}

li.connection a.follow,
.profile_large a.follow {
  position: absolute;
  display: block;
  float: right;
  text-indent: -10000em;
  z-index: 2;
}

li.connection a.follow {
  top: 5px;
  right: 5px;
  width:  70px;
  height: 70px;
}

li.connection a.follow:hover,
.profile_large a.follow:hover {
  background-position: right bottom;
}

/* sightings show
------------------------------------------------------------------------------------*/

.show .page_content p {
  font-size: 16px;
}

.show #spot {
  display: none;
}

.show #bd {
  margin-top: 40px;
}

#app.sighting.show .first .inner {
  float: left;
  width: 638px;
  background: #fff url("/images/bg_sighting_header.gif") no-repeat left 60px;
}

.show h3 {
  position: relative;
  top: 0;
  left: 0;
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 1.2em;
  padding: 15px 45px 15px 35px;
  background-color: transparent;
  color: #535F62;
  border-bottom: 0;
  text-align: left;
  clear: both;
}

.show h3 .edit_link {
  font-size: 12px;
  font-weight: normal;
}

.sighting_body {
  font-size: 15px;
  padding: 0 15px 20px 92px;
  color: #6B7A7E;
  border-bottom: 1px solid #BCC4C6;
}

.show h3 span {
  display: block;
  font-size: 13px;
  line-height: 17px;
  font-weight: normal;
}

.show h3 .avatar {
  margin: 4px 10px 0 0;
}

#app.sighting.show h3 a {
  color: #1D96B8;
}

#app.sighting.show .map {
  float: left;
  width: 300px;
  background-color: #1d2122;
  padding: 10px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  color: white;
}

.show h3 span.short_url {
  font-size: 13px;
}

.show h3 .rss {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  height: 28px;
  width: 28px;
  text-indent: -10000em;
  background: url("/images/rss.png") center center no-repeat;
}

#app.sighting.show .actions {
  clear: both;
  text-align: center;
  height: 35px;
  padding: 5px 0 0;
  background-color: #E9EEEF;
  border-bottom: 1px solid #BCC4C6;
}

.actions a,
.actions span {
  display: inline-block;
  height: 28px;
  padding: 7px 20px 0 26px;
  background-image: url("/images/icons_actions.gif");
  background-repeat: no-repeat;
  color: #535F62;
}

.actions span {
  color: #A0ABAE;
}

.actions a:hover {
  color: #3C4447;
}

.actions a#tweet_this           { background-position: 0px 2px; }
.actions a.flag                 { background-position: 0px -45px; }
.actions a.share                { background-position: 0px -100px; padding-left: 50px;}
.actions a.favorite             { background-position: 0px -145px; }
.actions a.unfavorite           { background-position: 0px -195px; }
.actions span.flag              { background-position: 0px -245px; }

.actions a#tweet_this:hover     { background-position: -200px 2px; }
.actions a.flag:hover           { background-position: -200px -45px; }
.actions a.share:hover          { background-position: -200px -100px; }
.actions a.favorite:hover       { background-position: -200px -145px; }
.actions a.unfavorite:hover     { background-position: -200px -195px; }

/* only one image
------------------------------------------------------------------*/

.sighting_image {
  text-align: center;
}

.sighting_image img {
  border: 2px solid #fff;
}

.sighting_image a:hover img {
  border: 2px solid #1d2122;
}

/* photo gallery
--------------------------------------------------------------------*/

#photo_gallery {
  width: 600px;
  margin: 10px 0;
}

#photo_gallery .feature_image {
  float: left;
  width: 310px;
  padding-right: 10px;
}

#photo_gallery .fullsize {
  height:       320px;
  line-height:  320px;
  text-align: center;
  background-color: #D7DCDD;
}

#photo_gallery .fullsize img {
  vertical-align: middle;
}

#photo_gallery .caption {
  padding: 7px 9px;
  background: #fff3c6;
  color: #0a3642;
  border: 1px solid #ccc29e;
  width: 290px;
  line-height: 16px;
}

#photo_gallery #gallery_slider {
  width: 276px;
  height: 350px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  border: 1px solid #D7DCDD;
}

#photo_gallery .add_picture {
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #d7dcdd;
}

#photo_gallery .mask {
  position: relative;
  overflow: hidden;
  padding: 0;
  width: 277px;
  height: 272px;
  margin: 4px;
}

#photo_gallery .masked_content {
  position: absolute;
  top: 0;
  left: 0
}

#photo_gallery .thumbnails li,
#photo_gallery .thumbnails li a {
  float: left;
  padding: 0;
  overflow: hidden;
  display: block;
  cursor: pointer;
}

#photo_gallery .thumbnails li {
  width: 64px;
  height: 64px;
  margin: 0 4px 5px 0;
}

#photo_gallery .thumbnails li a {
  width:  62px;
  height: 62px;
  border: 1px solid #D7DCDD;
  cursor: pointer;
  text-align: center;
  line-height: 62px;
}

#photo_gallery .thumbnails li a:hover {
  border-color: #1d2122;
}

#photo_gallery .thumbnails li a img {
  vertical-align: middle;
}

#photo_gallery .control_pad,
#photo_gallery .control_pad ul {
  width: 282px;
  height: 30px;
  margin: 0;
  padding: 0;
  background: #262c2d;
}

#photo_gallery .control_pad {
  position: absolute;
  left: 0;
  bottom: 0;
}

#photo_gallery .control_pad ul {
  position: relative;
}

#photo_gallery .control_pad li span {
  display: none;
}

/* photo gallery controller / control_pad
------------------------------------------------------------------*/

.control_pad ul li {
  position: absolute;
  top: 9px
}

.control_pad #slide_up    { left: 116px }
.control_pad #slide_down  { left: 143px }

.control_pad ul li#slide_up a,
.control_pad ul li#slide_down a {
  float: left;
  display: block;
  width: 27px;
  height: 13px;
  background-image: url('/images/bg_gallery_arrows.gif');
  background-repeat: no-repeat;
}

.control_pad #slide_up.disabled a,
.control_pad #slide_up.disabled a:hover   { background-position: -27px 0 }

.control_pad ul li#slide_down a {
  background-position: 0 -13px;
}

.control_pad #slide_down.disabled a,
.control_pad #slide_down.disabled a:hover { background-position: -27px -13px }

#photo_gallery .disabled a:hover { cursor: default; }

#photo_gallery .control_pad .counter {
  left: 5px;
  line-height: 20px;
  color: #fff;
}

iframe#photo_add_frame {
  display: none;
}

/* comment_gallery
--------------------------------------------------------------------------------*/

.comment_gallery .submit {
  margin: 20px 0;
  text-align: right;
}

.comment_gallery ul {
  clear: right;
  border-top: 1px solid #bcc4c6;
}

.comment_gallery ul li {
  color: #859397;
  margin: 20px 0;
  font-size: 14px;
  color: #535f62;
  line-height: 20px;
  padding-left: 60px;
  min-height: 50px;
}

.comment_gallery ul li .avatar {
  margin-left: -60px;
  border:2px solid #FFFFFF;
}

.comment_gallery ul li .avatar:hover {
  border-color:#1D2122;
}

.comment_gallery ul li strong {
  color: #0A3642;
}

.comment_gallery ul li .timestamp {
  font-size: 12px;
  color: #6b7a7e;
  font-style: italic;
}

.comment_gallery #comment_form_wrapper {
  padding: 15px 15px 5px;
  background-color: #D7DCDD;
}

.comment_gallery #comment_form_wrapper textarea {
  width: 558px;
  height: 85px;
}

/* #map
---------------------------------------------------------------------------*/

#map {
  border: 1px solid #6b7a7e;
  overflow: hidden;
  color: #535F62;
}

body.map #map {
  width: 539px;
  height: 650px;
  border: 0;
  border-top:     1px solid #A0ABAE;
/*  margin-bottom: 10px;*/
}

/* zoom controls
-------------------------------------------------------------*/

.map_header {
  height: 28px;
  border-bottom:  1px solid #1D2122;
  overflow: hidden;
}

.show .map_header,
.show .zoom_controls li,
.show .zoom_controls li a {
  background-color: #3c4447;
}

.page_content .map_header {
  margin-top: 20px;
}

.zoom_controls {
  float: right;
  width: 250px;
}

.type_controls {
  float: left;
  width: 150px;
}

.type_controls li {
  float: left;
  margin: 5px 0 0 5px;
}

.type_controls li a {
  color: #BCC4C6;
}

.page_content .type_controls li a {
  color: #0A3642;
}

.zoom_controls li,
.zoom_controls li a {
  display: block;
  float: right;
}

.zoom_controls li a {
  height: 18px;
  margin: 5px 5px 5px 0;
  text-indent: -1000em;
  background-image: url("/images/zoom_controls_light.gif");
}

.show .zoom_controls li a { background-image: url("/images/zoom_controls_dark.gif"); }

.zoom_controls li.zoom_in a,
.zoom_controls li.zoom_out a {
  width: 18px;
  margin: 5px;
}

.zoom_controls li.zoom_in a {
  margin-left: 2px;
}

.zoom_controls li.zoom_in a             { background-position: right  top; }
.zoom_controls li.zoom_in a:hover       { background-position: right  -20px; }
.zoom_controls li.zoom_in a:active      { background-position: right  -40px; }
.zoom_controls li.zoom_out a            { background-position: left   top; }
.zoom_controls li.zoom_out a:hover      { background-position: left   -20px; }
.zoom_controls li.zoom_out a:active     { background-position: left   -40px; }

.zoom_controls li.zoom_in.disabled a    { background-position: right  -60px !important; cursor: default; }
.zoom_controls li.zoom_out.disabled a   { background-position: left   -60px !important; cursor: default; }

.zoom_controls li.zoom_01 a             { background-position: 74px -20px; width: 4px;   }
.zoom_controls li.zoom_02 a             { background-position: 67px -20px; width: 6px;   }
.zoom_controls li.zoom_03 a             { background-position: 58px -20px; width: 8px;   }
.zoom_controls li.zoom_04 a             { background-position: 47px -20px; width: 10px;  }
.zoom_controls li.zoom_05 a             { background-position: 34px -20px; width: 12px;  }

.zoom_controls li.zoom_01.active a      { background-position: 74px 0px; }
.zoom_controls li.zoom_02.active a      { background-position: 67px 0px; }
.zoom_controls li.zoom_03.active a      { background-position: 58px 0px; }
.zoom_controls li.zoom_04.active a      { background-position: 47px 0px; }
.zoom_controls li.zoom_05.active a      { background-position: 34px 0px; }

.zoom_controls li.zoom_01 a:hover       { background-position: 74px -40px; }
.zoom_controls li.zoom_02 a:hover       { background-position: 67px -40px; }
.zoom_controls li.zoom_03 a:hover       { background-position: 58px -40px; }
.zoom_controls li.zoom_04 a:hover       { background-position: 47px -40px; }
.zoom_controls li.zoom_05 a:hover       { background-position: 34px -40px; }

/* gallery screen
--------------------------------------------------------------------------------------------*/

.gallery_large {
  padding: 20px 0 20px 20px;
}

.gallery_large li {
  vertical-align: middle;
  display: inline-block;
  width: 240px;
  margin: 0 10px 30px 0;
  text-align: center;
  line-height: 1;
}

.gallery_large li img {
  border: 1px solid #1d2122;
}

/* find people
------------------------------------------------------------------------------*/

.email_link a {
  display: block;
  height: 26px;
  line-height: 26px;
  background-image: url("/images/bg_email_service.gif");
  background-repeat: repeat-x;
  margin: 0 0 1px 0;
  padding: 5px 0 5px 10px;
  text-decoration: none;
  color: #444444;
  font-size: 14px;
  font-weight: bold;
}

.email_link a span {
  padding-left: 20px;
  background-image: url("/images/bg_arrow_collapse_grey.gif");
  background-repeat: no-repeat;
  background-position: 0 2px;
}

.email_link.selected a span {
  background-position: 2px -20px;
}

.email_link a img {
  vertical-align: top;
}

.email_link p {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #a0abae;
  float: right;
  width: 228px;
  font-size: 12px;
  color: #444444;
}

.email_link .import {
  padding: 10px;
  background-color: #f6f6f6;
}

.email_link          .import { display: none; }
.email_link.selected .import { display: block; }


.email_link .std_form ul {
  width: 400px;
}

.email_link .std_form li {
  border-color: #f6f6f6;
}

.email_link .std_form li label {
  width: 30%;
}

.email_link .std_form li.submit {
  margin-left: 32%;
}

#contact_import_field_wrapper input.text {
  width: 40%;
}

#additional_contact_form dl,
#invitation_form dl {
  float: left;
  margin: 10px 0;
  padding: 12px;
  width: 315px;
}

#additional_contact_form .std_form textarea,
#invitation_form .std_form textarea {
  width: 306px;         /*  680 total width - 11x4 (padding) - 1x8 (borders) / 2 */
}

.contacts_wrapper {
  border: 1px solid #6B7A7E;
}

.contacts_wrapper table {
  margin-bottom: 0;
}

.contacts_wrapper th {
  background-color: #6B7A7E;
  color: #FFFFFF;
  font-weight :bold;
  padding: 3px 0;
}

#contact_list {
  height: 300px;
  overflow-y: scroll;
}

#contact_list table {
  width: 100%;
}

#contact_list tr.dark {
  background-color: #e8edee;
}

.contacts_wrapper .check      { width: 20px; padding-left: 5px; }
.contacts_wrapper .name       { width: 200px; }
.contacts_wrapper .email      { width: 320px; }
.contacts_wrapper .registered {  }

.invite_people .person_list_container {
  height: 200px;
  margin: 5px 0 0 14px;
  padding:1px;
  overflow: auto;
}
 
.invite_people table.person_list {
  width: 100%;
}

/* Edit account
------------------------------------------------------------------------------------------*/

#acct_edit .subsection {
  padding: 0 80px;
  border-bottom: 1px solid #BCC4C6;
}

#acct_edit .subsection.last {
  border-bottom: 0;
}

#app #acct_edit h4 {
  text-align: left;
  color: #666;
}

#acct_edit .std_form {
  padding: 0 5px;
  margin-bottom: 20px;
}

#acct_edit .std_form li {
  padding: 5px;
}

#acct_edit .add_email {
  padding-top: 10px;
}

#acct_edit .add_email .text {
  width: 335px;
  margin-right: 15px;
}

#acct_edit .primary_email {
  color: #ff9900;
  font-weight: bold;
}

#acct_edit .subsection .submit {
  margin-left: 25px;
}

#acct_edit .std_form.change_password label {
  display: block;
  text-align: left;
  width: auto;
}

#acct_edit .delete_acct {
  text-align: right;
}

.profile_edit li.submit_grad_container {
  margin: 20px 0;
}

.std_form .profile_edit li label.radio_label {
  padding-left: 0;
}


/* email confirmation
------------------------------------------------------------------------------------------*/

.email_confirmation .submit {
  vertical-align: middle;
}

/* Search Page
------------------------------------------------------------------------------------------*/

.search .page_content {
  padding: 0;
}

.search_form {
  text-align: center;
  padding: 10px;
  background-color: #D7DCDD;
  border: 1px solid #A0ABAE;
}

.search .page_content .std_form {
  padding: 15px;
}

.search_form .text {
  margin-right: 10px;
  width: 280px;
}

.friends .search_form .text {
  width: 485px;
}

#search_results {
  margin-top: 15px;
}

.suggestion p {
  padding: 5px 15px;
  text-align: center;
}

.search .large_description {
  margin: 0;
  padding: 10px 0;
  border-bottom: 0;
}

/* left sidebar
-------------------------------------------------------------------------*/

.sidebar h3.help {
  padding-left: 25px;
  border-bottom: 1px solid #ccc;
  background-image: url("/images/icon_question.png");
  background-repeat: no-repeat;
  background-position: 0 10px;
}

.sidebar ul.help {
  padding-top: 12px;
  border-top: 1px solid #fff;
}

.sidebar ul.help li h4 {
  padding-left: 12px;
  border-bottom: 0;
  background-image: url('/images/bg_arrow_collapse_dark.gif');
  background-repeat: no-repeat;
  background-position: 0 3px;
}

.sidebar ul.help li.active h4 {
  background-position: 1px -19px;
}

.sidebar ul.help li div.answer {
  display: none;
  padding: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.sidebar ul.help li.active div.answer {
  display: block;
}

.sidebar ul.help li div.answer strong {
  display: block;
}

.inner .sidebar li,
.inner .sidebar p {
  margin-bottom: 5px;
  color: #3C4447;
}

.inner .sidebar li {
  margin-bottom: 10px;
}

/* sidebar modules
------------------------------------------------------------------------------------*/

.sidebar .module {
  border: 1px solid #7899B7;
  margin-bottom: 15px;
  padding: 10px 0 5px;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.sidebar .module.dark {
  background-color: #1d2122;
  border: 1px solid #1d2122;
}

.sidebar .module.dark.photo_examples {
  background-image: url('/images/bg_photo_examples.png');
  background-repeat: no-repeat;
  background-position: 5px 14px;
}

.sidebar .module.dark.photo_examples h4 {
  height: 60px;
  padding-top: 20px;
  padding-left: 110px;
  letter-spacing: 0;
}

.module h4,
.sidebar h4 {
  margin-bottom: 7px;
  border-bottom: 1px dotted #A0ABAE;
}

.module h4.sidebar_cta {
  border-bottom: 0;
  text-align: center;
}

.module h4.sidebar_cta a {
  color: #33ccff;
}

.module h4.sidebar_cta a:hover {
  color: #33ccff;
  text-decoration: underline;
}

.module .rarr_links { clear: left; }

.module .rarr_links li {
  padding: 5px 7px;
  border-top: 1px dotted #A0ABAE;
}

.module .rarr_links li.active {
  color: #1D96B8;
}

.module .rarr_links li.active a {
  color: #1D96B8;  
  background-position: right -26px;
}

.module h4,
.sidebar h4,
.module p,
.module .rarr_links a {
  font-size: 12px;
}

.module h4,
.module p {
  padding: 0 10px 7px;
}

.module p.count {
  margin: 5px 0 0;
  font-size: 11px;
  text-align: center;
}

.module h4,
.sidebar h4,
.module h4 a,
.module .rarr_links a {
  display: block;
  color: #3C4447;
}

.module h4,
.sidebar h4,
.module .rarr_links {
  font-weight: bold;
  letter-spacing: 1px;
}

.module .rarr_links a,
.module h4 a.rarr {
  background: url("/images/bg_rarr.png") right top no-repeat;
}

.module h4 a:hover,
.module .rarr_links a:hover {
  color: #1D96B8;
  text-decoration: none;
  background-position: right -26px;
}

.module ul.claim_list {
  margin: 0 10px 10px;
}

.module ul.claim_list li {
  color: #fff;
  position: relative;
}

.module ul.claim_list li span {
  position: absolute;
  right: 0;
}

.module ul.claim_list li a {
  color: #57C5E4;
}

.module .view_all,
.module p.module_callout {
  clear: both;
}

.module .view_all {
  text-align: right;
  margin: 5px 0;
  padding-bottom: 0;
}

.module p.module_callout {
  padding-bottom: 3px;
}

.module p.module_callout .bn {
  display: block;
  margin: 0;
  font-weight: bold;
}

.module p.module_callout .bn span {
  padding: 1px 0;
}

/* Signin box in sidebar modules
----------------------------------------------------------------------------*/

.module .std_form {
  padding: 0 0 0 10px;
}

.compact_form .std_form li {
  margin: 0 0 5px;
}

.compact_form .std_form li.password_recover a {
  font-size: 12px;
  color: #E9EEEF;
}

.compact_form .std_form li label {
  text-align: left;
  display: block;
  width: 100%;
  margin: 0;
}

.compact_form .std_form li input.text { width: 188px; }
.compact_form .std_form .checkbox     { height: 20px; }

.compact_form .std_form .checkbox label {
  width: auto;
  margin-left: 20px;
}

.compact_form .checkbox input {
  margin-top: -22px;
}

.compact_form .bn {
  width: 96px;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 5px 0 2px;
}

.last .sidebar .compact_form {
  border: 1px solid #000;
  background-color: #1D2122;
}

.last .sidebar .compact_form label {
  color: #E9EEEF;
}

/* Mini profile
--------------------------------------------------------------------------------*/

.module .profile_mini {
  padding: 0;
}

.module .profile_mini a.avatar {
  margin: 0 10px 10px 10px;
  border:2px solid #FFFFFF;
}

.module .profile_mini a.avatar:hover {
  border-color:#1D2122;
}

.module .profile_mini dl {
  margin-left: 45px;
}

.module .profile_mini dl a {
  font-weight: bold;
}

.module .profile_mini dl dt a {
  font-size: 15px;
  color: #535f62;
}

.module .profile_mini dl dd {
  font-size: 12px;
  line-height: 14px;
}



/* Gallery sidebar module / friends sidebar module
-------------------------------------------------------------------------------------------------*/

.module .gallery,
.module .friends {
  padding: 2px 0 5px 5px;
}

.module .gallery li,
.module .gallery a,
.module .friends li,
.module .friends a {
  display: block;
  float: left;
  overflow: hidden;
}

.module .gallery li,
.module .friends li {
  margin: 0 3px 4px;
}

.module .gallery a,
.module .friends a {
  line-height: 0;
  border: 2px solid #fff;
}

.module .gallery a:hover,
.module .friends a:hover {
  border-color: #1d2122;
}

/*.module .gallery img {
  width:  60px;
  height: 60px;
}
*/
.module .friends img {
  width:  31px;
  height: 31px;
}

.module h4.count {
  font-size: 11px;
  text-align: center;
  padding-right:  0;
  padding-left:   3px;
}

.module h4.count a {
  display: block;
  float: left;
  width: 71px;
  border-right: 1px dotted #A0ABAE;
}

.module h4.count a.active {
  color: #1D96B8;
  text-decoration: none;
}

.module h4.count a:last-child {
  border: 0;
}

/* tag cloud
------------------------------------------------------------------------------------------*/

.tag_cloud {
  line-height: 21px;
}

.size_01,
.size_02,
.size_03,
.size_04 {
  text-decoration: none;
}

.size_07,
.size_08,
.size_09,
.size_10 {
  font-weight: bold;
  text-decoration: underline;
}

.size_01 { font-size: 10px; color: #859397;}
.size_02 { font-size: 11px; color: #859397;}
.size_03 { font-size: 12px; color: #6B7A7E;}
.size_04 { font-size: 13px; color: #6B7A7E;}
.size_05 { font-size: 14px; color: #223406;}
.size_06 { font-size: 15px; color: #223406;}
.size_07 { font-size: 16px; color: #859397;}
.size_08 { font-size: 17px; color: #859397;}
.size_09 { font-size: 18px; color: #0A3642;}
.size_10 { font-size: 19px; color: #0A3642;}

/* footer styles
-------------------------------------------------------------------------------*/

#ft {
  margin: 0;
  padding: 0;
  text-align: center;
}

#ft .col a {
  color: #57C5E4;
}

#footer {
  width: 960px;
  margin: 0 auto;
  padding-top: 180px;
  text-align: left;
}

#ft,
#footer .sightings li.sighting,
#footer .sightings li.sighting p,
#footer .sightings li.sighting span {
  color: #BCC4C6;
}

#footer .col {
  float: left;
  width: 260px;
  min-height: 150px;
  padding: 20px;
  background-color: #262c2d;
}

#footer .mid {
  margin-right: 30px;
  margin-left:  30px;
}

#footer .col .no_content {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer .col .footer_cta {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 35px;
}

#footer .col.mid a.bn {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
}

#footer .col h4,
#footer .sightings li.sighting {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #3C4447;
}

#footer .col h4 {
  font-size: 14px;
  color: #A0ABAE;
  letter-spacing: .5px;
}

#footer .sightings li.sighting {
  list-style: none;
  border-top: 0;
}

#footer .col li {
  margin-left: 15px;
  list-style: disc outside;
  color: #859397;
}

#ft .copyright {
  clear: both;
  margin: 30px 0 0;
  padding: 20px;
  background-color: #08090A;
  text-align: center;
  color: #6B7A7E; 
}

#footer .adsense {
  margin: 10px 0 30px;
  text-align: center;
}

#app .first .content_footer {
  clear: both;
}

#session.hid_form #ft #footer {
  padding: 0;
  height: 150px;
}

#session #ft .copyright {
  margin-top: 1px;
  background-color: transparent;
}

#session.hide_form #ft #footer .col {
/*  display: none;*/
}

#ft a.eastmedia {
  display: inline-block;
  padding-left: 18px;
  background: url("/images/logo_eastmedia_16x16.gif") left top no-repeat;
}

.form_instructions {
  padding: 10px;
  text-align: center;
  
}

/* Error Pages
------------------------------------------------------------------------*/

body#session.error_page .error_wrap {
  background:#FFFFFF url("/images/bg_error_hand.jpg") no-repeat scroll left top;
  padding: 110px 0 85px 420px;
  border: 1px solid #1D2122;
}

body#session.error_page .error_wrap h1 {
  text-align: left;
  color: #000;
  margin-top: 15px;
  height: 30px;
  line-height: 30px;
}

body#session.error_page .error_wrap p {
  font-size: 16px;
  font-weight: bold;
  color: #6B7A7E;
  margin: 1em 0;
  padding: 0 190px 10px 0;
}

/* Avatar sizes
------------------------------------------------------------------------*/

.avatar {
  display: block;
  float: left;
  margin: 0 5px 10px 0;
  overflow: hidden;
}

.avatar.sm,
.avatar.sm img  { width: 35px;  height: 35px; }
.avatar.med,
.avatar.med img { width: 50px;  height: 50px; }
.avatar.lg,
.avatar.lg img  { width: 100px; height: 100px; }


/* sliding javascript masks / slider
------------------------------------------------------------------------------------------*/

.mask {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.masked_content {
  position: absolute;
  top: 0;
  left: 0;
}

/* slider views
--------------------------------------------------------------------------------------------*/

.horizontal_slider,
.horizontal_slider .browse {
  width: 630px;
  height: 60px;
}

.horizontal_slider {
  position: relative;
  float: left;
  width: 630px;
  height: 79px;
  border-width: 0;
}

.horizontal_slider .browse {
  position: absolute;
  overflow: hidden;
  margin: 0;
  border-width: 1px;
}

.horizontal_slider .browse .browse_item,
.horizontal_slider .browse .browse_item a {
  float: left;
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.horizontal_slider .browse .browse_item {
  position: relative;
  top: 5px;
  left: 5px;
  margin: 0 5px 5px 0;
  padding: 5px;
}

.horizontal_slider .browse_window {
  position: absolute;
  top: 0;
  width: 10000px;
}

.horizontal_slider .gallery_view {
  float: left;
  padding: 0;
  width: 100%;
}

.horizontal_slider .thumbnail,
.horizontal_slider .browse_item dl {
  display: block;
  float: left;
  clear: both;
}

.horizontal_slider .browse_item dl {
  width: 100%;
  margin: 0;
}

/* each slider browse container */

.feature .browse {
  top: 0;
  left: 45px;
  width: 539px;
  height: 74px;
  border: 0;
}

.browse .gallery_view {
  height: 80px;
}

/* each slider previous next */

.bn_prev,
.bn_next { top: 25px; }

/* previous / next buttons
------------------------------------------------------------------------*/

ul.prev_next,
ul.prev_next li {
  margin: 0;
}

.prev_next  { display: block; }

ul.prev_next li a {
  display: block;
  text-indent: -1000em;
  overflow: hidden;
}

.bn_prev,
.bn_next {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  z-index: 1000;
}

.bn_prev,.bn_next   { background-image: url("/images/bn_sliders_horz_gray.gif"); }

.bn_prev                  { background-position: left top; }
.bn_next                  { background-position: right top; }

.bn_prev:hover            { background-position: 0 -24px; }
.bn_next:hover            { background-position: right -24px; }

.disabled .bn_prev,
.disabled .bn_next,
.disabled .bn_up,
.disabled .bn_down  {
  cursor: default;
  visibility: hidden!important;
}

/* clearfix
------------------------------------------------------------------------------*/

.clearfix:after,
.slider_container:after,
.show .inner h3:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix,
.slider_container,
.show .inner h3 {
  display: inline-block;
}

html[xmlns] .clearfix,
html[xmlns] .slider_container,
html[xmlns] .show .inner h3 {
  display: block;
}

* html .clearfix,
* html .slider_container,
* html .show .inner h3 {
  height: 1%;
}

.tooltip {
  display: inline;
  z-index: 100000;
}

#tooltip,
.feed_link_caption {
  position:absolute;
}

#tooltip {
  width: 200px;
  padding: 7px 10px 10px;
  border: 2px solid #146D86;
  background:#B9E7F4;
  z-index: 9999999;
  text-align: left;
}

/* empty / no content blocks / styles for large descriptive text
----------------------------------------------------------------------------*/

#no_content,
.no_content {
  margin: 20px 0;
  padding: 20px 5px;
  border: 2px solid #ffa600 !important;
  text-align: center;
  color: #1d2122;
  background-color: #FFF3C6;
  min-height: 0;
  font-size: 16px;
  font-weight: bold;
}

#no_content a,
.no_content a {
  color: #1D2122;
}

.sightings .no_content {
  margin: 20px;
}

.no_content .bn {
  margin-top: 10px;
}

h4.no_content {
  margin: 0 10px 10px;
  padding: 5px;
}

.search_form .no_content {
  margin: 0 10px 10px;
  border: 2px solid #ffa600;
}

.large_description {
  text-align: center;
  margin: 0 0 20px;
  padding: 20px 0 30px;
  font-size: 20px;
  border-bottom: 1px solid #D7DCDD;
  color: #535F62;
}

.delete h3,
.delete .large_description {
  margin: 0 20px 15px;
  padding: 0;
  border-bottom: 0;
}

.delete h3        { font-size: 25px; }
.delete h3.verify { font-size: 20px; }

.services .large_description,
.delete .large_description {
  text-align: left;
}

.delete .submit input.bn {
  vertical-align: middle;
}

.delete p.submit {
  margin: 0 10px 0 20px;
}

/* Services
--------------------------------------------------------------------------------*/

.services .left_service,
.services .right_service {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  background-repeat: no-repeat;
}

.services .left_service {
  padding-left: 225px;
  background-position: left top;
}

.services .right_service {
  padding-right: 225px;
  background-position: right top;
}

.services #twitter_form {
  background-image: url('/images/logo_twitter_round.gif');
}

.services #tumblr_form {
  background-image: url('/images/logo_tumblr.gif');
}

.services .std_form li.description {
  padding: 10px 20px;
}

.services .std_form p.instructions {
  width: 52%;
}

.services #tumblr_username_switch {
  padding-left: 45px;
  background-image: url("/images/icon_question.png");
  background-repeat: no-repeat;
  background-position: 20px 10px;
}

/* pagination
--------------------------------------------------------------------------------*/

.pagination {
  clear: both;
  text-align: center;
  z-index: 1000;
  margin: 15px;
}

.pagination a,
.pagination span {
  padding: 1px 4px;
  margin: 0;
  border-width: 1px;
  border-style: solid;
}

.pagination a,
.pagination a:visited {
  color: #333;
}

.pagination .disabled {
  color: #A0ABAE;
}

.pagination .current {
  color: #fff;
}

.pagination {
  background-color: #fff;
}

.pagination a,
.pagination .disabled {
  background-color: #fff;
  border-color: #fff;
}

.pagination .current {
  background-color: #57C5E4;
  border-color: #1D96B8;
}

.pagination a:hover {
  background-color: #FFE1A3;
  border-color: #FFA600;
}

.pagination span.gap {
  border-color: #fff;
}

.pagination span.disabled {
  visibility: hidden;
}

/* std form
-------------------------------*/

.std_form .date input.text {
  width: 45%;
}

.std_form .date img {
  vertical-align: top;
  margin-left: 5px;
}

/* facebook connect sign up screen 
----------------------------------------------------------------------*/

.std_form .column .text label,
.std_form .column .instructions,
.std_form .column .checkbox input {
  margin: 0;
  padding: 0;
  width: auto;
  text-align: left;
}

.std_form .column li.submit {
  margin-left: 0;
  padding-left: 0;
}

.std_form .column .text label {
  display: block;
}

.std_form .column .text input {
  width: 85%;
}

.std_form .column .checkbox input,
.std_form .column .checkbox label {
  display: inline;
}

.std_form .column .checkbox input {
  margin-right: 5px;
}

.fb_import .column {
  width: 370px;
  min-height: 310px;
  padding: 20px;
  background-color: #e5e5e5;
}

.fb_import .last {
  width: 250px;
  padding: 0 0 0 20px;
  background-color: #fff;
}

.fb_import h3,
.fb_import .facebook_profile {
  border-bottom: 1px solid #ddd;
}

.fb_import h3,
.fb_import .facebook_profile {
  height: 80px;
}

.fb_import h3 {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}

.fb_import .facebook_profile {
  margin-bottom:  20px;
  padding-top:    20px;
}

.fb_import .checkbox label {
  font-size: 12px;
}

.fb_import form li {
  padding: 0 0 10px;
}

.fb_import .checkbox p.instructions {
  margin-left: 23px;
}

.fb_import .switch_forms a {
  display: block;
  width: 195px;
  height: 56px;
  padding: 28px 0 0 55px;
  background-image: url("/images/bn_large_black.png");
  color: #ffa600;
  font-size: 18px;
  line-height: 22px;
}

.fb_import .switch_forms a:hover {
  background-position: left bottom;
}

.fb_import .med_avatar {
  margin-left: 0;
  width:  50px;
  height: 50px;
  background: #eee;
}

.fb_import .med_avatar img {
  width: 50px;
}

#session .fb_import .facebook_profile h1 {
  border: 0;
  margin: 0 0 0 80px;
  border: 0;
  font-size: 18px;
  text-align: left;
}

.fb_import .spinner {
  display: inline-block;
  color: #202020;
  font-weight: bold;
  height: 29px; /* matches input.submit height */
}

.fb_import .spinner img {
  vertical-align: middle;
  margin-right: 10px;
}



/* extra hacks, especially for Javascript
--------------------------------------------------------------------------------*/
.sightings .sighting p.image_container img.image_64, 
.sightings .sighting p.image_container img.image_150, 
.sightings .sighting p.image_container img.image_300, 
img.image_64, img.image_150, img.image_300 { display: none;}

.std_form li label.radio_label { width: auto; }

div#terms,
div#privacy { display: none;}

/* modal styles
-------------------------------------------------------------------------------------*/

.modal_content {
  width: 660px;
  padding: 20px;
}

.align_button {
  position: relative;
  top: 5px;
  vertical-align: middle;
}

#nyroModalContent {
  overflow-x: hidden !important;
}

.wrapperImg #nyroModalContent {
  overflow-y: hidden !important;
}

/* static pages
---------------------------------------------*/

body.static .page_content h3 {
  line-height: 30px;
  padding: 10px 0 0;
}

body.static .page_content {
  padding: 30px;
}

body.static .page_content p,
body.static .page_content ul,
body.static .page_content h3 {
  margin-bottom: 15px;
}

body.static .page_content li ul,
body.static .page_content li ol {
  padding-top: 10px;
  margin-left: 30px;
}

/* rss links 
-----------------------------------------------------------------*/

h2.rss_containing {
  padding-right: 6px;
}

h2 .rss {
  display: block;
  float: right;
  height: 28px;
  width: 28px;
  margin-top: 6px;
  text-indent: -10000em;
  background: url("/images/rss.png") center center no-repeat;
}


/* Muted blues from dark to light */

.c1D2122 {
  color: #1D2122;
}

.c3C4447 {
  color: #3C4447;
}

.c535F62 {
  color: #535F62;
}

.c6B7A7E {
  color: #6B7A7E;
}

.c859397 {
  color: #859397;
}

.cA0ABAE {
  color: #A0ABAE;
}

.cBCC4C6 {
  color: #BCC4C6;
}

.cD7DCDD {
  color: #D7DCDD;
}

.cE9EEEF {
  color: #E9EEEF;
}

/* Vibrant blues */

.c1D96B8 {
  color: #1D96B8;
}

.c57C5E4 {
  color: #57C5E4;
}



/* Vibrant greens */

.c78B814 {
  color: #78B814;
}

.c96E619 {
  color: #96E619;
}

.cABEB47 {
  color: #ABEB47;
}

/* Fall orange / earthy */

.cB83F1D {
  color: #B83F1D;
}

.cE47657 {
  color: #E47657;
}

.cF2BEAF {
  color: #F2BEAF;
}

/* Purples */

.c8C1DB8 {
  color: #8C1DB8;
}

.cBD57E4 {
  color: #BD57E4;
}

.cDFAFF2 {
  color: #DFAFF2;
}



/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/



/*UI accordion*/
.ui-accordion {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  border-bottom: 1px solid #d3d3d3;
}
.ui-accordion-group {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  border: 1px solid #d3d3d3;
  border-bottom: none;
}
.ui-accordion-header {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  cursor: pointer;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-accordion-header a {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  display: block;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  padding: .5em .5em .5em 1.7em;
  color: #555555;
  background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
  background: url(images/454545_7x7_arrow_right.gif) .5em 50% no-repeat;
  color: #212121;
}
.ui-accordion-header:hover {
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  color: #212121;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
/*  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;*/
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
  color: #222222;
  background: url(images/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.ui-accordion-content {
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  color: #222222;
  font-size: 1em;
}
.ui-accordion-content p {
  padding: 1em 1.7em 0.6em;
}






/*UI tabs*/
.ui-tabs-nav {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  float: left;
  position: relative;
  z-index: 1;
  border-right: 1px solid #d3d3d3;
  bottom: -1px;
}
.ui-tabs-nav li {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  float: left;
  border: 1px solid #d3d3d3;
  border-right: none;
}
.ui-tabs-nav li a {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  float: left;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  padding: .5em 1.7em;
  color: #555555;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
  border-bottom-color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
/*  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;*/
  color: #222222;
}
.ui-tabs-panel {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  clear:left;
  border: 1px solid #d3d3d3;
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  color: #222222;
  padding: 1.5em 1.7em; 
  font-size: 1.1em;
}
.ui-tabs-hide {
  display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}





/*slider*/
.ui-slider {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  border: 1px solid #dddddd;
  height: .8em;
  position: relative;
}
.ui-slider-handle {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  position: absolute;
  z-index: 2;
  top: -3px;
  width: 1.2em;
  height: 1.2em;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border: 1px solid #d3d3d3;
}
.ui-slider-handle:hover {
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border: 1px solid #999999;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
/*  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;*/
  border: 1px solid #dddddd;
}
.ui-slider-range {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  height: .8em;
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  position: absolute;
  border: 1px solid #d3d3d3;
  border-left: 0;
  border-right: 0;
  top: -1px;
  z-index: 1;
  opacity:.7;
  filter:Alpha(Opacity=70);
}






/*dialog*/
.ui-dialog {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  color: #222222;
  border: 4px solid #dddddd;
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
  display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
  cursor: n-resize; 
  height: 7px; 
  width: 100%; 
  top: -5px; 
  left: 0px;  
}
.ui-resizable-s { 
  cursor: s-resize; 
  height: 7px; 
  width: 100%; 
  bottom: -5px; 
  left: 0px; 
}
.ui-resizable-e { 
  cursor: e-resize; 
  width: 7px; 
  right: -5px; 
  top: 0px; 
  height: 100%; 
}
.ui-resizable-w { 
  cursor: w-resize; 
  width: 7px; 
  left: -5px; 
  top: 0px; 
  height: 100%;
}
.ui-resizable-se { 
  cursor: se-resize; 
  width: 13px; 
  height: 13px; 
  right: 0px; 
  bottom: 0px; 
  background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
  cursor: sw-resize; 
  width: 9px; 
  height: 9px; 
  left: 0px; 
  bottom: 0px;  
}
.ui-resizable-nw { 
  cursor: nw-resize; 
  width: 9px; 
  height: 9px; 
  left: 0px; 
  top: 0px; 
}
.ui-resizable-ne { 
  cursor: ne-resize; 
  width: 9px; 
  height: 9px; 
  right: 0px; 
  top: 0px; 
}
.ui-dialog-titlebar {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  padding: .5em 1.5em .5em 1em;
  color: #555555;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border-bottom: 1px solid #d3d3d3;
  font-size: 1em;
  font-weight: normal;
  position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat;
  position: absolute;
  right: 8px;
  top: .7em;
  width: 11px;
  height: 11px;
  z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
  background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
  background: url(images/222222_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
  display: none;
}
.ui-dialog-content {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  color: #222222;
  padding: 1.5em 1.7em; 
}
.ui-dialog-buttonpane {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  border-top: 1px solid #dddddd;
  background: #ffffff;
}
.ui-dialog-buttonpane button {
  margin: .5em 0 .5em 8px;
  color: #555555;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-size: 1em;
  border: 1px solid #d3d3d3;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
  color: #212121;
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
  color: #222222;
/*  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;*/
  border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}







/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  font-size: 1.1em;
  border: 4px solid #dddddd;
  width: 15.5em;
  padding: 2.5em .5em .5em .5em;
  position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
  z-index: 9999; /*must have*/
  display: none;
}
.ui-datepicker-inline {
  float: left;
  display: block;
}
.ui-datepicker-control {
  display: none;
}
.ui-datepicker-current {
  display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
  position: absolute;
  left: .5em;
  top: .5em;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
  left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
  text-indent: -999999px;
  width: 1.3em;
  height: 1.4em;
  display: block;
  font-size: 1em;
  background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
  border: 1px solid #d3d3d3;
  cursor: pointer;
}
.ui-datepicker-next a {
  background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
  background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
  background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
  background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
  background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
  border: 1px solid #d3d3d3;
  color: #555555;
  background: #e6e6e6;
  font-size: 1em;
  line-height: 1.4em;
  position: absolute;
  top: .5em;
  margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
  background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
  width: 7em;
  left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
  width: 5em;
  left: 9.4em;
}
table.ui-datepicker {
  width: 15.5em;
  text-align: right;
}
table.ui-datepicker td a {
  padding: .1em .3em .1em 0;
  display: block;
  color: #555555;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  cursor: pointer;
  border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
  border: 1px solid #999999;
  color: #212121;
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
  border: 1px solid #dddddd;
  color: #222222;
/*  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;*/
}
table.ui-datepicker .ui-datepicker-title-row td {
  padding: .3em 0;
  text-align: center;
  font-size: .9em;
  color: #222222;
  text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
  color: #222222;
}
.ui-datepicker-cover {
  display: none;
  display/**/: block;
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 193px;
  height: 200px;
}











/* ui-autocomplete */

.ui-autocomplete-results {
  z-index: 100;
}

.ui-autocomplete-results ul {
  border: 1px solid #bcc4c6;
  background-color: #f9f9f9;
}

.ui-autocomplete-results li {
  padding: 3px 5px;
  text-align: left;
  border: none!important;
  color: #535f62;
  font-weight: normal;
  position: relative;
}

.ui-autocomplete-results li.ui-autocomplete-over {
  background-color: #d7dcdd;
  color: #1d2122 !important;
}
.ui-autocomplete-results li.ui-autocomplete-active {
  outline: none;
}
.ui-autocomplete-results li:first-child, .ui-autocomplete-results li.first  {
  margin-top: 0;
}
.ui-autocomplete-results li:last-child, .ui-autocomplete-results li.last {
  margin-bottom: 0;
}

/*UI ProgressBar */
.ui-progressbar {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  border: 1px solid #dddddd;
  position: relative;
  height: 1.8em;
}
.ui-progressbar-bar {
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  overflow: hidden;
  border: 1px solid #d3d3d3;
  margin:-1px;
  z-index: 2;
  position: relative;
  height: 1.8em;
  opacity:.7;
  filter:Alpha(Opacity=70);
}
.ui-progressbar-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.ui-progressbar-text {
  color: #555555;
  padding: .2em .5em;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-progressbar-text-back {
  color:  #222222;
  z-index: 0;
}
.ui-progressbar-disabled {
  opacity:.5;
  filter:Alpha(Opacity=50);
}






/*UI Colorpicker */
.ui-colorpicker {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  border: 4px solid #dddddd;
  padding: 5px;
  width: 360px;
  position: relative;
}
.ui-colorpicker-color {
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 15px;
}
.ui-colorpicker-color div { /* is this extra div needed? why not just .ui-colorpicker-color ? */
  border: 1px solid #d3d3d3;
  height: 150px;
  background: url(images/_x_.);
  position: relative;
}
.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */
  width: 11px;
  height: 11px;
  background: url(images/_x_.);
  position: absolute;
  border: 0;
  margin: -5px 0 0 -5px;
  float: none;
}
.ui-colorpicker-hue {
  border: 1px solid #d3d3d3;
  float: left;
  width: 17px;
  height: 150px;
  background: url(images/_x_.);
  position: relative;
  margin-right: 15px;
}
.ui-colorpicker-hue div {
  background:transparent url(images/222222_35x9_colorpicker_indicator.gif.gif); 
  height:9px;
  left:-9px;
  margin:-4px 0 0;
  position:absolute;
  width:35px;
  cursor: ns-resize;
}
.ui-colorpicker-new-color, .ui-colorpicker-current-color {
  float: left;
  width: 6.5em;
  height: 30px;
  border: 1px solid #d3d3d3;
  margin-right: 5px;
}
.ui-colorpicker-current-color {
  margin-right: 0;
}

.ui-colorpicker-field, .ui-colorpicker-hex {
  position: absolute;
  width: 6em;
}
.ui-colorpicker-field label, .ui-colorpicker-field input,
.ui-colorpicker-hex label, .ui-colorpicker-hex input {
  font-size: 1em;
  color: #222222;
}
.ui-colorpicker-field label, .ui-colorpicker-hex label {
  width: 1em;
  margin-right: .3em;
}
.ui-colorpicker-field input, .ui-colorpicker-hex input {
  border: 1px solid #dddddd;
  color: #222222;
  background: #ffffff;
  width: 4.6em;
}
.ui-colorpicker-hex {
  left: 205px;
  top: 134px;
}
.ui-colorpicker-rgb-r {
  top: 52px;
  left: 205px;
}
.ui-colorpicker-rgb-g {
  top: 78px;
  left: 205px;
}
.ui-colorpicker-rgb-b {
  top: 105px;
  left: 205px;
}
.ui-colorpicker-hsb-h {
  top: 52px;
  left: 290px;
}
.ui-colorpicker-hsb-s {
  top: 78px;
  left: 290px;
}
.ui-colorpicker-hsb-b {
  top: 105px;
  left: 290px;
}

.ui-colorpicker-field label {
  font-weight: normal;
}
.ui-colorpicker-field span {
  width: 7px;
  background: url(images/888888_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
  right: 5px;
  top: 0;
  height: 20px;
  position: absolute;
}
.ui-colorpicker-field span:hover {
  background: url(images/454545_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
}

.ui-colorpicker-submit {
  right: 14px;
  top: 134px;
  position: absolute;
}








/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
/*component content styles*/
.ui-component-content {
  border: 1px solid #dddddd;
/*  background: #ffffff url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;*/
  color: #222222;
}
.ui-component-content a {
  color: #222222;
  text-decoration: underline;
}
/*component states*/
.ui-default-state {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #555555 !important;
}
.ui-default-state a {
  color: #555555;
}
.ui-default-state:hover, .ui-hover-state {
  border: 1px solid #999999;
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
  font-weight: normal;
  color: #212121 !important;
}
.ui-hover-state a {
  color: #212121;
}
.ui-default-state:active, .ui-active-state {
  border: 1px solid #dddddd;
/*  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;*/
  font-weight: normal;
  color: #222222 !important;
  outline: none;
}
.ui-active-state a {
  color: #222222;
  outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
  display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
   position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */





#nyroModalFull .wrapper {
  width: auto;
}

div#nyroModalLoading,
div#nyroModalLoading.error,
div#nyroModalWrapper {
  border: 2px solid #1d2122;
}

div#nyroModalLoading {
  width: 150px;
  height: 150px;
  text-indent: -9999em;
  background: #fff url(/images/ajaxLoader.gif) no-repeat;
  background-position: center;
}
div#nyroModalLoading.error {
  border-color: #B83F1D;
  line-height: 20px;
  padding: 20px;
  width: 300px;
  height: 100px;
  text-indent: 0;
  background: #fff;
}
div#nyroModalWrapper {
  background: #fff;
}

a#closeBut {
  position: absolute;
  display: block;
  top: -13px;
  right: -13px;
  width: 30px;
  height: 30px;
  text-indent: -9999em;
  background: url(/images/closeModal.png) no-repeat;
  outline: 0;
  z-index: 5;
}

div.wrapperImg div#nyroModalContent {
  position: relative;
  overflow: hidden;
  text-align: center;
}
div.wrapperImg img {
  vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #1d2122;
  padding: 10px;
  overflow: hidden;
  color: #fff;
}

div.wrapperImg a {
  outline: none;
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
  text-indent: -9999em;
  background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
a.nyroModalPrev {
  left: 0;
  width: 40%;
}
a.nyroModalPrev:hover {
  background: url(/image/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
  right: 0;
  width: 40%;
}
a.nyroModalNext:hover {
  background: url(/images/next.gif) right 20% no-repeat;
}

body {
  background: #afd8f2 url("/images/themes/default/bg_bd_app.gif") center top repeat-x;
}

.page_top h2,
h2.modal_header {
  background: #1d2122 url("/images/themes/default/bg_bd_app.gif") center -2px repeat-x;
}

.bn,
.button {
  border: 1px solid #1d2122;
  color: #fff;
  background-image: url("/images/themes/default/bn_blue.png");
}

a.bn.yellow,
input.yellow {
  color: #1d2122!important;
  background-color: #FFA600;
  background-image: url("/images/themes/default/bn_yellow.png");
  border-color: #FFA600;
}

a.bn.yellow.bn_big,
input.bn.yellow.bn_big {
  width: 198px;
  height: 59px;
  padding: 0;
  background-image: url('/images/themes/default/bn_yellow_big.png');
  background-color: transparent;
  border: 0;
  line-height: 59px;
  font-weight: bold;
  font-size: 18px;
}

#ft {
  background: #1d2122 url("/images/themes/default/bg_ft.gif") center top repeat-x;
}

#session #ft #footer {
  background: url("/images/themes/default/bg_footer_session.gif") center top no-repeat;
}

#spot {
  background-image: url("/images/themes/default/bg_spot.gif");
}

#spot.pub h2,
#spot h2 a  {
  background-image: url("/images/themes/default/bg_headline.gif");
}

.module p.friend .bn span {
/*  background-image: url("/images/themes/default/bg_icons_buttons.gif");*/
}

#session #hd .logo,
#app #hd .logo {
  background: url("/images/themes/default/logo.png") no-repeat;
}

.top_bar #find_people a,
.top_bar #member_name {
  background-image: url("/images/themes/default/bg_icons_top_bar.gif");
}