/*----------------------------------
TREADSY
VERSION: 1.0 
NAME:MESSAGE REPLY CSS 
COPYRIGHT 2009
-----------------------------------*/ 
 

.nicEdit-editorContainer{
position:absolute;
left:0;
right:0;
background-color:#fff;
}
.hide-visibility {
visibility: hidden;
}

/*QUICK REPLY
=== === === === === === === === === === */
.unifi_quickReplyContain {
display:block;
padding:0 10px 10px;
}
.unifi_moreReply{
padding:0;
position:relative;
display:block;
margin:-52px 0 0 0;
min-height:0; /*hasLayout = true*/
}
.singleLine .unifi_moreReply{
margin:-26px 0 0 0;
}
.unifi_quickTextContain {
margin:4px 180px 4px 55px;
position: relative;
}
.unifi_quickTextContain .nicEdit-panelContain {
display:none;
}
.unifi_quickReplyContain .unifi_rteStyle {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
display:block;
font-family:georgia, serif;
font-size:13px;
line-height:19px;
min-height:65px;
padding:5px;
width:100%;
}
.unifi_quickActionContain {
display:block;
height:25px;
width:155px;
}
.unifi_quickReplyUserFacePic {
background-position:center -3px;
background-repeat:no-repeat;
cursor:pointer;	
display:block;
float:left;
height:50px;
position:relative;
width:53px;
}
.unifi_quickReplyUserFacePic.orange {
background-image:url(../images/defaultFacePic-orange.png);
}
.unifi_quickReplyUserFacePic img {
height:37px;
margin-left:9px;
margin-top:2px;
width:36px;
}
.unifi_quickActionButton {
cursor:pointer;
display:block;
float:right;
margin:0 6px 5px;
position:relative;
text-align:center;
width:59px;
}
.unifi_quickReplyAlert {
display:block;
background-color: #FF76CB;
border-top:5px solid white;
padding:15px;
font-size:15px;
color:#990D71;
text-align:center;
font-weight:bold;
text-transform: lowercase;
}
.unifi_quickReplyAlert .unifi_highlight {
font-weight:bold;
color: white;
}
.unifi_quickContain {
display:block;
float:right;
margin-right:15px;
margin-top: 18px;
width:145px;
}
.unifi_QfullView {
color:#333333;
float:right;
font-size:10px;
margin-bottom:10px;
margin-top:-4px;
width:40px;
}
.unifi_quickToAllContain {
color:#333333;
display:block;
float:right;
font-size:10px;
margin-bottom:10px;
margin-right:26px;
margin-top:-3px;
position:relative;
width:45px;
}
.unifi_quickToAllCheckBox {
display:block;
float:left;
width:10px;
height:10px;
background-color:#eeeeee;
border:1px solid #888888;
margin-right:3px;
cursor:pointer;
}
.quickreplyactionoptions {
margin-left:17px;
width:135px;
float: left;
display:block;
position:relative;
}
.unifi_QfullView:hover {
text-decoration:underline;
cursor: pointer;
}
 
 
/*COMPOSE FORMAT BAR
=== === === === === === === === === === */
.threadsy_plainTextButton {
color:white;
display:block;
float:left;
height:20px;
margin-left:7px;
margin-top:4px;
width:80px;
cursor:pointer;
font-size:12px;
}
.threadsy_plainTextButton:hover {
text-decoration:underline;	
}
.unifi_composeActionsFloat {
display:block;
margin-left:267px;
}
.unifi_composeContain {
background-color: #EEE;
position:relative;
border-top-color:transparent;
border-top-style:solid;
border-top-width:1px;
display:block;
margin-top:2px;
margin-bottom:2px;
width:auto;
height:auto;
min-height:0; /*hasLayout = true*/
}
.unifi_composeContain .unifi_roundedMM {
top: 2px;
}
.unifi_composeContain .reply-divider {
border-top:4px solid #ccc; 
margin-top:5px;
}
.unifi_composeContain .reply-text {
color:#888; 
font-weight:normal;
font-size:12px;
}
.unifi_composeContain .reply-text strong {
background-color:#eee; 
font-weight: bold;
}
 
/* ADDLINK
=== === === === === === === === === === */
 
.unifi_quickActionContain .unifi_addLink {
position:relative;
float:none;
}
.unifi_addLink {
background-image:url(../images/icons/link.png);
background-position:0 0;
background-repeat:no-repeat;
display:block;
font-family:helvetica;
font-size:10px;
margin-top: -4px;
padding:0px 0 10px 13px;
cursor:pointer;
float: right;
}
.unifi_addLink:hover{
text-decoration:underline;	
}
 
/* COMPOSE BOX
=== === === === === === === === === === */
.unifi_quickReplyOpen .unifi_composeContain {
margin:0;	
}
.unifi_composeContain .unifi_roundedSL {
bottom:43px;
}
.unifi_composeContain .unifi_roundedSR {
bottom:43px;
}
.unifi_composeContain .unifi_roundedBL {
background-image:url(../images/messages/rounded_bl_compose.png);	
height:43px;
}
.unifi_composeContain .unifi_roundedBR {
background-image:url(../images/messages/rounded_br_compose.png);	
height:43px;
}
 
/* COMPOSE FROM FIELD
=== === === === === === === === === === */
div.unifi_from_label {
background-color:#333333;
color:#FFFFFF;
display:block;
float:left;
font-size:12px;
height:22px;
padding-top:7px;
text-align:center;
vertical-align:7px;
width:40px;
}
.unifi_composeFrom {
background-color: #EEE;
border:medium none;
display:block;
float:right;
height:34px;
margin-top:5px;
margin-right:10px;
padding-top: 5px;
width:210px;
position:relative;
z-index:55;
}
.unifi_fromElement img {
display:block;
float:left;
margin-right:10px;
margin-top:0;
width:18px;
}
.unifi_fromDropOption img {
display:block;
float:left;
height:auto;
margin-left:0;
margin-right:5px;
margin-top:0;
width:18px;
}
.unifi_composeFrom .unifi_fromLabel {
color:#B47302;
font-size:10px;
font-weight:bold;
}
.unifi_fromDrop {
background-image:url(../images/reply/dropArrow.png);
background-position:5px 9px;
background-repeat:no-repeat;
display:block;
height:30px;
margin-top:-5px;
position:absolute;
right:0;
top:5px;
width:17px;
}
.unifi_fromDropOptions {
background-color:white;
cursor:pointer;
display:block;
left:40px;
position:absolute;
top:28px;
visibility:hidden;
width:170px;
z-index:10000;
}
.unifi_fromDropOption {
border-top:1px solid #DEDEDE;
color:#333333;
display:block;
font-size:12px;
padding:5px;
}
.unifi_fromDropOption:hover {
background-color:#eee;
}
.unifi_fromDrop:hover {
background-color:#cccccc;
}
.unifi_composeFrom .unifi_fromElement {
background-color:white;
color:#333333;
cursor:pointer;
font-size:15px;
padding:5px 0 5px 0;
}
.fromElementReplace {
font-family: Georgia, "Times New Roman", Times, serif !important;
font-size:15px;
}
.unifi_composeFrom .unifi_fromElement img.arrow_right {
width:auto;
display:none;
float:none;
}
.unifi_composeFrom .unifi_fromElement .fromElementReplace {
width:150px;
display:inline;
}
.unifi_composeMainContain .nicEdit-panelContain {
border:0;
border-top:none;
height:23px;
}
 
 
/* COMPOSE SUBJECT FIELD
=== === === === === === === === === === */
div.unifi_subject_label {
background-color:#333333;
color:#FFFFFF;
display:block;
font-size:12px;
height:22px;
left:0;
padding-top:7px;
position:absolute;
text-align:center;
vertical-align:7px;
width:55px;
z-index:90;
}
.unifi_composeSubject {
display:block;
height:42px;
margin-left:262px;
margin-top:10px;
position:relative;
}
.unifi_composeSubjectTextContain .unifi_composeSubjectText {
border:medium none;
color:#AAAAAA;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:15px;
height:20px;
line-height:20px;
overflow:hidden;
padding:5px 0 5px 0;
position:relative;
width:100%;
}
.unifi_composeSubjectTextContain {
background-color:#FFFFFF;
display:block;
height:30px;
margin-right:236px;
padding-left:61px;
position:relative;
}
.unifi_composeColumnContain {
border:medium none;
display:block;
float:left;
height:auto;
margin-top:10px;
padding:0 10px;
width:240px;
position:relative;
}
 
 
/* COMPOSE TO FIELD
=== === === === === === === === === === */
.unifi_composeToElement .unifi_composeToTextContain {
overflow:hidden;
width:241px;
}
.unifi_composeToLabel {
color:#B47302;
font-size:10px;
font-weight:bold;
}
div.unifi_to_label {
background-color:#333333;
color:#FFFFFF;
display:block;
font-size:12px;
height:22px;
padding-top:7px;
text-align:center;
vertical-align:7px;
width:27px;
}
 
 
/* COMPOSE RECIPIENTS FIELD
=== === === === === === === === === === */
.unifi_recipients_label {
background-color:#333333;
color:#FFFFFF;
display:block;
font-size:12px;
height:22px;
margin-top:12px;
padding-left:7px;
padding-top:7px;
vertical-align:7px;
width:234px;
}
.unifi_toObjContain .unifi_toAdd {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
color:#333333;
cursor:pointer;
display:block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15px;
height:45px;
line-height:20px;
position:relative;
white-space:nowrap;
min-height:0; /*hasLayout = true*/
}
.unifi_toObjContain .unifi_toAdd:hover {
background:#fff url(../images/messages/toAddHover.png) left top repeat-x;
border-bottom:1px solid #CCCCCC;
color:#000;
}
.unifi_toObjContain .unifi_toAdd:hover .unifi_toRemove{
	visibility:visible;
}
.unifi_toObjContain .unifi_toAdd .unifi_toRemove{
	visibility:hidden;
}
.unifi_toObjContain .unifi_toAdd:hover .unifi_topSuggestOptionNameDisplay {
color:#000;
text-decoration: underline;
}
.unifi_toObjContain .unifi_toAdd:hover .unifi_toSuggestOptionImageContain {
border: 2px solid #FF6632;
}
.unifi_toObjContain .unifi_toAdd:hover .unifi_toSuggestOptionsEmailGrey {
color: #333;
}
 
.unifi_toRemove {
background-position:center -30px;
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:right;
height:27px;
margin-right:3px;
margin-top:9px;
visibility:hidden;
width:25px;
}
.unifi_toRemove.orange {
background-image:url(../images/reply/toAdd_remove-orange.png);
}
.unifi_toRemove:hover {
background-position: center -3px;
}
.unifi_toSuggestOption {
color:#000;
background-color:#fff;
display:block;
font-size:12px;
padding:5px 5px 5px 10px;
position:relative;
border-top:1px solid #ddd;
z-index:1000000;
min-height:0; /*hasLayout = true*/
}
.unifi_toSuggestOptionsEmail {
color:#7C6609;
}
.unifi_toSuggestOptionsName {
color:#7C6609;
}
.unifi_toSuggestOptionImageContain {
display:block;
float:left;
height:33px;
margin-left:3px;
margin-right:5px;
margin-top:3px;
overflow:hidden;
text-align:center;
width:33px;
border: 2px solid #FFF;
background-color:#eeeeee;
}
.unifi_toSuggestOption:hover .unifi_toSuggestOptionImageContain {
background-color:#dddddd;
}
.unifi_toSuggestOptionImage {
border:none;
display:block;
margin:0;
width:33px;
height: 33px;
}
.unifi_toSuggestOptionsEmailGrey {
color:#777777;
display:block;
font-size:10px;
overflow:hidden;
width:150px;
}
 
.unifi_topSuggestOptionNameDisplay {
height:19px;
overflow:hidden;
}
.unifi_toSuggestContain {
background-color:#333333;
border-bottom:2px solid #333333;
cursor:pointer;
display:block;
margin-left:0;
margin-top:30px;
overflow:auto;
padding:10px 5px;
position:absolute;
width:231px;
z-index:100;
}
.unifi_toSuggestContain .unifi_toSuggestOption {
color:#000;
background-color:#fff;
display:block;
font-size:12px;
padding:5px 0px 5px 7px;
position:relative;
border-top:1px solid #ddd;
z-index:1000000;
height:35px;
}
.unifi_toSuggestContain .unifi_toSuggestOption:hover {
background-color:#eeeeee;
}
.unifi_toSuggestContain .unifi_toSuggestOptionImageContain {
background-color:#EEEEEE;
display:block;
float:left;
height:35px;
margin-left:0;
margin-top:0;
margin-right:7px;
overflow:hidden;
text-align:center;
width:35px;
}
 
 
/* COMPOSE MESSAGE FIELD
=== === === === === === === === === === */
.unifi_composeMainContain {
display:block;
margin-left:262px;
margin-right: 10px;
height:auto;
}
.unifi_composeToElement .unifi_composeToTextContain .unifi_composeToText {
color:#AAAAAA;
display:block;
float:right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15px;
height:30px;
line-height:30px;
margin:0;
overflow:hidden;
padding-left:10px;
width:204px;
border:none;
}
.unifi_composeContentContain {
display:block;
background-color:white;
overflow:hidden;
}
.unifi_composeContentContain form {
margin:0px;
padding:0px
}
 
 
/* RICH TEXT EDITOR OPTIONS
=== === === === === === === === === === */
.threadsy_pseudoRichText{
background-color:#333333;
display:block;
height:25px;
padding-top:3px;
position:relative;
}
.threadsy_engageRichText{
color:white;
display:block;
float:left;
font-family:null;
font-size:12px;
height:21px;
line-height:21px;
margin-left:9px;
margin-top:0;
position:absolute;
}
.threadsy_engageRichText:hover{
cursor:pointer;
}
.unifi_richTextEditorContain {
background-color:#FFD278;
display:block;
}
.unifi_richTextBlock {
display:block;
position:relative;
width:100%;
text-transform:none;
}
.nicEdit-unifi_richContain {
overflow:hidden;
text-transform:none;
}
.nicEdit-unifi_hideIframe {
display:none;
visibility:hidden;
}
 
 
/* COMPOSE ACTION BUTTONS (SEND, CANCEL, ETC) 
=== === === === === === === === === === */
.unifi_composeContentFoot {
display:block;
position:relative;
height:42px;
background-color:#DDD;
min-height:0; /*hasLayout = true*/
}
.unifi_composeButtonsFoot {
display:block;
float:left;
margin:3px 6px;
position:relative;
}
.unifi_composeContentFoot .unifi_cancel {
float: right;
margin-right: 20px;
} 
 
/* COMPOSE ACTION TABS
=== === === === === === === === === === */
.unifi_composeTabsFoot {
list-style:none;
margin:0 0 0 10px;
padding:0px;
}
.unifi_composeTabsFoot li {
color:#333333;
cursor:pointer;
float:left;
font-size:12px;
height:30px;
padding-top:13px;
text-align:center;
width:64px;
}
.unifi_composeTabsFoot.re li.re, .unifi_composeTabsFoot.ra li.ra, .unifi_composeTabsFoot.fwd li.fwd {
background-image:url(../images/buttons/tab_light.png);
background-position:0 -7px;
background-repeat:no-repeat;
}
.unifi_composeTabsFoot.re li.ra:hover, .unifi_composeTabsFoot.re li.fwd:hover, .unifi_composeTabsFoot.ra li.re:hover, .unifi_composeTabsFoot.ra li.fwd:hover, .unifi_composeTabsFoot.fwd li.re:hover, .unifi_composeTabsFoot.fwd li.ra:hover {
background-image:url(../images/buttons/tab_dark.png);
background-position:0 -7px;
background-repeat:no-repeat;
color:#ffffff;
}
.unifi_composeTabsFoot.facebook li.re, .unifi_composeTabsFoot.facebook li.ra {
visibility:hidden;
}
 
 
/* COMPOSE ATTACHMENTS
=== === === === === === === === === === */
.unifi_addAttachmentButton {
color:#FFFFFF;
cursor:pointer;
display:block;
font-size:13px;
padding:3px 7px 3px 0;
position:absolute;
right:20px;
top:3px;
z-index:50;
}
.unifi_addAttachmentButton span {
margin-left:17px;	
}
.unifi_addAttachmentButton span.swiff-uploader-box {
margin-left:0;	
}
.unifi_addAttachmentButton img {
left:0;
position:absolute;
top:6px;
}
li .unifi_myAttachTitle {
color:#FFFFFF;
display:block;
font-size:10px;
height:12px;
margin-bottom:5px;
overflow:hidden;
position:relative;
text-align:center;
margin-top:-1px;
}
.unifi_myAttachPrev {
background-position:center top;
border:medium none;
height:55px;
width:70px;
}
.unifi_isImage {
background-position:center top;
border:medium none;
height:53px;
width:65px;
margin:auto;
overflow:hidden;
}
.unifi_isImage img {
border:medium none;
display:block;
margin:auto;
max-height:53px;
}
.unifi_enlargeAttach .unifi_myAttachPrev.unifi_isImage {
background-position:center top;
border:medium none;
height:141px;
overflow:hidden;
width:273px;
}
.unifi_enlargeAttach .unifi_isImage img {
border:medium none;
display:block;
margin:auto;
max-height:147px;
position:relative;
max-width:275px;
}
.unifi_AddAttach {
background-image:url(../images/icons/attachIcons/add.png);
background-position:0 top;
background-repeat:no-repeat;
display:block;
float:left;
margin-left:0;
height:99px;
position:relative;
top:-1px;
width:141px;
}
.unifi_myAddAttach {
border:medium none;
display:block;
margin-left:5px;
position:relative;
top:5px;
width:0;
float:left;
opacity: 0;
height:69px;
}
.unifi_AddAttach:hover {
background-position:0 -109px;
}
.addAttachHack, .addAttachHack2 {
display:block;
font-size:8px;
height:80px;
left:-18px;
opacity: 0;
position:absolute;
position:absolute;
top:10px;
z-index:1000;
cursor:default;
}
.addAttachHack2 {
left: 29px;
z-index:99999;
}
input[type="file"] {
cursor:default;
}
.unifi_addAttachmentButton .addAttachHack {
height:25px;
left:0;
top:0;
}
.unifi_addAttachmentButton:hover {
color:#ffffff;
}
.unifi_toObjShadowContain {
display:block;
position:relative;
}
.unifi_composeContentShadowContain {
display:block;
position:relative;
min-height:0; /*hasLayout = true*/
}
.unifi_toObjContain {
background-color:white;
height:auto;
margin-top:0;
overflow-x:hidden;
overflow-y:auto;
position:relative;
min-height:0; /*hasLayout = true*/
}
.unifi_myAttachRemove {
background-position:center -5px;
background-repeat:no-repeat;
cursor:pointer;
height:22px;
left:40px;
position:absolute;
top:-5px;
width:22px;
}
.unifi_myAttachRemove.orange {
background-image:url(../images/reply/toAdd_remove-orange.png);
}
.attachButtonHidden {
display:block;
height:25px;
position:absolute;
top:0;
width:100%;
cursor:pointer;
}
.attachButtonHidden object {
z-index:99;
}
.unifi_attachmentContainer {
background:#888888 none repeat scroll 0 0;
display:none;
height:75px;
overflow:visible;
position:relative;
width:100%;
border-bottom:3px solid #333333;
}
.unifi_attachStatus {
color:#4FB600;
display:block;
font-size:12px;
font-weight:bold;
height:39px;
left:30px;
position:absolute;
text-align:center;
top:6px;
width:13px;
background: no-repeat url(../images/reply/therm.png) top;
z-index:20;
}
.unifi_attachStatusBar {
background-color:#F96464;
display:block;
height:0px;
left:34px;
position:absolute;
top:32px;
width:6px;
z-index:10;
}
.unifi_attachHide {
display:none;
visibility: hidden;
}
.unifi_attachmentScroller {
}
.unifi_attachInnerContain {
display:block;
position:relative;
margin:0px;
padding: 0px;
min-height:0; /*hasLayout = true*/
}
 
 
/*FACEBOOK REDIRECT MODAL
=== === === === === === === === === === */
.facebook-redirect-modal {
background-color: #FFF;
height: 60px; 
width: 420px;
padding: 15px;
position: absolute;
z-index: 99999;
top: 50%;
left: 50%;
margin-left: -235px;
margin-top: -55px;
border: 10px solid #3b5998;
}
.facebook-redirect-modal h1 {
font-family: Georgia, Times, serif;
font-size: 19px;
font-weight: normal;
color: #333;
padding-left: 35px;
background: url(../images/logos/facebook.png) left center no-repeat;
margin: 15px 0px 0px 0px;
}
/* INITIAL LOADING SCREEN
=== === === === === === === === === === */
#page-loader-overlay {
background: #000 url(../images/backgrounds/vents.png) top left repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
text-align: center;
overflow: hidden;
opacity:.95; 
}
#page-loader-box {
background: #FFF url(../images/logo_fireball_3d.png) -50px -10px no-repeat;
text-align: center;
width: 550px;
height: 350px;
position: absolute;
left: 50%;
top: 50%;
z-index: 999999;
margin-left: -275px;
margin-top: -175px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 10px 30px #000;
-moz-box-shadow: 0px 10px 30px #000;
padding: 10px;
overflow: hidden;
}

/* loader w/ quote
=== === === === === === === === === === */
#page-loader-box #loader-quote {
text-align: center;
margin: 190px auto 0 auto;
padding: 10px 10px 20px 60px;
width: 66%;
font-weight: normal;
font-family: Georgia, Times, serif;
color: #333;
font-size: 18px;
text-align: left;
line-height: 26px;
background: #EEE url(../images/large-quote.png) 10px 10px no-repeat;
text-shadow: 1px 1px 1px #CCC;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
position: relative;
min-height: 80px;
}
#page-loader-box #loader-quote em {
font-size: 40px;
font-family: Times;
color: #CCC;
}
#page-loader-box #loader-quote strong {
position: absolute; 
bottom: 0px;
right: 10px;
z-index: 9999999;
color: #999;
font-style: italic;
font-size: 14px;
font-family: Helvetica, verdana, arial, san-serif;
font-weight: normal;
}

/* LOADER NO QUOTE
=== === === === === === === === === === */
#page-loader-box #loader-quote.no-quote {
background-image:none;
padding: 10px 10px 20px 20px;
}

#page-loader-box .loading {
text-align: right;
font-size: 16px;
color: #666;
padding: 0;
margin: 0;
position: absolute; 
bottom: 10px;
right: 10px;
z-index: 9999999;
}
#threadsy-application div.goodbye-loader {
display: none;
}
/*----------------------------------
TREADSY
VERSION: 1.0 
NAME: APPLICATION HEADER  
COPYRIGHT 2009
-----------------------------------*/ 


/* GENERAL
=== === === === === === === === === === */
.hiddenContent {
display:none;
}
#threadsy-application #meebo {
bottom: 5px; 
}

/* TOP NAVIGATION
=== === === === === === === === === === */
.top-navigation-small {
/*background:url(../images/top-nav/top-nav-bg.png) top left repeat-x;*/
height: 28px; 
}


/* SOUNDS EFFECTS
=== === === === === === === === === === */
#sounds {
position:absolute;
height: 1px;
width: 1px;
overflow: hidden;
left: -2000px;
top: -2000px;
}


/* COMPANY LOGO
=== === === === === === === === === === */
#logo {
background: url(../images/logos/threadsy-inverted-tagline.png) 0px 0px no-repeat; 
height:40px;
width:122px;
margin-left:5px;
margin-top:5px;
display: block;
float: left;
}
#threadsy-application {
background: #FFFFFF url(../images/logos/light-fireball.png) top left no-repeat;
}


/* TOP NAVIGATION
=== === === === === === === === === === */
#top-navigation {
position: absolute; 
top: 0;
left: 0;
right: 0;
height: 30px;
z-index: 100;
}
#top-navigation-links {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
}
#top-navigation-links li {
font-family: Helvetica, arial, verdana, san-serif;
font-size:11px;
color:#666;
list-style-type:none;
float:left;
height:26px;
line-height: 26px;
margin: 0px;
position:relative;
}

#top-navigation-links li a {
display: block;
height:26px;
padding: 0px 5px;
line-height: 26px;
text-decoration:none;
color:#666;
}
#top-navigation-links a:hover{
color:#111;	
text-decoration: underline;
text-shadow: none;
}
#top-navigation-links #invite-link, 
#top-navigation-links #feedback-link {
font-weight: bold;
color: #FF6632;
}
#about-dropdown {
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -550px no-repeat; 
padding-right: 6px;
}
#about-dropdown ul {
display: none;
background-color: #FFF;
position: absolute;
top: 24px;
left: 0px;
z-index: 150;
width: 70px;
margin: 0;
padding: 0;
list-style-type: none;
border: 3px solid #CCC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-moz-box-shadow: 0px 10px 20px #333;
-webkit-box-shadow: 0px 10px 20px #333;
}
#about-dropdown:hover ul {
display: block;
}
#about-dropdown:hover  {
background: #CCC url(../images/inbound-nav/inbound-nav-sprite.png) right -550px no-repeat; 
}
#about-dropdown:hover #about-link {
color: #666;
text-decoration: none;
}
#about-dropdown ul li {
height: auto;
margin: 0;
position: static;
float: none;
border-bottom: 1px solid #EEE;
}
#about-dropdown ul li a {
height: auto;
padding: 0px 10px;
}
#about-dropdown ul li a:hover {
background-color: #EEE;
color: #333;
text-decoration: none;
}
#top-navigation-links #user-profile-thumbnail {
border: none;
margin: 0;
padding: 0;
height: 26px;
width: 26px;
}

/* ANNOUCEMENT BAR
=== === === === === === === === === === */
#announcement-bar {
position: absolute;
top: 10px;
left: 50%;
z-index: 200;
height: 30px;
}
#announcement-bar p {
height: 30px;
overflow: hidden;
padding: 0px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
font-size: 12px;
font-family: Helvetica, Arial, verdana, san-serif;
line-height: 30px;
}
#announcement-bar p strong {
font-weight: bold;
}
#announcement-bar p span {
margin-left: 10px;
text-align: left;
}
#announcement-bar p a:hover {
color: #0084B4;
}
#announcement-bar p.plain {
background-color: #EEE;
color: #666;
}
#announcement-bar p.plain a, 
#announcement-bar p.loading a {
color: #666;
}
#announcement-bar p.loading {
background: #EEE url(../images/loaders/gray-small.gif) 5px center no-repeat;
padding-left: 30px;
color: #666;
}
#announcement-bar p.success {
padding-left: 30px;
background: #e6fee5 url(../images/inbound-nav/inbound-nav-sprite.png) 5px -1545px no-repeat; 
color: #2dae49;
}
#announcement-bar p.success a {
color: #2dae49;
}
#announcement-bar p.error {
background-color: #ffe9e9;
color: #900;
}
#announcement-bar p.error a {
color: #0084B4;
}

/* INBOUND NAV
=== === === === === === === === === === */
#inbound-navigation {
font-family: Helvetica, Arial, Verdana, san-serif;
position: absolute; 
top: 0; 
left: 0;
right: 11px; 
z-index: 100;
height: 75px;
}
#inbound-tabs {
padding-top: 16px;
height: 26px;
}
#inbound-tabs ul, 
#unbound-nav {
margin: 0px; 
padding: 0px; 
list-style-type: none;
float: left;
font-family: Helvetica, Arial, san-serif;
}
#inbound-tabs ul .tab,
#unbound-nav-container ul .tab, 
#unbound-nav li {
position: relative;
margin: 0px 0px 0px 5px; 
padding: 0px; 
list-style-type: none;
float: left;
}
#unbound-nav li {
margin: 0px 5px 0px 0px; 
}
/* message count bubble */
#inbound-tabs .tab sup, 
#unbound-nav li sup {
display: block;
visibility: hidden;
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px 0px no-repeat; 
position: absolute;
top: -15px;
right: -3px;
z-index: 101;
padding-left: 10px;
height: 24px;
}
#inbound-tabs .tab sup strong, 
#unbound-nav li sup strong {
display: block;
visibility: hidden;
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -50px no-repeat; 
padding-right: 10px;
height: 24px;
line-height: 22px;
color: #FFF;
font-size: 11px;
font-weight: bold;
}
#inbound-tabs .tab.selected sup, 
#inbound-tabs .tab.selected sup strong, 
#unbound-nav li.selected sup,
#unbound-nav li.selected sup strong  {
visibility: visible;
}
#inbound-tabs ul .tab .tab-button,
#unbound-nav-container ul .tab .tab-button, 
#unbound-nav li .tab-button {
display: block;
float: left;
background-color: #EEE; 
border: 1px solid #CCC; 
color: #545454;
text-decoration: none;
font-size: 12px;
font-family: Helvetica, Arial, san-serif;
border-bottom: none;
padding: 0px 15px; 
height: 25px;
line-height: 25px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
}
#inbound-tabs ul .tab .tab-button:hover, 
#unbound-nav li .tab-button:hover {
background-color: #fff; 
color: #333;
border: 1px solid #999; 
border-bottom: none;
}
#inbound-tabs .tab.selected .tab-button, 
#inbound-tabs .tab.selected .tab-button:hover, 
#unbound-nav li.selected .tab-button,
#unbound-nav li.selected .tab-button:hover {
background: url(../images/inbound-nav/inbound-nav-bg.png) top left repeat-x; 
border: none; 
color: #FFF;
font-weight: bold;
font-size: 14px;
padding: 0px 16px; 
height: 26px;
line-height: 30px;
}

/* INBOUND (ALL) TAB
=== === === === === === === === === === */
#inbound-tabs #nav-inbound a {
padding: 0px 16px 0px 29px;
}
/*refresh icon*/
#nav-inbound em {
display: block;
position: absolute;
z-index: 150;
top: 4px;
left: 5px;
height: 20px;
width: 20px;
overflow: hidden;
text-indent: -3000px;
}

/*refresh icon*/
#nav-inbound.selected em {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -700px no-repeat; 
}
#nav-inbound.selected a:hover em {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -750px no-repeat; 
}
#nav-inbound .loader {
display: none;
position: absolute;
z-index: 200;
top: 4px;
left: 5px;
height: 20px;
width: 20px;
overflow: hidden;
text-indent: -3000px;
background: #E7E7E7 url(../images/loaders/gray-small.gif) center center no-repeat; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#nav-inbound.selected .loader {
background: #737373 url(../images/loaders/white-small.gif) center center no-repeat; 
}

/* INBOUND MORE TAB
=== === === === === === === === === === */
#inbound-tabs #nav-more-button,
#unbound-tab.selected #unbound-tab-button {
background: #EEE url(../images/inbound-nav/inbound-nav-sprite.png) right -142px no-repeat; 
padding-right: 25px; 
overflow: visible;
}
#unbound-tab #unbound-tab-button {
padding: 0px 10px 0px 10px; 
}
#nav-more:hover #nav-more-button {
background: #EEE url(../images/inbound-nav/inbound-nav-sprite.png) right -143px no-repeat; 
height: 24px;
line-height: 23px;
padding: 0px 25px 0px 14px; 
border: 2px solid #666666;
border-bottom: none;
background-color: #FFF;
color: #333;
}
#unbound-tab:hover #unbound-tab-button {
height: 24px;
line-height: 23px;
padding: 0px 9px 0px 9px; 
border: 2px solid #666666;
border-bottom: none;
background-color: #FFF;
color: #333;
}
#nav-more.selected, 
#nav-more.selected:hover,
#unbound-tab,
#unbound-tab:hover
{
background: url(../images/inbound-nav/inbound-nav-bg.png) top left repeat-x; 
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
}
#nav-more.selected #nav-more-button,
#unbound-tab.selected #unbound-tab-button {
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -1490px no-repeat; 
border: none; 
color: #FFF;
font-weight: bold;
border: none;
padding: 0px 25px 0px 10px; 
}
.small-unbound #nav-more.selected #nav-more-button,
.small-unbound #unbound-tab.selected #unbound-tab-button {
padding: 0px 25px 0px 5px; 
}
#nav-more.selected:hover #nav-more-button, 
#unbound-tab.selected:hover #unbound-tab-button {
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -1490px no-repeat; 
border: none; 
color: #FFF;
font-weight: bold;
border: none;
height:26px;
line-height:30px;
}
#nav-more .shim, 
#unbound-tab .shim {
display: none;
position: absolute; 
bottom: -2px;
left: 2px;
right: 2px;
height: 2px;
z-index: 160;
background-color: #FFF;
}
#nav-more.active .shim,
#nav-more.active .dropdown,
#unbound-tab.active .shim,
#unbound-tab.active .dropdown{
display: block ;
}
#nav-more.selected.active .shim, 
#unbound-tab.selected.active .shim
{
display: none;
}


/* MORE DROPDOWN SELECTED ICONS
=== === === === === === === === === === */
#nav-more #nav-more-button em, 
#unbound-tab #unbound-tab-button em {
font-style: normal;
display: block;
}
.small-unbound #unbound-tab #unbound-tab-button em  {
max-width: 60px;
overflow: hidden;
}
#nav-more.selected #nav-more-button em, 
#unbound-tab #unbound-tab-button em,
#unbound-tab.selected #unbound-tab-button em  {
padding-left: 25px; 
}
.small-unbound #unbound-tab #unbound-tab-button em,
.small-unbound #unbound-tab.selected #unbound-tab-button em  {
padding-right: 5px;
}
#nav-more-button em.yahoo {
background: url(../images/sprites/service-icons.png) 0px 9px no-repeat; 
}
#nav-more-button em.gmail {
background: url(../images/sprites/service-icons.png) 0px -42px no-repeat; 
}
#nav-more-button em.aol {
background: url(../images/sprites/service-icons.png) 0px -95px no-repeat; 
}
#nav-more-button em.hotmail {
background: url(../images/sprites/service-icons.png) 0px -143px no-repeat; 
}
#nav-more-button em.facebook, 
#unbound-tab.selected #unbound-tab-button .facebook .service-icon {
background: url(../images/sprites/service-icons.png) 0px -194px no-repeat; 
}
#unbound-tab #unbound-tab-button .facebook .service-icon {
background: url(../images/sprites/service-icons.png) 0px -196px no-repeat; 
}
#nav-more-button em.myspace {
background: url(../images/sprites/service-icons.png) 0px -244px no-repeat; 
}
#nav-more-button em.unifi {
background: url(../images/sprites/service-icons.png) 0px -193px no-repeat; 
}
#nav-more-button em.twitter, 
#unbound-tab.selected #unbound-tab-button .twitter .service-icon  {
background: url(../images/sprites/service-icons.png) 0px -344px no-repeat; 
}
#unbound-tab #unbound-tab-button .twitter .service-icon {
background: url(../images/sprites/service-icons.png) 0px -346px no-repeat; 
}
#nav-more-button em.stresstest {
background: url(../images/sprites/service-icons.png) 0px -390px no-repeat; 
}
#nav-more-button em.berkeley {
background: url(../images/sprites/service-icons.png) 0px -444px no-repeat; 
}
#nav-more-button em.genericimap {
background: url(../images/sprites/service-icons.png) 0px -490px no-repeat; 
}
#nav-more-button em.fastmail {
background: url(../images/sprites/service-icons.png) 0px -543px no-repeat; 
}
#nav-more-button em.peoplepc {
background: url(../images/sprites/service-icons.png) 0px -593px no-repeat; 
}
#nav-more-button em.earthlink {
background: url(../images/sprites/service-icons.png) 0px -644px no-repeat; 
}
#nav-more-button em.mobileme {
background: url(../images/sprites/service-icons.png) 0px -694px no-repeat; 
}

#nav-more-button em.archived, 
#nav-more-button em.trash {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -491px no-repeat; 
} 
#nav-more-button em.starred {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -444px no-repeat; 
}
#nav-more-button em.unread {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -395px no-repeat; 
}
#unbound-tab #unbound-tab-button .unbound .service-icon {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1695px no-repeat; 
}
#unbound-tab.selected #unbound-tab-button .unbound .service-icon {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1692px no-repeat; 
}

/* MORE DROPDOWN MENU
=== === === === === === === === === === */
#inbound-tabs .dropdown,
#unbound-nav .dropdown {
background-color: #FFF;
position: absolute; 
top: 26px;
left: 0px;
z-index: 102;
width: 240px;
border: 2px solid #535453;
display: none;
float: none;
margin-left:0;
padding: 0;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-box-shadow: 0px 10px 20px #333;
-webkit-box-shadow: 0px 10px 20px #333;
}
#inbound-tabs .dropdown li, 
#inbound-tabs .dropdown li a,
#unbound-nav .dropdown li,
#unbound-nav .dropdown li a {
position: relative;
margin: 0;
}
#inbound-tabs .dropdown li,
#unbound-nav .dropdown li {
border-top: 1px solid #FFF;
border-bottom: 1px solid #dcdcdc;
float: none;
}
#inbound-tabs .dropdown li.archived, 
#inbound-tabs .dropdown li.starred {
border-bottom: 2px solid #535453; 
}
#inbound-tabs .dropdown li .count {
font-weight: normal;
color: #777;
}
#inbound-tabs .dropdown li .more-arrow {
border-left: 1px solid #EEE;
display: block;
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -240px no-repeat; 
position: absolute;
top: 0px;
right: 0;
z-index: 103; 
height: 36px;
width: 50px;
padding: 0;
margin: 0;
}
#inbound-tabs .dropdown li.flyout-active .more-arrow {
border-left: 1px solid #555;
}
#inbound-tabs .dropdown li a,
#unbound-nav .dropdown li a {
border: none;
display: block;
color: #545454;
text-decoration: none;
font-size: 12px;
float: none;
}
#unbound-nav .dropdown li a {
padding: 0;
}
#inbound-tabs .dropdown li a:hover
#unbound-nav .dropdown li a:hover {
background: #FFF url(../images/inbound-nav/more-button-over.png) 0px 0px repeat-x; 
color: #000; 
}
#inbound-tabs .dropdown li a .service-icon,
#unbound-nav .dropdown li a .service-icon {
height: 20px;
line-height: 18px;
padding:8px 10px 8px 40px;
font-weight: bold;
display: block;
color: #545454;
font-style: normal;
}
#inbound-tabs .dropdown li:active,
#unbound-nav .dropdown li:active {
border-top: 1px solid #8b8b8b;
}
#inbound-tabs .dropdown li a:hover, 
#unbound-nav .dropdown li a:hover  {
background: #FFF url(../images/inbound-nav/more-button-over.png) 0px 0px repeat-x; 
color: #000; 
}
#inbound-tabs .dropdown li a:active, 
#inbound-tabs .dropdown li.filter a:active, 
#inbound-tabs .dropdown .more .flyout a:active,
#unbound-nav .dropdown li a:active {
background: #e2e2e2 url(../images/inbound-nav/more-button-down.png) 0px 0px repeat-x; 
}
#inbound-tabs .dropdown li:first-child,
#unbound-nav .dropdown li:first-child {
border-top: none;
}
#inbound-tabs .dropdown li:last-child,
#unbound-nav .dropdown li:last-child, 
#unbound-nav .dropdown ul.flyout li:last-child {
border-bottom: none;
}
#inbound-tabs .dropdown li:first-child a,
#unbound-nav .dropdown li:first-child a {
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
}
#inbound-tabs .dropdown li:last-child a,
#unbound-nav .dropdown li:last-child a {
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
}
#inbound-tabs .archived .service-icon,
#inbound-tabs .trash .service-icon {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 10px -490px no-repeat; 
} 
#inbound-tabs .starred .service-icon,
#unbound-nav .starred .service-icon {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 10px -440px no-repeat; 
}
#inbound-tabs .unread .service-icon,
#unbound-nav .unread .service-icon {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 10px -392px no-repeat; 
}


/* SERVICE ICONS 
=== === === === === === === === === === */
#inbound-tabs .yahoo .service-icon {
background: url(../images/sprites/service-icons.png) 10px 12px no-repeat; 
}
#inbound-tabs .gmail .service-icon {
background: url(../images/sprites/service-icons.png) 10px -40px no-repeat; 
}
#inbound-tabs .aol .service-icon {
background: url(../images/sprites/service-icons.png) 10px -91px no-repeat; 
}
#inbound-tabs .hotmail .service-icon {
background: url(../images/sprites/service-icons.png) 10px -140px no-repeat; 
}
#inbound-tabs .facebook .service-icon, 
#unbound-nav .facebook .service-icon  {
background: url(../images/sprites/service-icons.png) 10px -191px no-repeat; 
}
#inbound-tabs .myspace .service-icon {
background: url(../images/sprites/service-icons.png) 10px -241px no-repeat; 
}
#inbound-tabs .unifi .service-icon {
background: url(../images/sprites/service-icons.png) 10px -290px no-repeat; 
}
#inbound-tabs .twitter .service-icon, 
#unbound-nav .twitter .service-icon {
background: url(../images/sprites/service-icons.png) 10px -343px no-repeat; 
}
#inbound-tabs .stresstest .service-icon {
background: url(../images/sprites/service-icons.png) 10px -390px no-repeat; 
}
#inbound-tabs .berkeley .service-icon {
background: url(../images/sprites/service-icons.png) 10px -441px no-repeat; 
}
#inbound-tabs .genericimap .service-icon {
background: url(../images/sprites/service-icons.png) 10px -488px no-repeat; 
}
#inbound-tabs .fastmail .service-icon {
background: url(../images/sprites/service-icons.png) 10px -541px no-repeat; 
}
#inbound-tabs .peoplepc .service-icon {
background: url(../images/sprites/service-icons.png) 10px -591px no-repeat; 
}
#inbound-tabs .earthlink .service-icon {
background: url(../images/sprites/service-icons.png) 10px -641px no-repeat; 
}
#inbound-tabs .mobileme .service-icon {
background: url(../images/sprites/service-icons.png) 10px -692px no-repeat; 
}
#unbound-nav .unbound .service-icon{
background: url(../images/inbound-nav/inbound-nav-sprite.png) 10px -1689px no-repeat; 
}


/* INBOUND NAV FLYOUT
=== === === === === === === === === === */
#inbound-tabs .dropdown li.more.flyout-active  {
background:none;
background-color: #666; 
border-top: 1px solid #555;
}
#inbound-tabs .dropdown li.flyout-active .dropdown-account, 
#inbound-tabs .dropdown li.flyout-active .dropdown-account:hover {
background: none;
background-color: #666;
}
#inbound-tabs .dropdown li.flyout-active .dropdown-account em, 
#inbound-tabs .dropdown li.flyout-active .dropdown-account:hover em, 
#inbound-tabs .dropdown li.flyout-active .dropdown-account span, 
#inbound-tabs .dropdown li.flyout-active .dropdown-account:hover span{
color: #FFF;
}
.more.flyout-active .flyout-wrapper {
display: block;
}
.flyout-wrapper {
width: 200px;
display: none;
position: absolute; 
top: 0px; 
left: 50px;
z-index: 105;
padding-bottom: 20px;
overflow: hidden;
}
.flyup .flyout-wrapper {
top: auto; 
bottom: 0px;
padding-bottom: 0; 
padding-top: 20px;
}
.flyout {
width: 170px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border: 3px solid #666;
background-color: #FFF;
-moz-box-shadow: 3px 3px 5px #999;
-webkit-box-shadow: 3px 3px 5px #999;
max-height: 300px;
overflow: auto;
position: relative;
}
.flyup .flyout {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
}
#inbound-tabs .dropdown .more .flyout li {
position: relative;
min-height: 1%;
}
#inbound-tabs .dropdown .flyout li.unread {
border-top: 1px solid #FFF; 
}
#inbound-tabs .dropdown .more .flyout a {
display: block;
position: relative;
background-image: none; 
height: 14px;
line-height: 18px;
padding:8px 10px;
text-decoration: none;
}
#inbound-tabs .dropdown .flyout a:hover {
color: #369; 
background: #FFF url(../images/inbound-nav/more-button-over.png) 0px 0px repeat-x; 
color: #000; 
}
#inbound-tabs .dropdown .more .flyout a .edit,  
#inbound-tabs .dropdown .more .flyout a .delete {
display: none;
position: absolute; 
top: 10px;
z-index: 151;
height: 12px;
width:12px ;
overflow: hidden;
text-indent: -3000px;
}
#inbound-tabs .dropdown .more .flyout a:hover .edit,  
#inbound-tabs .dropdown .more .flyout a:hover .delete {
display: block;
}
#inbound-tabs .dropdown .more .flyout a .edit {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -350px no-repeat; 
right: 27px;
}
#inbound-tabs .dropdown .more .flyout a .delete {
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -350px no-repeat; 
right: 5px;
}
#inbound-tabs .flyout li:first-child a {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
#inbound-tabs .dropdown .flyout li.archived {
border-bottom: 2px solid #535453; 
}
#inbound-tabs .dropdown .flyout li.archived:last-child {
border-bottom: none;
}
#inbound-tabs .dropdown .more.flyout li:last-child a {
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}




/* INBOUND NAV TOOLBAR
=== === === === === === === === === === */
#inbound-toolbar {
background: url(../images/inbound-nav/inbound-nav-bg.png) bottom left repeat-x; 
height: 26px;
padding:7px 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
#search-inbound {
background:#FFF url(../images/inbound-nav/inbound-nav-sprite.png) 8px -295px no-repeat; 
float: right;
color: #999;
font-size: 14px;
font-family:Helvetica,Arial,sans-serif;
padding: 3px 10px 3px 25px;
margin: 1px 5px 0px 0px;
border: none;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
width: 120px;
height: 17px;
} 
#search-inbound:focus, 
#search-inbound:active {
color: #000; 
}
.search-active #mark-unread {
display: none;
}

/* TOOLBAR BUTTONS
=== === === === === === === === === === */
#toolbar-buttons a, 
#toolbar-buttons span, 
#toolbar-buttons em {
display: block;
float: left;
height: 26px;
line-height: 26px;
overflow: hidden;
color: #CCC;
font-size: 14px;
font-style: normal;
}
#toolbar-buttons a {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -900px no-repeat; 
padding-left: 10px; 
text-decoration: none;
margin-right: 5px;
}
#toolbar-buttons span{
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -950px no-repeat; 
padding-right: 10px; 
}
#toolbar-buttons a:hover,
#toolbar-buttons a:hover span, 
#toolbar-buttons a:hover em {
color: #FFF;
} 
#toolbar-buttons a:hover {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1000px no-repeat; 
}
#toolbar-buttons a:hover span {
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -1050px no-repeat; 
}
#toolbar-buttons a:active {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1100px no-repeat; 
color: #999;
}
#toolbar-buttons a:active span{
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -1150px no-repeat; 
color: #999;
}
#toolbar-buttons #select-all span, 
#toolbar-buttons #unselect-all span {
width: 80px;
text-align: center;
}
#toolbar-buttons #new-message-button, 
#toolbar-buttons #delete-button  {
padding-left: 7px;
}
#toolbar-buttons #new-message-button em {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1447px no-repeat; 
padding-left: 26px;
}
#toolbar-buttons #new-message-button:hover em {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1297px no-repeat; 
padding-left: 26px;
}
#toolbar-buttons #delete-button em {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1347px no-repeat; 
padding-left: 26px;
}
#toolbar-buttons #delete-button em {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1397px no-repeat; 
padding-left: 26px;
}
#inbound-toolbar .inactive #delete-button em {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1347px no-repeat; 
}

/* TOOLBAR INACTIVE/HIDDEN BUTTON STATE (.dependant class for checkbox dependant buttons only ie. 'delete')
=== === === === === === === === === === */
#inbound-toolbar .inactive  a.dependant,
#inbound-toolbar .inactive  a.dependant:hover,
#inbound-toolbar .inactive  a.dependant:active {
background: url(../images/inbound-nav/inbound-nav-sprite.png) 0px -1200px no-repeat; 
color: #666;
}
#inbound-toolbar .inactive  a.dependant span,
#inbound-toolbar .inactive  a.dependant:active span, 
#inbound-toolbar .inactive  a.dependant:hover span {
background: url(../images/inbound-nav/inbound-nav-sprite.png) right -1250px no-repeat; 
color: #666;
}
#inbound-toolbar .inactive  a.dependant em,
#inbound-toolbar .inactive  a.dependant:active em, 
#inbound-toolbar .inactive  a.dependant:hover em {
color: #666;
}

.read #mark-unread, 
.unread #mark-read {
display:none;
}


/* UNBOUND COLUMN HEADER
=== === === === === === === === === === */
#optionalColumnHeaderMiddle, 
#optionalColumnHeaderLeft, 
#optionalColumnHeaderRight {
display:block;
position:absolute;
top:0;
}
#optionalColumnHeaderMiddle{
background:url(../images/messagesSelectedBackCenter.png) top left repeat-x;
display:block;
position:absolute;
left:10px;
right:8px;
bottom:0;
}
#optionalColumnHeaderLeft{
display:block;
position:absolute;
width:10px;
height:62px;
left:0;
top:0;
background-image:url(../images/unbound-left-corner.png);
background-repeat:no-repeat;
background-position:0px 0px;
}
#optionalColumnHeaderRight{
background:url(../images/messagesSelectedBackRight.png) 0px -24px no-repeat;
width:10px;
height:62px;
right:0;
}


/*WELCOME MODAL
=== === === === === === === === === === */
#unifi_c_welcome{
background-image:url(../images/welcomeShadow.png);
background-position:-94px -22px;
background-repeat:no-repeat;
display:block;
height:701px;
left:50%;
margin-left:-420px;
margin-top:-355px;
position:fixed;
top:50%;
width:840px;
z-index:2001;
}
#unifi_userWelcomeText{
color:#BC180C;
display:block;
font-size:31px;
left:75px;
margin-right: 250px;
position:absolute;
text-shadow:0 1px 1px #F99378;
top:95px;
z-index:100;
}
#unifi_c_welcome .get-started-button {
background: url(../images/buttons/getstarted.png) top left no-repeat;
width: 182px;
height: 55px;
overflow: hidden;
cursor: pointer;
position: absolute;
z-index: 200;
top: 90px;
right: 65px;
}
#unifi_userWelcomeFacePic{
display:block;
height:123px;
left:76px;
position:absolute;
top:58px;
width:123px;
z-index:150;
}

#unifi_userWelcomeClose{
background-image:url(../images/welecomeClose.png);
background-position:0 0;
background-repeat:no-repeat;
cursor:pointer;
display:block;
height:25px;
position:absolute;
right:59px;
top:49px;
width:20px;
z-index:100;
}
#unifi_userWelcomeClose:hover{
background-position:0px -27px;
}

.unifi_welcomeSubText{
color:#FFFFFF;
display:block;
font-size:18px;
position:absolute;
text-shadow:1px 1px 1px #000000;
width:145px;
z-index:100;
}

#unifi_allOnePlace{
left:79px;
top:207px;
}

#unifi_enjoyableExperience{
left:257px;
top:207px;
}

#unifi_focusWelcome{
left:434px;
top:225px;
}

#unifi_discoverMore{
left:611px;
top:207px;	
}

#unifi_welcomeIntroducing{
color:#BC180C;
display:block;
font-size:20px;
left:364px;
position:absolute;
text-shadow:0 1px 1px #F99378;
top:413px;
z-index:100;
}

#unifi_inboundWelcome{
left:79px;
top:464px;
width:292px;
z-index:100;
}

#unifi_unboundWelcome{
left:467px;
top:465px;
width:292px;
z-index:100;
}

#unifi_inboundTitle{
left:162px;
top:404px;
z-index:100;
}

#unifi_unboundTitle{
left:535px;
top:406px;
z-index:100;
}

.unifi_welcomeSubTextLrg{
color:#BBBBBB;
display:block;
font-size:32px;
position:absolute;
text-shadow:0 -1px 1px #000000;
z-index:100;
}

#unifi_welcomeGrain_topRight{
background-image:url(../images/welcomeGrain_tr.png);
background-repeat:no-repeat;
display:block;
height:14px;
position:absolute;
right:54px;
top:47px;
width:14px;
z-index:5;
}
#unifi_welcomeGrain_topLeft{
background-image:url(../images/welcomeGrain_tl.png);
background-repeat:no-repeat;
display:block;
height:14px;
left:52px;
position:absolute;
top:47px;
width:13px;
z-index:5;
}

#unifi_welcomeGrain_middle{
background-image:url(../images/welcomeGrain_middle.png);
bottom:54px;
display:block;
left:53px;
position:absolute;
right:54px;
top:58px;
z-index:5;
}

#unifi_welcomeGrain_bottomRight{
background-image:url(../images/welcomeGrain_br.png);
background-repeat:no-repeat;
bottom:43px;
display:block;
height:13px;
position:absolute;
right:53px;
width:14px;
z-index:5;
}

#unifi_welcomeGrain_bottomLeft{
background-image:url(../images/welcomeGrain_bl.png);
background-repeat:no-repeat;
bottom:43px;
display:block;
height:13px;
left:52px;
position:absolute;
width:13px;
z-index:5;
}

#unifi_welcomeGrain_topMiddle{
background-image:url(../images/welcomeGrain_middle.png);
display:block;
height:13px;
left:65px;
position:absolute;
right:68px;
top:47px;
z-index:5;
}

#unifi_welcomeGrain_bottomMiddle{
background-image:url(../images/welcomeGrain_middle.png);
bottom:43px;
display:block;
height:13px;
left:65px;
position:absolute;
right:67px;
z-index:5;
}

#unifi_welcomeOverlay{
background-image:url(../images/welcomeOverlay.png);
background-repeat:no-repeat;
bottom:40px;
left:50px;
position:absolute;
right:53px;
top:47px;
z-index:10;
}

#unifi_welcomeBanner{
background-image:url(../images/welcomeBanner.png);
background-repeat:repeat-x;
display:block;
height:100px;
left:52px;
position:absolute;
right:55px;
top:72px;
z-index:20;
}

#unifi_introducingPlate{
background-image:url(../images/welcomeSprite.png);
background-position:-5px -2px;
display:block;
height:75px;
left:321px;
position:absolute;
top:389px;
width:187px;	
z-index:20;
}

#unifi_welcomeInboundFacebook{
background-image:url(../images/welcomeSprite.png);
background-position:-122px -93px;
display:block;
height:75px;
left:240px;
position:absolute;
top:536px;
width:60px;
z-index:100;
}

#unifi_welcomeInboundMsg{
background-image:url(../images/welcomeSprite.png);
background-position:-26px -93px;
display:block;
height:75px;
left:140px;
position:absolute;
top:538px;
width:92px;	
z-index:100;
}

#unifi_welcomeUnboundFacebook{
background-image:url(../images/welcomeSprite.png);
background-position:-122px -93px;
display:block;
height:75px;
left:541px;
position:absolute;
top:536px;
width:60px;
z-index:100;
}

#unifi_welcomeUnboundTwitter{
background-image:url(../images/welcomeSprite.png);
background-position:-186px -90px;
display:block;
height:75px;
left:610px;
position:absolute;
top:531px;
width:62px;	
z-index:100;
}

#unifi_welcomeMagnifier{
background-image:url(../images/welcomeMagnifier.png);
display:block;
height:85px;
position:absolute;
right:150px;
top:259px;
width:80px;
z-index:150;
}

/* TOGGLE COLUMN CONTROLS
=== === === === === === === === === === */
#toggleColumn{
background:white none repeat scroll 0 0;
bottom:0;
display:block;
position:absolute;
right:0;
top:0;
width:11px;
}
#toggleColumnA {
background-color:#EEEEEE;
background-repeat:no-repeat;
border:1px solid #BBBBBB;
cursor:pointer;
display:block;
height:50px;
margin-top:-27px;
position:absolute;
top:50%;
width:8px;
background-image:url(../images/columnArrows.png);
}
#toggleColumnB {
background-image:url(../images/columnArrows.png);
background-repeat:no-repeat;
cursor:pointer;
display:block;
height:50px;
margin-top:27px;
position:absolute;
top:50%;
width:8px;
background-color:#eeeeee;
border:1px solid #bbbbbb;
}
#toggleColumnA:hover, #toggleColumnB:hover {
background-color:#ffffff;
border:1px solid #aaaaaa;
}

#toggleColumnA.toggleNone,
#toggleColumnB.toggleNone{
display:none;
}

#toggleColumnA.toggleSingleOpen, 
#toggleColumnB.toggleSingleOpen{
background-position:-33px 21px;
}

#toggleColumnA.toggleDoubleOpen, 
#toggleColumnB.toggleDoubleOpen{
background-position: -33px -10px;
}

#toggleColumnA.toggleSingleClose,
#toggleColumnB.toggleSingleClose{
background-position: 0 -11px;
}

#toggleColumnA.toggleDoubleClose,
#toggleColumnB.toggleDoubleClose{
background-position: -1px 20px;
}


/* HAS PERSONCARD OVERRIDES
=== === === === === === === === === === */





.unifi_hasPersonCard #optionalReadingBottomButtonsList{
display:none;
}

.unifi_hasPersonCard #optionalReadingBottomButtons{
top:62px;
z-index:2;
}



.unifi_hasPersonCard #optionalReadingTopButtons{
height:55px;	
}

.unifi_hasPersonCard #optionalColumnHeaderContent{
height:90px;	
}

.unifi_hasPersonCard #c_optionalReadingTopButtons {
height:56px;	
}

.unifi_hasPersonCard #c_optionalReadingTopButtonsList .unifi_navPic .userNavPic {
height:40px;
width:40px;
}

.unifi_hasPersonCard #c_optionalReadingTopButtonsList li.unifi_navPic{
display:block;
height:54px;
position:relative;
width:54px;
}

.unifi_hasPersonCard #c_optionalReadingTopButtonsList .unifi_navPic .defaultNavPic {
display:block;
height:53px;
left:-3px;
position:absolute;
top:-2px;
width:53px;
z-index:1;
}

.unifi_hasPersonCard  #c_optionalReadingTopButtonsList .unifi_navPic .unifi_notchIdentifier {
left:12px;
}

.unifi_hasPersonCard #c_optionalReadingTopButtonsList .unifi_highlightNavPic {
border:2px solid #FFFFFF;
display:block;
height:40px;
left:1px;
position:absolute;
top:0;
width:40px;
z-index:2;
}

.unifi_hasPersonCard #c_optionalReadingTopButtonsList .selected .unifi_highlightNavPic, #c_optionalReadingTopButtonsList li:hover .unifi_highlightNavPic {
border:3px solid #FF6632;
display:none;
}

.unifi_hasPersonCard .unifi_optionalStreamManager, .unifi_hasPersonCard .unifi_pseudoColumnBackground  {
top:89px;	
}


/* INVITE LINK
=== === === === === === === === === === */
.invite-friends-link-tweet {
color:#FFFFFF;
cursor:pointer;
font-family:Helvetica,Arial,san-serif;
line-height:30px;
position:absolute;
right:5px;
text-shadow:0 1px 1px #000000;
top:2px;
font-size:11px;
}
.invite-friends-link-tweet:hover {
text-decoration: underline;
}




/*----------------------------------
TREADSY
VERSION: 1.0
NAME:MESSAGES CSS

COPYRIGHT 2009

ORGANIZATION:

/* COLUMNS
/* INBOUND COLUMN
/* UNBOUND COLUMN
/* SETTINGS IFRAME
/* PAGE FOOTER

/*MESSAGE DIVIDER ('OLDER MESSAGES', 'NO MESSAGES')

/* MESSAGES
/* MESSAGE SLUG
/* TWITTER SLUG
/* MESSAGE SLUG TO DISPLAY
/* MESSAGE SLUG TO ADDRESS
/* MESSAGE SLUG HIGHLIGHT
/* MESSAGE SLUG AVATAR
/* MESSAGE SLUG FACEPIC HOVER ('LARGER PIC')
/* MESSAGE SLUG FROM FIELD
/* TWITTER SLUG FROM FIELD
/* TWITTER SLUG FROM FIELD
/* MESSAGE SLUG SUBJECT LINE
/* MESSAGE SLUG MESSAGE PREVIEW
/* TWITTER SLUG SUBJECT LINE
/* MESSAGE SLUG ACTION BUTTONS
/* TWITTER SLUG QUICK ACTIONS
/* MESSAGE SLUG DATE
/* MESSAGE SLUG SERVICE
/* MESSAGE SLUG CHECKBOX
/* MESSAGE SLUG CC STRING
/* MESSAGE SLUG CC DROP DOWN

/* SINGLE LINE VIEW MANAGER

/* MESSAGE OPENED
/* MESSAGE OPENED HEADER CONTROL
/* MESSAGE OPENED BODY HOLD
/* MESSAGE OPENED FOOTER
/* MESSAGE OPENED ATTACHMENTS

/* TIPS

/* UNIFI COLOR THEMES ('READ', 'UNREAD')
/* TWITTER INBOUND "READ" BUBBLE

/* FACEBOOK INBOUND THREADS
/* FOOTER BUBBLE MESSAGE


-----------------------------------*/

/* COLUMNS
=== === === === === === === === === === */

#columns{
z-index:40;
min-height:0;
}

/* INBOUND COLUMN
=== === === === === === === === === === */
#messagesColumn {
bottom:0;
display:block;
left:0;
min-height:0;
overflow:visible;
padding:99px 2px 0 10px;
position:fixed;
right:383px;
text-transform:lowercase;
top:36px;
z-index:50;
}

.noColumn #messagesColumn{
right:0;
}

#messagesColumn .unifi_messageContain{
border-left:5px solid #333333;
border-right:5px solid #333333;
background-color:#333333;
bottom:25px;
display:block;
left:0;
overflow:auto;
position:absolute;
right:11px;
top:82px;
}

/* UNBOUND COLUMN
=== === === === === === === === === === */

.noColumn #optionalColumn{
display:none;
}

/* PAGE FOOTER
=== === === === === === === === === === */
#unifi_footer {
background-color:#333333;
bottom:0;
display:block;
height:25px;
position:fixed;
width:100%;
z-index:300;
}

#unifi_footerList {
margin: 0;
padding: 0;
min-height:0;
margin-top:6px;
}

#unifi_footerList li {
color:#FFFFFF;
display:block;
float:left;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:10px;
margin:1px 10px;
cursor:pointer;
}

#unifi_footerList li:hover {
text-decoration:underline;
}

#unifi_footerList li a{
color:#FFFFFF;
text-decoration:none;
}

#unifi_footerList li a:hover{
text-decoration:underline;
}

/* FOOTER BUBBLE MESSAGE
=== === === === === === === === === === */

.th_c_messageBubble {
background-image:url(../images/footer/messagebubble-left.png);
background-repeat:no-repeat;
display:block;
height:80px;
left:90px;
position:absolute;
top:-65px;
}

.th_c_messageBubbleContent {
background-image:url(../images/footer/messagebubble-middle.png);
background-repeat:repeat-x;
display:block;
height:80px;
margin-left:48px;
margin-right:20px;
position:relative;
}

.th_c_messageBubbleContent h3{
color:white;
font-weight:400;
margin:0 0 0 -29px;
padding-top:20px;
}.th_footerEnd {
background-image:url(../images/footer/messagebubble-right.png);
background-repeat:no-repeat;
display:block;
position:absolute;
right:0;
height:80px;
width:20px;
}

/* SETTINGS IFRAME
=== === === === === === === === === === */
#settingsIframe{
-moz-border-radius:10px;
-moz-box-shadow: 0px 0px 10px 0px #000000;
-webkit-border-radius:10px;
border:10px solid #000000;
display:block;
height:430px;
left:50%;
margin-left:-480px;
margin-top:-215px;
position:absolute;
top:50%;
width:960px;
}

/*MESSAGE DIVIDER ('OLDER MESSAGES', 'NO MESSAGES')
=== === === === === === === === === === */
.unifi_messageDivider {
position:relative;
height:20px;
color:white;
background-color:#F26631;
text-align:center;
background-image:url(/images/messageDivider_shadow.png);
background-position:center -1px;
background-repeat:repeat-x;
display:none;
}
.unifi_messageDivider div, .unifi_messageDivider strong {
font-weight:400;
line-height:20px;
color:#ffffff;
height: 20px;
min-width: 0;
display: none;
}

.unifi_messageDivider.orange {
background-color:#F26631;
}

.unifi_messageContain .unifi_messageDivider {
right:2px
}



/* MESSAGES
=== === === === === === === === === === */

.unifi_message{
font-family: Helvetica,Arial,sans-serif;
font-weight:400;
}


/* MESSAGE SLUG
=== === === === === === === === === === */

.unifi_message {
display:block;
position:relative;
background-color:#eee;
clear:both;
font-size:15px;
border-bottom:1px solid #D6D6D6;
border-top:1px solid #FFFFFF;
margin-right:2px;
min-height:0; /*hasLayout = true*/
}
.messagesColumn .unifi_message {
min-width:550px;
margin-right:0;
}

/* TWITTER SLUG
=== === === === === === === === === === */
.unifi_twitterInbound .unifi_messageSubjectContain .unifi_messageSubject, .unifi_twitterInbound.unifi_read .unifi_messageSubjectContain .unifi_messageSubject {
font-size:12px;
min-height:35px;
z-index:10;
margin:5px 24px 10px 15px;
font-family: helvetica,arial,sans-serif;
}
.unifi_twitterInbound .unifi_messageSubjectContain.hasAttachment .unifi_messageSubject {
padding-right:70px;
min-height:0;
}

/* MESSAGE SLUGE TO DISPLAY
=== === === === === === === === === === */
.unifi_messageContain.sent .unifi_toSlug{
font-size:110%;
font-weight:bold;
line-height:normal;
margin-top:9px;
}
.unifi_toDisplay {/*GENERAL*/
cursor:pointer;
display:block;
margin: 0;
position:absolute;
z-index: 49;
width:20px;
}
.composeMode .unifi_toDisplay {
display: none;
}
#messagesColumn .unifi_toDisplay {
top: 30px;
right: 27px;
}
#messagesColumn .unifi_Opened .unifi_toDisplay {
right: 96px;
}
.unifi_message .unifi_toDisplay span {
width: 16px;
}
div.unifi_toSlug {
cursor:pointer;
display:block;
height:20px;
width: 20px;
overflow:hidden;
float: left;
}
div.unifi_toSlug span {
display: none;
}
div.unifi_toSlug .and-others-arrow {
display: block;
padding: 4px;
cursor: pointer;
min-height:0;
}
div.unifi_toSlug strong {
font-size:10px;
}
div.unifi_toSlug .unifi_imgHold {
position:relative;
top:2px;
margin-right:4px;
min-height:0; /*hasLayout = true*/
}
.unifi_imgHold img {
display:inline;
}

/* MESSAGE SLUG TO ADDRESS
=== === === === === === === === === === */
.unifi_toAddressFormat {
font-size:12px;
margin:15px 0px 0px -5px;
z-index:50;
}
.singleLine .unifi_toAddressFormat {
margin-top: 5px;
}
.unifi_Opened .unifi_toAddressFormat {
margin-top: 15px;
}

/* MESSAGE SLUG HIGHLIGHT
=== === === === === === === === === === */
.unifi_highlightL {
background-position:-1px -4px;
background-repeat:no-repeat;
display:block;
height:50px;
left:-2px;
position:absolute;
top:0;
visibility:hidden;
width:18px;
z-index:2;
}
.unifi_highlightR {
background-repeat:no-repeat;
display:block;
height:55px;
position:absolute;
right:-2px;
top:-4px;
width:24px;
z-index:100;
visibility:hidden;
}

.unifi_message:hover .unifi_highlightL, .unifi_message:hover .unifi_highlightR, .unifi_message:hover .unifi_actionButtons {
visibility:visible;
}

.unifi_message.unifi_Opened .unifi_highlightL, .unifi_message.unifi_Opened .unifi_highlightR, .unifi_message.unifi_quickReplyOpen .unifi_actionButtons, .unifi_message.unifi_quickReplyOpen .unifi_highlightR,  .unifi_message.unifi_quickReplyOpen .unifi_highlightL{
visibility:hidden;
}

.unifi_highlightR.orange {
background-image:url(../images/messages/highlight_r-orange.png);
}

.unifi_highlightL.orange {
background-image:url(../images/messages/highlight_l-orange.png);
}

/* MESSAGE SLUG AVATAR
=== === === === === === === === === === */
#messagesColumn .unifi_messageAvatar {
background: url(../images/noFacePic-blank.png) top left no-repeat;
height: 49px;
width: 49px;
margin: 0;
padding:0;
text-align: center;
cursor: pointer;
}
#messagesColumn .unifi_messageAvatar:hover {
background: url(../images/defaultFacePicHover.png) top left no-repeat;
}

#messagesColumn .unifi_avaOtherwfp {
background: url(../images/defaultFacePic-blank.png) top left no-repeat;
cursor: pointer;
}
#messagesColumn .unifi_avaOtherwfp:hover {
background: url(../images/defaultPicBlankHover.png) top left no-repeat;
}
.unifi_messageAvatar img.unifi_yesFacePicContact {
height:37px;
width:37px;
margin: 5px auto;
display:block;
}
.unifi_messageAvatar img.unifi_favIconOthers {
border:medium none;
display:block;
height:16px;
width:16px;
margin:15px auto;
position:relative;
}
.unifi_messageAvatar {
display:block;
position:relative;
height:50px;
width:50px;
float:left;
overflow:hidden;
}
.unifi_c_messageAvatar{
display:block;
position:relative;
float:left;
min-height:0;
}
.unifi_messageAvatar.unifi_avaContactwfp {
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
}
.unifi_messageAvatar img.unifi_noFacePicContact {
height:18px;
left:16px;
position:absolute;
top:16px;
width:18px;
display:block;
}


/* MESSAGE SLUG FACEPIC HOVER ('LARGER PIC')
=== === === === === === === === === === */

.unifi_facepicHover {
background: #FFF url(../images/ajax-loader-big.gif) center center no-repeat;
border:5px solid #000;
display:block;
height:200px;
left:100px;
margin-top:0;
overflow:hidden;
position:absolute;
width:200px;
z-index:301;
}

/* MESSAGE SLUG FROM FIELD
=== === === === === === === === === === */
.unifi_messageContain.sent .unifi_fromSlug{
font-size:70%;
font-weight:normal;
margin-top:0px;
}
.unifi_messageFrom {
display:block;
position:relative;
height:50px;
width:170px;
float:left;
overflow:hidden;
cursor:pointer;
}
.unifi_messageFrom .unifi_fromSlug {
background-color:transparent;
cursor:pointer;
display:block;
margin:10px 0px 3px 15px;
min-height:0;
overflow:hidden;
position:relative;
text-decoration:none;
white-space:nowrap;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size: 14px;
}
.unifi_read .unifi_fromSlug {
font-weight:400;
}

/* TWITTER SLUG FROM FIELD
=== === === === === === === === === === */
.unifi_twitterInbound .unifi_messageFrom {
display:block;
position:absolute;
height:50px;
width:170px;
top: 0;
left: 0;
z-index: 90;
}

/* TWITTER SLUG FROM FIELD
=== === === === === === === === === === */

.unifi_msgSubjectAttachment {
background:transparent url(../images/paperclip.png) no-repeat scroll center top;
cursor: pointer;
display:block;
float:left;
margin-top:10px;
margin-left: -10px;
margin-right: -16px;
position:relative;
height:16px;
width:16px;
}

/* MESSAGE SLUG SUBJECT LINE
=== === === === === === === === === === */
.unifi_messageSubjectContain {
display:block;
position:relative;
height:50px;
overflow:hidden;
cursor:pointer;
padding-left:15px;
}
.unifi_messageSubjectContain .unifi_messageSubject{
display:block;
position:relative;
font-weight:bold;
font-size: 14px;
margin:10px 130px 3px 5px;
height: 18px;
float:left;
overflow:hidden;
cursor:pointer;
}
.unifi_messageSubjectContain .unifi_messageSubject, .unifi_messageSubjectContain .unifi_messageSubject a {
color:#000;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
}
.unifi_read .unifi_messageSubjectContain .unifi_messageSubject, .unifi_read .unifi_messageSubjectContain .unifi_messageSubject a {
color:#333;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:none;
}
.unifi_messageSubjectContain .unifi_messageSubject a:hover {
text-decoration:underline;
}
.unifi_read .unifi_messageSubject {
font-weight:400;
}
.unifi_messageSubjectContain.facebook.facebook-wallpost-subject .unifi_messagePreview {
clear:left;
cursor:pointer;
display:block;
font-size:10px;
height:20px;
line-height:16px;
margin:0 70px 0 25px;
overflow:hidden;
position:relative;
text-decoration:none;
top:-4px;
}

.unifi_messageSubjectContain .unifi_messagePreview {
display:block;
position:relative;
text-decoration:none;
height:20px;
line-height:16px;
margin:0px 70px 0px 5px;
overflow:hidden;
clear:left;
font-size:10px;
top:-4px;
cursor:pointer;
}
.facebook-wallpost-subject .unifi_messageSubject {
margin:10px 105px 3px 5px;
}

/* MESSAGE SLUG MESSAGE PREVIEW
=== === === === === === === === === === */

.facebook-wallpost-subject .unifi_messagePreview {
margin:0 105px 0 0;
}
.unifi_messageSubjectContain .unifi_messagePreview .smallText{
height: 19px;
overflow: hidden;
min-width: 0;
text-transform:none;
}
.unifi_messagePreview span{
text-transform:none;
}
.unifi_messageSubjectContain .unifi_messagePreview, .unifi_messageSubjectContain .threadsy_facebookLinks{
font-size:10px;
}
.unifi_messageSubjectContain .unifi_messagePreview a {
color:#333333;
}
.unifi_read .unifi_messageSubjectContain .unifi_messagePreview a {
color:#848484;
}


/* TWITTER SLUG SUBJECT LINE
=== === === === === === === === === === */
.unifi_twitterInbound .unifi_messageSubjectContain .unifi_messageSubject{
height:auto;
position: relative;
min-height:20px;
padding-left: 175px;
padding-right: 60px;
}

.unifi_twitterInbound.unifi_white .unifi_messageSubjectContain .unifi_messageSubject div{
font-weight:bold;
line-height: 23px;
}
.unifi_twitterInbound.unifi_white.unifi_read .unifi_messageSubjectContain .unifi_messageSubject div{
font-weight:normal;
}
.unifi_twitterInbound .unifi_messageSubjectContain {
height:auto;
min-height:50px;
padding-left:0;
}


/* MESSAGE SLUG QUICK ACTIONS
=== === === === === === === === === === */
.unifi_actionButtons.orange .unifi_messageQuickReply {
background-image:url(../images/messages/quick-reply-orange-small.png);
}
.unifi_actionButtons.orange  .unifi_messageQuickDelete {
background-image:url(../images/messages/quick-delete-orange-twitter.png);
}
.unifi_actionButtons {
cursor:pointer;
display:block;
height:24px;
visibility:hidden;
position: absolute;
top: 25px;
left: 105px;
z-index: 300;
background: none;
}
.unifi_actionButtons .unifi_messageQuickReply {
background-position:-2px -23px;
background-repeat:no-repeat;
cursor:pointer;
display:block;
height:22px;
width:22px;
float: left;
margin-right: 5px;
margin-top:2px;
}

.unifi_actionButtons .unifi_messageQuickReply:hover {
background-position: -2px -2px;
}
.unifi_actionButtons .unifi_messageQuickDelete {
background-position:-2px -23px;
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:left;
height:22px;
margin-left:4px;
margin-right:5px;
width:22px;
}
.unifi_actionButtons .unifi_messageQuickDelete:hover {
background-position:-2px -1px;
}
.unifi_actionButtons .message-quick-archive {
background-image: url(../images/messages/quick-archive.png);
background-position:-2px -23px;
background-repeat:no-repeat;
cursor:pointer;
display:block;
height:22px;
width:22px;
float: left;
margin-right: 5px;
}
.unifi_actionButtons .message-quick-archive:hover {
background-position:-2px -1px;
}

/* TWITTER SLUG QUICK ACTIONS
=== === === === === === === === === === */
.unifi_atReplyActions .unifi_messageQuickRT, .unifi_messageQuickAT, .unifi_messageQuickDM, .unifi_messageQuickFAV {/*ALL*/
cursor:pointer;
display:block;
height:20px;
width:20px;
margin: 3px;
float: left;
}

.singleLine .unifi_messageQuickFAV{
cursor:pointer;
display:block;
float:left;
height:20px;
margin:2px 2px 0 -3px;
width:20px;
}
.unifi_atReplyActions .unifi_messageQuickRT {
background:url("../images/stream/streamActions3.png") no-repeat scroll -28px -32px transparent;
}
.singleLine .unifi_messageQuickDM {
margin-left:0;
margin-top:1px;
}
.unifi_atReplyActions .unifi_messageQuickRT:hover {
background-position:-121px -32px;
}
.unifi_messageQuickAT{
background:url(../images/messages/quick-twitter.png) -39px -8px no-repeat;
}
.unifi_messageQuickAT:hover{
background-position:-151px -8px;
}
.unifi_dmActions .unifi_messageQuickAT{
right:63px;
}
.unifi_messageQuickDM{
background:url(../images/messages/quick-twitter.png) -39px -106px no-repeat;
}
.unifi_messageQuickDM:hover{
background-position:-151px -105px;
}
.unifi_messageQuickFAV{
background:url(../images/messages/quick-twitter.png) -39px -73px no-repeat;
margin-left:-2px;
}
.unifi_messageQuickFAV:hover{
background-position:-152px -74px;
}
.unifi_twitterInbound .unifi_actionButtons .unifi_messageQuickDelete:hover{
background-position:-1px -2px;
}
.unifi_quickReplyContain .c_char_counter{
bottom:auto;
color:#888888;
font-size:12px;
height:12px;
overflow:hidden;
position:absolute;
right:12px;
top:58px;
z-index:2;
}
.unifi_msgSubjectAttachmentTwitter{
display:block;
height:25px;
position:absolute;
right:65px;
top:10px;
width:25px;
z-index:20;
cursor:pointer;
background-repeat:no-repeat;
}
.unifi_msgSubjectAttachmentShowMore{
bottom:7px;
color:#888888;
display:block;
font-size:10px;
position:absolute;
right:65px;
z-index:20;
text-shadow:0px 1px 1px #fff;
}

.unifi_msgSubjectAttachmentTwitter.photo{
background-image:url(../images/icons/photo_icon_large.png);
min-height:0;

}

.unifi_msgSubjectAttachmentTwitter.video {
top:7px;
background-image:url(../images/icons/video_icon_large.png);
min-height:0;
}

.unifi_viewMore {
display:block;
position:absolute;
bottom: 10px;
}

/* MESSAGE SLUG DATE
=== === === === === === === === === === */

#messagesColumn .unifi_messageDate {
top: 0px;
}
.unifi_messageDate {
cursor:pointer;
display:block;
height:50px;
position:absolute;
right: 10px;
text-align:center;
width:60px;
z-index: 48;
}
.unifi_Opened .unifi_messageDate {
right: 100px;
}
.composeMode .unifi_messageDate {
display: none;
}
.unifi_messageDateFormat {
font-size:9px;
margin:10px auto 0;
min-height:0;
width: 60px;
}
.unifi_Opened .unifi_messageDateFormat {
text-align:right;
}

/* MESSAGE SLUG SERVICE
=== === === === === === === === === === */

.unifi_messageService {
display:block;
position:relative;
height:50px;
width:50px;
float:right;
}
.unifi_messageService img {
height:20px;
position:absolute;
top:50%;
margin-top:-10px;
margin-left:10px;
}

/* MESSAGE SLUG CHECKBOX
=== === === === === === === === === === */
.unifi_sent .unifi_messageCheckBox {
background: url(../images/messages/sent_arrow.png) left center no-repeat;
}

.unifi_messageCheckBox {
display:block;
position:relative;
height:50px;
width:45px;
margin-left:2px;
float:left;
}

.unifi_checkBox {
cursor:pointer;
display:block;
height:16px;
width:16px;
margin:16px 10px 16px 20px;
position:relative;
overflow: hidden;
}


/* MESSAGE SLUG CC STRING
=== === === === === === === === === === */

.unifi_ccStringContain {
display:block;
height:20px;
overflow:hidden;
position:relative;
width:20px !important;
cursor:pointer;
}
.unifi_Opened .unifi_ccStringContain {
width: 155px !important;
}
.unifi_ccStringContain img {
display:block;
margin-left:3px;
min-height:0;
padding-bottom:1px;
}

/* MESSAGE SLUG CC DROP DOWN
=== === === === === === === === === === */

.unifi_includedPeopleShow {
background-color:#FFFFFF !important;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #DDDDDD;
display:block;
margin-left:10px;
padding:5px 0 15px;
opacity:0;
position:absolute;
width:250px;
z-index:200;
}

.unifi_includedPeopleShow a {
display:block;
font-size:10px;
margin:5px;
height:35px;
background-color:#ffffff;
}
.unifi_includedPeopleShow a:hover {
background-color: #eeeeee;
}
.unifi_includedPeopleShow img {
border:none;
display:block;
float:left;
height:35px;
margin-right:8px;
width:35px;
}
.unifi_closeCC {
background-color:#EEEEEE;
color:#888888;
cursor:pointer;
float:right;
font-size:10px;
margin:10px 5px 0px 0px;
padding:4px 10px;
font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}

.unifi_closeCC:hover {
color:white;
}
.unifi_closeCC.orange:hover {
background-color:#F26631;
}
.unifi_scrollCC {
overflow-y:auto;
max-height:240px;
padding:0px 5px;
}

.unifi_scrollCC div {
min-height:0;
}

.unifi_includedPeopleShow a div {
padding:0 7px;
}
.unifi_ccDisplayName {
font-size: 12px;
font-weight:bold;
color:#333333;
overflow:hidden;
min-height:0;
}
.unifi_ccEmail {
font-size:10px;
color:#333333;
overflow:auto;
min-height:0;
}
.unifi_ccTitle {
font-size:12px;
font-weight:bold;
}

/* SINGLE LINE VIEW MANAGER
=== === === === === === === === === === */
.singleLine .email.unifi_closed .unifi_messagePreview .smallText{
color:#888888;
font-size:12px;
height:23px;
line-height:23px;
margin:0;
top:0;
}

.singleLine #messagesColumn .unifi_message .facebook-inbound-icon {
margin-left:6px;
min-height: 0;
}

.singleLine .unifi_msgSubjectAttachmentShowMore{
display:none;
min-height: 0;
}

.singleLine .unifi_msgSubjectAttachmentTwitter {
right:65px;
top:2px;
min-height: 0;
}
.singleLine .unifi_msgSubjectAttachmentTwitter.video{
top:0;
min-height: 0;
}
.singleLine .unifi_facepicHover {
left:70px;
min-height: 0;
}
.singleLine .unifi_Opened .unifi_facepicHover{
left:100px;
}
.singleLine #messagesColumn .unifi_closed .unifi_toDisplay {
right:8px;
top:5px;
min-height: 0;
}
.singleLine .unifi_twitterInbound.unifi_closed .unifi_messageSubjectContain .unifi_messageSubject {
font-size:12px;
height:23px;
line-height:15px;
margin:0 24px 0px 10px;
min-height:10px;
overflow:hidden;
z-index:10;
}
.singleLine .email.unifi_closed .unifi_messageSubjectContain .unifi_messageSubject {
cursor:pointer;
display:block;
float:left;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
height:23px;
line-height:23px;
margin:0 10px 0 0;
overflow:hidden;
position:relative;
}
.singleLine .email.unifi_closed .unifi_messageSubjectContain.facebook.facebook-wallpost-subject .unifi_messageSubject {
margin-left:20px;
min-height: 0;
}

.singleLine .facebook-wallpost-subject .unifi_messagePreview .smallText {
margin-left:0;
min-height: 0;
}

.singleLine .email.unifi_closed .unifi_messageSubjectContain {
cursor:pointer;
display:block;
height:23px;
margin-right:90px;
overflow:hidden;
padding-left:15px;
position:relative;
}
.singleLine .email.unifi_closed .unifi_messageSubjectContain .unifi_messagePreview {
clear:none;
cursor:pointer;
display:block;
font-size:10px;
height:23px;
margin:0;
overflow:hidden;
position:relative;
text-decoration:none;
top:0;
}
.singleLine .unifi_closed .unifi_messageDate {
cursor:pointer;
display:block;
height:23px;
position:absolute;
right:20px;
text-align:center;
width:60px;
z-index:48;
}
.singleLine .unifi_closed .unifi_messageDateFormat {
font-size:9px;
margin:5px auto 0;
min-height:0;
width:60px;
}
.singleLine .unifi_closed .unifi_msgSubjectAttachment {
background:transparent url(../images/paperclip.png) no-repeat scroll center top;
cursor:pointer;
display:block;
float:left;
height:16px;
margin-left:-5px;
margin-right:-16px;
margin-top:5px;
position:relative;
width:16px;
}
.singleLine .unifi_closed .unifi_messageFrom {
cursor:pointer;
display:block;
float:left;
height:23px;
overflow:hidden;
position:relative;
width:170px;
}
.singleLine .unifi_closed.unifi_twitterInbound .unifi_messageFrom {
display:block;
height:23px;
left:0;
position:absolute;
top:0;
width:170px;
z-index:100;
}
.singleLine .unifi_closed.unifi_twitterInbound .unifi_messageSubjectContain {
height:23px;
min-height:23px;
padding-left:0;
}
.singleLine .unifi_closed .unifi_messageFrom .unifi_fromSlug {
background-color:transparent;
cursor:pointer;
display:block;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
height:23px;
line-height:23px;
margin:0 0 3px 15px;
min-height:0;
overflow:hidden;
position:relative;
text-decoration:none;
white-space:nowrap;
}
.singleLine .unifi_closed.unifi_message:hover .unifi_messageFrom .unifi_fromSlug {
display:none;
min-height: 0;
}
.singleLine .unifi_quickReplyOpen.unifi_message:hover .unifi_messageFrom .unifi_fromSlug {
display:block;
min-height: 0;
}
.singleLine .unifi_closed div.unifi_toSlug {
cursor:pointer;
display:block;


}

.singleLine .unifi_closed .unifi_messageCheckBox {
display:block;
float:left;
height:23px;
margin-left:2px;
position:relative;
width:45px;
}

.singleLine .unifi_closed .unifi_checkBox {
cursor:pointer;
display:block;
height:16px;
margin:4px 10px 16px 20px;
overflow:hidden;
position:relative;
width:16px;
}

.singleLine #messagesColumn .unifi_closed .unifi_messageAvatar {
background-position:center;
cursor:pointer;
height:18px;
margin-right:3px;
margin-top:3px;
text-align:center;
width:18px;
}

.singleLine .unifi_closed .unifi_messageAvatar img.unifi_yesFacePicContact {
display:block;
height:16px;
margin:1px;
width:16px;
}

.singleLine .unifi_closed .unifi_messageAvatar img.unifi_favIconOthers {
border:medium none;
display:block;
height:16px;
margin:1px;
position:relative;
width:16px;
}

.singleLine .unifi_closed .unifi_messageAvatar img.unifi_noFacePicContact {
display:block;
height:18px;
left:0;
position:absolute;
top:0;
width:18px;
}

.singleLine .unifi_highlightL.orange {
background-image:url(../images/messages/highlight_l-orange-small.png);
background-position:0 0;
height:24px;
left:-5px;
top:-1px;
}

.singleLine .unifi_highlightR.orange {
background-image:url(../images/messages/highlight_r-orange-small.png);
background-position:11px 0;
height:24px;
top:-1px;
}

.singleLine .unifi_closed .unifi_actionButtons {
display:block;
height:22px;
left:77px;
position:absolute;
top:0;
width:135px;
z-index:300;
}


.singleLine .unifi_closed.unifi_message:hover .unifi_actionButtons {
visibility:visible;
min-height: 0;
}

.singleLine .unifi_closed.unifi_quickReplyOpen.unifi_message:hover .unifi_actionButtons {
visibility:hidden;
min-height: 0;
}

.singleLine .email.unifi_closed .conversation-icon {
bottom:auto;
left:10px;
top:4px;
min-height: 0;
}

.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleTop,
.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleBottom,
.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleTopLeft,
.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleTopRight,
.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleBottomLeft,
.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleBottomRight,
.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleLeft,
.singleLine .unifi_twitterInbound.unifi_closed .unifi_streamBubbleRight,
.singleline .unifi_twitterInbound.unifi_closed .unifi_streamBubbleFill
{
display:none;
}

.singleLine .unifi_actionButtons .unifi_messageQuickReply {
background-position:-2px -23px;
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:left;
height:22px;
margin-left:2px;
margin-right:3px;
width:22px;
}

.singleLine .unifi_atReplyActions .unifi_messageQuickRT {
margin-top:1px;
margin-left:0;
}

/* MESSAGE OPENED
=== === === === === === === === === === */
.unifi_message.unifi_Opened .unifi_read {
background-color: #EEE;
}
.unifi_message.unifi_Opened{
border-top:1px solid transparent;
border-bottom:0;
margin-bottom:4px;
margin-top:4px;
}
.unifi_message.unifi_quickReplyOpen .unifi_read, .unifi_message.unifi_quickReplyOpen .unifi_white, .unifi_message.unifi_quickReplyOpen {
background-image: none;
background-color:transparent;
}
.unifi_messageContentArea {
font-size:13px;
text-transform:none;
border: none;
}
.unifi_contentFrame {
border:medium none;
display:block;
width:100%;
}
.unifi_Opened .unifi_actionButtons{
display: none;
}
.unifi_Opened.composeMode .unifi_actionButtons{
visibility: hidden;
display:none;
}
.unifi_messageOpened .unifi_messageCheckBox {
display:none;
}
.unifi_messageOpened .unifi_messageAvatar {
height:100px;
width:90px;
float:left;
}
.unifi_messageOpened .unifi_messageAvatar img {
width:80px;
height:80px;
margin:10px 0 10px 10px;
}
.unifi_messageOpened .unifi_messageAvatar img.unifi_noFacePicContact {
height:18px;
margin:26px 0 0 17px;
width:18px;
}
.unifi_messageOpened .unifi_messageAvatar img.unifi_favIconOthers {
height:25px;
margin:39px 0 0 35px;
width:25px;
}
.unifi_messageOpened .unifi_messageFrom {
height:100px;
width:120px;
}
.unifi_messageOpened .unifi_messageFrom div {
height: auto;
width:120px;
}
.unifi_messageOpened .unifi_messageTagSymbol {
margin-top:41px;
}
.unifi_message.unifi_Opened .unifi_toSlug {
display:block;
}
.unifi_messageOpened .unifi_messageFrom .unifi_includedPeople:hover {
text-decoration:underline;
}
.unifi_messageOpened .unifi_messageSubjectContain {
height:100px;
}
.unifi_messageOpened .unifi_messageSubjectContain .unifi_messageSubject {
margin:0;
margin:-12px 75px 0 10px;
position:absolute;
top:50%;
}
.unifi_messageOpened .unifi_messageSubjectContain .unifi_messagePreview {
display:none;
}
.unifi_messageOpened .unifi_messageDate {
height:100px;
}
.unifi_messageOpened .unifi_messageDateFormat {
margin-top:43px;
}
.unifi_messageOpened .unifi_messageService {
height:100px;
}

/* MESSAGE OPENED HEADER CONTROL
=== === === === === === === === === === */

.unifi_messageOpened .unifi_messageHeaderControl {
display:block;
position:absolute;
list-style:none;
width:150px;
top:0px;
margin-left:-70px;
}
.unifi_messageOpened .unifi_messageHeaderControl li {
display:block;
position:relative;
float:left;
width:50px;
margin-top:5px;
}
.unifi_messageOpened .unifi_messageHeaderControl a {
display:block;
position:relative;
height:30px;
background: no-repeat top;
}

.unifi_topClose {
cursor:pointer;
display:block;
float:right;
margin-right:21px;
margin-top:7px;
position:relative;
z-index:1;
min-height:0; /*hasLayout = true*/
}
.composeMode .unifi_topClose {
display: none;
}

/* MESSAGE OPENED BODY HOLD
=== === === === === === === === === === */
.body_hold{
display:block;
position:relative;
min-height:0;
padding: 0px 20px 20px 20px;
}
.body_hold div {
min-height:0;
}
#messagesColumn .unifi_messageBody{
display:block;
min-height:0;
background-color: #FFF;
font-size:12px;
margin: 0px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}
#messagesColumn .facebook .unifi_messageBody {
overflow:auto;
}
#messagesColumn .ty_h_shorty .unifi_messageBody{
visibility:hidden;
}
.body_hold div.unifi_messageBodyBar {
display:none;
width:255px;
float:left;
overflow-y:auto;
overflow-x:hidden;
}
.unifi_messageBodyFootContain, .unifi_attachmentNumber, .unifi_attachmentArea,a.unifi_myattachmentsLink, .unifi_messagecontentFooter,.unifi_messageFooterControl{
display:block;
min-height:0;
}


/* MESSAGE TOOLBAR
=== === === === === === === === === === */
.unifi_messageClose {
background: url(../images/sprites/open-message-buttons.png) 0px -550px no-repeat; 
width: 65px;
height: 32px;
overflow: hidden;
text-indent: -3000px;
position: absolute;
top: 10px;
right: 20px;
z-index: 2001;
cursor: pointer;
}
.composeMode .unifi_messageClose {
display: none;
}
.message-toolbar {
background: url(../images/sprites/open-message-buttons.png) 0px -500px repeat-x; 
height: 28px;
padding: 5px 5px 0px 5px;
margin: 0px;
border: 1px solid #CCC;
position:relative;
}
.message-toolbar ul {
float:left;
margin:0px 20px 0px 0px;
padding: 0;
list-style-type: none;
}
.message-toolbar ul li {
height: 26px;
float: left;
margin: 0;
list-style-type: none;
cursor:pointer;
}
.message-toolbar ul li a {
display:block;
height: 26px;
float: left;
margin: 0;
padding:0;
font-size: 12px;
color: #333;
text-decoration: none;
line-height: 24px;
cursor: pointer;
}
.message-toolbar ul li a:hover {
color: #FF6632;
}
.message-toolbar .toolbar-btn-left-round {
background: url(../images/sprites/open-message-buttons.png) 0px 0px no-repeat; 
padding: 0px 5px 0px 10px;
}
.message-toolbar .toolbar-btn-left-sround {
background: url(../images/sprites/open-message-buttons.png) 0px -50px no-repeat; 
padding: 0px 0px 0px 5px;
}
.message-toolbar .toolbar-btn-left-end {
background: url(../images/sprites/open-message-buttons.png) 0px -200px no-repeat; 
padding: 0px 0px 0px 5px;
}
.message-toolbar .toolbar-btn-left-end-long {
background: url(../images/sprites/open-message-buttons.png) 0px -250px no-repeat; 
padding: 0px 5px 0px 10px;
}
.message-toolbar .toolbar-btn-right-round {
background: url(../images/sprites/open-message-buttons.png) right -100px no-repeat; 
padding: 0px 10px 0px 5px;
}
.message-toolbar .toolbar-btn-right-sround {
background: url(../images/sprites/open-message-buttons.png) right -150px no-repeat; 
padding: 0px 5px 0px 0px;
}
.message-toolbar .toolbar-btn-right-end {
background: url(../images/sprites/open-message-buttons.png) right -300px no-repeat; 
padding: 0px 5px 0px 0px;
}
.message-toolbar .toolbar-btn-right-end-long {
background: url(../images/sprites/open-message-buttons.png) right -350px no-repeat; 
padding: 0px 10px 0px 5px;
}
.message-toolbar .toolbar-btn-center {
background: url(../images/sprites/open-message-buttons.png) 0px -400px repeat-x;
padding: 0px 5px 0px 10px;
}
.message-toolbar .toolbar-btn-center-right {
background: url(../images/sprites/open-message-buttons.png) 0px -400px repeat-x;
padding: 0px 10px 0px 5px;
}
.message-toolbar .toolbar-btn-dropdown {
background: url(../images/sprites/open-message-buttons.png) right -450px repeat-x; 
padding: 0px 26px 0px 0px;
margin-right: 20px;
height: 26px;
line-height: 26px;
float:left;
position:relative;
}
.message-toolbar .toolbar-btn-dropdown-inner {
background: url(../images/sprites/open-message-buttons.png) 0px 0px no-repeat; 
padding: 0px 5px 0px 10px;
height: 26px;
line-height: 24px;
float: left;
font-size: 12px;
color: #333;
}
.message-toolbar .toolbar-btn-dropdown-inner:hover {
color: #FF6632;
}
.message-toolbar .toolbar-btn-dropdown ul {
float: none;
display: none;
position: absolute; 
overflow-y: auto;
overflow-x: hidden;
top: 24px;
left: 2px;
background: #333;
border: 1px solid #000;
z-index: 2001;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-box-shadow: 0px 3px 10px #333;
-moz-box-shadow: 0px 3px 10px #333;
}
.bottom-toolbar .toolbar-btn-dropdown ul {
bottom: 26px;
top: auto;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-box-shadow: 0px -3px 10px #333;
-moz-box-shadow: 0px -3px 10px #333;
}


.message-toolbar .toolbar-btn-dropdown ul li {
float: none;
border-top: 1px solid #444;
border-bottom: 1px solid #000;
cursor: pointer;
}
.message-toolbar .toolbar-btn-dropdown ul li:last-child {
border-bottom: none;
}
.message-toolbar .toolbar-btn-dropdown ul li a {
padding: 0px 10px;
color: #FFF;
float: none;
cursor: pointer;
width: 70px;
}
.message-toolbar .moveto-dropdown ul li a {
width: 150px;
overflow: hidden;
height: 26px;
text-transform: none;
}

.message-toolbar .toolbar-btn-dropdown ul li a:hover {
background-color: #444;
color: #FFF;
}
.message-toolbar .unifi_archive strong, 
.message-toolbar .unifi_thisDelete strong, 
.message-toolbar .unifi_Reply strong, 
.message-toolbar .unifi_thisQuickReply strong {
height: 26px;
font-weight: bold;
display:block;
padding-left: 25px;
}
.message-toolbar .unifi_archive a,
.message-toolbar .unifi_thisDelete a,
.message-toolbar .unifi_Reply a, 
.message-toolbar .unifi_thisQuickReply a {
padding-left: 0; 
} 
.message-toolbar .unifi_archive strong {
background: url(../images/messages/quick-archive.png) 0px -22px no-repeat;
}
.message-toolbar .unifi_thisDelete strong {
background: url(../images/messages/quick-delete-orange-twitter.png) 0px -22px no-repeat;
}
.message-toolbar .unifi_Reply strong, 
.message-toolbar .unifi_thisQuickReply strong {
background: url(../images/messages/quick-reply-orange-small.png) 0px -22px no-repeat;
}

/* MESSAGE OPENED ATTACHMENTS
=== === === === === === === === === === */
.attachment-bar {
background: url(../images/sprites/open-message-buttons.png) 0px -800px repeat-x; 
height: 80px;
position: relative;
display: none;
}
#messagesColumn div.unifi_attachmentNumber {
background: transparent; 
color: #333;
font-size:10px;
padding:3px 5px;
font-weight:bold;
}
div.unifi_attachmentNumber strong {
font-size:12px;
}
div.unifi_attachScroll-l, div.unifi_attachScroll-r {
display:block;
height:70px;
width:35px;
}
#messagesColumn div.unifi_attachScroll-l {
background: url(../images/sprites/open-message-buttons.png) 10px -590px no-repeat; 
float:left;
}
#messagesColumn div.unifi_attachScroll-r {
float:right;
background: url(../images/sprites/open-message-buttons.png) 5px -690px no-repeat; 
}
#messagesColumn .unifi_attachmentArea {
display:block;
overflow:hidden;
background-color: transparent; 
}
#messagesColumn .unifi_myAttachments {
background-color: transparent;
display:block;
margin:0;
padding:0;
list-style:none;
}
.unifi_myAttachments li {
display:block;
text-align:center;
width:90px;
float:left;
padding-top:3px;
}
.unifi_myAttachmentsPreview {
background-position:center top;
background-repeat:no-repeat;
border:medium none;
display:block;
height:51px;
margin:0 auto;
overflow:hidden;
width:70px;
}
.unifi_myAttachmentsPreview img {
border:medium none;
height:48px;
width:50px;
}
#messagesColumn a.unifi_myattachmentsLink {
display:block;
font-size:10px;
text-decoration:none;
background-color: transparent; 
}
a.unifi_myattachmentsLink:hover {
text-decoration:underline;
}
.unifi_enlargeAttachContain {
display:block;
margin-left:0;
margin-top:-197px;
position:absolute;
z-index:50;
}
.unifi_enlargeAttach {
background:white none repeat scroll 0 0;
border:1px solid #888888;
display:block;
font-size:12px;
height:182px;
overflow:hidden;
text-decoration:none;
width:280px;
color:white;
}

.unifi_enlargeAttachDetails{
display:block;
padding:5px 0;
position:relative;
background-color:#333333;
min-height:0; /*hasLayout = true*/
}

.unifi_imageEnlargeContain {
display:table-cell;
overflow:hidden;
position:relative;
text-align:left;
vertical-align:middle;
min-height:0; /*hasLayout = true*/
}

img.unifi_enlargeAttachImg{
max-height:125px;
max-width:260px;
margin-left:auto;
margin-right:auto;
border:1px solid #333333;
display:block;
}

.unifi_copyPrevWrap {
display: table;
overflow: hidden;
height:146px;
width:280px;
}

.unifi_enlargeAttachNotImageContain {
display:block;
margin-left:0;
margin-top:-196px;
position:absolute;
z-index:50;
}
.unifi_enlargeAttachNotImage .unifi_copyPrevWrap {
height:146px;
width:280px;
text-align: center;
position:relative;
}

.unifi_enlargeAttachNotImage .unifi_copyPrevWrap a {
background-position:0 -60px;
background-repeat:no-repeat;
display:block;
height:113px;
margin:16px auto 0;
overflow:hidden;
width:99px;
position:relative;
}

a.unifi_enlargeAttachNotImage {
background:white none repeat scroll 0 0;
display:block;
font-size:12px;
height:182px;
overflow:hidden;
text-decoration:none;
width:280px;
color:white;
border:1px solid #888888;
}

.unifi_enlargeAttachText {
display: block;
position: relative;
text-align: center;
font-weight:bold;
clear:both;
min-height:0; /*hasLayout = true*/
}

.unifi_attachSize a {
color:white !important;
}

.unifi_enlargeAttachSize {
display: block;
position: relative;
text-align: center;
min-height:0; /*hasLayout = true*/
}
.unifi_enlargeAttachText a {
font-size:10px !important;
color:white !important;
font-weight:bold;
}
.unifi_enlargeAttachSize a {
font-size:10px !important;
}
a.unifi_enlargeAttach span.unifi_attachSize {
color:#848484;
font-size:10px;
}

/* TIPS
=== === === === === === === === === === */

.tip {
background-color:#000000;
color:white;
font-size:12px;
padding:0 13px;
display:block;
position:relative;
min-height:0; /*hasLayout = true*/
}


.tip-filler {
background:#000000 none repeat scroll 0 0;
display:block;
height:13px;
margin-left:13px;
margin-right:13px;
position:relative;
}

.tip-topLeft {
background-image:url(../images/tips/corner_tl.png);
background-position:left top;
background-repeat:no-repeat;
height:13px;
}

.tip-topRight {
background-image:url(../images/tips/corner_tr.png);
background-position:right 0;
background-repeat:no-repeat;
float:right;
height:13px;
width:14px;
}

.tip-bottomLeft {
background-image:url(../images/tips/corner_bl.png);
background-repeat:no-repeat;
background-position:left bottom;
height:13px;
}

.tip-bottomRight{
background-image:url(../images/tips/corner_br.png);
background-position:right bottom;
background-repeat:no-repeat;
float:right;
height:13px;
width:14px;
}

/* UNIFI COLOR THEMES ('READ', 'UNREAD')
=== === === === === === === === === === */
.unifi_message.unifi_white, .unifi_message .unifi_white {
background:#FFF url(/images/messages/depth_unread.png) left bottom repeat-x;
background-repeat:repeat-x;
}
.singleLine .unifi_message .unifi_white,
.singleLine .unifi_message.unifi_white {
background: none;
background-color: #FFF;
}
.unifi_message.unifi_read, .unifi_message .unifi_read {
background:#EEE url(/images/messages/depth_read.png) left bottom repeat-x;
}
.singleLine .unifi_message.unifi_read,
.singleLine .unifi_message .unifi_read {
background: none;
background-color: #EFEFEF;
}
.unifi_message.unifi_Opened .unifi_read, .unifi_message.unifi_Opened .unifi_white, .unifi_message.unifi_Opened {
background-image: none;
}
.unifi_read {
background-color:#EFEFEF;
color:#444;
}

.unifi_white {
background-color:#FFFFFF;
color:#000;
}
.unifi_whiteLight, .unifi_whiteLightLight {
background-color:#BEF3FC;
color:#006475;
}
.unifi_whiteLightest, .unifi_whiteLightestLightest {
background-color:#EDFBFC;
color:#006475;
}
.unifi_whiteTextText {
color:#006475;
}

.unifi_read {
background-color:#eeeeee;
color:#333;
}

.unifi_readDark {
background-color:#848484;
}
.unifi_readLight {
background-color:#F0F0F0;
color:#848484;
}
.unifi_readLightest {
background-color:#F8F8F8;
color:#848484;
}
.unifi_whiteRead {
color:#888888;
}
.unifi_readText {
color:#848484;
}

.unifi_whiteRead a {
color:#848484;
}

.fdbk_tab_right {
display:none;
visibility:hidden;
}

.unifi_message.unifi_read.unifi_quickReplyOpen{
background-color:#333;
background-image:none;
}

/*TWITTER INBOUND "READ" BUBBLE
=== === === === === === === === === === */
.unifi_twitterInbound.unifi_read .unifi_streamBubbleFill {
background-color:#eeeeee;
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleTop {
background-image:url(../images/messages/bubbleTop-read.png);
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleBottom {
background-image:url(../images/messages/bubbleBottom-read.png);
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleTopLeft {
background-image:url(../images/messages/bubbleTopLeft-read.png);
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleLeft {
background-image:url(../images/messages/bubbleLeft-read.png);
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleRight {
background-image:url(../images/messages/bubbleRight-read.png);
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleTopRight {
background-image:url(../images/messages/bubbleTopRight-read.png);
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleBottomLeft {
background-image:url(../images/messages/bubbleBottomLeft-read.png);
}
.unifi_twitterInbound.unifi_read .unifi_streamBubbleBottomRight {
background-image:url(../images/messages/bubbleBottomRight-read.png);
}


/*FACEBOOK INBOUND THREADS
=== === === === === === === === === === */
.conversation-icon {
background:transparent url(../images/icons/bubble.png) no-repeat scroll left top;
bottom:3px;
color:#3C5A98;
font-family:Verdana,arial,san-serif;
font-size:11px;
font-weight:bold;
height:20px;
left:15px;
position:absolute;
text-align:center;
width:26px;
}
.unifi_read .conversation-icon {
background: url(../images/icons/bubble_read.png) no-repeat  left top;
color: #999;
}
.facebook-wallpost-subject .unifi_messagePreview .smallText strong {
font-weight: bold;
font-size: 11px;
color: #3C5A98;
}
.unifi_read .facebook-wallpost-subject .smallText strong {
color: #333;
}
.unifi_FBhr {
clear:both;
border-bottom:1px solid #ccc;
}
.unifi_FBimgContain {
display:block;
float:left;
background: url(../images/noFacePic-blank.png) no-repeat  left top;
height: 49px;
width: 49px;
text-align: center;
}
.unifi_FBimgContain:hover {
background: url(../images/defaultFacePicHover.png) no-repeat  left top;
}
.unifi_FBimgContain img {
border:none;
height:37px;
width:37px;
margin: 5px auto;
}
.unifi_FBdataContain {
width:140px;
float: left;
display:block;
padding:5px;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}
.unifi_FBuserName {
font-size:10px;
font-weight:bold;
overflow:hidden;
padding:3px 5px 0;
text-align:right;
}
.unifi_read .unifi_FBuserName a {
color:#3B5998 !important;
cursor:pointer;
text-decoration:none;
font-size:11px;
}
.unifi_read .unifi_FBuserName a:hover {
text-decoration:underline;
}
.unifi_FBdate {
color:#777777 !important;
display:block;
padding:2px 5px 0 0;
text-align:right;
font-size:10px;
}
.unifi_FBmessage {
color:#333;
display:block;
float:left;
margin-right:5px;
padding:8px 5px 5px;
width:225px;
font-size:13px;
line-height: 18px;
}
.unifi_FBblock {
display:block;
padding:5px;
min-height:50px;
}
.unifi_FBthread {
border-top:8px solid #EEEEEE;
display:block;
margin: 0px 20px 20px 20px;
margin-right:15px;
margin-top:20px;
}
.unifi_FBcurrentMsg {
display:block;
padding:20px;
color:#000000 !important;
font-size:13px; /*special for facebook copy*/
}
.unifi_FBuserName a {
color:#3B5998;
text-decoration:none;
}
.unifi_FBuserName a:hover{
text-decoration:underline;
}

/*FACEBOOK INBOUND WALLPOST BODY
=== === === === === === === === === === */
.facebook-main-content-area {
font-size: 13px; 
color: #333;
line-height: 22px;
overflow: auto;
padding:10px;
}
.facebook-wallpost {
padding: 20px 20px 60px 85px;
position: relative;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
/*PICTURE SECTION*/
.facebook-wallpost-picture {
position: absolute;
top: 10px; 
left: 10px;
border: 3px solid #FFF;
cursor: pointer;
}
.facebook-wallpost-picture:hover {
border: 3px solid #FF6632;
}

/*HEADER SECTION*/
.facebook-wallpost-header {
}
.fwp-title {
font-size: 13px;
color: #333;
margin: 0px 0px 3px 0px;
}
.fwp-title strong,
.fwp-title a {
font-weight: bold;
text-decoration: none;
color:#364584;
}
.fwp-title a:hover {
text-decoration: underline;
}



/*attachments*/
.facebook-main-content-area .fwp-attachments {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px;
background-color:#E8EAF2;
color:#3B5998;
display:block;
font-weight:bold;
margin:10px;
padding:10px;
}
.facebook-main-content-area .facebook-wallpost-header .fwp-attachments {
margin-left:0;
margin-right:60px;
}

.facebook-main-content-area .fwp-attachments img {
display:block;
border:2px solid #fff;
}
.facebook-main-content-area .fwp-attachments a {
color:#3B5998;
cursor:pointer;
}
.facebook-main-content-area .fwp-attachments .name{
font-size:12px;
font-weight:bold;
}
.facebook-main-content-area .fwp-attachments .caption{
font-style:italic;
font-weight:normal;
font-size:10px;
}
.facebook-main-content-area .fwp-attachments .description{
font-style:normal;
font-weight:normal;
font-size:10px;
}
.fwp-attachments .facebook-wallpost-attachment-title {
font-size: 11px;
font-weight: bold;
color:#364584;
margin: 10px 0px 5px 0px;
text-decoration: none;
}
.fwp-attachments .facebook-wallpost-description,
.fwp-attachments .facebook-wallpost-source {
color: #808080;
font-size: 11px;
}
.fwp-attachments .facebook-wallpost-description a {
color:#3B5998;
cursor:pointer;
text-decoration:none;
font-size: 11px;
}
.fwp-attachments .facebook-wallpost-description .CopyTitle {
font-size: 11px;
font-weight: bold;
}
.fwp-attachments .facebook-wallpost-description .CopyTitle a {
font-weight: bold;
}
.fwp-attachments .facebook-wallpost-description .CopyBody {
font-size: 11px;
margin-bottom: 5px;
}
.fwp-attachments dl {
margin: 0px 0px 5px 0px;
}
.fwp-attachments dt,
.fwp-attachments dd {
font-size: 11px;
line-height: 16px;
}
.fwp-attachments dt {
float: left;
color: #999;
margin-right: 5px;
}
.fwp-attachments dd {
color: #333;
}
.fwp-attachments .fwp-attachments-item {
float: left;
margin: 0px 5px 5px 0px;
}
.fwp-attachments .facebook-wallpost-photo {
border:1px solid #CCCCCC;
padding:3px;
}
/*actions*/
.fwp-actions {
line-height: 22px;
margin-bottom: 10px;
}
.fwp-actions .fwp-icon {
margin-right: 5px;
float: left;
}
.fwp-actions p em {
color:#777;
font-style: normal;
margin-right: 10px;
font-size: 11px;
}
.fwp-actions p {
line-height: 16px;
margin: 0;
}
.fwp-actions p a,
.fwp-actions p strong {
font-weight: normal;
color:#3B5998;
text-decoration: none;
cursor: pointer;
margin-right: 10px;
font-size: 11px;
}
.fwp-actions a:hover,
.fwp-actions strong:hover {
text-decoration: underline;
}
/*WALLPOST BODY*/
.facebook-wallpost-body{
position: relative;
padding-top: 5px;
margin-right: 60px;
}
/*comment count*/
.fwp-comment-count, .fwp-likes-count, .fwp-invite-friends {
background-color: #e8ebf2;
border-bottom:1px solid #e1e4ed;
padding: 5px 5px 5px 5px;
margin-bottom: 2px;
font-size: 11px;
color: #333;
position: relative;
}
.fwp-more-comments:hover {
background-color: #FFEEBB;
cursor: pointer;
}
.fwp-comment-count p {
display: block;
margin:0px 0px 0px 28px;
font-size: 11px;
}
.fwp-comment-count p em {
font-size: 11px;
text-decoration: underline;
font-style: normal;
color: #3B5998;
cursor: pointer;
}
.fwp-comment-count p span{
font-size: 11px;
}
.fwp-comment-count .conversation-icon {
left: 5px;
top: 6px;
background:  url(../images/icons/bubble.png) no-repeat left top;
color: #3C5A98;
}

/*comment likes*/
.fwp-likes-count .liked {
background: url(../images/icons/like_active.png) no-repeat left top;
width: 19px;
height: 20px;
position: absolute;
left: 5px;
top: 1px;
}
.fwp-likes-count .liked-text {
display: block;
margin-left: 28px;
font-size: 11px;
}

/*invite friends*/
.fwp-invite-friends .fwp-invite-link {
background: url(../images/icons/fwp-invite-friend.png) left center no-repeat;
font-size: 11px;
color: #3B5998;
float: left;
padding: 0px 0px 2px 25px;
margin-left: 5px;
}

/*comments*/
.fwp-nub {
background: url(../images/messages/wallpost-nub.png) top center no-repeat;
height: 5px;
width: 9px;
position: absolute;
top: 0px;;
left: 17px;
}
.facebook-wallpost-comment {
background-color: #e8ebf2;
border-bottom:1px solid #e1e4ed;
padding: 5px 5px 5px 46px;
margin-bottom: 2px;
position: relative;
}
.facebook-wallpost-comment img {
width: 32px;
height: 32px;
position: absolute;
top: 3px;
left: 3px;
border: 2px solid #E8EBF2;
}
.facebook-wallpost-comment img:hover {
border: 2px solid #FF6632;
}
.facebook-wallpost-comment p {
margin: 0px 0px 2px 0px;
font-size: 11px;
color: #333;
}
.facebook-wallpost-comment p a {
font-size: 11px;
color:#364584;
text-decoration: none;
}
.facebook-wallpost-comment p strong,
.facebook-wallpost-comment p strong a {
font-size: 11px;
font-weight: bold;
color:#364584;
text-decoration: none;
}
.facebook-wallpost-comment p a:hover {
text-decoration: underline;
}
.facebook-wallpost-comment .fwp-comment-date {
font-size: 11px;
color: #777;
}

/*Add Comment Box*/
.facebook-wallpost-footer {
margin-right: 60px;
}
.facebook-wallpost-footer .fb-comment-box {
padding: 6px 13px 6px 64px;
border: none;
border-bottom:1px solid #e1e4ed;
}
.facebook-wallpost-footer .fb-comment-box img {
border: 2px solid #ECEFF5;
width: 50px;
height: 50px;
margin-top: -2px;
cursor: pointer
}
.facebook-wallpost-footer .fb-comment-box img:hover {
border: 2px solid #FF6632;
}
.facebook-wallpost-footer .fb-comment-box textarea {
width: 100%;
margin: 0px 0px 4px 0px;
height: 70px;
}
.facebook-wallpost-footer .fb-comment-submit-wrapper {
margin-right: -8px;
}
/* ====================================
NAME: threadsy stream css
AUTHOR: threadsy
COPYRIGHT: uptake communications 2009
NOTES: this stylesheet is for the unbound column. It effects
tweets and facebook messages in your stream. 
==================================== */


/* LOADER
=== === === === === === === === === === */
.unifi_loadingText{
color:#BBBBBB;
display:block;
font-family:helvetica;
font-size:33px;
margin:0 auto;
padding:12px;
position:relative;
text-shadow:0 1px 1px #FFFFFF;
top:30%;
min-height:0; /*hasLayout = true*/
}
.unifi_columnLoader{
background-repeat:no-repeat;
display:block;
height:110px;
margin:0 auto;
position:relative;
top:10px;
width:110px;
}
#unifi_loadingText_value{
display:block;
text-align:center;
}
#unifi_loadingText_value span{
font-size: 15px;
display:block;
}


/* STREAM LAYOUT 
=== === === === === === === === === === */
#unbound-mode-container{
bottom:25px;
display:block;
left:0;
position:absolute;
right:0;
top:63px;
z-index:3;
border-left:5px solid #454545;
border-right:5px solid #454545;
}
.unifi_pseudoColumnBackground{
background-color:#EAEAEA;
bottom:15px;
display:block;
left:0;
overflow:hidden;
position:absolute;
right:0;
top:62px;
z-index:2;
border-left:5px solid #333333;
border-right:5px solid #333333;
}
#optionalColumnSlide {
bottom:0;
display:block;
overflow:hidden;
position:absolute;
right:0;
top:26px;
left:0;
width:100%;
min-height: 0;
}
.unifi_optionalStreamManager{
bottom:0;
display:block;
left:0;
overflow:hidden;
position:absolute;
right:1px;
top:0;
z-index:1;
}
#unbound-mode-container .unifi_messageSubjectContain .stream {
font-weight:normal;
height:auto;
margin-right:0px;
margin-bottom:3px;
min-height: 0;
}
.streamContainerHolder {
display:block;
left:0;
overflow-y: auto;
overflow-x: hidden;
position:absolute;
right:0px;
top:0;
bottom: 0px;
z-index:3;
}
.unifi_messageContain.stream {
display:block;
position:relative;
z-index:3;
min-height: 0;
}
.unifi_messageContain.stream.ty_h_bury {
z-index:1;
visibility:hidden;
height:1px;
width:1px;
overflow:hidden;
margin-left:-1px;
margin-top:-1px;
}
#unifi_maincontain.stream #optionalColumn {
right:0;
z-index:49;
position:fixed;
display:block;
width:379px;
top:10px;
bottom:0;
width:383px;
overflow:visible;
}
#unbound-mode-container .unifi_message.unifi_read,
#unbound-mode-container .unifi_message .unifi_read {
background-image:none;
line-height:1.25; /* -- ie float model fix -- pls don't delete --*/
}

/* FAKE SEARCH BOX
=== === === === === === === === === === */
.update-box-open #fake-search-box  {
display: none;
}
#fake-search-box  {
float: right;
width: 95px;
background: #FFFFFF url(../images/inbound-nav/inbound-nav-sprite.png) no-repeat scroll 8px -295px;
-moz-border-radius:11px;
-webkit-border-radius:11px;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
color: #999;
border:medium none;
display:block;
height:17px;
padding: 3px 5px 3px 25px;
margin: 1px 5px 0px 0px;
}
.small-unbound #fake-search-box  {
float: right;
width: 40px;
font-size:12px;
padding: 6px 5px 2px 20px;
}

/*STATUS UPDATE CONTAINER
=== === === === === === === === === === */
#unbound-nav-container #c_optional_stream_status_update div{
float:none;
height:auto;
}

#unbound-nav-container #c_optional_stream_status_update .threadsy_bl_small,
#unbound-nav-container #c_optional_stream_status_update .threadsy_br_small{
height:37px;
}

#unbound-nav-container #c_optional_stream_status_update{
position:relative;
display:block;
margin-right:0;
min-height:0; /*hasLayout = true*/
width: 250px;
overflow: visible;
z-index: 51;
float:left;
height:auto;
}
.small-unbound #unbound-nav-container #c_optional_stream_status_update{
width: 130px;
}
.update-box-open #unbound-nav-container #c_optional_stream_status_update {
float:none;
width: auto;
}

#unbound-nav-container #c_Coptional_stream_status_update{
min-height:26px;
position:relative;
right:0;
}

.timeline.update-box-open #unbound-nav-container #c_Coptional_stream_status_update{
min-height:129px;
background-color:#333333;
}

#unbound-nav-container #c_optional_stream_status_update .unifi_optionalUpdateHeader {
background-color:#333333;
color:#FFFFFF;
height:25px;
padding:0 4px;
position:relative;
}
#unbound-nav-container #c_optional_stream_status_update .unifi_optionalUpdateHeader div {
display:block;
line-height:25px;
margin-left:25px;
min-height:0;
}
#unbound-nav-container #c_optional_stream_status_update div.unifi_optionalUpdateHeader .threadsy_dv_dark{
margin-left:25px;
margin-top:2px;
min-height:0;
position:absolute;
right:29px;
}
#unbound-nav-container #c_optional_stream_status_update .unifi_optionalUpdateHeaderSub{
display:block;
position:absolute;
right:0;
}

#unbound-nav-container #c_optional_stream_status_update #status-shimmy{
display:block;
height:20px;
left:5px;
position:absolute;
right:0px;
top:0px;
}
.update-box-open #unbound-nav-container #c_optional_stream_status_update #status-shimmy{
right:15px;
}
.update-box-open #unbound-nav-container #c_optional_stream_status_update #status-shimmy{
top:2px;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update #status-shimmy{
height:80px;
}

#unbound-nav-container #c_optional_stream_status_update #new_status a{
text-decoration: none;
color:#333333;
}

#unbound-nav-container #c_optional_stream_status_update #new_status {
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
color: #333;
height: 15px;
line-height:22px;
margin:0;
padding: 5px 5px 3px 5px;
width:100%;
display:block;
position:relative;
overflow:hidden;
}
.small-unbound #unbound-nav-container #c_optional_stream_status_update #new_status {
background: none; 
font-size:12px;
padding:5px 0px 3px 0px;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update #new_status {
height:80px;
padding: 0px 5px;
background: none;
background-color: #FFF;
overflow: auto;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update #new_status p{
overflow:hidden;
margin:0;
padding:0;
}

/* bitly pills
=== === === === === === === === === === */
#unbound-nav-container #c_optional_stream_status_update #new_status .bitly-element{
background-color:#eee;
padding:0 12px 0 4px;
position:relative;
border:1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
cursor:pointer;
display: inline-block;
}

#unbound-nav-container #c_optional_stream_status_update #new_status .bitly-element span{
background-color:transparent;
background-image:url(../images/nav/smallx.png);
background-position:3px 3px;
background-repeat:no-repeat;
color:#BBBBBB;
display:block;
height:10px;
position:absolute;
right:2px;
top:4px;
width:10px;
z-index: 100;
}

.unifi_streamBubbleReply textarea{
border:1px solid #DDDDDD;
font-family:Georgia, "Times New Roman", Times, serif;
min-height: 40px;
margin:0 5px;
line-height:17px;
padding:3px;
font-size:12px;
}
.update-box-open #unbound-nav-container #c_optional_stream_status_update .unifi_c_new_status .textarea-foot{
display:block;
}

#unbound-nav-container #c_optional_stream_status_update .unifi_c_new_status .textarea-foot{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
background-color:#EEEEEE;
border-top:1px solid #CCCCCC;
bottom:-36px;
display:none;
height:33px;
left:0;
padding:3px 25px 0 65px;
position:absolute;
right:0;
}
#unbound-nav-container #c_optional_stream_status_update .account-toggle{
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
display:block;
float:left;
margin-bottom:5px;
margin-right:5px;
padding:5px;
position:relative;
cursor: pointer;
opacity:.7;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update .account-toggle {
display:block;
}

#unbound-nav-container #c_optional_stream_status_update .account-toggle.twitter {
background-image:url(../images/logos/twitter-header.png);
background-position:2px 7px;
background-repeat:no-repeat;
padding-left:17px;
}

#unbound-nav-container #c_optional_stream_status_update .account-toggle.active{
opacity:1;
}

#unbound-nav-container #c_optional_stream_status_update .account-toggle.twitter.active{
border:1px solid #0084B4;
background-color:#DAF5FF;
}

#unbound-nav-container #c_optional_stream_status_update .account-toggle.facebook {
background-image:url(/images/logos/fb_connect.png);
background-position:2px 6px;
background-repeat:no-repeat;
padding-left:21px;
}

#unbound-nav-container #c_optional_stream_status_update .account-toggle.facebook.active{
border:1px solid #3B5998;
background-color:#DAE4F8;
}

#unbound-nav-container #c_optional_stream_status_update .account-toggle img {
background-color:#FFFFFF;
display:block;
height:18px;
width:18px;
}
#unbound-nav-container #fake-update-box {
-moz-border-radius:11px;
-webkit-border-radius:11px;
background-color:#FFFFFF;
border:medium none;
display:block;
height:17px;
margin:1px 5px 0 5px;
padding:3px 10px 3px 10px;
width: 220px;
float: left;
font-size: 14px;
color:#999999;
font-family:Helvetica,Arial,sans-serif;
}
.small-unbound #unbound-nav-container #fake-update-box {
width: 110px;
font-size: 12px;
padding:5px 5px 3px 5px;
}
#unbound-nav-container #fake-update-box.hide {
display: none;
}
#unbound-nav-container #c_optional_stream_status_update .unifi_c_new_status{
border:medium none;
display:block;
height:23px;
padding: 0;
margin-top: 1px;
left:0;
position:absolute;
right:0;
top:0;
z-index: 1;
display: none;
}
#unbound-nav-container #c_optional_stream_status_update.edit-mode .unifi_c_new_status {
display: block;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update .unifi_c_new_status{
-moz-border-radius:8px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-webkit-border-radius:8px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
height:88px;
background-color: #FFF;
}


#unbound-nav-container #c_optional_stream_status_update .close-update{
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-top-right-radius:4px;
background-color:#AAAAAA;
color:#FFFFFF;
cursor:pointer;
display:none;
font-family:helvetica;
font-size:11px;
height:15px;
line-height:14px;
position:absolute;
right:0;
text-align:center;
top:0;
width:15px;
z-index:100;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update .close-update{
display:block;
}

#unbound-nav-container #c_optional_stream_status_update .close-update:hover{
background-color:#888;
}
.unifi_c_new_status{
display:block;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
min-height:0;
position:relative;
}
#unbound-nav-container #c_optional_stream_status_update #new_status.unifi_inactive{
color:#888;
}
.unifi_streamBubbleReply textarea{
margin:0;
width:100%;	
}
.unifi_streamBubbleReplyTextAreaWrap{
display:block;
margin:2px 64px 0 0;
position:relative;
min-height:0; /*hasLayout = true*/
}
#unbound-nav-container #c_optional_stream_status_update .unifi_updateStreamFacepic {
display:block;
height:20px;
left:5px;
margin-top:2px;
position:absolute;
top:1px;
width:20px;
}
#f_optional_stream_status_update{
margin:0;
padding:0;
min-height:0; /* hasLayout = true*/
margin-top:0;
}
#unbound-nav-container #c_optional_stream_status_update img.logo{
display:block;
float:left;
height:15px;
margin-right:8px;
margin-top:7px;
position:relative;
width:auto;
}
#unbound-nav-container #c_optional_stream_status_update img.logo.right{
margin-right: 0px;
padding-right: 10px;
min-height:0; /* hasLayout = true*/
}
.unifi_optionalSendToLabel{
color:#888888;
display:none;
left:60px;
margin-top:12px;
position:absolute;
}
#unbound-nav-container #c_optional_stream_status_update .button{
position:relative;
margin-top:3px;
min-height:0; /*hasLayout = true*/
}
#unbound-nav-container #c_optional_stream_status_update .send{
left:0;
margin-left:9px;
position:absolute;
}
#unbound-nav-container #c_optional_stream_status_update .threadsy_bm_small {
height:34px;	
text-align: center;
}



/* STATUS UPDATE ACCOUNT SELECTER OPTIONS
=== === === === === === === === === === */
#c_optional_stream_status_update .unifi_optional_services{
background-color:#FFFFFF;
display:none;
height:30px;
left:80px;
margin-top:4px;
position:absolute;
}

.update-box-open #unbound-nav-container .post-button{
display:block;
}

#unbound-nav-container .post-button{
background-image:url(../images/nav/grey-button.png);
background-repeat:no-repeat;
color:#FFFFFF;
cursor:default;
display:none;
font-family:helvetica;
font-size:13px;
height:24px;
left:9px;
line-height:22px;
opacity:.4;
position:absolute;
text-align:center;
top:94px;
width:57px;
z-index:100000;
}

#unbound-nav-container .post-button.active {
opacity:.9;
cursor:pointer;
}

#unbound-nav-container .post-button.active:hover {
opacity:1;
}

#unbound-nav-container #c_optional_stream_status_update .unifi_optional_services .optionalServiceCap {
display:block;
position:absolute;
width:5px;
height:30px;
background-repeat:no-repeat;
}
#unbound-nav-container #c_optional_stream_status_update .unifi_optional_services .optionalServiceCap.left{
background-image:url(../images/stream/write/serviceSelectCap_l.png);
left:-4px;
min-height:0; /* hasLayout = true*/
}
#unbound-nav-container #c_optional_stream_status_update .unifi_optional_services .optionalServiceCap.right{
background-image:url(../images/stream/write/serviceSelectCap_r.png);
right:-4px;
min-height:0; /* hasLayout = true*/
}
.optionalServiceCheckboxContainer {
position:relative;
min-height:0; /* hasLayout = true*/
}
#unbound-nav-container #c_optional_stream_status_update .unifi_optional_services input {
display:block;
position:relative;
float:left;
margin-top:7px;
margin-left:0;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update div.bottom{
display:block;
left:4px;
position:absolute;
right:3px;
bottom:0;
}

#unbound-nav-container #c_optional_stream_status_update div.bottom{
display:none;
}

div.bottom #c_message {
background-color:#FFD7D7;
border-color:#D32424;
border-style:solid;
border-width:1px;
clear:both;
color:#D32424;
font-size:12px;
left:0;
margin:0;
padding:3px;
position:absolute;
right:0;
top:0;
width:auto;
}
.small-unbound #unbound-mode-container div.bottom #c_message {
width:200px;
z-index:40;
}



/* TWITTER MULTIPLE ACCOUNT DROPDOWN
=== === === === === === === === === === */
.unifi_twitterDropDown{
color:#333333;
cursor:pointer;
display:block;
float:right;
font-size:12px;
height:23px;
line-height:29px;
overflow:visible;
padding-bottom:7px;
padding-left:7px;
padding-right:7px;
position:absolute;
right:0;
top: 0;
}
.unifi_arrowDown{
background-image:url(../images/reply/dropArrow.png);
background-position:center center;
background-repeat:no-repeat;
height:11px;
position:absolute;
right:0;
top:10px;
width:12px;
}
.unifi_arrowDown:hover{
background-color:#dddddd;	
}
.unifi_c_twitterOptions {
background-color:#888888;
border:2px solid #FFFFFF;
color:#333333;
display:block;
position:absolute;
left: -70px;
top:25px;
width:139px;
z-index:500;
cursor:pointer;
}
.unifi_twitterOptionItem{
background-color:#CCCCCC;
border-bottom:1px solid #AAAAAA;
border-top:1px solid #EEEEEE;
display:block;
padding:0 6px 0 0;
position:relative;
}
.unifi_twitterOptionItem input {
margin-left:2px;	
}
.unifi_twitterOptionItem:hover{
background-color:#555555;
border-bottom:1px solid #333333;
border-top:1px solid #777777;
color:white;
cursor:pointer;
}


/* DISABLED STATUS UPDATE BOX
=== === === === === === === === === === */
#c_optional_stream_status_update .disabled a{
color:#ffffff;
}
#c_optional_stream_status_update .disabled:hover .threadsy_bm_small,
#c_optional_stream_status_update .disabled .threadsy_bm_small{
background-image:url(../images/buttons/b_s_c_gray.png);
}
#c_optional_stream_status_update .disabled:hover .threadsy_bl_small,
#c_optional_stream_status_update .disabled .threadsy_bl_small{
background-position: -16px 0;
}
#c_optional_stream_status_update .disabled:hover .threadsy_br_small,
#c_optional_stream_status_update .disabled .threadsy_br_small{
background-position: -16px -2px;
}


/* STATUS UDPATE ADD URL BUTTON
=== === === === === === === === === === */
#unbound-nav-container #c_optional_stream_status_update .add{
display:none;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update .add{
background-image:url(../images/addLinkIcon-white.png);
background-position:0 2px;
background-repeat:no-repeat;
bottom:9px;
color:#FFFFFF;
display:block;
font-family:helvetica,arial,serif;
font-size:12px;
padding-left:13px;
position:absolute;
right:7px;
z-index:2;
cursor:pointer;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update .add:hover{
text-decoration:underline;
}

#c_optional_stream_status_update #add_link.add:hover{
text-decoration:underline;	
}

.add .linkIcon{
display:block;
left:6px;
position:absolute;
top:8px;
background-image:url(../images/stream/write/linkIcon.png);
background-repeat:no-repeat;
width:16px;
height:16px;
}
.add:hover .linkIcon{
background-image:url(../images/stream/write/linkIcon_hover.png);
}


/* STATUS UPDATE ADD URL FIELD
=== === === === === === === === === === */
#unbound-nav-container #c_optional_stream_status_update #c_add_link{
background-color:#CFCFCF;
border:1px solid #555555;
clear:both;
height:35px;
left:0;
padding:0 5px 3px;
position:absolute;
right:0;
bottom:-41px;
}
#unbound-nav-container #c_optional_stream_status_update #c_add_link.error{
padding-top:0px;
min-height:0; /* hasLayout = true*/
}
#unbound-nav-container #c_optional_stream_status_update  #c_add_link .add{
background-image:none;
left:auto;
padding-left:0;
position:absolute;
top: 0px;
right:69px;
width: 40px;
}
#unbound-nav-container #c_optional_stream_status_update  #c_add_link .cancel{
position:absolute;
right:5px;
top: 0px;
width: 54px;
}
#unbound-nav-container #c_optional_stream_status_update  #c_add_link .text{ 
border:1px solid #BBBBBB;
font-size:12px;
height:22px;
padding:6px 3px 0;
width:100%;
}
#unbound-nav-container #c_optional_stream_status_update .unifi_c_addLinkText, .unifi_c_addLinkText{
display:block;
left:5px;
position:absolute;
right:125px;
top:4px;
}

/* STATUS UPDATE ADD URL FIELD --SMALL--
=== === === === === === === === === === */
.small-unbound #unbound-mode-container #c_add_link{
height:69px;
}
.small-unbound #unbound-mode-container #c_add_link.error{
padding-top:0px;
min-height:0; /* hasLayout = true*/
}
.small-unbound #unbound-mode-container #c_add_link .add{
margin-top:0px;
left:10px;
top:37px;
text-align: center;
width: 60px;
}
.small-unbound #unbound-mode-container #c_add_link .add a:hover {
color: #FFF;
text-decoration: none;
}
.small-unbound #unbound-mode-container #c_add_link .cancel{
right:auto;
left: 80px;
top: 37px;
width: 60px;
text-align: center;
margin-top:0;
}
.small-unbound #unbound-mode-container #c_add_link .text{ 
padding: 3px; 
width: 156px;
margin-top: 3px;
}
.small-unbound #unbound-mode-container .unifi_c_addLinkText{
display:block;
left:auto;
position:static;
right:auto;
top:auto;
}

/* ADVERTISEMENT STREAM MESSAGES
=== === === === === === === === === === */
.ad-unbound-wrapper {
padding: 10px 0px;
background-color: #EEE;
border-bottom:1px solid #D6D6D6;
border-top:1px solid #FFFFFF;
}
.ad-unbound {
position: relative;
background: url(../images/sprites/ad-slugs.png) 0px 0px no-repeat; 
padding-left: 10px;
margin: 0px 10px;
display: block;
text-decoration: none;
}
.ad-unbound-inner {
background: url(../images/sprites/ad-slugs.png) right -400px no-repeat; 
padding-right: 10px;
}
.ad-unbound-inner dl {
background: url(../images/sprites/ad-slugs.png) left -200px repeat-x; 
height: 102px;
padding: 5px 0px;
margin: 0;
}
.ad-unbound-inner dl dt {
position: absolute; 
top: 5px;
left: 5px;
height: 100px;
width: 130px;
}
.ad-unbound-inner dl dt h3 {
height: 100px;
width: 130px;
margin: 0;
padding: 0;
overflow: hidden;
text-indent: -3000px;
background: url(../images/ads/threadsy-invite.png) top left no-repeat;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 1px 2px #999;
-moz-box-shadow: 0px 1px 2px #999;
cursor: pointer;
font-weight: normal;
}
.ad-unbound-inner dl dd {
position: absolute; 
top: 5px;
right: 5px;
height: 100px;
width: 187px;
overflow: hidden;
cursor: pointer;
}
.ad-unbound-inner dl dd h4 {
font-family: Georgia, Times, serif;
font-weight: normal;
color: #333;
text-shadow: 0px 1px 1px #FFF;
font-size: 18px;
line-height: 22px;
cursor: pointer;
margin: 0px 0px 5px 0px;
}
.ad-unbound-inner dl dd p {
font-family: Helvetica, Arial, Verdana, san-serif; 
color: #333;
text-shadow: 0px 1px 1px #FFF;
font-size: 12px;
line-height: 22px;
cursor: pointer;
margin: 0;
}


/* ADVERTISEMENT STREAM MESSAGES (SMALL UNBOUND)
=== === === === === === === === === === */
.small-unbound .ad-unbound-wrapper {
padding: 5px 0px;
}
.small-unbound .ad-unbound {
margin: 0px 5px;
}
.small-unbound .ad-unbound-inner dl {
height: 185px;
}
.small-unbound .ad-unbound-inner dl dt {
position: absolute; 
top: 5px;
left: 0px;
right: 0px;
margin: 0 auto;
height: 100px;
width: 130px;
}
.small-unbound .ad-unbound-inner dl dt h3 {
height: 100px;
width: 130px;
}
.small-unbound .ad-unbound-inner dl dd {
top: 105px;
right: 5px;
height: 100px;
width: 144px;
}
.small-unbound .ad-unbound-inner dl dd h4 {
font-size: 14px;
margin: 5px 0px 0px 0px;
}
.small-unbound .ad-unbound-inner dl dd p {
font-size: 10px;
}



/* GENERAL STREAM MESSAGE FORMATTING
=== === === === === === === === === === */
#unbound-mode-container .unifi_thumbnail{
border:none;
display:block;
margin:2px auto;
min-height: 0;
}
.unifi_messageSubjectContain .unifi_messageSubject .stream {
font-weight:normal;
height:auto;
min-height: 0;
}
.unifi_messageSubjectContain.stream{
min-height:30px;
height:auto;
min-height: 0;
}
.unifi_messageSubjectContain.stream .unifi_messagePreview {
height:auto;
width:275px;
}
.unifi_actionButtons.stream {
display:none;
}


/* STREAM BUBBLE BOXES
=== === === === === === === === === === */
.unifi_c_streamBubble{
display:block;
min-height:0; /*hasLayout = true*/
position:relative;
}
.unifi_streamBubbleTop{
background-image:url(../images/stream/bubbleTop.png);
background-repeat:repeat-x;
display:block;
height:15px;
left:9px;
margin-left:0;
position:absolute;
right:22px;
top:0;
z-index:1;
}
.unifi_streamBubbleBottom{
background-image:url(../images/stream/bubbleBottom.png);
background-repeat:repeat-x;
bottom:0;
display:block;
height:41px;
left:22px;
position:absolute;
right:17px;
z-index:1;
}
.unifi_streamBubbleTopLeft{
background-image:url(../images/stream/bubbleTopLeft.png);
background-repeat:no-repeat;
display:block;
height:21px;
left:-2px;
position:absolute;
top:1px;
width:14px;
z-index:2;
}
.unifi_streamBubbleFill{
background-color:white;
bottom:38px;
display:block;
left:9px;
position:absolute;
right:4px;
top:15px;
z-index:1;
}
.unifi_streamBubbleLeft{
background-image:url(../images/stream/bubbleLeft.png);
background-repeat:repeat-y;
bottom:15px;
display:block;
left:4px;
position:absolute;
top:18px;
width:5px;
z-index:2;
}
.unifi_streamBubbleRight{
background-image:url(../images/stream/bubbleRight.png);
background-repeat:repeat-y;
bottom:17px;
display:block;
position:absolute;
right:-1px;
top:22px;
width:5px;
z-index:2;
}
.unifi_streamBubbleTopRight{
display:block;
position:absolute;
z-index:2;
background-image:url(../images/stream/bubbleTopRight.png);
background-repeat:no-repeat;
top:0;
right:0;
height:22px;
width:22px;
}
.unifi_streamBubbleBottomLeft{
background-image:url(../images/stream/bubbleBottomLeft.png);
background-repeat:no-repeat;
bottom:1px;
display:block;
height:37px;
left:5px;
position:absolute;
width:22px;
z-index:2;
}
.unifi_streamBubbleBottomRight{
background-image:url(../images/stream/bubbleBottomRight.png);
background-repeat:no-repeat;
bottom:1px;
display:block;
height:37px;
position:absolute;
right:-5px;
width:22px;
z-index:2;
}
#unbound-mode-container .unifi_messageSubjectContain.stream.unifi_read{
left:0;
margin:2px 19px 2px 50px;
padding-bottom:2px;
padding-left:0;
padding-top:0;
min-height:0; /* hasLayout = true*/
}


/* STREAM BUBBLE BOX (WHEN POSTED BY USER)
=== === === === === === === === === === */
#unbound-mode-container .unifi_message.unifi_isFromSelf  .unifi_messageSubject.stream {
margin:5px 16px 10px 10px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_messageSubjectContain.stream{
margin-left:20px;
margin-right:50px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf  .unifi_messageAvatar {
margin-right:2px;
position:absolute;
right:0;
z-index:50;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_toDisplay.stream {
left:3px;
right:auto;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleTopLeft {
background-image:url(../images/stream/bubbleTopLeft_self.png);
width:18px;
top:0;
left:-1px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleTopRight {
background-image:url(../images/stream/bubbleTopRight_self.png);
width:15px;
top:1px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleTop {
left:16px;
right:15px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleLeft{
background-image:url(../images/stream/bubbleLeft_self.png);
bottom:17px;
left:-4px;
top:21px;
width:8px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleBottom{
left:16px;
right:27px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleRight{
background-image:url(../images/stream/bubbleRight_self.png);
right:9px;
top:19px;
bottom:15px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleBottomRight {
background-image:url(../images/stream/bubbleBottomRight_self.png);
right:5px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleBottomLeft {
background-image:url(../images/stream/bubbleBottomLeft-self.png);
left:-1px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_streamBubbleFill{
left:3px;
right:14px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_messageDate {
right:26px;	
}


/* AVATAR
=== === === === === === === === === === */
#unbound-mode-container .unifi_message .unifi_messageAvatar, 
#unbound-mode-container .unifi_message.unifi_isAtReply .unifi_read.unifi_messageAvatar  {	
background-image:url(../images/defaultFacePic-blank.png);
background-position:0 0;
background-repeat:no-repeat;
float:none;
margin-top:2px;
position:absolute;
}
#unbound-mode-container .unifi_message .unifi_messageAvatar:hover, 
#unbound-mode-container .unifi_message.unifi_isAtReply .unifi_read.unifi_messageAvatar:hover 
{	
background-image:url(../images/defaultFacePicHover.png);
}

#unbound-mode-container .unifi_message .unifi_messageSubAvatar {
background-position:0 0;
background-repeat:no-repeat;
display:block;
left:27px;
position:absolute;
top:28px;
z-index:100;
}
.small-unbound #unbound-mode-container .unifi_message .unifi_messageSubAvatar {
left:9px;
top:24px;
}
#unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_messageSubAvatar{
left:auto;
right:30px;
}
.small-unbound #unbound-mode-container .unifi_message.unifi_isFromSelf .unifi_messageSubAvatar{
right:10px;
top: 15px;
}
#unbound-mode-container .unifi_message .unifi_messageSubAvatar .unifi_messageSubAvatarBorder{
height:29px;
width:29px;
}
.small-unbound #unbound-mode-container .unifi_message .unifi_messageSubAvatar .unifi_messageSubAvatarBorder{
height:22px;
width:22px;
}
#unbound-mode-container .unifi_message .unifi_messageSubAvatar .unifi_messageSubAvatarPic{
cursor:pointer;
position:absolute;
left:4px;
top:3px;
height:22px;
width:22px;
}
.small-unbound #unbound-mode-container .unifi_message .unifi_messageSubAvatar .unifi_messageSubAvatarPic{
left:4px;
top:3px;
height:15px;
width:15px;
}
#unbound-mode-container .unifi_message .unifi_messageSubAvatar:hover .unifi_messageSubAvatarPic{
border:2px solid #FF6632;
left:2px;
top:1px;
}
.small-unbound #unbound-mode-container .unifi_message .unifi_messageSubAvatar:hover .unifi_messageSubAvatarPic{
border:2px solid #FF6632;
left:2px;
top:1px;
}

#unbound-mode-container .unifi_message .unifi_messageAvatar img.unifi_yesFacePicContact{
border: none;
height:37px;
left:1px;
margin:5px 0 0 5px;
position:relative;
top:0;
width:38px;
z-index:50;
}
.unifi_quickReplyUserFacePic {
background-position:center -3px;
background-repeat:no-repeat;
display:block;
float:left;
height:50px;
position:relative;
width:53px;
}

/* DATE
=== === === === === === === === === === */
#unbound-mode-container .unifi_messageDateFormat.stream{
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:8px;
font-style:italic;
font-weight:normal;
height:13px;
margin:0;
text-align:right;
width:50px;
position:relative;
}
#unbound-mode-container .unifi_messageDate {
bottom:8px;
display:block;
height:12px;
padding-bottom:0;
position:absolute;
right:11px;
width:50px;
z-index:40;
float:none;
}


/* SERVICE ICON
=== === === === === === === === === === */
.unifi_toDisplay.stream {
display:block;
float:none;
margin:0;
padding:0;
position:absolute;
right:-2px;
top: 2px;
width:20px;
height: 20px;
z-index:15;
}
.small-unbound #unbound-mode-container .unifi_toDisplay.stream {
right:-3px;
top: 5px;
}
#unbound-mode-container .unifi_toDisplay img {
display:block;
height:15px;
position:static;
width:15px;
z-index:10;
}

#unbound-mode-container .unifi_message.search-no-twitter.twitter:hover .unifi_toDisplayIcon,
#unbound-mode-container .unifi_message:hover .unifi_toDisplayActions, 
#unbound-mode-container .unifi_message.unifi_replyOn .unifi_toDisplayActions,
#unbound-mode-container .unifi_message .RT-icon
{
display:block;
}
#unbound-mode-container .unifi_message.twitter:hover .unifi_toDisplayIcon, 
#unbound-mode-container .unifi_message.unifi_replyOn .unifi_toDisplayIcon,
#unbound-mode-container .unifi_message:hover .RT-icon,
#unbound-mode-container .unifi_message.unifi_replyOn .RT-icon
{
display:none;	
}


/* MESSAGES
=== === === === === === === === === === */
#unbound-mode-container .unifi_messageSubject.stream {
cursor:default;
float:none;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
margin:5px 10px 10px 18px;
min-height:40px;
padding-bottom:8px;
text-transform:none;
top:0;
width:auto;
z-index:10;
}
#unbound-mode-container .unifi_messageSubject.stream strong, 
#unbound-mode-container .unifi_messageSubject.stream .streamNameTitle {
font-weight: bold;
font-family:Georgia, "Times New Roman", Times, serif;
min-height:0; /* hasLayout = true*/
}
#unbound-mode-container .unifi_messageSubject.stream strong a, 
#unbound-mode-container .unifi_messageSubject.stream .streamNameTitle a  {
color: #333;
cursor: pointer;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight: bold;
min-height:0; /* hasLayout = true*/
}


/* FACEBOOK MESSAGES
=== === === === === === === === === === */
#unbound-mode-container .unifi_messageSubject.facebook {
padding-bottom:20px;
}
.small-unbound #unbound-mode-container #unbound-mode-container .unifi_messageSubject.facebook {
padding-bottom:15px;
}
.unifi_hr_stream {
border-bottom:1px dotted #DDDDDD;
display:block;
margin:6px 0;
min-height:0; /* hasLayout = true*/
}
.unifi_messageSubject.stream.facebook a {
color:#3B5998;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:10px;
position:relative;
z-index:10;
min-height:0; /*hasLayout = true*/
}
.unifi_messageSubject.stream.facebook a:hover {
text-decoration:underline;
color:#3B5998;
}
.unifi_messageSubject.stream.facebook img {
max-width: 259px;
}
.small-unbound #unbound-mode-container .unifi_messageSubject.stream.facebook img {
max-width:127px;
}


/* FACEBOOK ATTACHMENTS
=== === === === === === === === === === */
.unifi_c_facebookAttachment{
display:block;
margin:10px;
padding:10px;
position:relative;
}
.unifi_c_facebookAttachment .fb_attachment_pic {
float: left;
}
.small-unbound #unbound-mode-container .unifi_c_facebookAttachment .fb_attachment_pic {
float: left;
}
.unifi_TL_facebookAttachment{
display:block;
position:absolute;
top:0;
left:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookTopLeft.png);
}
.unifi_TR_facebookAttachment{
display:block;
position:absolute;
top:0;
right:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookTopRight.png);
}
.unifi_BL_facebookAttachment{
display:block;
position:absolute;
bottom:0;
left:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookBottomLeft.png);
}
.unifi_SL_facebookAttachment{
display:block;
position:absolute;
top:10px;
bottom:10px;
left:0px;
width:10px;
background-color:#e8eaf2;
}
.unifi_SR_facebookAttachment{
display:block;
position:absolute;
top:10px;
bottom:10px;
right:0px;
width:10px;
background-color:#e8eaf2;
}
.unifi_MM_facebookAttachment{
display:block;
position:absolute;
top:0px;
bottom:0px;
right:10px;
left:10px;
background-color:#e8eaf2;	
}
.unifi_BR_facebookAttachment{
display:block;
position:absolute;
bottom:0;
right:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookBottomRight.png);
}
.unifi_facebookAttachmentFoot{
display:block;
height:15px;
left:10px;
position:absolute;
width:265px;
z-index:80;
}
.unifi_facebookAttachmentTitle{
color:#3B5998;
font-weight:bold;
min-height:0; /* hasLayout = true*/
}
.unifi_facebookAttachmentName{
position:relative;
z-index:10;
min-height:0; /*hasLayout = true*/
}
.unifi_facebookAttachmentName, .unifi_facebookAttachmentName a{
color:#3B5998;
font-size:10px;
font-weight:bold;
}
.unifi_facebookAttachmentCaption{
color:#3B5998;
font-size:10px;
font-style:italic;
display:block;
min-height:0; /* hasLayout = true*/
}
.unifi_c_facebookAttachment a img {
border:none;	
}
.unifi_c_facebookAttachment .CopyTitle{
color:#3B5998;
font-weight:bold;
font-size:10px;
position:relative;
z-index:10;
min-height:0; /*hasLayout = true*/
}
.unifi_c_facebookAttachment a .unifi_firstFacebookImage {
border:medium solid #FFFFFF;
float:left;
margin-right:5px;
max-height:62px;
max-width:60px;
display:block;
position:relative;
}
.small-unbound #unbound-mode-container .unifi_c_facebookAttachment a .unifi_firstFacebookImage {
float: none;
}
.unifi_c_facebookAttachment .CopyTitle a{
color:#3B5998;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:10px;
font-style:italic;
font-weight:bold;
}
.unifi_c_facebookAttachment .CopyBody{
color:#3B5998;
font-size:10px;
margin-top:5px;
position:relative;
z-index:10;
min-height:0; /*hasLayout = true*/
}
.unifi_c_facebookMoreImages {
text-align:center;
margin-top:5px;
position:relative;
z-index:10;
min-height:0; /*hasLayout = true*/
}
.unifi_TL_facebookMoreImages{
display:block;
position:absolute;
top:0;
left:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookSubTopLeft.png);
}
.unifi_TR_facebookMoreImages{
display:block;
position:absolute;
top:0;
right:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookSubTopRight.png);
}
.unifi_BL_facebookMoreImages{
display:block;
position:absolute;
bottom:0;
left:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookSubBottomLeft.png);
}
.unifi_BR_facebookMoreImages{
display:block;
position:absolute;
bottom:0;
right:0;
width:10px;
height:10px;
background-repeat:no-repeat;
background-image:url(../images/stream/facebookSubBottomRight.png);
}
.unifi_SL_facebookMoreImages{
display:block;
position:absolute;
bottom:10px;
top:10px;
left:0;
width:10px;
background-color:#ffffff;
}
.unifi_SR_facebookMoreImages{
display:block;
position:absolute;
bottom:10px;
top:10px;
right:0;
width:10px;
background-color:#ffffff;
}
.unifi_MM_facebookMoreImages{
display:block;
position:absolute;
bottom:0;
top:0;
left:10px;
right:10px;
background-color:#ffffff;
}
.unifi_facebookMoreImages a img {
border:medium solid white;
margin:2px;
max-width:49px;
}


/*FACEBOOK ACTIONS
=== === === === === === === === === === */
.unifi_messageSubjectContain .threadsy_facebookLinks {
bottom:8px;
color:#333333;
display:block;
font-size:10px;
font-style:italic;
left:18px;
position:absolute;
z-index:10;
height: 20px;
}
.small-unbound #unbound-mode-container .unifi_messageSubjectContain .threadsy_facebookLinks {
bottom:3px;
left:5px;
}
.unifi_messageSubjectContain .threadsy_facebookLinks a {
color:#3B5998;
cursor:pointer;
outline-style:none;
text-decoration:none;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style:normal;
font-size:10px;
line-height: 17px; 
min-height:0; /* hasLayout = true*/
}
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-comments {
margin-right: 5px;
text-align: center;
background: url(../images/icons/bubble.png) no-repeat left top; 
width: 26px;
height: 20px;
line-height: 14px;
overflow: hidden;
color: #3C5A98;
font-weight: bold;
font-family: Verdana, Arial, san-serif;
float: left;
display: block;
}
.small-unbound #unbound-mode-container .unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-comments {
line-height: 14px;
}
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-comments-inactive {
background: url(../images/icons/bubble_read.png) no-repeat left top; 
color: #666;
}

.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-like, 
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-abhor,
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-love {
margin-right: 6px;
text-align: center;
background: url(../images/icons/like.png) no-repeat left top; 
width: 19px;
height: 20px;
line-height: 14px;
margin-top: -4px;
overflow: hidden;
color: #666;
text-indent: -5000px;
font-weight: bold;
font-family: Verdana, Arial, san-serif;
float: left;
display: block;
}
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-abhor {
margin:-1px 6px 0px 0px;
background: url(../images/icons/abore.png) no-repeat left top; 
}
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-love {
margin:-1px 6px 0px 0px;
background: transparent url(../images/sprites/unbound-icons2.png) no-repeat scroll 0 -97px; 
}
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-abhor-active {
background: url(../images/icons/abore_active.png) no-repeat left top; 
}
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-love-active {
background: transparent url(../images/sprites/unbound-icons2.png) no-repeat scroll 0 -147px;
}
.unifi_messageSubjectContain .threadsy_facebookLinks .fb-link-like-active {
background: url(../images/icons/like_active.png) no-repeat left top; 
}


/* TWITTER ACTIONS
=== === === === === === === === === === */
#unbound-mode-container .unifi_toDisplayActions {
display:none;
height:66px;
left:-3px;
position:absolute;
top:3px;
width:22px;
z-index: 20;
}
.unifi_toDisplayActions .actions {
background-image:url(../images/stream/streamActions3.png);
background-repeat:no-repeat;
display:block;
height:24px;
left:0;
position:absolute;
top:0;
width:22px;
}
.unifi_toDisplayActions.orange .unifi_deleteTweetBtn {
background-image:url(../images/stream/streamActionDelete_Orange.png);
background-position:-2px -25px;
}
.unifi_toDisplayActions.orange .unifi_deleteTweetBtn:hover {
background-position:-2px -2px;
}
.unifi_toDisplayActions .unifi_reTweetButton{
top:20px;
}
.unifi_toDisplayActions .unifi_tweetStarButton{
top:41px;	
}
.unifi_isFromSelf .unifi_toDisplayActions .unifi_tweetStarButton{
top:20px;	
}
.unifi_toDisplayActions.orange .unifi_atReplyButton{
background-position:-28px -7px;
}
.unifi_toDisplayActions.orange .unifi_atReplyButton:hover, .unifi_toDisplayActions.orange .unifi_atReplyButton.selected{
background-position:-120px -6px;
}
.unifi_toDisplayActions.orange .unifi_reTweetButton{
background-position:-27px -31px;
}
.unifi_toDisplayActions.orange .unifi_reTweetButton:hover, .unifi_toDisplayActions.orange .unifi_reTweetButton.selected{
background-position:-120px -31px;
}
.unifi_toDisplayActions.orange .unifi_tweetStarButton{
background-position:-26px -56px;
}
.unifi_toDisplayActions.orange .unifi_tweetStarButton:hover{
background-position:-120px -57px;
}
.unifi_isFavoriteTweet{
background-image:url(../images/stream/favorite.png);
background-repeat:no-repeat;
display:block;
height:30px;
left:0;
position:absolute;
top:-2px;
width:32px;
z-index:60;
}


/* TWITTER MESSAGES
=== === === === === === === === === === */
.unifi_messageSubject.stream.twitter a {
color:#0084B4;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:10px;
min-height:0; /* hasLayout = true*/
}
.unifi_messageSubject.stream.twitter a:hover {
text-decoration:underline;
color: #0084B4;
}


/* REPLY BUBBLE
=== === === === === === === === === === */
.unifi_streamBubbleReply{
display:block;
height:100px;
padding:5px;
position:relative;
}
.unifi_streamBubbleReply .unifi_streamBubbleReplyAvatarContainer{
background-repeat:no-repeat;
clear:both;
height:48px;
position:absolute;
right:3px;
width:48px;
z-index: 5;
}
.unifi_streamBubbleReply .add .threadsy_bm_small {
min-width:10px;
}
/* -- filter styles -- */
#unbound-mode-container .unifi_message.unifi_isAtReply .unifi_read, 
#unbound-mode-container .unifi_isAtReply .unifi_c_streamBubble, 
#unbound-mode-container .unifi_isAtReply .unifi_messageSubjectContain, 
#unbound-mode-container .unifi_message.unifi_read.unifi_isAtReply{
/*background-image: url(../images/stream/filters/atReply.png);*/
background-image:none;
background-color:#dddddd;
background-repeat:repeat;
}


/* REPLY AVATAR
=== === === === === === === === === === */
.unifi_streamBubbleReply .unifi_streamBubbleReplyAvatarContainer.orange{
background-image: url(../images/defaultFacePic-orange.png);
}
.unifi_streamBubbleReply .unifi_streamBubbleReplyAvatarContainer .unifi_facepicCrop {
display:block;
height:37px;
margin-left:6px;
margin-top:5px;
overflow:hidden;
width:37px;
}


/* REPLY TEXT AREA
=== === === === === === === === === === */
.unifi_streamBubbleReply .unifi_streamBubbleReplyTextAreaWrap textarea {
padding: 3px;
height:60px;
font-size: 12px;
}

/* TWITTER REPLY TEXT AREA
=== === === === === === === === === === */
.unifi_twitterActionMessage {
background-color:#FFD7D7;
border-top:1px solid #BBBBBB;
clear:both;
color:#D32424;
font-size:12px;
margin:0;
padding:5px 8px;
width:400px;
}
.unifi_twitterActionCharCounter {
bottom:3px;
color:#CCCCCC;
font-size:12px;
position:absolute;
right:15px;
text-align:right;
width:26px;
}
.update-box-open #unbound-nav-container #c_optional_stream_status_update .c_char_counter.caution, 
.update-box-open #unbound-nav-container #c_optional_stream_status_update .unifi_twitterActionCharCounter.caution{
/*	color:#5C0002;*/
color:#888888;
}
.update-box-open #unbound-nav-container #c_optional_stream_status_update .c_char_counter.warning, 
.update-box-open #unbound-nav-container #c_optional_stream_status_update .unifi_twitterActionCharCounter.warning{
color:#D40D12;
}	
.update-box-open #unbound-nav-container #c_optional_stream_status_update .c_char_counter.danger, 
.update-box-open #unbound-nav-container #c_optional_stream_status_update .unifi_twitterActionCharCounter.danger{
color:#FF000A;
}


/* REPLY BUTTONS
=== === === === === === === === === === */
.unifi_streamBubbleReply .button{
margin-top:3px;
position: relative;
min-height:0; /*hasLayout = true*/
}
.unifi_streamBubbleReply .add{
position:absolute;
right:63px;
}
.unifi_streamBubbleReply .cancel{
position:absolute;
left:65px;
}
.unifi_streamBubbleReply .send{
left:8px;
position:absolute;
}

/* REPLY ADD URL
=== === === === === === === === === === */
.unifi_addReplyLink{
background-color:#CFCFCF;
clear:both;
height:35px;
padding:2px 5px 5px;
position:relative;
}
.small-unbound #unbound-mode-container .unifi_addReplyLink{
height: 65px;
}
.unifi_addReplyLink .text{
border:1px solid #BBBBBB;
font-size:12px;
height:22px;
padding:8px 3px 0;
width:100%;
}
.small-unbound #unbound-mode-container .unifi_addReplyLink .text{
width:156px;
}
.unifi_addReplyLink .add {
margin-top:3px;
position:absolute;
right:70px;
}
.small-unbound #unbound-mode-container .unifi_addReplyLink .add {
left:10px;
right:auto;
width:60px;
text-align:center;
}
.unifi_addReplyLink .cancel{
margin-top:3px;
position:absolute;
right:7px;
}
.small-unbound #unbound-mode-container .unifi_addReplyLink .cancel{
left:80px;
right:auto;
width:60px;
text-align:center;
}


/* FACEBOOK STREAM COMMMENTS
=== === === === === === === === === === */
#unbound-mode-container .unifi_FBblock {
background:#ECEFF5 none repeat scroll 0 0;
border-color:#FFFFFF #FFFFFF #E5EAF1;
border-style:solid;
border-width:3px 3px 1px;
color:#000000;
font-size:11px;
margin-bottom:0;
padding:6px 4px 6px 6px;
position:relative;
min-height:0; /*hasLayout = true*/
}
#unbound-mode-container .unifi_FBthread {
background-image:url(../images/stream/facebookCommentArrow.gif);
background-position:19px 0;
background-repeat:no-repeat;
border-bottom:3px solid white;
border-top:0 none;
display:block;
position:relative;
margin:0 23px 6px 59px;
padding:5px 0 0;
min-height:0; /*hasLayout = true*/
/*width:auto;*/
}
#unbound-mode-container .unifi_FBhr {
display:none;
visibility:hidden;
clear:both;
}
#unbound-mode-container .unifi_FBblock a{
color:#3B5998;
cursor:pointer;
outline-style:none;
text-decoration:none;	
}
#unbound-mode-container .unifi_FBblock a:hover{
text-decoration:underline;
}
#unbound-mode-container .unifi_FBblock div span{
color:#999999;
font-size:10px;
}
#unbound-mode-container .unifi_FBCommentImage {
float:left;
margin-right:7px;
margin-top:3px;
display:block;
position:relative;
border: 2px solid #FFF;
}
#unbound-mode-container .unifi_FBCommentImage:hover {
border: 2px solid #FF6632;
}
#unbound-mode-container .unifi_fbCloseThread{
background-color:white;
color:#3B5998;
cursor:pointer;
display:block;
font-size:10px;
line-height:16px;
padding-right:4px;
position:relative;
text-align:right;
}
#unbound-mode-container .unifi_textAreaArrow {
background-image:url(../images/stream/textAreaArrow.png);
background-repeat:no-repeat;
display:block;
height:15px;
position:absolute;
right:-18px;
top:1px;
width:14px;
z-index:10;
}
#unbound-mode-container .unifi_fbCloseThread:hover{
text-decoration:underline;
}
#unbound-mode-container .unifi_FBRoundedCorners{
background-image:url(../images/stream/FacebookRoundedImage.png);
background-position:-50px -50px;
background-repeat:no-repeat;
display:block;
height:33px;
position:absolute;
top:0;
left:0;
width:33px;
z-index:20;
overflow: hidden;
}
#unbound-mode-container .unifi_FBCommentImage:hover .unifi_FBRoundedCorners{
background-position:-50px -200px;
}
#unbound-mode-container .unifi_FBCommentImageInstance{
height:32px;
width:32px;
position:relative;
}

#unbound-nav-container #c_optional_stream_status_update .c_char_counter{
top:99px;
color:#333333;
display:none;
font-family:Helvetica,Arial,serif;
font-size:10px;
position:absolute;
right:10px;
text-align:right;
width:35px;
z-index:2;
}

.update-box-open #unbound-nav-container #c_optional_stream_status_update .c_char_counter{
display:block;
}


/* FACEBOOK ADD STREAM COMMENT 
=== === === === === === === === === === */
.fb-comment-box {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
position: relative;
background-color:#ECEFF5;
border:3px solid #FFF;
border-bottom: 1px solid #E5EAF1;
font-size:11px;
padding:6px 4px 6px 6px;
position:relative;
min-height:0; /*hasLayout = true*/
}
.fb-comment-box img {
position: absolute; 
left: 5px; 
top: 6px;
width: 41px;
height: 41px;
border: 2px solid #FFF;
}
.small-unbound #unbound-mode-container .fb-comment-box img{
display: none;
}
.fb-comment-box textarea {
border: 1px solid #B2B9CD;
margin:0px 0px 4px 50px;
height: 37px;
padding: 3px;
color: #999;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
width: 271px;
}
.small-unbound #unbound-mode-container .fb-comment-box textarea {
margin:0px 0px 4px 0px;
width: 140px;
}
.fb-comment-submit-wrapper {
float: right;
background-color: #4F5D96;
border: 1px solid #182246;
cursor: pointer;
float: right;
}
.fb-comment-submit {
color: #FFF;
font-weight: bold;
border-top: 1px solid #7d89b3;
padding: 3px 7px;
cursor: pointer;
}
/* NATIVE
=== === === === === === === === === === */
html, body {
margin:0px;
padding:0px;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:400;
width: 100% !important;
text-transform: none;
overflow: hidden;
}

img {
height:auto; 
width:auto;
}

embed {
width:auto;
height:auto;
}

iframe {
border:none;
}

/* GENERIC
=== === === === === === === === === === */

.clear {
clear:both;
}

.unifi_stopPropagation{
display:block;
min-height:0;
}

/* OVERWRITE MEEBO
=== === === === === === === === === === */

html {
padding-bottom:0px !important;
}

/* HIDE METHODS
=== === === === === === === === === === */
.hide {
visibility:hidden;
display:none;
}

.ty_h_hide {
display:none;
visibility:hidden;
}

.ty_h_cloak {
visibility:hidden;
height:1px;
width:1px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

#optionalColumnSlide #personCardManager.ty_h_bury, .ty_h_bury{
z-index:1;
width:0px;
overflow:hidden;
}

.ty_h_shorty{
height:10px;
overflow:hidden;
}

/* slim hides content without causing flash refresh */
.ty_h_slim {
width:1px;
overflow:Hidden;
visibility:hidden;
}

.dim li{
position:relative;
opacity:.3;
}

.dim .ignoreDim{
position:relative;
opacity:1;
}


/* GLOBAL FLASH
=== === === === === === === === === === */

object {
outline:none;
display:block;
min-height:0;
}


/* REMOVE BUTTON BORDER
=== === === === === === === === === === */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

/* DIVIDER
=== === === === === === === === === === */

/* verticle */
.threadsy_dv_dark {
background-color:white;
border-left:1px solid #222222;
border-right:1px solid #555555;
display:block;
height:20px;
margin:0 7px;
position:relative;
width:0;
}


/* FONT SCALE
=== === === === === === === === === === */

h1 {
font-size: 35px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 15px;
}
h4 {
font-size: 12px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h5 {
font-size: 11px;	
}
p {
font-size: 12px;
}
p.note {
font-size: 10px;
}

/* COLORS
=== === === === === === === === === === */

.orange {
color: #F26631;
}

/* LINK COLORS
=== === === === === === === === === === */

a.unifi_noSend.orange:hover, a.unifi_noSend.blue:hover, a.unifi_noSend.green:hover {
background-color:#E0E0E0;
color:#AAAAAA;
}
.unifi_composeTabsFoot.fwd .fwd a:hover, .unifi_composeTabsFoot.ra .ra a:hover, .unifi_composeTabsFoot.re .re a:hover {
background-color:#EEEEEE;
color:#333333;
}


/* BUTTONS
=== === === === === === === === === === */

/*button contain*/

a img{
border:none;
}

*:focus { 
outline: none; 
}

*::-moz-focus-inner { 
border: none; 
}

/*button left cap*/
.threadsy_bl_small {
background-image:url(../images/buttons/b_s_l_cap.png);
background-position:-16px 0;
background-repeat:no-repeat;
display:block;
height:37px;
left:-4px;
position:absolute;
top:-3px;
width:4px;
}
/*button right cap*/
.threadsy_br_small {
background-image:url(../images/buttons/b_s_r_cap.png);
background-position:-16px -2px;
background-repeat:no-repeat;
display:block;
height:37px;
position:absolute;
right:-4px;
top:-1px;
width:4px;
}
/*button middle content*/
.threadsy_bm_small {
background-image:url(../images/buttons/b_s_c_gray.png);
background-position:0 -3px;
color:#333333;
cursor:pointer;
display:block;
font-family:"Lucida Grande",Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
height:36px;
line-height:32px;
padding:0 9px;
position:relative;
text-decoration:none;
text-transform:lowercase;
}

.threadsy_bm_small a {
color:#333333;
text-decoration:none;
}

.threadsy_bm_small:hover a {
color:#ffffff;	
text-decoration:none;
}

/*simulate click*/
a.click{
top:1px;
}

a.orange:hover .threadsy_bl_small, a.orange.hover .threadsy_bl_small, div.orange:hover .threadsy_bl_small, div.orange.hover .threadsy_bl_small {
background-position:-6px 0px;
}

a.orange:hover .threadsy_br_small ,a.orange.hover .threadsy_br_small, div.orange:hover .threadsy_br_small ,div.orange.hover .threadsy_br_small {
background-position:-10px -2px;
}
a.orange:hover .threadsy_bm_small, a.orange.hover .threadsy_bm_small, div.orange:hover .threadsy_bm_small, div.orange.hover .threadsy_bm_small {
background-image:url(../images/buttons/b_s_c_orange.png);
color:#ffffff;
}

/*disabled button */
a.disabled .threadsy_bm_small,a.disabled:hover .threadsy_bm_small {
color:#cccccc;
background-image:url(../images/buttons/b_s_c_gray.png);
background-position:0 -3px;
}

a.disabled:hover .threadsy_br_small {
background-position:-16px -2px;
}

a.disabled:hover .threadsy_bl_small {
background-position:-16px 0;
}


/* INPUTS
=== === === === === === === === === === */

.threadsy_i_large, .threadsy_largeInput {
background-color:#333333;
border:medium none;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:35px;
padding:12px;
}
.threadsy_i_medium, .threadsy_mediumInput {
background-color:#333333;
border:medium none;
color:#FFFFFF;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
padding:7px;
}
.threadsy_i_small, .threadsy_smallInput {
background-color:#333333;
border:none;
color:#FFFFFF;
display:block;
font-size:15px;
padding:5px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.threadsy_b_off {
background-color:#EAEAEA;
color: #888;
}
.threadsy_b_over {
background-color:#ff6631;
border-color:#ff6631;
color:#fff;
}
.threadsy_b_down {
border-color:#CF2200;
background-color:#ff6631;
color:#fff;
}

/* ANCHORS
=== === === === === === === === === === */

.threadsy_a_off {
border-bottom: 4px solid #eaeaea;
color:#888;
outline:none;
text-decoration:none;
}
.threadsy_a_on, .threadsy_a_over, .threadsy_a_off:hover {
border-bottom: 4px solid #f26631;
color: #f26631;
text-decoration:none;
}
.threadsy_a_down {
border-bottom: 4px solid #CF2200;
color: #CF2200;
text-decoration:none;
}


/* IMAGE ROUNDING CORNERS
=== === === === === === === === === === */
.unifi_roundedBR {
display:block;
position:absolute;
width:10px;
height:10px;
bottom:0;
right:0;
background: url(../images/messages/rounded_br.png) no-repeat;
}
.unifi_roundedBL {
display:block;
position:absolute;
width:10px;
height:10px;
bottom:0;
background: url(../images/messages/rounded_bl.png) no-repeat;
left:0;
}
.unifi_roundedTR {
display:block;
position:absolute;
width:10px;
height:10px;
right:0;
top:0;
background: url(../images/messages/rounded_tr.png) no-repeat;
}
.unifi_roundedTL {
display:block;
position:absolute;
width:10px;
height:10px;
background: url(../images/messages/rounded_tl.png) no-repeat;
left:0;
top:0;
}

.unifi_roundedSL {
display:block;
position:absolute;
width:10px;
left:0;
top:10px;
bottom:10px;
background-color:#eeeeee;
}


.unifi_roundedSR {
display:block;
position:absolute;
width:10px;
right:0;
top:10px;
bottom:10px;
background-color:#eeeeee;
}


.unifi_roundedMM {
display:block;
position:absolute;
right:10px;
left:10px;
top:0px;
bottom:0px;
background-color:#eeeeee;
}

/*ERROR MESSAGE
=== === === === === === === === === === */
.error-box {
padding: 5px 20px 5px 5px;
font-size: 10px;
line-height: 16px;
font-weight: bold;
color: #333;
background-color: #ffd7d7; 
border: 1px solid #660000;
position: relative;
min-height: 0%;
}
.error-box .error-box-close {
background: url(../images/buttons/close-small.png) top left no-repeat;
height: 17px;
width: 17px;
position: absolute;
top: 3px;
right: 3px;
text-indent: -3000px;
color: #333;
cursor: pointer;
}


/* SERVICE-ICONS (HEADER, REPLY DROP DOWN, MESSAGE LIST, ETC.)
=== === === === === === === === === === */

/*header*/

#requiredReadingTopButtons li .unifi_buttonAnchor div.logo, #optionalReadingBottomButtonsList li .unifi_buttonAnchor div.logo{
position:relative;
top:8px;
width:14px;
height:13px;
float:left;
margin-right:4px;
background-repeat: no-repeat;
}

#requiredReadingTopButtons li .unifi_buttonAnchor div.aol.logo {
background-image:url(../images/logos/aol-header.png);
}

#requiredReadingTopButtons li .unifi_buttonAnchor div.facebook.logo, #optionalReadingBottomButtonsList li .unifi_buttonAnchor div.facebook.logo {
background-image:url(/images/logos/fb_connect.png);
height:17px;
top:4px;
width:16px;
}

#requiredReadingTopButtons li .unifi_buttonAnchor div.gmail.logo {
height:11px;
background-image:url(../images/logos/gmail-header.png);
}

#requiredReadingTopButtons li .unifi_buttonAnchor div.hotmail.logo {
background-image:url(../images/logos/hotmail-header.png);
}

#requiredReadingTopButtons li .unifi_buttonAnchor div.twitter.logo, #optionalReadingBottomButtonsList li .unifi_buttonAnchor div.twitter.logo {
top:5px;
height:14px;
background-image:url(../images/logos/twitter-header.png);
}

#requiredReadingTopButtons li .unifi_buttonAnchor div.yahoo.logo {
height:8px;
background-image:url(../images/logos/yahoo-header.png);
}

#requiredReadingTopButtons li .unifi_buttonAnchor div.calmail.logo{
height:8px;
background-image:url(../images/logos/berkeley_scaled.png);
}
#requiredReadingTopButtons li .unifi_buttonAnchor div.mac.logo{
top:5px;
height:14px;
background-image:url(../images/logos/mobileme_scaled.png);
}
#requiredReadingTopButtons li .unifi_buttonAnchor div.mobileme.logo{
top:5px;
background-image:url(../images/logos/mobileme_scaled.png);
height:15px;
}
#requiredReadingTopButtons li .unifi_buttonAnchor div.earthlink.logo{
top:5px;
height:14px;
background-image:url(../images/logos/earthlink_scaled.png);
}
#requiredReadingTopButtons li .unifi_buttonAnchor div.peoplepc.logo{
top:5px;
height:14px;
background-image:url(../images/logos/peoplepc_scaled.png);
}
#requiredReadingTopButtons li .unifi_buttonAnchor div.fastmail.logo{
top:5px;
height:14px;
background-image:url(../images/logos/fastmail_scaled.png);
}
#requiredReadingTopButtons li .unifi_buttonAnchor div.generic-imap.logo {
top:6px;
background-image:url(../images/logos/genericimap.png);
}


/*message list*/
#messagesColumn .unifi_toDisplay_facebook {
top: 26px;
width: 26px;
}
#messagesColumn .unifi_read .unifi_toDisplay img, #messagesColumn .unifi_read .unifi_toDisplay .twitter_unbound_icon {
opacity: .5;
}
#messagesColumn .unifi_read .unifi_toDisplay .twitter_unbound_icon.retweet{
width: 26px;
}
#messagesColumn .unifi_message .facebook-inbound-icon {
width: 26px;
}
.unifi_message .unifi_toDisplay img {
width: 16px;
}
#messagesColumn .unifi_message .twitter_unbound_icon {
width: 20px;
}
.singleLine #messagesColumn .email.unifi_closed .unifi_toDisplay_facebook{
top:2px;	
min-height: 0;
}

/*compose: from*/
.unifi_composeFrom .unifi_fromElement img.service_icon {
display:inline;
float:none;
margin:0px 5px;
vertical-align:middle;
}

/* CSS Document */

/*
Threadsy CSS - Legend
domain:type:size:pos:identifier
ex. .ty_c_mainContent
.ty_b_small

types:
c = contain
b = button
i = input
s = shadow
h = hide
*/

/* MODAL
=== === === === === === === === === === */
.overlay {
background-color: #000; 
opacity:0.7;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
bottom: 0;
left: 0;
right: 0; 
}

/* SMALL MODAL
=== === === === === === === === === === */
.small-modal {
position: absolute;
top: 50%;
left: 50%;
z-index: 10000; 
margin:-145px 0px 0px -320px;
background: #dadada url(../images/signup/imap-bg.png) 0px -600px repeat-x;
width: 640px;
height: 200px;
padding-bottom: 90px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 20px 20px #000;
-webkit-box-shadow: 0px 20px 20px #000;
-moz-box-shadow: 0px 20px 20px #000;
}
.small-modal h2 {
font-family: Georgia, Times, serif; 
font-size: 182%; 
color: #333; 
margin:15px 20px 20px 20px;
}
.small-modal p {
color: #666; 
font-size: 107%;
line-height: 30px;
margin: 0px 20px;
font-family: Helvetica, Arial, san-serif;
}
.small-modal .preview-text {
margin: 0px 20px ;
height: 250px;
overflow: auto;
padding: 5px;
line-height: 22px;
font-size: 12px;
font-family: Helvetica, arial, san-serif;
color: #333;
border: 1px solid #999;
}
.small-modal p strong {
font-weight: bold;
}
.small-modal .modal-footer {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 74px;
}
.small-modal .modal-footer a {
float: left;
line-height: 48px;
text-decoration: none;
margin: 10px;
background-color: #EEE;
color:#FFFFFF;
font-size: 177%;
font-family: Georgia, Times, serif;
display:block;
height:54px;
padding: 0;
text-align: center; 
}
.modal-footer a.submit-button {
background:transparent url(../images/buttons/confirm.png) no-repeat 0px 0px;
width:135px;
}
.modal-footer a.cancel-button {
background:transparent url(../images/buttons/cancel.png) no-repeat  0px 0px;
width:105px;
color: #666;
}


/* MODAL BOX
=== === === === === === === === === === */
div#mb_overlay {
position: fixed;
left: 0;
top:0;
height:100%;
width: 100%;
background-color: #000;
cursor: pointer;
opacity:0;
z-index:100;
}
div#mb_center{
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
z-index:101;
}
div#mb_center {
background-color: #FFF;
}
div#mb_contents {
width: 400px;
height: 400px;
overflow: hidden;
z-index:101;
background-color:white;
}
div#mb_contents.loading {
opacity:0;
visibility: hidden;
}
.mb_loading {
background: #DDD url(/images/loaders/loader_large.gif) no-repeat center center;
}
#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}
#mb_error em {
font-size: 0.8em;
}
div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}
a#mb_close_link {
display: block;
width: 66px;
height: 42px;
background: transparent no-repeat center;
cursor:pointer;
margin: -20px 5px 0;
position:absolute;
right:-35px;
z-index:105;
}
a#mb_close_link.orange {
background-image: url(/images/modal_close-orange.png);
}
a#mb_close_link.loading {
visibility:hidden;
}
div#mb_caption {
margin-right: 71px;
}

/* MODAL GET SATISFACTION
=== === === === === === === === === === */
.threadsy_c_getSatisfaction {
padding:20px;
background-color:#eeeeee;	
}

/* INVITE FRIENDS POPUP
=== === === === === === === === === === */
#invite-overlay {
background-color: #000; 
opacity:0.7;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
bottom: 0;
left: 0;
right: 0; 
}
#invite-friends-popup {
position: absolute;
z-index: 99999; 
top: 25%;
left: 0;
right: 0;
margin: 0 auto;
padding: 20px;
background: #EEE url(../images/signup/signup-bgs.png) 0px -500px repeat-x;
width: 350px;
height: 250px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 20px 20px #000;
-webkit-box-shadow: 0px 20px 20px #000;
}
#invite-friends-popup h2 {
padding-left: 45px; 
background: url(../images/ads/heart.png) 0px 12px no-repeat;
font-family: Georgia, Times, serif; 
font-size: 45px;
color: #333;
margin:0px 0px 10px 0px;
font-weight: normal;
}
#invite-friends-popup p {
color: #333;
font-family: Helvetica, Arial, Verdana, san-serif;
margin:0px 0px 30px 0px;
background: url(../images/ads/threadsy-invite.png) left top no-repeat;
padding-left: 140px;
height: 100px;
font-size: 12px;
font-weight: bold;
line-height: 22px;
}
#invite-friends-popup a {
display: block;
overflow: hidden;
text-indent: -3000px;
background: url(../images/ads/invite-button.png) left top no-repeat;
height: 53px;
width: 202px;
margin: 10px auto;
}
#invite-friends-popup .close  {
background: url(../images/signup/buttons.png) 0px -500px no-repeat;
display: block;
height: 42px; 
width: 42px;
overflow: hidden;
text-indent: -3000px;
position: absolute;
top: -15px;
right: -15px;
cursor: pointer;
}
/*----------------------------------
TREADSY
VERSION: 1.0 
NAME:PERSON CARD  

COPYRIGHT 2009
-----------------------------------*/ 

/* PERSON CARD MANAGER 
=== === === === === === === === === === */
#personCardManager {
bottom:0;
display:block;
left:0;
position:absolute;
right:0;
top:0;
z-index:2;
}
.unifi_hasPersonCard #personCardManager {
display:block;	
}


/* PERSON CARD 
=== === === === === === === === === === */
.personCard {
bottom:0;
display:block;
left:0;
overflow-x:hidden;
overflow-y:hidden;
position:absolute;
right:0;
top:0;	
}


/* PERSON CARD SLIDE ELEMENTS
=== === === === === === === === === === */
.personCardOverview{
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
overflow-x:hidden;
overflow-y:auto;
}
.personCardMore{
bottom:0;
display:block;
left:100%;
overflow:hidden;
position:absolute;
right:-100%;
top:0;
}


/* PERSON CARD HEADER
=== === === === === === === === === === */
.personCard .pcard_header {
background: #FF6632 url(../images/personcard/header_bg_plain.png) top left repeat-x;
color: #FFF;
overflow: hidden;
border-bottom: 1px solid #eb5420;
padding: 3px 5px 1px 5px;
display:block;
position:relative;
}
.personCard .pcard_header h2 {
font-size: 15px;
float: left;
font-weight: normal;
margin: 2px 0px 0px 0px;
padding-left: 22px;
color: #FFF;
}
.personCard .pcard_divider h2 {
height: 22px;
padding-left: 5px;
}
.personCard .more {
background: #f5893f url(../images/personcard/more-button-sprite.png) 0px 0px no-repeat;
font-size: 10px;
text-indent: -3000px;
width: 38px;
height: 22px;
overflow: hidden;
float: right;
font-family: Helvetica, Verdana, Arial, san-serif;
cursor: pointer;
}
.personCard .more:hover{
background: #f5893f url(../images/personcard/more-button-sprite.png) -38px 0px no-repeat;
}
.personCard .back {
background: #f5893f url(../images/personcard/back-button-sprite.png) 0px 0px no-repeat;
font-size: 10px;
text-indent: -3000px;
width: 38px;
height: 22px;
overflow: hidden;
float: left;
font-family: Helvetica, Verdana, Arial, san-serif;
cursor: pointer;
}
.personCard .back:hover {
background: #f5893f url(../images/personcard/back-button-sprite.png) -38px 0px no-repeat;
}
.personCard .pcard_divider {
clear:both;
display:block;
position:relative;
min-height:0;
}
.personCard .pcard_divider .title {
height: 21px;
padding: 0px 5px;
background:  url(../images/personcard/divider.png) top left repeat-x;
color:#333;
display:block;
float:none;
font-family:helvetica,arial,sans-serif;
font-size:13px;
line-height: 19px;
position:relative;
text-shadow:0 1px 1px #FFFFFF;
}


/* PERSON CARD BODY
=== === === === === === === === === === */
.personCard #personcard_status{
display:block;
position:relative;
}

#personcard_status .pcard_body {
background: none;
background-color: #EEE;
}
.pcard_body {
background: #FFF url(../images/personcard/header_shadow.png) top left repeat-x;
font-family: Helvetica, Verdana, Arial, san-serif;
}
.pcard_body p {
font-family: Helvetica, Verdana, Arial, san-serif;
font-size: 12px;
line-height: 18px;
color: #333;
margin: 0px;
min-height: 0;
}
.small-unbound #unbound-mode-container .pcard_body p {
font-size: 11px;
min-height: 0;
}
.pcard_body .pcard_loading, 
.pcard_body .pcard_noinfo {
color:#BBBBBB;
font-size:14px;
text-shadow:0 1px 1px #FFFFFF;
font-family: Helvetica, Verdana, Arial, san-serif;
display: block;
}
#pcard-status-body .pcard_loading {
padding: 10px;
}
#personcard_photo .pcard_loading {
padding-bottom: 5px;
}
.pcard_body .pcard_noinfo {
padding: 10px;
}
#personcard_bio .pcard_body_schools .pcard_loading {
margin: 0;
padding: 10px;
}
#personcard_bio .bio_description .pcard_loading {
margin: 0;
}


/* BIO CARD
=== === === === === === === === === === */
#personcard_bio h2 {
background: url(../images/personcard/icon-bio.png) left top no-repeat;
}
#personcard_bio .pcard_body {
padding: 5px;
}


/* === BIO DESCRIPTION === */
.bio-memberships-holder{
display:block;
position:relative;
min-height: 0;
}
.website-box{
display:block;
position:relative;
min-height: 0;
}
.container-following-indicator{
display:block;
position:relative;
min-height: 0;
}
.personCard .bio_description {
padding: 5px;
}
.bio_description p span {
color: #333;
}
.pcard_body .pcard_smallpic{
float: left;
margin: 5px 10px 5px 5px;
border: 1px solid #EEE;
background: #FFF url(../images/noPicFireball.png) no-repeat center center;
padding: 5px;
min-height: 49px;
min-width: 49px;
}

.pcard_body .pcard_smallpic img{
max-width:100px;
}

.pcard_body .pcard_largepic {
float: left;
margin: 5px 10px 5px 5px;
border: 1px solid #EEE;
background: #FFF url(../images/noPicFireball.png) no-repeat center center;
padding: 5px;
min-height: 49px;
min-width: 49px;
}
.pcard_largepic {
max-width: 340px;
overflow: hidden;
}
.pcard_largepic img {
max-width: 340px;
}
.small-unbound #unbound-mode-container .pcard_largepic {
max-width: 157px;
min-height: 0;
overflow: hidden;
}
.small-unbound #unbound-mode-container .pcard_largepic img {
max-width: 157px;
min-height: 0;
}


/* === BIO WEBISTES === */
.personCard .bio_websites a {
background: url(../images/personcard/pill_right.png) right center no-repeat;
text-decoration: none;
font-size: 10px;
font-weight: bold;
font-family: Helvetica, Verdand, Arial, san-serif;
color: #333;
margin: 5px;
padding-right: 9px;
float: left;
max-width: 332px;
overflow: hidden;
height: 20px;
}
.small-unbound #unbound-mode-container .personCard .bio_websites a {
max-width: 149px;
}
.personCard .bio_websites a:hover {
text-decoration: underline;
color: #0084B4;
}
.personCard .bio_websites a span {
background: url(../images/personcard/pill_left.png) left center no-repeat;
line-height: 20px;
height: 20px;
max-width: 321px;
padding: 0px 1px 0px 10px;
float: left;
overflow: hidden;
}
.small-unbound #unbound-mode-container .bio_websites a span {
max-width: 138px;
}


/* === BIO MEMBERSHIPS === */
.personCard .bio_memberships a {
float: left;
height:15px;
width: 15px;
margin: 5px;
}
.personCard .bio_memberships img {
height:15px;
width: 15px;
}


/* === BIO MEMBERSHIPS === */
.personCard .bio_followers{
clear: both;
position: relative;
}
.personCard .follow-button-loader {
background: url(../images/loaders/arrows.gif) left top no-repeat;
padding-left: 20px;
margin: 5px 0px 0px 5px;
height: 16px;
line-height: 16px;
font-size: 11px;
color: #999;
}
.personCard .follow-button {
background: url(../images/buttons/follow-button-right.png) right top no-repeat;
float: left;
padding-right: 7px;
margin: 5px 0px 0px 5px;
height: 27px;
cursor: pointer;
}
.personCard .follow-button-inner {
background: url(../images/buttons/follow-button-left.png) left top no-repeat;
height: 27px;
line-height: 26px;
font-size: 11px;
color: #333;
text-shadow: 0px 1px 1px #FFF;
padding:0px 3px 0px 30px;
overflow: hidden;
cursor: pointer;
}
.personCard .following-indicator {
background: url(../images/personcard/follow-check.png) left top no-repeat; 
margin: 5px 0px 5px 5px;
padding-left: 20px;
font-size: 11px;
color: #333;
font-weight: bold;
}
.personCard .following-indicator a {
font-size: 9px;
color: #0084B4;
font-weight: normal;
}

/*follow dropdown*/
.follow-dropdown-list {
-moz-box-shadow:0 3px 5px 0 #000000;
-webkit-box-shadow:0 3px 5px 0 #000000;
border:2px solid #888888;
display:none;
left:5px;
position:absolute;
top:32px;
z-index:1000;
}
/*follow dropdown*/
.personCard .follow-button:hover .follow-dropdown-list {
display: block;
}
.follow-dropdown-list .fdl-header {
position: relative; 
}
.follow-dropdown-list .fdl-arrow {
position: absolute;
top: 0;
left: 0;
height: 4px;
width: 6px;
z-index: 1001;
}
.follow-dropdown-list .fdl-top {
margin: 0px 6px;
}
.follow-dropdown-list .fdl-top-right {
position: absolute;
top: 0;
right: 0;
width: 6px;
z-index: 1001;
}
.follow-dropdown-list .fdl-body-inner ul {
background:#FFFFFF none repeat scroll 0 0;
list-style-type:none;
margin:0;
padding:0;
}
.follow-dropdown-list .fdl-body-inner li {
border-bottom:1px solid #ddd;
cursor:default;
height:27px;
list-style-type:none;
margin:0;
padding:2px 5px;
position:relative;
}
.follow-dropdown-list ul li:first-child {
height: 25px;
border-top:none;
}
.follow-dropdown-list ul li:last-child {
background: none; 
height: 23px;
border-bottom:none;
}
.follow-dropdown-list ul li.follow-twitter-account{
background:transparent url(../images/personcard/divider.png) repeat-x scroll left top;
border-color:#AAAAAA;
border-style:none none solid;
border-width:medium medium 1px;
color:#333333;
display:block;
font-family:helvetica;
font-size:10px;
font-style:normal;
height:17px;
line-height:18px;
padding:0 0 0 5px;
position:relative;
text-shadow:0 1px 1px #FFFFFF;
width:auto;
}

.follow-dropdown-list ul li strong {
font-weight: bold;
font-size: 12px;
line-height: 27px;
color: #333;
margin-right: 100px;
}
.follow-dropdown-list li:first-child strong {
line-height: 25px;
}
.follow-dropdown-list li:first-child .multi-follow-button-container {
top: 2px;
}
.follow-dropdown-list li .multi-follow-button-container {
position: absolute; 
z-index: 1001;
right: 3px;
top: 5px;
}
.follow-dropdown-list ul li .follow, 
.follow-dropdown-list ul li .unfollow,
.follow-dropdown-list ul li .follow-loader {
height: 20px;
width: 75px;
overflow: hidden;
display: block;
text-align: left;
line-height: 20px;
color: #FFF;
text-decoration: none;
text-indent: -4000px;
cursor: pointer;
}
.follow-dropdown-list ul li .follow {
background: url(../images/personcard/follow-dropdown-button.png) 0px 0px no-repeat; 
}
.follow-dropdown-list ul li .follow:hover {
background: url(../images/personcard/follow-dropdown-button.png) 0px -40px no-repeat; 
}
.follow-dropdown-list ul li .unfollow {
background: url(../images/personcard/follow-dropdown-button.png) 0px -20px no-repeat; 
}
.follow-dropdown-list ul li .unfollow:hover {
background: url(../images/personcard/follow-dropdown-button.png) 0px -60px no-repeat; 
}
.follow-dropdown-list ul li .follow-loader {
background: url(../images/loaders/arrows-black.gif) center center no-repeat; 
}
.follow-dropdown-list .fdl-footer {
background: none;
position: relative;
}
.follow-dropdown-list .fdl-bottom {
margin: 0px 6px;
}
.follow-dropdown-list .fdl-bottom-left {
position: absolute; 
bottom: 0;
left: 0;
z-index: 1001;
width: 6px;
height: 10px;
}
.follow-dropdown-list .fdl-bottom-right {
position: absolute; 
bottom: 0;
right: 0;
z-index: 1001;
width: 6px;
height: 10px;
}


/* === BIO SCHOOLS OR WORK === */
.personCard #personcard_bio .pcard_body_schools {
padding:0px;
}
.personCard .bio_listeditems{
padding: 7px 10px;
color: #333;
border-bottom: 1px solid #EEE;
font-size: 12px;
}


/* === BIO LOCATION & AGE === */
.personCard .bio_location, .personCard .bio_age  {
float: left;
padding: 10px;
font-size: 11px;
font-weight: bold;
color: #333;
}
.small-unbound #unbound-mode-container .personCard .bio_location, .small-unbound #unbound-mode-container .personCard .bio_age  {
padding:5px;
min-height: 0;
}
.personCardMore #personcard_bio .bio_location .pcard_loading, .personCardMore #personcard_bio .bio_age .pcard_loading {
margin: 0px;
font-size: 11px;
min-height: 0;
} 


/* BIO CARD MORE
=== === === === === === === === === === */
.personCardMore #personcard_bio {
height: 100%;
width: 100%;
}
.personCardMore #personcard_bio .pcard_fullbio_container {
top:27px;
bottom:0;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
width: 100%;
}
.personCardMore #personcard_bio .pcard_loading {
margin: 5px;
}


/* PHOTO CARD
=== === === === === === === === === === */
#personcard_photo h2 {
background: url(../images/personcard/icon-photo.png) left center no-repeat;
}
#personcard_photo .pcard_body {
padding: 10px 5px 4px 8px;
}
#personcard_photo .pcard_body p {
padding: 5px;
}
#personcard_photo .pcard_thumbnail {
background: url(../images/personcard/thumbnail-bg.png) left center no-repeat;
height: 47px;
width: 47px;
padding: 1px 3px 5px 3px;
float: left;
margin:0px 4px 6px 0px;
text-align: center;
position:relative;
}
#personcard_photo .pcard_thumbnail .pcard_image {
width: 47px;
height: 47px;
margin: 0 auto;
cursor:pointer;
}
.photoBody {
width:372px;
min-height: 0;
}
.small-unbound #unbound-mode-container .photoBody {
width:189px;
min-height: 0;
}


/* PHOTO CARD MORE
=== === === === === === === === === === */
#photo-gallery{
display:block;
position:relative;
border:14px solid #000000;
height:400px;
left:50%;
margin-left:-357px;
margin-top:-207px;
position:fixed;
top:50%;
width:700px;
}
#simpleBoxclose{
display:block;
cursor:pointer;
position:absolute;
width:42px;
height:42px;
z-index:10000000;
background-image:url(/images/modal_close-orange.png);
background-repeat:no-repeat;
left:50%;
margin-left:350px;
margin-top:-226px;
top:50%;
}

/* STATUS CARD
=== === === === === === === === === === */
#personcard_status h2 {
background: url(../images/personcard/icon-status.png) left center no-repeat;
}
#personcard_status .pcard_body {
position:relative;
display:block;
}
#personcard_status .pcard_body .unifi_message {
background: none;
}


/* SMALL STREAM
=== === === === === === === === === === */
#columns .small-unbound #unbound-mode-container .unifi_message {
border-top: none;
border-bottom: 1px solid #FFF;
margin: 0;
background: #FFF url(../images/stream/small-top-bg.png) top left repeat-x ;
min-height: 0;
}
#columns .small-unbound #unbound-mode-container .unifi_messageAvatar {
height: 20px;
width: 20px;
min-height: 0;
background: none;
left: 3px;
top: 5px;
z-index: 2;
border: 2px solid #FFF;
}
#columns .small-unbound #unbound-mode-container .unifi_messageAvatar:hover {
height: 20px;
width: 20px;
border: 2px solid #FF6632;
}
#columns .small-unbound #unbound-mode-container .unifi_isFromSelf .unifi_messageAvatar {
right: 0px;
top: 0px;
left: auto;
}
#columns .small-unbound #unbound-mode-container .unifi_messageAvatar img {
margin: 0;
height: 20px;
width:20px;
left: 0;
}
#columns .small-unbound #unbound-mode-container .unifi_toDisplay img {
margin: 0;
height:12px;
width:12px;
position: static;
}
#columns .small-unbound #unbound-mode-container .unifi_messageSubject {
font-family: Helvetica, Verdana, Arial, san-serif;
font-size:10px;
line-height: 17px;
width: 127px;
margin:5px 15px 10px 30px;
overflow: hidden;
min-height: 0;
}
#columns .small-unbound #unbound-mode-container .unifi_messageSubject strong {
display: block;
min-height: 0;
}
#columns .small-unbound #unbound-mode-container .unifi_messageSubjectContain {
background: #FFF url(../images/stream/small-bottom-bg.png) bottom left repeat-x ;
border-bottom: 1px solid #CCC;
margin: 0;
padding: 0;
min-height:0;
}
#columns .small-unbound #unbound-mode-container .unifi_messageDate {
bottom: 5px;
right: 5px;
min-height: 0;
}
#columns .small-unbound #unbound-mode-container .facebook .unifi_messageDate {
bottom: 8px;
right: 5px;
min-height: 0;
}


/* TWITTER STREAM
=== === === === === === === === === === */
#columns .twitter .unifi_thumbnail {
max-width: 259px;
}
#columns .small-unbound #unbound-mode-container .twitter .unifi_thumbnail {
max-width: 120px;
}
#columns .small-unbound #unbound-mode-container .twitter .unifi_streamBubbleReply .add  {
right: 7px;
}
#columns .small-unbound #unbound-mode-container .twitter .unifi_streamBubbleReplyAvatarContainer {
background: none;
height: 20px;
width: 20px;
padding: 0;
display:none;
}
#columns .small-unbound #unbound-mode-container .twitter .unifi_facepicCrop {
height:20px;
width:20px;
margin: 0;
}
#columns .small-unbound #unbound-mode-container .twitter .unifi_textAreaArrow{
display:none;	
}
.small-unbound #unbound-mode-container .twitter .unifi_streamBubbleReplyAvatarContainer img {
width: 20px !important;
}
#columns .small-unbound #unbound-mode-container .twitter .unifi_streamBubbleReplyTextAreaWrap {
display:block;
margin:2px 8px 0 0;
min-height:0;
position:relative;
}
#columns .small-unbound #unbound-mode-container .unifi_FBthread{
margin-left:5px;
margin-right:5px;
min-height: 0;
}


/* PERSON CARD MORE STREAM
=== === === === === === === === === === */
#columns .personCardMore .moreStreamContain {
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.personCardMore .pcard_header h2 {
float:right;
margin-right:2px;
}
#columns .personCardMore .moreStreamContain .body{
bottom:0;
display:block;
left:0;
overflow-x:hidden;
overflow-y:auto;
position:absolute;
right:0;
top:27px;
}

/* PERSON CARD MORE PHOTOS
=== === === === === === === === === === */
#columns .personCardMore .morePhotosContain {
background-color:#D7D7D7;
display:block;
height:100%;
position:relative;
width:100%;
min-height:0;
}
#columns .personCardMore .morePhotosContain .header {
clear:both;
display:block;
position:relative;
background-color:#eeeeee;
border:1px solid #bbb;
min-height:0;
}
#columns .personCardMore .morePhotosContain .title {
color:#888888;
display:block;
float:left;
font-family:helvetica,arial,sans-serif;
font-size:16px;
margin:6px 5px 3px;
position:relative;
text-shadow:0 1px 1px #FFFFFF;
}
#columns .personCardMore .morePhotosContain .slideShow {
background-image:url(../images/slideshowIcons.png);
background-position:0 -52px;
background-repeat:no-repeat;
color:#888888;
display:block;
font-family:helvetica,arial,sans-serif;
font-size:13px;
height:15px;
padding-left:19px;
position:absolute;
text-shadow:0 1px 1px #FFFFFF;
overflow:hidden;
cursor:pointer;
top: 7px;
right: 6px;
}
#columns .personCardMore .morePhotosContain .slideShow:hover {
text-decoration:underline;
}
#columns .small-unbound #unbound-mode-container .personCardMore .morePhotosContain .slideShow {
width:0;
}
#columns .personCardMore .morePhotosContain .clear {
display:block;
position:relative;
clear:both;
min-height:0;
}
#columns .personCardMore .morePhotosContain .title {
background-image: url(../images/slideshowIcons.png);
background-repeat:no-repeat;
}
#columns .personCardMore .pcard_thumbnail {
background: url(../images/personcard/thumbnail-bg.png) left center no-repeat;
height: 47px;
width: 47px;
padding: 1px 3px 5px 3px;
float: left;
margin:0px 5px 6px 0px;
text-align: center;
position:relative;
}
#columns .personCardMore .pcard_thumbnail .pcard_image {
width: 47px;
height: 47px;
margin: 0 auto;
cursor:pointer;
}
#columns .pcard_thumbnail .expandCorner {
background-image:url(../images/cornerExplore_light.png);
background-repeat:no-repeat;
display:block;
height:27px;
position:absolute;
right:0;
top:-3px;
visibility:hidden;
width:26px;
cursor:pointer;
}
#columns .personCardMore .pcard_thumbnail .expandCorner {
background-image:url(../images/cornerExplore.png)
}
#columns .pcard_thumbnail:hover .expandCorner {
visibility:visible;
}
#columns .personCardMore .morePhotosContain .facebook {
border-top:1px solid #bbbbbb;
clear:both;
}
#columns .personCardMore .morePhotosContain .facebook .header {
border-top:1px solid #fff;
border-bottom:1px solid #bbb;
}
#columns .personCardMore .morePhotosContain .facebook .title {
background-position:1px 0;
padding-left:22px;
}
#columns .personCardMore .morePhotosContain .flickr .title {
background-position:0 -25px;
padding-left:22px;
}

#columns .personCardMore .morePhotosContain .photoBodyContain{
display:block;
border-top:1px solid #ffffff;
}
#columns .personCardMore .morePhotosContain .photoBody{
display:block;
margin:0 auto;
padding-left:5px;
padding-top:5px;
position:relative;
}
#columns .small-unbound #unbound-mode-container .personCardMore .morePhotosContain .photoBody{
padding-left:0;	
}
#columns .small-unbound #unbound-mode-container .personCardMore .morePhotosContain .photoBody{
display:block;
position:relative;
padding-left:4px;
}
#columns .personCardMore .morePhotosContain .pcard_body{
background-color:transparent;
bottom:0;
display:block;
left:0;
overflow-y: auto;
overflow-x: hidden;
position:absolute;
right:0;
top:27px;
}
#columns .loadContainer .loading_text{
color:#BBBBBB;
display:block;
font-family:helvetica;
font-size:21px;
margin:0 auto;
min-height:0;
padding:12px 12px 5px;
position:relative;
text-align:center;
text-shadow:0 1px 1px #FFFFFF;
top:30%;
}
#columns .bio_description .loadContainer .loading_text{
font-size:15px;
padding:0 2px;
text-align:left;
}

#columns .loadContainer .loading_text.fail{
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
}
#columns #personcard_photo .loadContainer .loading_text{
padding:0px 4px 5px;
}
#columns .loadContainer .loading_spinner{
background-repeat:no-repeat;
display:block;
height:100px;
margin:0 auto;
position:relative;
top:0;
width:80px;
}


/* HIDE THESE ITEMS
=== === === === === === === === === === */
/*Hide all bubble images*/
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleTop, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleBottom, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleTopLeft, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleTopRight, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleBottomLeft, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleBottomRight, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleLeft, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleRight, 
#columns .small-unbound #unbound-mode-container .unifi_streamBubbleFill
{
display: none;
background: none;
}

#unbound-search-manager {
bottom:0;
display:block;
left:0;
position:absolute;
right:0;
top:0;
z-index:2;
}
#search-input-contain {
display:none;
}
.search #search-input-contain {
position: relative;
-moz-border-radius:12px;
-webkit-border-radius:12px;
margin: 0px 5px;
background-color:#FFFFFF;
display:block;
height: 26px;
}
#cancel-twitter-search {
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-topright:12px;
background-color:#AAAAAA;
color:#FFFFFF;
cursor:pointer;
display:block;
font-family:helvetica;
font-size:11px;
height:15px;
line-height:14px;
position:absolute;
right:0;
text-align:center;
text-decoration: none;
top:0;
width:15px;
z-index:100;
}

#search-wrapper{
bottom:0;
display:block;
left:21px;
position:absolute;
right:43px;
top:1px;
z-index:100;
}

#search-input-contain input{
background:transparent none repeat scroll 0 0;
border:medium none;
color:#999;
display:block;
font-size:14px;
height:18px;
position:relative;
top:2px;
width:100%;
}

#search-input-contain input.active {
color:#333;
}

#search-input-contain .search-icon{
background-image:url(../images/unbound-search/search-icon-small.png);
display:block;
height:12px;
left:6px;
position:absolute;
top:7px;
z-index: 100;
width:13px;
}

#search-input-contain .search-left{
background-image:url(../images/unbound-search/searchLeft.png);
background-position:5px 0;
background-repeat:no-repeat;
display:block;
height:25px;
left:0;
position:absolute;
top:1px;
width:19px;
}
#search-input-contain .search-mid{
background-image:url(../images/unbound-search/searchMiddle.png);
background-position:0 0;
background-repeat:repeat-x;
height:25px;
left:17px;
position:absolute;
right:19px;
top:1px;
}
#search-input-contain .search-right{
background-image:url(../images/unbound-search/searchRight.png);
background-repeat:no-repeat;
height:25px;
position:absolute;
right:0;
top:1px;
width:19px;
}
.unlock{
background: url(../images/sprites/unlock-bgs.png) #d0d0d0 repeat-x 0 0;
-moz-border-radius:10px;
-moz-box-shadow:0 3px 20px 0 #000000;
-webkit-border-radius:10px;
-webkit-box-shadow:0 3px 20px 0 #000000;
display:block;
height:345px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:-278px;
position:relative;
top:50%;
width:360px;
}

.unlock.tall{
height:454px;
}
.plain-header {
color:#333333;
display:block;
font-family:helvetica;
line-height:25px;
text-align: center;
padding-top:15px;
text-shadow:0 1px 2px #BBBBBB;
}
.unlock-header {
background:url(../images/sprites/unlock-fg.png) 5px -747px no-repeat;
color:#333333;
display:block;
font-family:helvetica;
line-height:25px;
padding-left:35px;
padding-top:15px;
text-shadow:0 1px 2px #BBBBBB;
}

.unlock-icon{
padding-bottom:10px;
padding-left:175px;
padding-right:10px;
padding-top:10px;
background: no-repeat left;
}

.love .unlock-icon {
background-image:url();
}

.love .unlock-feature{
background:transparent url(../images/sprites/unlock-fg.png) no-repeat scroll 10px -15px;
height:145px;
padding-left:195px;
padding-right:10px;
}

.love .unlock-icon-logo{
display:block;
font-size:22px;
font-style:italic;
font-weight:bold;
line-height:30px;
overflow:hidden;
padding-top:15px;
text-shadow:0 1px 1px #FFFFFF;
}

.unlock p{
color:#333333;
font-family:helvetica;
font-size:17px;
line-height:22px;
text-shadow:0 1px 1px #FFFFFF;
}

.unlock .unlock-icon-text{
padding-right:5px;
}

.unlock-button {
background:transparent url(../images/sprites/unlock-fg.png) no-repeat scroll -10px -564px;
color:#888888;
cursor:pointer;
display:block;
float:left;
font-family:helvetica;
font-size:18px;
font-weight:400;
line-height:46px;
margin-left:30px;
position:relative;
text-align:center;
text-shadow:0 1px 1px #FFFFFF;
width:134px;
}

.unlock-button:hover {
text-decoration: underline;
}

.unlock-button.yes{
background-position:-10px -383px;
color:#22570B;
font-weight:bold;
letter-spacing:0.3px;
}

p.unlock-thanks{
font-size:12px;
margin-bottom:8px;
padding-left:0;
position:relative;
text-align:center;
top:-5px;
}

/* envelope styles
=== === === === === === === === === === */
#invitePopupModal {
margin-top: -175px;
}
.unlock-envelope {
position: absolute;
top: 40px;
left: -35px;
background: url(../images/ads/envelope.png) top left no-repeat;
width: 222px;
height: 178px;
}
.unlock-envelope-explain {
padding-top:50px;
padding-left: 190px;
padding-right: 10px;
height: 145px;
}


/* account toggle
=== === === === === === === === === === */

#unlock-account-container .account-toggle{
-moz-border-radius:4px;
-webkit-border-radius:4px;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
cursor:pointer;
display:block;
float:left;
margin-bottom:5px;
margin-right:5px;
margin-top:5px;
opacity:0.7;
padding:5px;
position:relative;
}

#unlock-account-container .account-toggle.twitter {
background-image:url(../images/logos/twitter-header.png);
background-position:2px 7px;
background-repeat:no-repeat;
padding-left:17px;
}

#unlock-account-container .account-toggle.active{
opacity:1;
filter:none;
}

#unlock-account-container .account-toggle.twitter.active{
border:1px solid #0084B4;
background-color:#DAF5FF;
}

#unlock-account-container .account-toggle.facebook {
background-image:url(/images/logos/fb_connect.png);
background-position:2px 6px;
background-repeat:no-repeat;
padding-left:21px;
}

#unlock-account-container .account-toggle.facebook.active{
border:1px solid #3B5998;
background-color:#DAE4F8;
}

#unlock-account-container .account-toggle img {
background-color:#FFFFFF;
display:block;
height:18px;
width:18px;
}

#unlock-account-container{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
background-color:#BBBBBB;
height:40px;
margin-top:7px;
padding-left:27px;
}

/* how tooooo
=== === === === === === === === === === */


.love.unlock.howto .unlock-feature{
background:url("../images/sprites/unlock-fg3.png") no-repeat scroll 50px -5px transparent;
height:110px;
margin-bottom:5px;
margin-top:10px;
}

.love.unlock.howto .unlock-explain{
display:block;
font-size:14px;
padding:0 20px;
}

.love.unlock.howto .unlock-explain strong{
display:block;
}

.love.unlock.howto .unlock-explain span{
font-size:12px;
line-height:20px;
}

.love.unlock.howto a.close{
background:url("../images/sprites/unlock-fg3.png") no-repeat scroll -5px -443px transparent;
display:block;
height:40px;
position:absolute;
right:-15px;
text-indent:-3000px;
top:-15px;
width:35px;
}

.love.unlock.howto .unlock-example{
background:url("../images/sprites/unlock-fg3.png") no-repeat scroll 19px -259px transparent;
display:block;
height:85px;
margin-top:0;
position:relative;
text-indent:-5000px;
margin-bottom:0;
}

/* love/abhorrr
=== === === === === === === === === === */

#columns .unifi_messageSubjectContain .threadsy_facebookLinks a.fb-link-abhor, 
#columns .unifi_messageSubjectContain .threadsy_facebookLinks a.fb-link-love{
display:none;
}

.unlockEmotes #columns .unifi_messageSubjectContain .threadsy_facebookLinks a.fb-link-abhor, 
.unlockEmotes #columns .unifi_messageSubjectContain .threadsy_facebookLinks a.fb-link-love{
display:block;
}

/* tune in
=== === === === === === === === === === */
.tunein-container {
-moz-border-radius:8px 8px 8px 8px;
background-color:#EAF4F9;
display:block;
margin:10px 15px 10px 10px;
padding:10px;
color:#425E6A;
font-family:Helvetica, arial, sans-serif;
font-size:10px;
}

.tunein-container .tumbnail{    
border:medium solid #FFFFFF;
display:block;
float:left;
margin-right:5px;
max-height:62px;
max-width:60px;
position:relative;
}

#unbound-mode-container .unifi_messageSubject.stream .tunein-container strong a{
display:block;
color:#425E6A;
font-size:10px;
font-family:Helvetica, arial, sans-serif;
margin-bottom:5px;
}

.tunein-container span{
font-style: italic;
}
/* UNBOUND NAV BUTTONS
=== === === === === === === === === === */
#unbound-nav {
display:block;
padding:0;
position:relative;
float: left;
z-index: 200;
}

/* TOOLBAR
=== === === === === === === === === === */
#unbound-nav-container {
background: url(../images/inbound-nav/inbound-nav-bg.png) 0px -26px repeat-x; 
height: 26px;
padding:7px 0px;
}


/* PERSON CARD NAV
=== === === === === === === === === === */
#display-name-bar{
color:#FFFFFF;
display:none;
font-size:16px;
line-height:29px;
padding: 0px 5px;
text-shadow:0 1px 1px #000000;
}
.person #display-name-bar {
display:block;
overflow:hidden;
}
.person #optionalReadingBottomButtonsList, .search #optionalReadingBottomButtonsList{
display:none;
}


/* RT
=== === === === === === === === === === */

.RT-icon{
background:url("../images/sprites/unbound-icons2.png") no-repeat scroll 0 -197px transparent;
display:block;
height:20px;
left:-2px;
position:relative;
width:19px;
}


/* tall optional header overwrite
=== === === === === === === === === === */
#optionalReadingBottomButtons {
background-color:#323332;
background-image:url("../images/nav/sub-chrome-mid.png");
}

#unbound-nav li{
display:block;
position:relative;
list-style: none;
float: left;
cursor:pointer
}
#unbound-nav li{
display:block;
position:relative;
list-style: none;
float: left;
cursor:pointer
}

#optionalColumnHeaderContent {
position:absolute;
left:0;
right:0;
top:0px;
z-index:100;
padding-top: 16px;
}
.timeline #unbound-mode-container {
top:82px;
}
.timeline.update-box-open #unbound-mode-container {
top:177px;
}

.search #unbound-nav-container #c_optional_stream_status_update, 
.person #unbound-nav-container #c_optional_stream_status_update,
.search #unbound-nav-container .unbound-tab-container,
.person #unbound-nav-container .unbound-tab-container, 
.search #unbound-nav-container #fake-search-box, 
.person #unbound-nav-container #fake-search-box, 
.person #unbound-nav-container #cancel-twitter-search, 
.timeline #unbound-nav-container #cancel-twitter-search
{
display:none;
}

#unbound-mode-container {
border-left:5px solid #454545;
border-right:5px solid #454545;
bottom:25px;
display:block;
left:0;
position:absolute;
right:0;
top:82px;
z-index:3;
}

/* saved-search-container
=== === === === === === === === === === */

#optionalReadingBottomButtons #saved-search-container{
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #333333;
border-top: none;
float:none;
height:auto;
left:9px;
margin:0;
padding:0 0 10px;
position:absolute;
right:9px;
top:26px;
-moz-box-shadow:0 3px 5px 0 #888888;
-webkit-box-shadow:0 3px 5px 0 #888888;
z-index: 100;
}

#saved-search-container li{
display:block;
position:relative;
float:none;
}

#saved-search-container .saved-search-account{
background:url("../images/logos/twitter_scaled.png") no-repeat scroll 0 3px transparent;
border-top:1px solid #EEEEEE;
color:#FF6632;
display:block;
font-family:helvetica;
font-size:12px;
font-style:italic;
font-weight:bold;
padding:7px 10px 10px 25px;
position:relative;
text-shadow:0 1px 1px #CCCCCC;
width:auto;
}

#saved-search-container .saved-search{
color:#333333;
cursor:pointer;
display:block;
font-family:helvetica;
font-size:12px;
padding:2px 0 8px 25px;
width:auto;
}

#saved-search-container .saved-search.dim, #saved-search-container .saved-search.dim:hover{
color:#888;
background-color:transparent;
}

#saved-search-container .saved-search:hover{
background-color:#EEEEEE;
color:#000000;
}

#saved-search-container .destroy{
background:transparent url(../images/unbound-search/destroy.png) no-repeat scroll center center;
display:none;
height:15px;
right:4px;
position:absolute;
top:4px;
width:15px;
opacity: .7;
}

#saved-search-container .saved-search:hover .destroy{
display:block;
}

#saved-search-container .destroy:hover{
opacity: 1;
}

#optionalReadingBottomButtons #save-search{
border:1px solid transparent;
color:#888888;
cursor:pointer;
display:block;
font-family:helvetica;
font-size:11px;
line-height:24px;
padding-left:5px;
padding-right:5px;
position:absolute;
z-index: 100;
right:20px;
top:0;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
}

#optionalReadingBottomButtons #save-search.active{
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
background-color:#FFFFFF;
border:1px solid #777777;
color:#888888;
cursor:pointer;
display:block;
font-family:helvetica;
font-size:11px;
line-height:25px;
padding-left:5px;
padding-right:5px;
position:absolute;
right:10px;
top:0
}

#optionalReadingBottomButtons #save-search:hover{
color:#666;
}


/* ACCOUNT STUFF
=== === === === === === === === === === */
#optionalReadingBottomButtons #saved-search-account-container{
background:#FFFFFF none repeat scroll 0 0;
border-bottom:4px solid #333333;
float:none;
height:auto;
margin:0;
padding:0 0 10px;
position:absolute;
right:0;
top:20px;
-moz-box-shadow:0 3px 5px 0 #888888;
-webkit-box-shadow:0 3px 5px 0 #888888;
}

#optionalReadingBottomButtons #saved-search-account-container li{
background:transparent url(../images/logos/twitter_scaled.png) no-repeat scroll 0 3px;
border-bottom:1px solid #EEEEEE;
color:#333;
display:block;
font-family:helvetica;
font-size:11px;
font-style:italic;
font-weight:bold;
padding-left:24px;
position:relative;
text-shadow:0 1px 1px #CCCCCC;
width:auto;
float:none;
cursor:pointer;
padding-right:10px;
}

#optionalReadingBottomButtons #saved-search-account-container li:hover{
background-color:#EEEEEE;
color:#000000;
}

/*  TWO ROW DISPLAY
=== === === === === === === === === === */
.small-unbound .two-rows.timeline.update-box-open #unbound-nav-container #c_optional_stream_status_update .unifi_c_new_status .textarea-foot {
bottom:-71px;
height:70px;
padding-bottom:0;
}

.small-unbound .two-rows.timeline.update-box-open #unbound-nav-container #c_optional_stream_status_update .unifi_c_new_status .textarea-foot .service-block-containers{
height:70px;
overflow:auto;
}

.small-unbound .two-rows.timeline.update-box-open #unbound-nav-container #c_Coptional_stream_status_update {
min-height:161px;
}

.small-unbound .two-rows.timeline.update-box-open #unbound-mode-container {
top:210px;
}