#content {
    margin:-2px 1px 0 -1px!important;margin:0px 1px 0 -1px;
}

#home_container { 
  position:relative;
  background:#f7f7f7;
  background: transparent url(/images/newsfeed_line.gif) repeat-y top left;
}

#home_main {
  float:left;
  width:460px;
}

.home_main_item {
  margin:0;
  padding:20px 20px;
  border-right:1px solid #ddd;
  background:#fff;
  position:relative;
  z-index:1;
}

#home_sidebar {
  float:right;
  padding-top:5px;
  width:186px;
}
#home_sidebar .alerts{
	background:#F7F7F7;
}


.sidebar_item {
  width:186px;
}

.sidebar_item_header {
  margin:0 5px 0 5px;
  padding:3px 5px 4px 5px;
  background:#e9e9e9;
  text-align:right;
}

.sidebar_item_body {
 padding: 8px 10px 15px 10px;
}

.sidebar_item_header h2 {
  float:left;
  font-size:12px;
  color:#333;
  margin-top:2px;
}

.sidebar_item_header h2 a:hover {
}

.sidebar_item_header .option {
  margin-top:2px;
  font-size:12px;
}

.sidebar_item_header .option a {
  color: #33729F;
}

.friend_finder {
  margin: 0;
  padding:0px 0px 0px 20px;
  background: url(../images/friend_finder.gif) no-repeat 0px 4px;
}

/* temporary gifts stuff for launching the feature */
.gifts_semi_permalink {
  margin: 0;
    /*
  padding:0px 0px 0px 20px;
  background: url(../images/icons/gift.gif) no-repeat 0px 1px;
    */
}

.gifts_semi_permalink .with_icon {
  padding:0px 0px 1px 20px;
  background: url(../images/icons/gift.gif) no-repeat 0px 0px;
}

/* end temporary gifts stuff for launching the feature */

/*----------------- Specialized Homepage CSS - Defines Special Attributes for Unique Objects -----------------*/

.requests .notifications {
  background: url(/images/icons/notifications.gif) no-repeat 0 5px;
}

.requests .sidebar_item_header {
  padding-bottom:4px;
}

.requests .sidebar_item_body {
  padding-top:0;
}

.requests .sidebar_item_body a {
  display:block;
  padding:5px 5px 5px 22px;
  border-bottom:1px solid #ddd;
}

.requests .sidebar_item_body .friend, .requests .sidebar_item_body .socialmap {
  background: url(/images/icons/friend.gif) no-repeat 0 4px; 
}

.requests .sidebar_item_body .group {
  background: url(/images/icons/group.gif) no-repeat 0 5px; 
}

.requests .sidebar_item_body .event {
  background: url(/images/icons/event.gif) no-repeat 0 3px; 
}

.requests .sidebar_item_body .pool {
  background: url(/images/icons/madness.gif) no-repeat 0 3px; 
}

.requests .sidebar_item_body .phototag,
.requests .sidebar_item_body .pendingalbum,
.requests .sidebar_item_body .autotag {
  background: url(/images/icons/photo.gif) no-repeat 0 4px; 
}

.requests .sidebar_item_body .relationship {
  background: url(/images/icons/relationship.gif) no-repeat 0 5px; 
}

.requests .sidebar_item_body .confirmmobile {
  background: url(/images/icons/mobile.gif) no-repeat 0 5px; 
}

.requests .sidebar_item_body .back_to_home {
  margin:5px 0;
  padding:0px 0 7px 0;
  border:0;
}

.new_messages a {
  padding: 0px 0px 0px 22px;
  background: url(/images/icons/message.gif) no-repeat 0 2px;
}

.new_messages .message_container img {
  float:left;
  margin-top: 2px;
  margin-left:3px;
}

.new_messages .message_container span {
  float:right;
  width:141px;
}

.pokes .sidebar_item_body {
}

.pokes .ind_poke {
  display:block;
  margin:0 0 5px 0;
  padding-left:20px;
  background: url(/images/icons/poke.gif) no-repeat 0 5px;
}

.poke_option {
  margin-top:2px;
}

.my_status .profile_status {
  width:165px;
}

.my_status .profile_status #status_body {
  padding-left:2px;
  width:108px;
}

.my_status #home_statusupdates img.mob_status { 
 padding-top: 2px; }

.my_status #status_editor { 
  border: none;
  margin: 10px 0px 0px; }

/*  SHARE BOX  */

.shared .sidebar_item_body {
  padding: 3px 10px 10px 10px;
}

.shared .sidebar_item_body a {
  display: block;
  padding: 5px 0px 5px 21px;
}

.shared .sidebar_item_body .divider {
  border-bottom: 1px solid #ddd;
}

.shared a.new_share {
  background: url(/images/share_new_item.gif) no-repeat 0px 4px;
}

.shared a.new_comment {
  background: url(/images/share_new_comment.gif) no-repeat 0px 5px;
}

/*  EVENTS  */

.events .event_item {
  margin-bottom:10px;
}

.events .event_item a {
  display:block;
}

.events .sidebar_item_body, .birthdays .sidebar_item_body {
  padding-bottom:5px;
}

.birthdays h4 {
  color:#555;
  border-bottom:none;
  font-size:12px;
  font-weight:normal;
}

.birthdays h4 strong {
  font-weight:normal;
}

.birthdays ul {
  margin:0;
  padding:0;
  list-style:none;
  line-height:13px;
  margin-bottom:10px;
}

.birthdays .no_birthdays {
  color: #666;
  padding: 0px 0px 8px 0px;
}


/*  MADNESS  */

.madness .sidebar_item_body {
  background: url(/images/icons/madness.gif) no-repeat 12px 10px;
  padding-left: 35px;
}
.madness .sidebar_item_body strong {
  color: #111;
}



.stories_options {
  border-top:none;
}

#error {
  margin-top:10px;
}

.announcement_title {

  text-align:right;
  border-bottom:1px solid #d8dfea;
}

#announcement h4 {
  float:left;
  border-bottom:none;
}

.announcement_title .hide_link {
  margin-top:2px;
}

#overlay {
  float:left;
  margin:1px 0 -1px 0;
  width:441px;
  background:#fff;
  position:absolute;
  z-index:2;
  top:-1px;
  left:-1px;
  height:100%;
  height:expression(this.parentNode.offsetHeight+'px');
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

.has_overlay {
  position:absolute;  
  top:15px;
  left:22px;
  z-index:3;
}

/*----------------- Rooster Announcements CSS -----------------*/

#rooster_container {
  margin: 10px;
  margin-bottom: 0px;
  position:relative;
  z-index:1;
}

#rooster_container .inputcheckbox {
  margin: 0 4px 0 2px;
}

#rooster_container form {
  margin: 0 10px 0 10px;
}

#rooster_container .contact_email_pending {
  border: 1px solid #ccc; 
  padding: 8px; 
  background: #f7f7f7; 
  text-align: center;
}

.rooster_story {
  padding: 10px 0px;
  text-align: left;
  margin-bottom: 5px;
}

.rooster_error {
  padding: 10px;
  background: #f2f4f7; 
  border-bottom: solid 1px #d8dfea;
}

.rooster_info {
  border-bottom: solid 1px #d8dfea;
  background: #f2f4f7; 
  margin-bottom: 0px;
}

.rooster_info h4 {
  font-size: 14px;
  float: left;
  border-bottom:none;
}

.rooster_info p {
  margin: 10px;
}

.rooster_error h4 {
  font-size: 14px;
  color: #d85d01;
  padding-top: 3px;
  border-bottom:none;
}

.rooster_error p {
  margin: 10px;
}

.rooster_button {
  padding-top: 10px;
}

.rooster_title {
  margin: 5px 10px 0 10px;
}

.actually_important {
  background-color: #feffcf;
  width: 417px;
  font-size: 13px;
  font-weight: bold;
}
  
.actually_important .read_this {
  padding: 8px 10px 0 10px;
  color: #d85d01; 
}
    
.actually_important .important_text {
  padding: 0 10px 8px 10px;
  color: #391800 
}

.actually_important .important_text a {
  color: #391800;
  text-decoration: none; 
}

.actually_important .important_cap {
  background: #f2f4f7 url('/images/actually_important_cap.gif') no-repeat;
  height: 18px;
}

/* rooster friend finder story stylez */
#rooster_container .rooster_info .editor .inputtext {
  width: 180px;
  margin: 0px 2px 0px 0px;
}
#rooster_container .rooster_info .editor .select {
  width: 102px;
  margin: 0px 0px 0px 2px;
}
#rooster_container .rooster_info .editor .inputpassword {
  width: 180px;
}

/*----------------- First Login Orientation CSS -----------------*/

#orientation {
  position: relative;
  width: 415px; 
}

#orientation ul {
  list-style: none;
  padding: 0px;
  margin: 5px 0 5px 0;
}

#orientation li {
  padding: 0px 0px 0px 0px;
  font-weight:bold;
  font-size:13px;
}

#orientation #welcome_header {
  padding:15px 20px;
  text-align:left;
  border:1px solid #EBAE7F;
  background:#FEFFCF;
}
  
#orientation #welcome_header h2 {
  font-size: 13px;
  color: #D85D01;
  margin-bottom: 3px;
  border-bottom:none;
}

#orientation #welcome_header p {
  color:#333333;
  margin: 0;
  font-weight: normal;
  line-height:16px;
}

#orientation #welcome_header p.normal {
  color:#391800;
  margin: 0;
  font-weight: normal;
  line-height:16px;
}

#orientation #section_status {
  padding: 15px 20px;
  text-align: left;
  border-top: 1px solid #EBAE7F;
  border-right: 1px solid #EBAE7F;
  border-bottom: 0px solid #EBAE7F;
  border-left: 1px solid #EBAE7F;
  background: #FEFFCF;
  margin-bottom: 0px; }
  
#orientation #section_status h2 {
  font-size: 13px;
  color: #D85D01;
  margin-bottom: 3px;
  border-bottom:none;
}

#orientation #section_status p {
  color:#391800;
  margin: 0;
  font-weight: bold;
}

#orientation #section_status p.normal {
  color:#391800;
  margin: 0;
  font-weight: normal;
}

#orientation #section_header {
  padding: 15px 18px 0px 18px;
  text-align: left;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 0px solid #33729F;
  border-left: 1px solid #cccccc;
  background: #f7f7f7;
  margin: 15px 0 0 0;
}
  
#orientation #section_header h2 {
  font-size: 13px;
  color: #333333;
  margin-bottom: 3px;
  border-bottom:none;
}

#orientation #section_header p {
  color:#391800;
  margin: 0px 0px 10px 0px;
  font-weight: normal;
}

#orientation #section_header p.normal {
  color:#391800;
  margin: 0;
  font-weight: normal;
}

#orientation small {
  color: #333;
  font-size: 10px;
  font-weight: normal;
}

#orientation #section_status_bottom {
  border-top: 1px solid #ccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #f7f7f7;
  padding: 0px 20px 10px 20px;
  margin: 0px 0px 20px 0px;
}

#orientation #section_content_bottom {
  border-top: 1px solid #f7f7f7;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #f7f7f7;
  padding: 0px 20px 10px 20px;
  margin: 0px 0px 0px 0px;
}
#orientation #section_content_bottom p {
  margin: 0px 0px 10px 0px;
  line-height:16px;
}
#orientation #section_content_bottom p.preview {
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

#orientation #section_content_bottom td.label {
  color: #777;
  font-weight: bold;
  padding-right: 4px;
  width: 105px;
  text-align: right;
}

/* generic orientation story */
#orientation .story { 
  margin: 0px 0px 8px; }

  #orientation .story .panel {
    padding: 8px 10px 10px 48px; 
    background-position: 10px 9px;
    background-repeat: no-repeat; }

  #orientation .story h4 {
    text-align: right; 
    font-size: 13px;
    color: #333;
    padding-top: 3px;
    margin-bottom: 6px; }
  
  #orientation .story h4 a {
    margin-top: 3px;
    color: #aaa; 
    float: right;
    font-size: 9px; }

  #orientation .story h4 .orientation_skip {
    color: #33729F;
    float: right;
    font-size: 9px; }

  #orientation .story h4 span {
    display: block;
    float: left; }

  #orientation .story p {
    margin: 0px;
    padding-bottom: 10px; }

  #orientation .orientation_active h4 span span.orientation_required,
  #orientation .orientation_regular h4 span span.orientation_required {
    display: none }

  #orientation .orientation_complete h4 span span.orientation_required {
    color: #c33;
    display: inline;
    float: none }

 #orientation .story h2 {
    font-size: 11px;
    color: #000;
    font-weight:normal; }

#orientation h1 {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
}

#orientation #error h1 {
  font-size: 14px;
  font-weight: bold;
}

/* completed orientation step */ 
#orientation .orientation_complete,
  #orientation .orientation_complete h4 {
    color: #999; }

  #orientation .orientation_complete .icon_1 { background-image: url('../images/orientation/complete_step_1.gif') }
  #orientation .orientation_complete .icon_2 { background-image: url('../images/orientation/complete_step_2.gif') }
  #orientation .orientation_complete .icon_3 { background-image: url('../images/orientation/complete_step_3.gif') }
  #orientation .orientation_complete .icon_4 { background-image: url('../images/orientation/complete_step_4.gif') }

  #orientation .orientation_complete .expand_link { 
    text-align:right; 
    font-size:12px; 
    font-weight: normal;
}


/* active orientation step */
#orientation .orientation_active {
  background-color: #f7f7f7;
  border: solid 1px #ccc;
  border-top: solid 1px #33729F;
  color: black }

  #orientation .orientation_active h4 {
    color: #333 }

  #orientation .orientation_active .icon_1 { background-image: url('../images/orientation/step_1.gif') }
  #orientation .orientation_active .icon_2 { background-image: url('../images/orientation/step_2.gif') }
  #orientation .orientation_active .icon_3 { background-image: url('../images/orientation/step_3.gif') }
  #orientation .orientation_active .icon_4 { background-image: url('../images/orientation/step_4.gif') }

/* upcoming orientation step */
#orientation .orientation_regular .icon_1 { background-image: url('../images/orientation/upcoming_step_1.gif') }
#orientation .orientation_regular .icon_2 { background-image: url('../images/orientation/upcoming_step_2.gif') }
#orientation .orientation_regular .icon_3 { background-image: url('../images/orientation/upcoming_step_3.gif') }
#orientation .orientation_regular .icon_4 { background-image: url('../images/orientation/upcoming_step_4.gif') }

/* steps that aren't active */
#orientation .orientation_regular,
#orientation .orientation_complete {
  padding: 1px; }
 
/* content statuses */
.orientation_regular  .on_active,  .orientation_regular  .on_complete,
.orientation_complete .on_active,  .orientation_complete .on_regular,
.orientation_active   .on_regular, .orientation_active   .on_complete {
  display: none; 
  }

.orientation_regular  .on_regular,
.orientation_complete .on_complete,
.orientation_active   .on_active {
  display: block; }

/* orientation intro message */
#orientation .intro {
  margin-bottom:8px;
}

/* orientation network selectors */
#orientation .network_join {
  padding: 5px 0px 10px 24px;
  background-repeat: no-repeat;
  background-position: 0px 4px; }
  
  #orientation .network_join .title_bar {
    height: 0.95em;
    margin-bottom: 0.8em;
    border-bottom: solid 1px #ccc; }
  
  #orientation .network_join .title_bar h5 {
    display: inline;
    color: #333;
    background: white;
    padding: 0px 4px 4px 0px;
    border-bottom: none;
    margin: 0px 0px -4px; }

  #orientation .orientation_active .title_bar h5 {
    background: #f7f7f7;
  }
    
  #orientation .network_join p {
    margin: 0px; }

  #orientation .network_join .inputsubmit {
    width: 60px; }

  #orientation .network_join .join_table {
    width: 306px; }
  
  #orientation .network_join .join_table td.label {
    color: #777;
    font-weight: bold; }
  
  #orientation .network_join .join_table td.button {
    text-align: right; } 
  
  #orientation .network_join .join_table td {
    padding: 0px; }

  #orientation .network_join .join_table td.label {
    padding-right: 4px;
    width: 82px; }

#orientation .join_form {
  padding: 5px 0px 0px; }
  
#orientation .join_table .inputtext {
  margin: 1px 0px;
  width: 145px; }

#orientation .join_table select {
  width: 145px; }

#orientation #city_selector_table small,
#orientation #country_selector_table small {
  color: #777; }

#orientation #geo_selector_table {
  padding: 5px 0px 0px; }

  #orientation #geo_selector_table tr {
    vertical-align: top }
  
  #orientation #geo_selector_table .geo_options tr {
    vertical-align: middle; }
  
  #orientation .join_table label {
    color: black; 
    font-weight: normal; }

#orientation #city_selector_table .inputtext {
  width: 210px; }

#orientation .mobile_confirm_form_table {
  padding: 5px 0px 0px; }

#orientation #upload_error #error {
  padding: 8px 10px;
  margin: 10px 0px 0px; }

#orientation #upload_error #error h1 {
  font-size: 11px;
  text-align: left;
  margin: 0px; }

#orientation .copyright_checkbox {
  padding: 8px 0px; }

#orientation .copyright_checkbox .inputcheckbox {
  float: left; 
  display: block;
  margin: 2px 5px 8px 0px; }

#orientation .copyright_checkbox label {
  color: black;
  font-weight: normal; }

#orientation .upload_button {
  margin-bottom: 15px;
  padding-right: 0px }

#orientation .upload_button input {
  float: right }

#orientation .friendfinder {
    width: 340px;
    margin-left: 0px; 
    margin-right:0px;
}

#orientation .friendfinder #password {
    width: 158px;
}

#orientation .friendfinder .label { 
    width: 95px;
}

#orientation .friendfinder #login {
    width: 89px;
    margin-right: 2px;
}

#orientation .friendfinder input.inputsubmit {
    margin-left: 4px;
    float: none;
}

#orientation .friendfinder .address_book_email select {
    margin-left: 2px;
}

#orientation .orientation_im_done {
  display: block;
  float: right;
  margin-bottom: 0px!important;
  margin-bottom: -20px; }

.orientation_subhead {
  margin-top: -6px; 
  font-weight: bold; 
  color: #333;
}

.orientation_exit {
  border-top: 1px solid #D8DFEA;
  margin: 25px 3px 0px 0px;
  text-align:right;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0px 0px 0px; }

.orientation_exit a {
  text-decoration: underline;
}

#orientation .orientation_complete .orientation_skip {
  visibility: hidden }

#orientation .orientation_regular .orientation_im_done,
#orientation .orientation_complete .orientation_im_done {
  visibility: hidden }

#orientation .orientation_active .orientation_im_done {
  visibility: visible }

#orientation .status {
  text-align:left;
  margin: 15px 0px; }

#orientation .highlighted {
  padding:5px 10px;
  margin:10px 0;
  background:rgb(255, 248, 204);
  border:1px solid rgb(255, 226, 34);
}

#orientation .highlighted .network_join .title_bar h5 {
  background:rgb(255, 248, 204);
}

#orientation .highlighted .join_table {
  width:285px; 
}

#orientation .highlighted .join_table .inputtext {
  width:123px;
}

#orientation .after_hidden {
  display: none;
}

/*----------------- Security Question and Year Submit CSS -----------------*/

.year_question {
  padding-left:150px;
}

.security_question {
  padding-left:90px;
}

.year_question .inputsubmit, .security_question .inputsubmit {
  margin-top:5px;
}