/*----------------- BASE HOMEPAGE CSS - Defines core attributes for objects -----------------*/



#content {

    padding: 0px;

}



#home_container { 

  position:relative;

  background:#f7f7f7;

}



#home_main {

  float:left;

  width:440px;

}



.home_main_item {

  margin:5px 0 5px 5px;

  padding:15px 20px;

  border:1px solid #ccc;

  background:#fff;

  position:relative;

  z-index:1;

}





.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:11px;

  color:#333;

}



.sidebar_item_header h2 a:hover {

}



.sidebar_item_header .option {

  margin-top:2px;

  font-size:9px;

}



.sidebar_item_header .option a {

  color: #3b5998;

  font-weight: bold;

}



.friend_finder {

  margin:0 5px 5px;

  padding:5px 5px 5px 27px;

  background:#fff url(../images/friend_finder.gif) no-repeat 6px 7px;

  border:1px solid #ccc;

}



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



.requests .sidebar_item_header {

  padding-bottom:4px;

}



.requests .sidebar_item_body {

  padding-top:6px;

}



.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/feed_icons/aaron_color/s/friend.gif) no-repeat 0 4px; 

}



.requests .sidebar_item_body .group {

  background: url(../images/feed_icons/aaron_color/s/group.gif) no-repeat 0 5px; 

}



.requests .sidebar_item_body .event {

  background: url(../images/feed_icons/aaron_color/s/event.gif) no-repeat 0 3px; 

}



.requests .sidebar_item_body .autotag {

  background: url(../images/feed_icons/aaron_color/s/photo.gif) no-repeat 0 4px; 

}



.requests .sidebar_item_body .phototag {

  background: url(../images/feed_icons/aaron_color/s/photo.gif) no-repeat 0 4px; 

}



.requests .sidebar_item_body .relationship {

  background: url(../images/feed_icons/aaron_color/s/relationship.gif) no-repeat 0 5px; 

}



.requests .sidebar_item_body .photoprint {

  background: url(../images/photoprint/printshop_small.gif) no-repeat 0 5px; 

}



.requests .sidebar_item_body .confirmmobile {

  background: url(../images/feed_icons/aaron_color/s/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:0 0 0 22px;

  background: url(../images/mail_request.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 {



  margin:0 0 5px 0;

  padding-left:22px;

  background: url(../images/poke.gif) no-repeat 0 5px;

}



.poke_option {

  margin-top:2px;

}



.profile_status {

  width:155px;

}



.profile_status #status_body {

  float:left;

  margin-left:5px;

  width:100px;

}



.profile_status .status_time {

  color: gray;

  

  font-size: 9px;

  line-height: 11px;

  padding-top: 2px;

}



.profile_status img {

  float:left;

}



.profile_status #edit_status {

}



.shared .new_share_counts {

  padding: 0px 0px 8px; }



.shared ul {

  margin: 0px; 

  padding: 0px;

  list-style: none; }

  

  .shared li {

    color: #777; 

    padding-left: 22px;

    padding-bottom: 7px; 

    font-size: 9px; }



  .shared h3 {

    font-weight: bold; 

    color: #333; 

    font-size: 11px; }

  

  .shared .note { background: url(/images/feed_icons/aaron_color/s/note.gif) no-repeat; }

  .shared .photo { background: url(/images/feed_icons/aaron_color/s/photo.gif) no-repeat; }

  .shared .wall_post { background: url(/images/feed_icons/aaron_color/s/wall_post.gif) no-repeat; }

  .shared .event { background: url(/images/feed_icons/aaron_color/s/event.gif) no-repeat; }

  .shared .friend_guy { background: url(/images/feed_icons/aaron_color/s/friend.gif) no-repeat; }

  .shared .friend_gal { background: url(/images/feed_icons/aaron_color/s/friend.gif) no-repeat; }

  .shared .news { background: url(/images/feed_icons/aaron_color/s/news.gif) no-repeat; }



.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:11px;

  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;

}



.stories_options {

  border-top:none;

}



#error {

  margin-top:10px;

}



.announcement_title {

  width:393px;

  text-align:right;

  border-bottom:1px solid #797688;

}



#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;

}



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



#orientation {

  position: relative;

  width: 390px; }



#orientation .newsfeed_header {

  margin: 0 0 8px 0; 

  border-bottom: none; }



/* 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: #3B5998;

    float: right;

    font-size: 9px; }



  #orientation .story h4 span {

    

    float: left; }



  #orientation .orientation_active h4 span span.orientation_required,

  #orientation .orientation_regular h4 span span.orientation_required {

     }



  #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;

}



/* 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:11px; 

    font-weight: normal;

}





/* active orientation step */

#orientation .orientation_active {

  background-color: #f7f7f7;

  border: solid 1px #ccc;

  border-top: solid 1px #3b5998;

  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 {

 

  }



.orientation_regular  .on_regular,

.orientation_complete .on_complete,

.orientation_active   .on_active {

   }



/* orientation intro message */

#orientation .intro {

  margin-bottom:18px;

}



/* 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; 

  

  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: 325px;

    margin-left: 0px; 

    margin-right:0px;

}



#orientation .friendfinder #password {

    width: 158px;

}



#orientation .friendfinder .label { 

    width: 95px;

}



#orientation .friendfinder #login {

    width: 90px;

    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 {

  

  float: right;

  margin-bottom: 0px!important;

  margin-bottom: -20px; }



.orientation_exit {

  border-top: 1px solid #797688;

  margin: 25px 3px 0px 0px;

  text-align:right;

  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;

}







/*----------------- 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;

}