/* --------- /stylesheets/external/alpha_reset.css --------- */ 
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{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;}
a{outline: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;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
/*input,textarea,select{font-family:inherit;font-weight:inherit;}*/
/*to enable resizing for IE*/
/*input,textarea,select{*font-size:100%;}*/
/*because legend doesn't inherit in IE */
legend{color:#000;}/* --------- /stylesheets/external/pushup.css --------- */ 
#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }/* --------- /stylesheets/external/prototip.css --------- */ 
/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End *//* --------- /stylesheets/external/scrollbox.css --------- */ 
/*-----------------------------
 CONTENT SCROLLBARS
 ------------------------------*/

.scrollbox { position: relative; }

.scrollbox_content {
	margin-right: 10px;
}

.scrollbox_scrollbar {
	background-color: #15130F;
	border-left: solid #2B271E 1px;
	height: 100%;
	width: 15px;
}

.scrollbox_up_button {
	background: transparent url(/stylesheets/images/combobox/scroll_up.png) top right no-repeat;
	height: 15px;
}

.scrollbox_down_button {
	background: transparent url(/stylesheets/images/combobox/scroll_down.png) top right no-repeat;
	height: 15px;
}

.scrollbox_handle {
	background-color: #2B271E;
}

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

div#profile .scrollbox { position: relative; }

div#profile .scrollbox_content {
	margin-right: 10px;
}

div#profile .scrollbox_scrollbar {
	background-color: #97907F;
	border-left: solid #BFB8AB 1px;
	height: 100%;
	width: 13px;
}

div#profile .scrollbox_up_button {
	background: transparent url(/stylesheets/images/layout/profile/profile-panel-scroll-up.png) top right no-repeat;
	height: 13px;
}

div#profile .scrollbox_down_button {
	background: transparent url(/stylesheets/images/layout/profile/profile-panel-scroll-down.png) top right no-repeat;
	height: 13px;
}

div#profile .scrollbox_handle {
	background-color: #BFB8AB;
}/* --------- /stylesheets/external/modal_window.css --------- */ 
/* common lightbox style */
#modal_window{
    display:none;
    position: absolute;
    top:50%;
    left:50%;
    z-index:999;
/*    margin-left: -250px;*/
/*
    margin:-220px 0 0 -250px;
*/
    
    text-align:left;
    overflow: auto;
    padding: 0px;
}
#modal_window[id]{
    position:fixed;
}
#modal_window.loading {
  width:500px;
  height:200px;
}

#modal_window_overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:500;
    background-color:#000;
    -moz-opacity: 0.60;
    opacity:.60;
    filter: alpha(opacity=60);
}
#modal_window_overlay[id]{
    position:fixed;
}


#modal_window #modal_window_load_message{
    display:none;    
}
#modal_window #modal_window_content{
    display:block;
}
#modal_window.loading #modal_window_content{
    display:none;
}

/* loading text */
#modal_window.loading #modal_window_load_message {
  display:block;
  height: 100%;  
}

#modal_window.loading #modal_window_load_message p {
  height: 200px;
}

/* custom styles below *//* --------- /stylesheets/external/notifier.css --------- */ 
/* Used to display custom alerts and confirm boxes */

.notifier {
	position: absolute;
	width: auto;
	border: 1px solid black;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	z-index: 10000;
}

.notifier_content {
	background-color: #3D3D3D;
	padding: 15px;
	color: white;
	width: 310px;
	min-height: 60px;
	border: 3px solid white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.notifier.opaque {
	opacity: 0.95;
}

.notifier.transparent {
	opacity: 0;
}

.notifier .box_icon {
	float: left;
	padding-right: 8px;
}

.notifier .box_hide {
  float: right;
  background-image: url(/images/icons/notify_remove.png);
  width: 22px;
  height: 22px;
  display: block;
  visibility: hidden;
}

.notifier:hover .box_hide, .notifier.hover .box_hide {
	visibility: visible;
}

.notifier .box_title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 2px;
}

.notifier .box_message {
	font-size: 13px;	
}/* --------- /stylesheets/calendar_date_select/default.css --------- */ 
.calendar_date_select {
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  font-weight:bold;
  background-color: #aaa;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
  color: white !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}

/* OK Button */
.calendar_date_select .cds_buttons a:last-child {
  font-weight: bold;
  font-size: 1em;
}

.calendar_date_select .cds_footer {
  background-color: black;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}

.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}
.calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}

.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
  background-color: #eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #ddd;
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}
/* --------- /stylesheets/layout.css --------- */ 
/*-----------------------------
 GLOBAL STYLES
 ------------------------------*/

html, body {
  background: #3A3A3A url(/images/layout/page-background.jpg) no-repeat top center
}

body *{
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
}
a {
  color: #e0b343;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.hidden {
	display: none !important;
}

.clearfix:after {
content: ' ';
clear:both;
display: block;
width: 0; height: 0;
overflow: hidden;
font-size: 0;
}

/* Icons */

a.icon {
  background: transparent no-repeat center;
  font-size: 13px; /* height 16px */
  padding-left: 14px;
  text-decoration: none;
  text-align: left;  
  behavior: url(/stylesheets/legacy/ie/iepngfix.htc);
}
a.icon:hover {
  text-decoration: none;
}

a.with_add_icon {
  background: transparent url(/images/icons/add.png) no-repeat center left;
  font-size: 10px;
  padding: 0 0 2px 20px;
}

/*-----------------------------
 CONTAINER
 ------------------------------*/

.default #page_wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
  margin-top: 7px;
  padding-bottom: 20px;
  text-align: left;
  min-height: 100%;
}

/* wrap page content for rouning background */
#page_content_wrapper {
  background: #fff url(/images/layout/content-footer.gif) no-repeat bottom;
}

.default #page_content {
  background: transparent url(/images/layout/content-header.gif) no-repeat;
  min-height: 100%;
  padding: 10px;
  width: 930px; /* = 950 - padding */
  overflow: hidden;
}

/*-----------------------------
 TOPBAR
 ------------------------------*/

/* Header */

.default #page_header {
  position: relative;
  color: #fff;
  height: 100px;
}

#site_logo {
  float: left;
}

/* Account Area */

#page_account_info {
  float: right;
}
#page_account_info img{
  vertical-align: middle;
}
#page_account_info span {
  font-weight: bold;
}

/* Site Navigation */

#site_navigation {
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
}

#site_navigation ul {
  float: right;
  position: relative;
}

#site_navigation li {
  float: left;
  background: url(/images/site_navigation/left.gif) no-repeat left top;
  /* for IE set width */
  width: auto !important;
  width: 100px;
}

#site_navigation li a {
  display: block;
  background: url(/images/site_navigation/right.gif) no-repeat right top;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding: 4px 32px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}

#site_navigation li.first {
  background-image: url(/images/site_navigation/left-round.gif);  
}

#site_navigation li.last a {
  background-image: url(/images/site_navigation/right-round.gif);
}

#site_navigation li.active {
	background-image:url(/images/site_navigation/left-active.gif);
	height:50px;
}

#site_navigation li.active a {
  height: 49px;
  background-image: url(/images/site_navigation/right-active.gif);  
  color: #000;
}

#site_navigation li.first.active {
 background-image:url(/images/site_navigation/left-round-active.png);
}

#site_navigation li.last.active a {
  background-image: url(/images/site_navigation/right-round-active.gif);
}

/*-----------------------------
 CONTENT
 ------------------------------*/

fieldset legend {
	color:#6E6E6E;
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
}

form.simple .semantic-form dt, form.simple .semantic-form dd {
	padding:9px 0;
}

form.simple .semantic-form dt {
	float:left;
	width:35%;
	overflow: hidden;
	clear: left;
}
form.simple .semantic-form dd {
  border-top:1px solid #DEDEDE;  
}

form.simple .semantic-form dt span, 
form.simple .semantic-form dt label {
	color:#6E6E6E;
	font-size:13px;
	line-height:18px;
}

form.simple .semantic-form input.text, 
form.simple .semantic-form select, 
form.simple .semantic-form textarea {
	font-size:13px;
	width:245px;
}

form.simple .semantic-form input.radio {
	margin: 0 5px 0 10px;
}
/* try align checkboxes bit better for label, general element has 16px height, make checkbox bit tailer, be be same */
form.simple .semantic-form input.checkbox {
  margin-top: 2px;
}
/* one line error */
form.simple .semantic-form div.error, form div.error {
  padding: 5px;
  background-color: tomato;
  color: #fff;
}

noscript.warning {
	position: absolute;
	top: 400px;
	left: 200px;
	z-index: 1000;
}

noscript div.warning {
	background-color: #F7E8E5;
	color: #BC5C48;
	border: 1px solid #BC5C48;
	width: 80%;
	margin: auto;
	font-size: 24px;
	padding: 20px;
}

/*-----------------------------
 FOOTER
 ------------------------------*/

#footer {
  margin-top: 8px;
  width: 920px; /* = 950 - self.padding*/
  padding: 0 15px 0 15px;
  height: 33px;
  line-height: 33px;
  color: #757575;
  overflow: hidden;
  background-color: #222222;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#footer ul {
	display: inline;
}

#footer ul li {
	display: inline;
}

#footer div, #footer ul {
  float: left;
}
#footer div.copyright {
  float: right;
}

/* --------- /stylesheets/popup.css --------- */ 
/*-----------------------------
 POPUP
 ------------------------------*/

#modal_window_load_message p, .modal_window_message p {
  background-color: #fff;
  font-size: 30px;
  text-align: center;
  width: 500px;
  height: 200px;
  line-height: 200px;
}

#popups {
	display: none;
}

#modal_window_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  background: white url(/images/popup/modal-footer-left.png) left bottom no-repeat;
}

#modal_window_content .popup {
  background: transparent url(/images/popup/modal-footer-right.png) right bottom no-repeat;
  min-height: 210px;
  /* next 2 lines for IE6 min-height */
  height:auto !important;
  height:210px;

}

.popup .header {
  float: left;
}
.popup .header h2 {
  float: left;
}
.popup .header a.close  {
  float: right;
  text-decoration: none;
}

.popup .header {
  padding: 12px 13px 6px 18px;
}

.popup .header img.hr {
  clear: both;
  width: 100%;
  height: 1px;
  background-color: #A3A3A3;
}

.popup .body {
  clear: both;
  padding: 10px 17px 10px 18px;
}

#modal_window_content .header h2 {
	font-size: 20px;
  color: #6e6e6e;
}

.popup .header h2 {
	float:left;
}

#modal_window_content .header .border {
	border-bottom:1px solid #A3A3A3;
	padding-bottom:10px;
	text-align: center;
	clear: both;
}

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

.popup form input.text, .popup form textarea {
 border: 1px solid #B2B2B2;
 padding: 3px 5px;
 font-size: 13px;
}

.popup form input.text[readonly=readonly] {
	color: #818181;
}

.popup form select {
 padding: 4px;
}

/* ul.fields_line */
.popup form ul.fields_line {
  float: left;
}
.popup form ul.fields_line li {
  float: left;
  /* set concrect width when use that */
}
.popup form ul.fields_line li.last {
  margin-right: 0;
}
.popup form ul.fields_line label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.popup form ul.fields_line input.text {
  /* set concrect width when use that: = li.width - 10*/
}
/* END ul.fields_line *//* --------- /stylesheets/sections.css --------- */ 
/*-----------------------------
   BASE SECTION     
------------------------------*/
 
.section {
	background:#FFFFFF url(/images/section/403-background.gif) repeat-y scroll 0 0;
	margin-bottom:12px;
}

.section.wide {
	background-image:url(/images/section/930-background.gif);
	margin-top:5px;
	width:930px;
}

.section .header {
  height: 34px;
}

.section .header label {
  line-height: 34px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-left: 48px;
  float: left;
}

/* Section Search */

.section .header form {
  float: right;
  padding-right: 8px;
}

.section .header form input {
  width: 210px; 
  background-color: #5f5f5f;
  color: #fff;
  border: 1px solid #000;
  font-size: 14px;
  padding: 3px 5px;
  margin: 4px 0 0 0;
}

.section .header form a {
  background: transparent url(/images/section/search-icon.gif) no-repeat center;
  padding-left: 17px;
  font-size: 16px;
  text-decoration: none;
}

/* Section Tabs */

.section ul.tabs {
  padding: 5px 0 0 8px;
  background-color: #AFAFAC;
  height: 32px;
}
.section ul.tabs li.tab {
  float: left;
  margin-right: 3px;
}
.section ul.tabs li.tab a {
  background: url(/images/section/tab.gif) no-repeat;
  display: block;
  width: 77px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #e7e7e7;
  font-weight: bold;
  text-decoration: none;
}
.section ul.tabs li.tab a.unread {
  background-image: url(/images/section/tab-unread.gif);
  color: #575757;
}
.section ul.tabs li.tab.active a {
  background-image: url(/images/section/tab-active.gif);
  color: #575757;
}

/* Tab List Item */

.section .tab_body h2, .like_section .tab_body h2 { font-size: 14px; font-weight: bold; color:#6E6E6E; padding-bottom: 5px; }

.section ul.items .avatar, .like_section ul.items .avatar { float: left; }
 
.section ul.items .content, .like_section ul.items .content { float: left; }

.section ul.items .content *, .like_section ul.items .content * { font-size: 13px; }

.section ul.items .content .name, .like_section ul.items .content .name { font-weight: bold;  }

.section ul.items .content .time, .like_section ul.items .content .time { font-size: 11px; }

.section ul.items .content .info, .like_section ul.items .content .info { color:#A9A9A9; font-size:10px;  }

.section ul.items .content span.relative-time, .like_section ul.items .content span.relative-time { font-size: 11px; }

.section ul.items li.odd, .like_section ul.items li.odd { background-color: #F1F1F1; }

.section ul.items li, .like_section ul.items li { border-bottom: 1px solid #DEDEDE; }

.section ul.items > li:first-child, .like_section ul.items > li:first-child { border-top: 1px solid #DEDEDE; }

/*-----------------------------
   CONTACT SECTION     
------------------------------*/



/*-----------------------------
   MESSAGING SECTION     
------------------------------*/

/* --------- /stylesheets/contacts.css --------- */ 
/*-----------------------------
 CONTACTS MODULE
*------------------------------*/

#contacts_module {
  width: 516px;
  background: #fff url(/images/section/my-contacts-background.gif) repeat-y;
  float: left;
  margin-right: 9px;
}

#contacts_module .header {
  background: url(/images/section/my-contacts-header.gif) no-repeat;
}

#contacts_module .body {
  background: url(/images/section/my-contacts-footer.gif) no-repeat bottom;
	float:left;
	height:auto !important;
	min-height:559px;
	padding-bottom:30px;
}

/* contact groups */
#contacts_module_nav {
  padding-top: 37px;
  float: left;
}

#contacts_module_nav * {
  font-size: 13px;
}

#contacts_module_nav a.nav {
  width: 96px; /* = 114 - self.padding*/
  height: 28px;
  line-height: 28px;
  padding-left: 18px;
  display: block;
  text-decoration: none;
  color: #818181;
  overflow: hidden;
  border-bottom: 1px solid #cacac8;
}

#contacts_module_nav a.nav:hover, #contacts_module_nav li:hover a.nav, , #contacts_module_nav li.hover a.nav {
	background-color: #D6D6D6;
}

#contacts_module_nav a.active {
  background-color: #b2b2b1;
  color: #fff;
  border: none;
  font-weight:bold;
}

#contacts_module_nav div {
  margin-top: 20px;
}

#contacts_module_nav div p {
  width: 106px; /* = 114 - self.padding*/
  color: #575757;
  font-weight: bold;
  padding-left: 8px;
  border-bottom: 1px solid #cacac8;
}

#groups_heading p a.add_icon {
	border: medium none;
	display:inline;
	margin-left:36px;
}

#groups_heading li {
  position: relative;
}
#groups_heading li .actions {
  position: absolute;
  left: 81px;
  top: 7px;
  z-index: 10;
  margin: 0;
  width: 35px;
  font-size: 2px;
  display: none;
}
#groups_heading li .actions a {
  display: inline;
}
#groups_heading li.edit .actions {
  display: block;
}

#groups_heading .dragged a.group {
  background-color: #F79400;
  color: #fff;
}
#groups_heading .dragged a.group.draggable_hover {
  background-color: #CF5300;  
}

#groups_heading form {
  padding: 8px 0 8px 18px;
  width: 96px;
  border-bottom: 1px solid #cacac8;
}
#groups_heading form input {
  width: 90%;
}

#contacts_module_nav #network-heading .nav.pending {
	background-color: #F5C33B;
	color: #8F4E1A;
}

.contacts_section {
	float:left;
	width:402px;
}

.contacts_section .contacts, .contacts_section .tab_body {
  padding: 5px 0 5px 8px;
  width: 393px;
  overflow: auto;
  height: 506px;
}

.contacts_section ul.items li span.relative-time {
	font-size: 10px;
}

/* Status Tabs */

.contacts_section ul.tabs {
  width:393px;
}

.contacts_section .contacts ul {
	margin-top:7px;
  color: #575757;
  overflow: hidden;
}

.contacts_section .contacts ul li {
	overflow: hidden;
	border-bottom:1px solid #C5C5C5;
	float:left;
	padding:7px 0 5px 0;
	width:386px;
}

.contacts_section .contacts ul li.contact.updated {
	background-color: #FFE2BF;
}

.contacts_section .contacts li .avatar {
  height:41px;
  margin:2px 0 0 10px;
  width:40px;
}

.contacts_section .contacts li .content {
  margin-left:18px;
  width:310px;
  min-height: 43px; /* next 2 statements for IE6 min-height */ height:auto !important; height:43px;
}

.contacts_section .tab_body li .content a:hover {
	color:#8F4416;
}

.contacts_section .tab_body li .content span.name a {
	color: #575757;
}

.contacts_section .tab_body li .content .status {
	width: 275px;
}

.contacts_section .contacts li .info,
.contacts_section .contacts li .info .relative-time {
  color:#A9A9A9;
  font-size:10px;
}

/* Action Bar */

#contacts_listing .contacts li .actions {
  clear: both; 
  float: left;
  background-color: #E0E0E0;
  margin-top: 1px;
  margin-bottom: 1px;
  visibility: hidden;
}

/* for present tab, actions bar inside on content, align by text */
#contacts_present_statuses.contacts li .actions {
  padding-left: 0;
}

#contacts_listing .contacts li.contact:hover,
#contacts_listing .contacts li.contact.hover {
  background-color: #E0E0E0;	
}

#contacts_listing .contacts li.updated .actions,
#contacts_listing .contacts li.updated:hover,
#contacts_listing .contacts li.updated.hover {
  background-color: #DFB27D;	
}

#contacts_listing .contacts li:hover .actions,
#contacts_listing .contacts li.hover .actions {
  visibility: visible;
}
#contacts_listing .contacts li.dragged:hover .actions, #contacts_statuses .contacts li.dragged.hover .actions {
  display: none;
}
#contacts_listing .contacts li.draggable .avatar {
  cursor: pointer;
}

#contacts_listing .contacts li .actions a {
  line-height: 14px;
  margin-right: 5px;
  float: left;
	color:#50504F;
	font-size:10px;
	padding:0 0 2px 20px;
}

#contacts_listing .contacts li .actions .info {
  font-size: 10px;
  color: #50504f;
  display: block;
  float: right;
}

#contacts_listing .contacts li.contact {
  position: relative;
}
#contacts_present_statuses.contacts li a.star {
  background: transparent url(/images/icons/thread-star-off.png) no-repeat;
  position: absolute;
  top: 7px;
  right: 15px;
  width:19px;
  height: 19px;
  padding: 0;
  display: block;
  text-decoration: none;
}
#contacts_present_statuses.contacts li.marked a.star{
  background-image: url(/images/icons/thread-star-on.png);
}

/* when contacts is filtered, replace remove link */
#contacts_listing .contacts li .actions .remove_from_group {
  display: none;
}
.filtered #contacts_listing .contacts li .actions .with_remove_icon {
  display: none;
}
.filtered #contacts_listing .contacts li .actions .with_remove_icon.remove_from_group {
  display: inline;
}

/* when group selected, but no contacts in group */
#contacts_listing .empty_note {
  display: none;
  margin: 7px 7px 0 0;
  padding: 7px;
  color: #575757;
  background-color: #F1F1F1;
  border: 1px solid #C5C5C5;
}
.filtered #contacts_listing .filtered_empty .group_empty,
.only_marked #contacts_listing .marked_empty .marked_empty {
  display: block;
}


#contacts_future_statuses .contacts ul {
  margin-top: 0; /* margin already in group, remove extra 7px */
}
#contacts_future_statuses li.day {
  color: #969695;
  font-size: 13px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 7px;
  clear: both;
  border-top: none;
  border-bottom: 1px solid #DEDEDE;
}

/* style unread tab */
#messaging_module_tabs li.tab a.unread {
  color: #000;
}
#messaging_module_tabs li.tab a.unread sub {
  font-weight: normal;
  font-size: 90%;
  vertical-align: middle;
}


/* only me filter */
/* not 'me' contacts can be dragged */
#contacts_listing .contacts li.contact {
  cursor: pointer;
}
#contacts_listing .contacts li.contact.me {
  cursor: auto;
}

/* no show remove link & star for 'me' */
#contacts_present_statuses .contact.me .with_remove_icon, #contacts_present_statuses .contact.me .star  {
  display: none;
}

/* remove 'me' contact from present tab by default */
#contacts_present_statuses .contact.me {
  display: none;
}

.only_me #contacts_listing .contact {
  display: none;
}
.only_me #contacts_listing .contact.me {
  display: list-item;
}
/* END only me filter */

/* 'starred' filter */
.only_marked #contacts_listing .contact {
  display: none;
}
.only_marked #contacts_listing .contact.marked  {
  display: list-item;
}
/* END 'starred' filter */

/* Friend Item */

a.add_icon {
  background-image:url(/images/icons/add.gif);
}

a.with_remove_icon, a.with_comments_icon, a.with_edit_icon, a.with_clock_icon, a.with_message_icon {
	background:transparent none no-repeat scroll left center;
} 

a.with_remove_icon {
  background-image: url(/images/icons/remove.png);
}

a.with_comments_icon {
 background-image: url(/images/icons/comments.png);
}

a.with_message_icon {
 background-image: url(/images/icons/message.png);
}

a.with_edit_icon {
 background-image: url(/images/icons/edit.png);
}

a.with_clock_icon {
 background-image: url(/images/icons/clock.png);
}

/* Highlighted Friend Item */

/* Regular Contact */

/* Find People Tab */

#contacts_people_finder .tab_body {
	padding-right:8px;
	padding-top:18px;
	width:386px;
}

#contacts_people_finder form fieldset legend {
  font-size:14px;
}

#contacts_people_finder form .semantic-form dt {
  margin-left: 10px;
	width: 100px;	
}

#contacts_people_finder form p {
	color:#6E6E6E;
	padding-bottom:10px;
}

#contacts_people_finder form .semantic-form dt.desc {
	color: #6E6E6E;
	padding-bottom: 10px;
	float: none;
	width: auto;
	border-top: 0;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
}

/* contacts in add contact section */
#contacts_people_finder ul.results {
	margin-top: 10px;
}

#contacts_people_finder ul.results li {
  position:relative;
  overflow: hidden;
  padding: 10px 5px;
}

#contacts_people_finder ul.results li .content {
  margin-left:10px;
  width:230px;
}

#contacts_people_finder ul.results li .content, #contacts_people_finder ul.results li .info {
	padding-top:5px;
}

#contacts_people_finder ul.results li .edit_icons {
	right:20px;
	position:absolute;
	text-align:right;
	top:12px;
}

/* Find People Tab - Search */
#contacts_people_finder_search form .semantic-form dd.button {
	text-align: center;
}

#contacts_people_finder_search form div.field {
  border-top:1px solid #DEDEDE;
}

#contacts_people_finder_search form div {
  padding-top:20px;
  text-align:center;
}

#contacts_people_finder_search form div input.text {
	color:#616161;
	font-size:14px;
	padding:5px;
	width:350px;
}

/* Find People Tab - Invite */

#contacts_people_finder_invite form input#from {
	border: solid 1px transparent;
	background-color: transparent;
	color:#6E6E6E;
	padding-bottom:10px;
	font-size:13px;
	line-height:18px;
	padding:0;
}

/* Find People Tab - Import */
#contacts_people_finder #contacts_people_import p.heading {
	padding-top: 8px;
	font-weight: bold;
}

#contacts_people_finder #contacts_people_import ul.new_contacts {
  
}
#contacts_people_finder #contacts_people_import ul.new_contacts li .content {
  padding-top: 0;
}
#contacts_people_finder #contacts_people_import ul.new_contacts li .edit_icons {
	top:7px;
}
#contacts_people_import .results p.loading {
  margin-top: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

/* Pending Friend */

#contacts_new_requests_section ul {
	margin-top: 10px;
	overflow: hidden;
}

#contacts_new_requests_section li {
  overflow: hidden;
  padding: 10px 5px;
  background-color:#F1F1F1;
}

#contacts_new_requests_section li .content {
  margin-left:10px;
  width:190px;
}

#contacts_new_requests_section li .content, 
#contacts_new_requests_section li .info {
	padding-top:5px;
}
/* Pending Friend */

#contacts_new_requests_section ul.results li {
  background-color:#F1F1F1;
}

#contacts_new_requests_section li .edit_icons {
	padding-right:4px;
	text-align:right;
	float: right;
}

/* WIDE: when section on seperated page */
#contacts_module.wide {
  width: 930px;
  background-image: url(/images/section/with-sidebar-wide-background.gif);
  margin-right: 0;
}
#contacts_module.wide .header {
  background-image: url(/images/section/my-contacts-wide-header.gif);
}
#contacts_module.wide .body {
  background-image: url(/images/section/with-sidebar-wide-footer.gif);
  min-height: 460px;
  /* next 2 lines for IE6 min-height */
  height:auto !important;
  height:510px;
  padding-bottom: 30px;  
}
.wide #contacts_module_nav a.nav {
  width: 180px; /* = 198 - self.padding(18)  */
}
.wide #contacts_module_nav div p {
  width: 190px; /* = 198 - self.padding(8)*/
}
.wide #groups_heading a.add_icon {
  margin-left: 115px;
}
.wide #groups_heading li .actions {
  left: 165px;
}
.wide #groups_heading form {
  width: 180px;
}
.wide .contacts_section  {
  width: 732px;
}
.wide .contacts_section ul.tabs {
  width: 724px; /* = 732 - self.padding(8) */
}
.wide .contacts_section .contacts {
  width: 724px;  /* = 732 - self.padding(8) */
}
.wide .contacts_section .contacts li {
  width: 716px;
}
.wide .contacts_section .contacts li.contact .content {
  width: 640px;
}
.wide .contacts_section .tab_body,
.wide #contacts_people_finder .tab_body {
  width: 716px;
}
.wide #contacts_new_requests_section li .content,
.wide #contacts_people_finder ul.results li .content {
  width: 500px;
}

/* END: #contacts.wide */

/* popup tabs */
.popup li.tab {
  float: left;
  margin-right: 8px;
  border: 1px solid #B2B2B2;
  background-color: #F9F9F9;
}
.popup li.tab.active {
  background-color: #F6F0E0;
}
.popup li.tab a{
  display: block;
  line-height: 26px;
  padding-right: 7px;
  text-decoration: none;
  color: #000;
}
.popup li.tab a img {
  vertical-align: middle;
  margin-top: 3px;
  margin-bottom: 3px;
  border-right: 1px solid #DDD8C9;
}
/* END popup tabs */


/* contacts add future events popup */
#add_future_events.popup {
  width: 803px;
  min-height: 390px; /* next 2 statements for IE6 min-height */ height:auto !important; height:390px;
}
#add_future_events.popup.edit {
  width: 530px;
  min-height: 340px; /* next 2 statements for IE6 min-height */ height:auto !important; height:340px;
}
#add_future_events .header {
  width: 772px;  /* -31 */
}
#add_future_events.edit .header {
  width: 499px;
}
#add_future_events .body {
  width: 768px;  /* -35 */
}
#add_future_events.edit .body {
  width: 495px;
}
/* form with 2 tabs */
#add_future_events .edit_forms {
  float: left;
  width: 480px;
  overflow: hidden;
}

#add_future_events .tab_body {
  clear: both;
  width: 480px;
}

#add_future_events .tab_body {
	overflow: hidden;
  padding-top: 12px;
}

/* right column with events */
#add_future_events .form_events {
  float: right;
  width: 262px;
  padding: 7px 0 0 12px;
  border-left: 1px solid #DBDBDB;
}
#add_future_events .form_events h3 {
  font-weight: bold;
  margin-bottom: 8px;
  float: left;
}
#add_future_events .form_events .col_name {
  float: right;
}
#add_future_events ul.events {
  background-color: #F9F9F9;
  border: 1px solid #B2B2B2;
  padding: 0 10px 10px 10px;
  height: 250px;
  clear: both;
  overflow-y: auto;
}
#add_future_events ul.events li {
  margin-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #D1D1D1;
}
#add_future_events .events .time, #add_future_events .events .info, #add_future_events .form_events .col_name {
  color: #959595;
  font-size: 11px;
}
#add_future_events ul.events li p  {
  font-weight: bold;
  line-height: 18px;
}
#add_future_events ul.events li .controls {
  float: right;
}
#add_future_events div.submit {
  float: right;
  margin-top: 10px;
  width: 98px;
  height: 42px;
  text-align: right;
}

#add_future_events .popup .edit_forms ul.fields_line {
  padding-bottom: 10px;
  border-bottom: 1px solid #E0E0E0;
}
#add_future_events .edit_forms ul.fields_line li {
  width: 144px;
  margin-right: 6px;
}
#add_future_events .edit_forms ul.fields_line input.text {
  width: 134px;
}
#add_future_events .edit_forms ul.fields_line li.counter {
  width: auto;
  margin-right: 0;
  padding-top: 19px;
  font-size: 18px;
  color: #B9B9B9;
}
#add_future_events .edit_forms ul.fields_line li.counter.negative {
  color: tomato;
}

#add_future_events .edit_forms input.text, #add_future_events .edit_forms input.date, #add_future_events .edit_forms input.time {
  border: 1px solid #B2B2B2;
  padding: 3px 5px;
  font-size: 13px;
}
#add_future_events .edit_forms select {
  padding: 4px;
}
#add_future_events .edit_forms input.date, #add_future_events .edit_forms input.time {
  width: 58px;
}
#add_future_events dl {
  float: left;
}
#add_future_events dt, #add_future_events dd {
  margin-top: 12px;
}
#add_future_events dt {
  float: left;
  width: 75px;
}
#add_future_events dd {
  float: left;
  line-height: 24px;
  width: 370px;
}
#add_future_events dd ul {
  overflow: hidden;	
}
#add_future_events dd.wide {
  width: 445px;
}
#add_future_events dt label {
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
}
/* checkbox label inside DD */
#add_future_events dd label{
  font-size: 11px;
}

#add_future_events dd.options-select ul {
	overflow: hidden;
}
#add_future_events dd.options-select li {
  float: left;
  width: 118px;	
  overflow: hidden;
}

#add_future_events .edit_forms input.text {
  width: 362px;
}
#add_future_events .edit_forms .add_event {
  float: right;
}

#add_future_events .edit_forms span.validate_message {
  color: tomato;
  font-weight: bold;
}

#add_future_events .edit_forms input.invalid {
  background-color: tomato;
  color: #fff;
}

#add_future_events #add_future_events_imports ul.events {
  border: none;
  background-color: transparent;
}
#add_future_events_imports ul.events li.added {
  text-decoration: line-through;
}
#add_future_events_imports .import_indicator, #add_future_events_imports .no_events {
  text-align: center;
  font-weight: bold;
  padding: 10px;
}
#add_future_events_imports .gcal_select_form {
  padding-left: 10px;  
}
#add_future_events_imports a.activate-link {
  color: #834834;
}
#add_future_events_imports .activate-gaccount-section h2 {
  font-size: 14px;
}
#add_future_events_imports .activate-gaccount-section h2, #add_future_events_imports .activate-gaccount-section h3 {
  font-weight: bold;
  margin: 5px 0 5px 0;
}
#add_future_events_imports .activate-gaccount-section .activate-link {
  margin: 15px 0;  
}
#add_future_events_imports .activate-gaccount-section .activate-link a {
  font-size: 14px;
  font-weight: bold;
}
#add_future_events_imports .activate-gaccount-section p {
  margin-bottom: 5px;
}

li img.service_icon {
  float: left;
  margin-right: 8px;
  margin-top: 4px;
  width: 27px;
  height: 27px;
}
/* END contacts add future events popup */

/* contacts import popup */

/* contacts add future events popup */
#contacts_import.popup {
  width: 635px;
  min-height: 210px; /* next 2 statements for IE6 min-height */ height:auto !important; height: 210px;
}
#contacts_import .header {
  width: 604px;  /* -31 */
}
#contacts_import .body {
  width: 600px;  /* -35 */
}
#contacts_import.next {
  min-height: 600px; /* next 2 statements for IE6 min-height */ height:auto !important; height: 600px;
}

#contacts_import.next .promo { display: none; }
#contacts_import.next .next { display: block !important; }

#contacts_import .promo img {
  float: left;
}
#contacts_import .promo p {
  padding-left: 170px;
}
#contacts_import .buttons {
  margin-top: 40px;
  text-align: right;
}
#contacts_import .buttons img {
  float: none;
}
.popup #contacts_people_finder .tab_body {
  width: auto;
}
#contacts_import div.results {
  height: 250px;
  overflow-y: auto;
}
#contacts_import div.results.section {
  background: none;
  margin-bottom: 0;
}
#contacts_import li.tab a {
  padding-left: 7px;
}
/* END contacts import popup */

/* tune calendar styles */
#add_future_events dd.calendar {
  line-height: normal;
}
.calendar_date_select select {
  padding: 0;
}
.calendar_date_select select {
  padding: 0;
}
.calendar_date_select table {
  border-collapse: inherit;
}
.calendar_date_select th {
  text-align: center;
}

/* END tune calendar styles */

/* more pesences button */
a.more {
  display: block;
  text-align: center;
  padding: 5px 0;
  margin-top: 3px;
  border: 1px solid #C5C5C5;
  background-color: #FCFAFC;
  text-decoration: none;
  font-weight: bold;
}
a.more:hover {
  background-color: #F0F0F0;
}
a.more.loading {
  text-align: left;
  background: #FCFAFC url(/images/ajax/light-loader.gif) center no-repeat;
  color: #FCFAFC;
}

/* --------- /stylesheets/messaging.css --------- */ 
/*-----------------------------
 MESSAGING MODULE
*------------------------------*/

#messaging_module {
  float: left;
}

#messaging_module .header {
  background: url(/images/section/messaging-header.gif) no-repeat;
  width: 403px;
}

#messaging_module .body {
  width: 403px;
  background: url(/images/section/messaging-footer.gif) no-repeat bottom;
  min-height:580px;
  /* next 2 lines for IE6 min-height */
  height:auto !important;
  height:580px;

  float: left;
}

#messaging_module .body ul.tabs {
  width: 395px; /* = .body.width - tab.padding */
}

#messaging_module .body ul.tabs li.actions {
	color:#616160;
	float:right;
	height:32px;
	line-height:32px;
}

#messaging_module .body ul.tabs li.actions span {
	display:block;
	float:left;
	font-size:11px;
	height:32px;
}

#messaging_module .body ul.tabs li.actions span a img {
	margin-bottom:7px;
	vertical-align:bottom;
}

#messaging_module .tabs li.actions span a img {
	margin-right:10px;
}

#messaging_module .body ul.tabs li.actions a:hover,
#messaging_module .body ul.tabs li.actions a.hover {
  text-decoration: none;  
}

#messaging_module .actions .menu {
	padding-left:9px;
	position:relative;
	z-index:400;
}

#messaging_module .actions .menu.active {
	background-color:#949492;
}

#messaging_private_menu {
  width:92px;
}

#messaging_public_menu {
	width:92px;
}

#messaging_module li.actions .menu ul {
	background-color:#949492;
	color:#FFFFFF;
	display:none;
	font-weight:normal;
	height:auto;
	left:0px;
	line-height:normal;
	padding-top:2px;
	position:absolute;
	top:32px;
}

#messaging_module .actions .menu.active ul {
	display:block;
}

#messaging_module .actions .menu ul li {
	border-bottom:1px solid #ABABA9;
	padding:6px 7px;
	width:87px;
}

#messaging_module .actions .menu ul li.active {
	color:#B6B6B6;
}

#messaging_module .tab_body {
  background:transparent none no-repeat scroll center bottom;
	float:left;
	height:auto !important;
	min-height:522px;
	width:403px;
}

#messaging_module .tab_body .toolbar {
	color:#989898;
	font-size:11px;
	padding:6px 10px 6px 8px;
	width:385px;
}

#messaging_module .tab_body .toolbar .info {
	width: 48%;
	padding-top: 4px;
}

#messaging_module .tab_body .toolbar .actions {
	float:right;
	text-align:right;
	width:50%;
}

.messaging_body ul.items {
	min-height:60px;
	padding:5px;
	overflow: auto;
}


.messaging_body ul.items li.thread .content, .messaging_body li.thread .content *,
.messaging_body li.thread .info * {
	font-size: 11px;
}

.messaging_body ul.items li {
	overflow: hidden;
	clear:both;
	color:#575757;
	float:left;
	padding:7px 5px 12px 7px;
	position:relative;
	width:364px;
}

.messaging_body ul.items li .content .name, 
.messaging_body ul.items li .content .name * {
  font-size:12px !important;
  color: #575757;
}

.messaging_body ul.items li .content {
	padding-left:12px;
	width:322px;
  float: left;
}

.messaging_body ul.items li .avatar {
	float:left;
	height:30px;
	vertical-align:bottom;
	width:30px;
}

.messaging_body form {
	clear:both;
	padding: 29px 8px 24px;
}

.messaging_body form input.text {
	border: 1px solid #B2B2B2;
	font-size: 14px;
	padding: 5px;
	width: 265px;
}

.messaging_body form .counter {
  color: #949494;
  width: 50px;
}

.messaging_body form input.submit {
	background-color:#C2C4C0;
	border:1px solid #B2B2B2;
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	width:74px;
}
.messaging_body form.invalid input.text {
  background-color: tomato;
  color: #fff;
}
.messaging_body form.invalid input.submit {
  color: #D0D0D0;
}

#messaging_module a .reply_to {
  background: transparent url(/images/icons/reply-to-arrow.png) no-repeat left;
  behavior: url(/stylesheets/legacy/ie/iepngfix.htc);
  padding-left: 15px;
}

#messaging_module a.with_menu_icon {
	background:transparent url(/images/icons/menu.gif) no-repeat scroll right bottom;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:2px 20px 2px 0;
}

#messaging_module li .edit_icons {
	right: 15px;
	padding-top:6px;
	position:absolute;
	text-align:right;
	top:0;
}

#messaging_module .view.tab_body {
	background:transparent url(/images/section/messaging-footer-with-form.gif) no-repeat scroll center bottom;
}

#messaging_module .view.tab_body li.message .name,
#messaging_module .view.tab_body li.message .name a {
	font-size:13px;
	font-weight:bold;
	color:#7D7D7D;
}

#messaging_module .view.tab_body form .loader {
	position:relative; 
	top: 6px; 
	left: 20px;
}

#messaging_module .list.tab_body li.unread {
	background-color: #EFD8B3;
}

/* Private Messages */

#messaging_private {
  overflow: hidden;
}

#messaging_private .list.tab_body {
  background-image:url(/images/section/messaging-footer.gif);
  padding-bottom:30px;
}

#messaging_private .list ul {
	height: 475px;
}

#messaging_private .list.tab_body li.unread .name {
	color:#5F2D06;
	font-weight:bold;
}

#messaging_private .list.tab_body li:hover, 
#messaging_private .list.tab_body li.hover {
  background-color: #B5B5B5;
}

#messaging_private .list.tab_body li:hover .content, 
#messaging_private .list.tab_body li:hover .content *,
#messaging_private .list.tab_body li.hover .content, 
#messaging_private .list.tab_body li.hover .content * {
  color: #fff;
}

#messaging_private .list.tab_body li:hover a.delete_button,
#messaging_private .list.tab_body li.hover a.delete_button {
	display: block !important;
}


#messaging_private .view h3.title {
	font-size: 14px;
  padding:6px 10px 6px 8px;
	color:#989898;
}

#messaging_private .view h3.title span {
  color:#7D7D7D;
  font-weight: bold;
	font-size: 14px;
}

#messaging_private .view ul {
	height: 428px;
}

#messaging_private .view.tab_body li.even .avatar {
	float: right;
}

#messaging_private .view.tab_body li.even .content {
	padding-left:0;
	padding-right:12px;
	text-align:right;
}

/* Public Messages */

#messaging_public {
	overflow: hidden;
}

#messaging_public .list.tab_body li:hover, #messaging_public .list.tab_body li.hover {
  background-color: #D6D6D6;
}

#messaging_public .list.tab_body li:hover .content a,
#messaging_public .list.tab_body li.hover .content a {
  color: #2B271E;
}

#messaging_public .list {
	padding-bottom:30px;
}

#messaging_public .list ul {
	height: 475px;
}

/* public tab styles */
#messaging_public .list li {
  float: left;
}
#messaging_public .list li a.star{
  background: transparent url(/images/icons/thread-star-off.png) no-repeat;
  width:19px;
  height: 19px;
  display: block;
  padding: 0;
  margin-top: 7px;
  text-decoration: none;
  float: left;
}
#messaging_public .list li.marked a.star{
  background-image: url(/images/icons/thread-star-on.png);
}

#messaging_public .list li.message .content {
  float: left;
  width: 56%;
}

#messaging_public .list li .info {
  float: right;
  width: 35%;
  text-align: right;
}

/* public discussion */
#messaging_public .view ul {
	height: 427px;
}

#messaging_public .view li.first {
  background-color: #B5B5B5;
  color: white;
}

#messaging_public .view li.first div, #messaging_public .view li.first div a {
	font-size: 18px;
}

#messaging_public .view li.first div.started {
	font-style: italic;
}

#messaging_public .view li.first {
  background-color: #5F5F5F;
  color: #fff;
}

#messaging_public .view li.first .name, 
#messaging_public .view li.first .name a,
#messaging_public_discussion li.first .edit_icons a {
  color: #fff !important;
}

#messaging_public .view a.reply_to {
  background: transparent url(/images/icons/reply-to-arrow.png) no-repeat left;
  behavior: url(/stylesheets/legacy/ie/iepngfix.htc);
  padding-left: 15px;
}

#messaging_public .view li.first {
	background-color:#5F5F5F;
	color:#FFFFFF;
}

/*-----------------------------
 MESSAGING WIDE MODULE
*------------------------------*/

#messaging_module.wide {
	width: inherit;
}

#messaging_module.wide .header {
  background-image: url(/images/section/messaging-wide-header.gif);
  width: 930px;
}
#messaging_module.wide .body {
	width: 930px;
}
#messaging_module.wide .body ul.tabs {
  width: 922px; /* = .body.width - tab.padding */
}
#messaging_module.wide .tab_body {
  background-image: url(/images/section/messaging-wide-footer-with-form.gif);
  width: 930px;
  min-height: 400px;
  /* next 2 lines for IE6 min-height */
  height:auto !important;
  height:400px;

}
#messaging_module.wide .tab_body li {
  width:  895px;
}
#messaging_module.wide #messaging_private .tab_body li .content {
	width:  850px;
}
#messaging_module.wide .tab_body form {
  /* padding-top: 295px; */
}
#messaging_module.wide .tab_body form input.text {
	width:798px;
}
#messaging_module.wide #messaging_private .tab_body {
  background-image: url(/images/section/messaging-wide-footer.gif);
}

#messaging_module.wide #messaging_private .list ul {
	/* height: inherit; */
}

#messaging_module.wide #messaging_public .view li .content { 
	width: 820px;
}

#messaging_module.wide #messaging_public .list li .content { 
  	width: 75%;
}

#messaging_module.wide #messaging_public .list li .info {
	width: 20%;
}

/*-----------------------------
 COMPOSE POPUP
*------------------------------*/

#compose_message_dialog.popup {
 width: 635px;
}
#compose_message_dialog .header {
 width: 604px; /* -31 */
}
#compose_message_dialog .body {
	width: 600px; /* -35 */
  overflow: hidden;
}
#compose_message_dialog .popup_icon {
 float: left;
 width: 105px;
 padding-left: 5px;
}
#compose_message_dialog .content {
 width: 485px;
 float: left;
}
#compose_message_dialog form dl {
 clear: both;
}
#compose_message_dialog form dl dt {
 margin-bottom: 5px;
}
#compose_message_dialog form dl dd {
 padding-bottom: 10px;
}
#compose_message_dialog form dl dd.button {
	text-align: right;
	overflow: hidden;
}
#compose_message_dialog form dl dd.button .loader {
	padding-top: 16px;
	padding-right: 40px;
	padding-bottom: 1px;
}
#compose_message_dialog form textarea, #compose_message_dialog form input.text {
 padding: 6px 5px;
}
#compose_message_dialog form dl dd textarea, #compose_message_dialog form dl dd input.text {
 width: 475px;
}

#compose_message_dialog .submit {
 margin-top: 6px;
 float: right;
}

/*-----------------------------
 PUBLIC MESSAGE POPUP
*------------------------------*/

#public_messaging_dialog.popup {
 width: 635px;
}
#public_messaging_dialog .header {
 width: 604px; /* -31 */
}
#public_messaging_dialog .body {
	width: 600px; /* -35 */
  overflow: hidden;
}

#public_messaging_dialog li {
	clear:both;
	color:#575757;
	float:left;
	padding:7px 5px 12px 7px;
	position:relative;
	width:377px;
	overflow: hidden;
}

#public_messaging_dialog li.first {
	background-color:#5F5F5F;
	color:#FFFFFF;
}

#public_messaging_dialog li.message .content .name,
#public_messaging_dialog li.message .content .name a {
	font-size:13px;
	font-weight:bold;
}

#public_messaging_dialog li .name, 
#public_messaging_dialog li .name a {
  font-size:12px;
}

#public_messaging_dialog li .content {
	padding-left:12px;
	width:327px;
	float: left;
}

#public_messaging_dialog li .avatar {
	float:left;
	height:30px;
	vertical-align:bottom;
	width:30px;
}

/* public messaging popup */
#messaging_public.popup {
  width: 435px;
  min-height: 550px; /* next 2 statements for IE6 min-height */ height:auto !important; height:550px;
}
#messaging_public.popup .header {
  width: 404px; /* -31 */
}
#messaging_public.popup .body {
  width: 400px; /* -35 */
}
/* END public messaging popup */

/* message participants popup */
#message_participants.popup {
  width: 635px;
  min-height: 395px; /* next 2 statements for IE6 min-height */ height:auto !important; height:395px;
}
#message_participants .header {
  width: 604px; /* -31 */
}
#message_participants .body {
  width: 600px; /* -35 */
  padding-top: 0;
}

.participants .page ul {
  min-height: 300px;
  overflow: hidden;
}

li.participant {
  width: 182px;
  height: 40px;
  padding: 3px 2px;
  margin-right: 18px;
  margin-top: 15px;;
  display: block;
  float: left;
  border: 1px solid #CACACA;
  background-color: #F1F1F1;
  overflow: hidden;
}
li.participant.right {
  margin-right: 0;
}
li.participant.top {
  margin-top: 0;
}
li.participant img.avatar {
  float: left;
}
li.participant .name {
  margin-left: 8px;
  font-weight: bold;
}
li.participant .actions .add {
  float:left;
  padding-left:4px;
  padding-top:4px;
  width:100px;
}
li.participant .actions .add img {
  vertical-align: bottom;
}

#message_participants .pager_nav {
  margin-top: 7px;
  float: right;
}
#message_participants .pager_nav * {
  display: block; float: left;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #959595;
  background-color: #F1F1F1;
  color: #606060;
  margin-left: 5px;
}
#message_participants .pager_nav .current {
  color: #FFFFFF;
  background-color: #B7B7B7;
}
#message_participants .pager_nav .disabled {
  display: none;
}
#message_participants .loader {
  display: none;
  text-align: center;
  font-weight: bold;
  padding-top: 100px;
}
#message_participants .loading .loader {
  display: block;
}
/* END message participants popup */
/* --------- /stylesheets/promos.css --------- */ 
/* MOBILE APPLICATIONS */

#device_details_popup {
	min-height: 200px;
	width: 460px;
	padding: 20px;
	-moz-border-radius:5px;
}

#device_details_popup .header {
	width: 420px;
}

#device_details_popup .image {
	float: right;	
}

#device_details_popup .device-instructions * {
  font-size: 1.1em;
}

#device_details_popup .device-instructions p {
	padding-bottom: 8px;
}

#device_details_popup .device-instructions ul {
	padding-bottom: 8px;
	margin-left: 25px;
}

#device_details_popup .device-instructions li {
	list-style-type: decimal;
}/* --------- /stylesheets/flash.css --------- */ 
body > .flash {
   background-color: #fea000; 
   line-height: 2em;
   height: 25px;
   border-bottom:2px solid #333333;
   color:#333333;
   font-weight:bold;
   text-align: center;
   position: fixed;
   width: 100%;
   z-index: 11;
   top: 0;
   left: 0;
   cursor: hand;
   cursor: pointer;
}/* --------- /stylesheets/auto/profiles/show.css --------- */ 
.default #page_content {
  min-height: 600px; /* next 2 statements for IE6 min-height */ height:auto !important; height:600px;
}

#profile {
  margin-top: 10px;
  overflow: hidden;
  background: url(/images/section/profile-background.gif) repeat-y;
}

.nav a img {
  vertical-align: middle;
}
.nav strong {
  font-weight: bold;
  line-height: 29px;  
}

#profile .header {
  padding: 10px;
  background-color: #ECECEC;
  float: left;
	border: 1px solid #D4D4D4;
}
#profile .header img.avatar {
  border: 2px solid #fff;
  float: left;
  margin-right: 6px;
}
#profile .header .name {
  float: left;
  width: 490px;
  font-size: 21px;
  font-weight: bold;
  color: #727272;
  line-height: 29px;
}
#profile .header .actions {
  margin-top: 15px;
  float: left;
}

#profile .header .description {
  float: left;
  width: 800px;
  margin-top: 4px;
  border-top: 1px solid #989896;
  padding-top: 5px;
  color: #494949;
}

#profile.logged_in_false {
  background: none;
}
#profile.logged_in_false .header {
  width: 600px;
}
#profile.logged_in_false .header .description {
   width: 490px;
}
#profile .prompt {
  float: right;
  width: 300px;
}
#profile .prompt h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
#profile .prompt h2, #profile .prompt h3 {
  color: #404040;
  font-weight: bold;
  margin-bottom: 3px;
}
#profile .prompt p {
  color: #727272;
  margin-top: 4px;
}

#profile .prompt h3 {
	margin-top: 5px;
}

#profile .body {
  clear: both;
  background: url(/images/section/profile-footer.gif) no-repeat bottom center;
  min-height: 400px;
  /* next 2 lines for IE6 min-height */
  height:auto !important;
  height: 400px;

  padding: 12px 12px 100px 12px;
}

#profile .body p {
  font-size: 10px;
  font-weight: bold;
  color: #b9b9b9;
  text-transform: uppercase;
  line-height: 20px;
  border-bottom: 1px solid #AFAFAC;
}
#profile_stream {
  float: left;
  width: 612px;
}
#profile_stream .stream_list {
  height: 470px;
  overflow: auto;
}
#profile_stream li:first-child {
	color: #525252;
  font-size: 19px;
}
#profile_stream li {
  color: #8f8f8f;
  font-size: 14px;
  border-bottom: 1px solid #AFAFAC;
  padding: 15px 65px 15px 10px; 
  position: relative;
}
#profile_stream li span.time {
  display: block;
  font-size: 11px;
  font-weight: normal;
}
#profile_stream li .edit_icons {
  position: absolute;
  right: 10px;
}
#profile_stream li.even {
  background-color: #F2F2F2;
}
#profile_stream li.first {
  color: #525252;
  font-size: 19px;
}

#profile_contacts {
  float: left;
  width: 265px;
  margin-left: 25px;
}
#profile_contacts ul {
	height:470px;
	overflow:auto;
}
#profile_contacts li {
  padding: 10px 0 10px 1px;
  width: 248px;
  float: left;
  border-bottom: 1px solid #AFAFAC;
  position: relative;
}
#profile_contacts li img.avatar {
  float: left;
  margin-right: 10px;
}
#profile_contacts li .content {
  float: left;
  padding-top: 4px;
}
#profile_contacts li .name {
  font-weight: bold;
  font-size: 13px;
}
#profile_contacts li .time {
  font-size: 11px;
  color: #707070;
}
#profile_contacts li .edit_icons {
  right: 10px;
  top: 10px;
  position: absolute;
  text-align: right;
}

#profile_stream a.more {
  
}