body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td 
{ margin:0;	padding:0;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var,strong
{ font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

.setupexpander, .setupverifiedicon, .openidloginpart, 
.alertpopup, .finishloader, .bln, .mets, .sd,
.channel-list-message, .errormessage, #delchnnlppp,
#icgrp, #icrfrm,
#mailaddresssentinfo, #usernameloader, #errormailaddress,
#verifiedicon, #erroricon, #avataruploader, #attachmentloader,
#cc, #bcc, #avataruploader, #cnlprgrssp, #clrsrch, .srchldr,
.otherchannelserror, .add-channel-error-box, #chnnlslctnldr, #accldr,
#activity-loading, #realtime-loading, #invitetextsent,
.appstatus, .nextactionsmenu, .person-options-balloon, 
 .hidden-details, .hidden, #updatestatusbox { display: none; }

/* 2. Global
*********************************************************/

/* default html styles */
body {
	background-color: #eaedef;
	background-image: url(/i/p/bg_public_page.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #333;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	font-size: 12px;
	width: 100%;
}
a { color: #559dff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
input { overflow: hidden; }
textarea { overflow: auto; }
input, textarea {
	display: block;
	background: #fff;
	border: none;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	font-size: 1em;
	width: 100%;
	outline: none;
}
table tr td { vertical-align: top; }
ol { padding: 0px 0px 0px 10px; margin: 0 0 0 2px; list-style-type: decimal;}
ol li { margin: 0 0 0 8px; }

/* generic classes */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix{ }
.clear { clear: both; }
.hide, .hidden { display: none !important; }
.left { float: left; }
.right { float: right; }
.block { display: block; }
.inline { display: inline-block !important; overflow: hidden !important; height: auto !important; }
.textfield { background-color: #fff; border: 1px #dfdfdf solid; cursor: text; padding: 4px; display: block; }
.textfield-masked, .textfield-masked input { color: #969696; }
.searchfield { background-image: url(/i/sp/sprite-c.gif); background-position: right -505px; height: 1.33em; background-repeat: no-repeat; padding: 4px 28px 4px 4px }
.searchfield input { background-color: transparent; }
#searchfield-container{border: 1px solid #d3d3d3; padding: 5px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.stronghead { text-transform: uppercase; letter-spacing: 1px; font-size: 90%; }
.button select, .nextactions select { font-size: 90%; border: 1px solid #d6deed; border-right: 1px solid #f4f6fa; border-bottom: 1px solid #f4f6fa; margin:0; }
.inline-list li { display: inline; padding-right: 3px; }
.inline-list .separator { border-left: 2px solid #fff; padding-left: 6px; }
.no-margin { margin: 0 !important; }

strong.message-header{font-weight: bold; color: #505050; margin: 0 0 15px; font-size: 18px; display: block;}
div.message-body{color: #505050}

a.download-document-item{margin-top: 15px;}
a.download-document-item strong{ font-size: 13px; background: url(/i/sp/icon-download-document.png) no-repeat left 4px;display:block; padding-left: 21px;}

/* modal popup */ 
.modal-header { font-size: 1.25em; font-weight: bold; margin-bottom: 9px; }
#registermodal { /*height: 470px; */} 
#registermodal .modal-header{ font-size: 230%; padding:2px 0; font-weight: normal;}
.modal-window, .modal-window-small {
	background-color: #73aeff;	
	color: #fff;
    display: none;
    left: 50%;
    padding: 21px;
    position: fixed;
    top: 15%;    
    margin-left: -350px;
    width: 700px;
    border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
}
.modal-window-small {
	width: 500px;
	margin-left: -250px;
}
.modal-window a, .modal-window-small a { color: #fff; }
.modal-window a.button, .modal-window-small a.button, #TB_window a.button, div.inputbutton, .inputbutton{
	background: url(/i/sp/sprite-c.gif) no-repeat right -897px; 
	color: #0053a0;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 24px;
	padding-right: 18px;
	text-align: center;
	text-decoration: none;
}
.modal-window a.button span, .modal-window-small a.button span, #TB_window a.button span, div.inputbutton input, div.inputbutton button {
	display: block;
	background: url(/i/sp/sprite-c.gif) no-repeat left -897px;
	height: 24px;
	padding-left: 18px;
	cursor: pointer;
}
.modal-overlay { background-color: #000; }
#bt-request-invite{width: auto; background: transparent; margin-top: 10px;}

/* channel icons - general */
.icon { height: 11px; line-height: 13px; width: 11px; display: inline-block; }
.icon-l {height:30px;}

/* generic icons */
.delete-attachment { background: url(/i/sp/sprite-c.gif) no-repeat 2px -1976px; padding-left: 16px; }
.delete-attachment:hover { text-decoration: none; }

/* channel icons - small */
.aol-s { background: url(/i/sp/spirte-channels.gif) 100% -2789px no-repeat; }
.exchange-s { background: url(/i/sp/spirte-channels.gif) 100% -2879px no-repeat;}
.facebook-s { background: url(/i/sp/spirte-channels.gif) 100% -2969px no-repeat;}
.gmail-s { background: url(/i/sp/spirte-channels.gif) 100% -3149px no-repeat; }
.hotmail-s { background: url(/i/sp/spirte-channels.gif) 100% -3239px no-repeat;}
.hyves-s { background: url(/i/sp/spirte-channels.gif) 100% -3329px no-repeat;}
.linkedin-s { background: url(/i/sp/spirte-channels.gif) 100% -3419px no-repeat; }
.twitter-s { background: url(/i/sp/spirte-channels.gif) 100% -3509px no-repeat; }
.yahoo-s { background: url(/i/sp/spirte-channels.gif) 100% -3599px no-repeat;}
.inbox2-s { background: url(/i/sp/spirte-channels.gif) 100% -3688px no-repeat;}
.yammer-s { background: url(/i/sp/spirte-channels.gif) 100% -3959px no-repeat; }
.gmx-s { background: url(/i/sp/spirte-channels.gif) 100% -3960px no-repeat; }

/* channel icons - small (right aligned) */
.aol-sr { background: url(/i/sp/spirte-channels.gif) 100% -2791px no-repeat; }
.exchange-sr { background: url(/i/sp/spirte-channels.gif) 100% -2880px no-repeat; }
.facebook-sr { background: url(/i/sp/spirte-channels.gif) 100% -2969px no-repeat; }
.gmail-sr { background: url(/i/sp/spirte-channels.gif) 100% -3147px no-repeat; }
.hotmail-sr { background: url(/i/sp/spirte-channels.gif) 100% -3239px no-repeat; }
.hyves-sr { background: url(/i/sp/spirte-channels.gif) 100% -3330px no-repeat; }
.linkedin-sr { background: url(/i/sp/spirte-channels.gif) 100% -3420px no-repeat; }
.twitter-sr { background: url(/i/sp/spirte-channels.gif) 100% -3510px no-repeat; }
.yahoo-sr { background: url(/i/sp/spirte-channels.gif) 100% -3601px no-repeat;}
.inbox2-sr { background: url(/i/sp/spirte-channels.gif) 100% -3691px no-repeat; }
.yammer-sr { background: url(/i/sp/spirte-channels.gif) 100% -3958px no-repeat; }
.gmx-sr { background: url(/i/sp/spirte-channels.gif) 100% -3958px no-repeat; }

/* channel icons - large */
.aol-l { background: url(/i/sp/spirte-channels.gif) 0 6px no-repeat; }
.exchange-l { background: url(/i/sp/spirte-channels.gif) 0 -84px no-repeat; }
.facebook-l { background: url(/i/sp/spirte-channels.gif) 0 -171px no-repeat; }
.gmail-l { background: url(/i/sp/spirte-channels.gif) 0 -264px no-repeat; }
.hotmail-l { background: url(/i/sp/spirte-channels.gif) 0 -352px no-repeat; }
.hyves-l { background: url(/i/sp/spirte-channels.gif) 0 -443px no-repeat; }
.linkedin-l { background: url(/i/sp/spirte-channels.gif) 0 -534px no-repeat; }
.twitter-l { background: url(/i/sp/spirte-channels.gif) 0 -624px no-repeat; }
.yahoo-l { background: url(/i/sp/spirte-channels.gif) 0 -712px no-repeat; }
.yammer-l { background: url(/i/sp/spirte-channels.gif) 0 -805px no-repeat; }
.gmx-l { background: url(/i/sp/spirte-channels.gif) 0 -805px no-repeat; }

/* cornerbox - form settings */
.cornerbox .statemessage { color: #818181; }
.cornerbox span.header { display: block; color: #0053a0; font-size: 1.25em; font-weight: bold; margin-bottom: 9px; }
.cornerbox li.loading { background: url(/i/loader-box-small.gif) no-repeat; padding-left: 24px; }
.cornerbox a.button, a.button{
	background: url(/i/sp/sprite-c.gif) no-repeat right -50px; 
	color: #0053a0;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 24px;
	padding-right: 12px;
	text-align: center;
	text-decoration: none;
}
.cornerbox a.button span, a.button span{
	display: block;
	background: url(/i/sp/sprite-c.gif) no-repeat left -50px;
	height: 24px;
	padding-left: 12px;
}
.cornerbox a.button-add, a.button-add {
	background: url(/i/sp/sprite-c.gif) no-repeat right -144px; 
	color: #0053a0;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 21px;
	padding-right: 27px;
	text-align: center;
	text-decoration: none;
}
.cornerbox a.button-add span, a.button-add span {
	display: block;
	background: url(/i/sp/sprite-c.gif) no-repeat left -144px;
	height: 21px;
	padding-left: 10px;
}

/* file type icons */
.filetype { background: url(/i/sp/sprite-icons.gif) no-repeat; display: block; min-height: 16px; line-height: 16px; padding-left: 21px; }
.avi { background-position: left 0px; }
.bmp { background-position: left -32px; }
.dat { background-position: left -64px; }
.default { background-position: left -96px; }
.doc { background-position: left -128px; }
.docx { background-position: left -160px; }
.gif { background-position: left -192px; }
.html { background-position: left -224px; }
.ics { background-position: left -256px; }
.jpg { background-position: left -287px; }
.mp3 { background-position: left -320px; }
.mpg { background-position: left -352px; }
.pdf { background-position: left -384px; }
.png { background-position: left -416px; }
.ppt { background-position: left -448px; }
.pptx { background-position: left -480px; }
.psd { background-position: left -512px; }
.rar { background-position: left -544px; }
.txt { background-position: left -576px; }
.wav { background-position: left -608px; }
.wmv { background-position: left -640px; }
.xaml { background-position: left -672px; }
.xls { background-position: left -704px; }
.xlsx { background-position: left -736px; }
.zip { background-position: left -768px; }
.note { background-position: left -800px; }
.link { background-position: left -832px; }

/* starred */
.star-button
{
    background: url(/i/sp/sprite-c.gif) no-repeat left -2584px;    
    display: inline-block;
    float: right;
    height: 14px;
    line-height: 13px;
    width: 15px;
}
.star-button.enabled { background-position: left -2548px !important; }

/* balloon */
.bln {
	position: absolute;
	left: 52px;
	top: -2px;
	background: #fff;
	width: 230px;
	min-height: 30px;
	border-bottom: 1px solid #838383;
	border-right: 1px solid #838383;
	color: #35342d;
}
.bln { border-bottom: 1px solid #2d5ec6; border-right: 1px solid #356ee7; }
#optionscolumn .bln { border-bottom: 1px solid #73adff; border-right: 1px solid #bcd8ff; }
.blnh { display: block; padding: 0 0 10px; color: #828282; }
.blnbx { padding: 15px;	position: relative; }
.blnfrm { margin: 0; padding: 0; }
.blnuser, .blnpass { }
.bln .textfield, #optionscolumn label.textfield { margin-bottom: 6px; display: block; padding: 4px; width: 190px; }
.arrowbln, .arrowbln2 {
	background: url(/i/arrowbln.png);
	display: block;
	width:13px;
	height: 38px;
	position: absolute;
	left: -13px !important;
	top: 10px;
}
.arrowbln2{
    left:10px !important;
    top: -13px;
	background: url(/i/arrowblntop.png);
	width: 38px;
	height: 13px;
    }
.arrowbln3{
    display:block;
	background: url(/i/sp/sprite-c.gif) no-repeat left -2619px;
	width: 16px;
	height: 9px;
	margin-top: -9px;
	margin-left: 15px;
    }
.abtcls {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}
.abtcls span {
	position: relative;
	left: 3px;
	top: 3px;
	width: 10px;
	height: 10px;
	background: url(/i/btcls.png);
	display: block;
}
.abtcls .hidden { display: none; }
.person-options-balloon{ width: 260px; border:1px solid #c9c9c9; border-top:1px solid #dadada; border-left:1px solid #dadada; z-index:100 }
.person-options-avatar{float: left;}
.person-options-balloon .blnh{font-weight: bold;padding-left: 50px;}
.person-options-balloon .blnd{padding-left: 50px;margin-bottom: 3px;}
.person-options-balloon ul{padding-left: 50px; line-height: 160%; }

#info-popup { background:transparent url(/i/modal-shadow.png) repeat scroll 0 0; display: none; position: absolute; margin-left: -250px; left: 50%; }
#info-popup .modal-header { color: #000; font-size: 1.25em; font-weight: bold; margin-bottom: 12px; }
#info-popup-content a { text-decoration: underline; }
#info-popup-content {
	background-color: #fcfdfe;
	border:1px solid #b8c4db;
	color: #3B5998;
    left: -5px;
    padding: 21px;
    position: relative;
    top: -5px;
    width: 500px;
}
#info-popup-close { float: right; font-size: 16px; }

/* PunyMCE Editor */
/* PunyMCE - Reset */
iframe.punymce, ul.punymce, ul.punymce li, .punymce a {border:0; padding:0; margin:0; display:inline; background:transparent; float: none;}
iframe.punymce { display: block !important; }
/* PunyMCE - Basic UI */
.punymce table { background: transparent url(/i/sp/sprite-a.gif) repeat-x scroll left -104px; border:1px solid #cde3fb; display: inline-block; table-layout: fixed; position: relative; }
.punymce .mceToolbar td {height:24px}
.punymce tr.mceBody td {height:auto}
.punymce ul {display:block; height:24px; position:relative; overflow: hidden;padding: 3px;}
.punymce tr.mceBody td div.mceBody {border:1px solid #CCC; position:relative}
.punymce iframe {clear:both; display: block; }
.punymce table .mceToolbar a { border: 1px solid transparent; display: block; width: 16px; height: 16px; padding: 3px; float: left; overflow: hidden; }
.punymce .mcePlaceholder {border:1px dotted #000; display:none}
/* PunyMCE - Style menu */
div.punymce_style {position:absolute; display:none; background:#FFF; border:1px solid #74aeff; font-family:Verdana, Arial; font-size:11px; }
.punymce_style a:hover {border:0; background:#CCC}
.punymce_style a {display:block; text-decoration:none; color:#000; padding:2px}
/* PunyMCE - Style previews */
.punymce .h1 {font-size:xx-large}
.punymce .h2 {font-size:x-large}
.punymce .h3 {font-size:large}
.punymce .pre {font-family:pre}
.punymce .times {font-family:Times}
.punymce .arial {font-family:Arial}
.punymce .courier {font-family:Courier}
/* PunyMCE - Resize */
.punymce .mceResize {position:absolute; right:1px; bottom:1px; width:7px; height:7px; background:url('../i/icons.gif') -312px -9px; overflow:hidden; cursor: pointer;}
/* PunyMCE - Buttons */
.punymce li.disabled a { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; cursor:default; }
.punymce li.disabled a:hover { border:1px solid #F0F0EE; }
.punymce .mceToolbar a:hover, .punymce .mceToolbar li.active a:hover { border:1px solid #cde3fb; }
.punymce .mceToolbar li.active a { border:1px solid #BBB; }
.punymce a.bold { background:url('../i/icons.gif') 0 -1px; }
.punymce a.italic { background:url('../i/icons.gif') -24px -1px; }
.punymce a.underline { background:url('../i/icons.gif') -48px -1px; }
.punymce a.strike { background:url('../i/icons.gif') -72px -1px; }
.punymce a.ol { background:url('../i/icons.gif') -120px -1px; }
.punymce a.ul { background:url('../i/icons.gif') -96px -1px; }
.punymce a.indent { background:url('../i/icons.gif') -144px -1px; }
.punymce a.outdent { background:url('../i/icons.gif') -168px -1px; }
.punymce a.left { background:url('../i/icons.gif') -192px -1px; }
.punymce a.center { background:url('../i/icons.gif') -216px -1px; }
.punymce a.right { background:url('../i/icons.gif') -240px -1px; }
.punymce a.style { background:url('../i/icons.gif') -264px -1px; }
.punymce a.removeformat { background:url('../i/icons.gif') -288px -1px; }
.punymce a.increasefontsize { background:url('../i/icons.gif') -336px -1px; }
.punymce a.decreasefontsize { background:url('../i/icons.gif') -360px -1px; }
.punymce a.link { background: url('../i/icons.gif') -384px -1px; }
.punymce a.unlink { background: url('../i/icons.gif') -408px -1px; }
/* PunyMCE - MSIE 6 */
* html .punymce .mceResize { right:2px; bottom:4px; }
/* PunyMCE - MSIE 7 */
*:first-child+html .punymce .mceResize { right:1px; bottom:1px; }


/* id's */
#wrapper { height: 100%; min-height: 100%;}

/* 3. Header
*********************************************************/
#header {
	position: relative;
	vertical-align: middle;
	width: 100%;
	padding: 0px 0 0;
}
#header a{color: White;}
#logo a {
	display: block;
	background: url(/i/p/logo.png) 0 0px no-repeat;
	height: 68px;
	text-indent: -900em;
	margin: 3px 0 0 8px;
	width: 210px;
	outline: none;
}

/* 5. Tab Content
*********************************************************/
#tabcontent { display: block; background: #fcfdfd; width: 100%; }
#tabcontent.centered-tabcontent{ text-align: center; width:960px; margin: 0 auto;padding: 0 0  50px;}
#tabcontent.fixedheight-tabcontent{padding: 0;}
.centered-tabcontent{margin: 0 auto; width: 958px;}
.header-centering{width:960px; margin: 0 auto;}
.back-button-centering{width:960px; margin: 0 auto 9px;}
.back-button-centering .addthis_button_expanded{float: right;}
#tabcontent.centered-tabcontent #tabbuttons{ margin: 0 auto; padding:0; position: relative;}
#tabpanel { table-layout: auto; width: 100%; text-align: left; }

/* User info */
#userinfo {border: 1px solid #a0aab9; background-color: #8D96A4; background-image: url(/i/p/bg_userinfo.png); background-position: left bottom; background-repeat: repeat-x; border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius: 8px; margin: 0 auto 18px; color: White;}
#userinfo-margin, #userinfo-pull-margin{padding: 12px;}
#userinfo img{float: left; margin-right: 18px;}
#userinfo h1{font-size: 30px; color: #eaedef;font-family: Arial, Verdana, Sans-serif; }

#userinfo-pull {border: 1px solid #ffef88; font-size: 14px; color: #8e8757; background-color: #fff7c3; border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius: 8px; margin: 0 auto 18px; }
#userinfo-pull strong{font-weight: bold; font-size: 20px; font-family: Arial, Verdana, Sans-serif; color: #f05011; }
#get-inbox2-button{float: right; border: 2px solid #ffae00; background-color: #f05011; margin: 5px 5px 0; padding: 7px 30px; color: White; font-size: 25px;font-weight: bold; font-family: Arial, Verdana, Sans-serif; border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius: 8px;}
#get-inbox2-button:hover{background-color: #ffae00; text-decoration: none;}

#top-nav-bar{min-height: 30px;}
#follow-nav-bar{ padding: 15px 5px; margin-bottom: 10px;width: 978px; display: table; margin: 0 auto;font-size: 120%; }
#top-nav-bar.nav-bar ul{float: none; width: 960px; display: table; margin: 0 auto;padding-top:5px;}
#top-nav-bar.nav-bar ul li{margin:0 0 0 5px;}
#top-nav-bar.nav-bar a{display: inline-block; padding: 5px 10px; background: #f1f1f1; font-weight: bold;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#top-nav-bar.nav-bar a#play-intro{padding-left: 25px; background:#f1f1f1 url(/i/p/play_button.png) no-repeat 10px 4px;}
#top-nav-bar.nav-bar a#login-webaccess{padding-left: 25px; background:#f1f1f1 url(/i/p/login-webaccess.png) no-repeat 7px 4px;}
.nav-bar ul li{float: right; margin-left: 20px;}

#shared-items {background: #ffffff; width: 958px; margin: 0 auto 30px; font-size: 15px;border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius: 8px; }
#shared-items-margin{padding: 20px 25px;}

/* 5.1 Overview
*********************************************************/

/* activity stream - settings */
#activity-container{ border: 1px solid #c7dfff; border-radius: 8px; -moz-border-radius: 8px;-webkit-border-radius: 8px; width:958px; position:relative;}
#activity-container-header{padding: 2px 18px 3px;  border-bottom: 1px solid #d6e8fc; background: url(/i/sp/sprite-a.gif) repeat-x left -303px;border-radius-topleft: 6px; border-radius-topright: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;}
#activity-header{font-size:28px; color: #373838;font-family: Arial;padding-bottom: 5px;}
#showfolders{float: right; display: block; border-left: 1px solid #c7dfff; margin:-2px -18px 0 10px;padding: 12px;}
#showfolders span{padding-right: 14px; background:url(/i/arrow_left.gif) no-repeat right 3px;}
#showfolders.selected span{background:url(/i/arrow_down.gif) no-repeat right 4px;}
#loading-messages{font-size: 12px; margin-left:5px; display: inline-block; display: none;padding: 2px 0 2px 20px; position:relative; bottom: 2px; background: url(/i/loader-appmenu-small.gif) no-repeat left 1px;}
a.button-getmessages{font-size: 12px; position:relative; bottom: 2px; background: transparent; padding-right:5px; color:#559DFF;margin-bottom: -2px;}
a.button-getmessages strong{padding-left: 13px; background: url(/i/icon-getmessages.png) no-repeat left 3px;}
a.button-getmessages:hover{background: transparent url(/i/sp/sprite-c.gif) no-repeat right -50px;}
a.button-getmessages span{background: transparent; padding-left:5px;}
a.button-getmessages:hover span{background: transparent url(/i/sp/sprite-c.gif) no-repeat left -50px;}
#activity-container-header .username{font-size: 14px; color: #8d8d8d;}
#activity-period { color: #656766; font-weight: bold; margin-bottom: 20px; }
#activity-period label { padding-right: 3px; font-size: 100%; padding-bottom: 5px; display: inline-block;}
#activity-period select { font-size: 95%; color: #656766;}
.activity-stream { /*margin-top: 18px;*/ }
.activity-stream a { color: #559dff; }
.activity-stream #activity-loading { color: #b0b0b0; }
.activity-clear{height:1px; overflow: hidden;}
.activity-end-box{ font-size: 90%;padding: 8px 0 0; margin: 18px 0; }
.activity-end-box a{font-weight: bold; line-height: 24px;}
#previous-page-button{margin-right:8px;}

/* activity stream - views */
.activity-contacts, .activity-channels { /*margin-top: 18px;*/ clear: both;}
/*.activity-channels .next-actions-button{display: inline-block; color :#97C3FF;}*/

/* activity stream - contacts view */
.activity-contacts .contact-list li { 
    border-bottom: 1px #eaedef solid; 
    clear: both; 
    /*display: block; */
    height: 1%; 
    margin: 0px 0 0 0;    
    /*overflow: hidden;*/
    padding: 20px 25px;
    font-size: 15px;
}
.activity-contacts #doc-only-view li { padding: 0.3em 0 0.3em; }
.activity-contacts #doc-only-view .attachments-list {padding-bottom:0px;}
.activity-contacts .contact-list .status-update{padding-top: 6px; padding-bottom:12px;}
.activity-contacts .contact-list li.loading, .activity-stream .loading { background: url(/i/loader-midwhitebg-large.gif) center 9px no-repeat; height: 24px; padding-top: 50px; text-align: center; }
.activity-contacts .contact-list .load-more-messages-container {font-size: 0.9em; padding-bottom: 0.75em; padding-top: 0.25em; margin-bottom: 6px; border-bottom: 1px solid #DAEBFD;}
.activity-contacts .contact-list .load-more-messages-container .loading { background: url(/i/loader-lightblue-small.gif) 0 0 no-repeat; padding: 0 0 0 21px; text-align: center; }
.activity-contacts .contact-list .avatar { float: left; position:relative; }
.activity-contacts .contact-list .status-update .avatar{margin-left: 20px;}
.activity-contacts .contact-list .status-update .status-update-content{padding-left: 20px; display: block; color:#949494;}
.activity-contacts .contact-list .activity-cc-message { height: 20px; background: url(/i/sp/sprite-c.gif) no-repeat 100% -2156px; }
.activity-contacts .contact-list .activity-bcc-message { height: 20px; background: url(/i/sp/sprite-c.gif) no-repeat 100% -2216px; }
.activity-contacts .contact-list .activity-remind-message { height: 20px; background: url(/i/sp/sprite-c.gif) no-repeat 28px -2093px; }
.activity-contacts .contact-list .no-items { color: #b0b0b0; text-align: center; }
.activity-contacts .contact-list .preview-message{border-bottom: 1px #e7f1fd solid; }
.unreadtext{width: 2px; height: 57px;position: absolute; left: -3px; margin-top: -15px; background: url(/i/sp/unread.png) repeat-x left top;}
.replies-box .unreadtext{left: 76px; margin-top: 0px; height: 55px;}
.unreadtext span{display: none;}
.activity-contacts .contact-list .first-preview-message{padding-top: 0; }
.activity-contacts .contact-list .last-preview-message{border-bottom: 0;}
.activity-contacts .contact-list .message-detail { }
.activity-contacts .contact-list .message-detail .close { float: right; color: #a5c8fe; }
.activity-contacts .contact-list .message-detail .small-desc { font-size: 0.9em; margin-left: 5px;}
.activity-contacts .contact-list .message-detail .contact-name { font-weight: bold; display:block; padding: 1px 0 2px; }
.activity-contacts .contact-list .message-detail .contact-name a{margin-right: 5px; color: #2f2f2f;}
.activity-contacts .contact-list .message-detail .read-element .contact-name a{ font-weight: normal; color:#555555;}
.activity-contacts .contact-list .star-button { float: left; margin: 1px 4px -2px 0;}
.activity-contacts .contact-list .message-detail .context { display: block; color: #505050; margin: 0;}
.activity-contacts .contact-list .message-detail .context-body-seperator{display: none;}
.activity-contacts .contact-list .message-detail .context a{color: #505050;}
.activity-contacts .contact-list .message-detail .context a.read-more-link{color: #559DFF;}
.activity-contacts .contact-list .addthis_toolbox{display: inline;}
.activity-contacts .contact-list .message-detail .subheader { color: #656766; font-size: 0.9em; font-weight: bold; margin: 12px 0 6px 0; margin: 0;}
.activity-contacts .contact-list .message-detail .subheader-first { clear: none; margin-top:0; }
.activity-contacts .contact-list .message-detail .icon { margin: 0 5px 0 0; }
.activity-contacts .contact-list .status-update .icon {float: left;margin-top: 2px;}
.activity-contacts .contact-list .message-detail .datetime, .datetime { color: #b2b2b2; font-size: 0.9em; float: right; font-size: 11px;}
.activity-contacts .contact-list .message-detail .actionlink { color:#b0b0b0; display: none;}
.activity-contacts .contact-list .message-detail .actionlink a { color: #97c3ff; font-size: 0.9em; }
.activity-contacts .contact-list .message-detail .read-element .actionlink a { color: #aaaaaa;  }
.activity-contacts .contact-list .message-detail .actionlink .nextactionsmenu a { color: #E8F2FF; }
.activity-contacts .contact-list .message-detail .actionlink a:hover { color: #64a2f7; }
.activity-contacts .contact-list .message-detail .actionlink .nextactionsmenu a:hover { color: white; }

#activity-stream-view1 .has-attachment {display: none;}
.ib2-container{position:relative;}
.has-attachment { position: absolute; left: 8px; top: 25px; background: url(/i/sp/sprite-c.gif) 0 -1736px no-repeat; border: 0; margin: px 0 0 2px; display: inline-block; width:14px; text-indent: -999em;}
#activity-stream-view1 #message-action-reply, #activity-stream-view1 #message-action-replyall{display: none;}

#activity-stream-view2 .ib2-container{padding: 2px 0 0 ;}
#activity-stream-view2 .message-nab{position: absolute; right: 18px;/*display:none;*/}
/*#activity-stream-view2 .ib2-container:hover .message-detail .datetime{display:none;}
#activity-stream-view2 .ib2-container:hover .message-nab{display:block;}*/
#activity-stream-view2 .message-detail .datetime{margin: 3px 63px 0 0;}
#activity-stream-view2 .avatar {height: 22px; overflow: hidden;}
#activity-stream-view2 .avatar img{width: 20px;}
#activity-stream-view2 .activity-contacts .contact-list .preview-message {padding:0;}
#activity-stream-view2 .activity-contacts .contact-list .message-detail {padding-left: 30px;}
#activity-stream-view2 .activity-contacts .contact-list .message-detail .contact-name{display: inline-block;float: left;width:19%;margin-right:1%;margin-left:20px; margin-top:2px;}
#activity-stream-view2 .activity-contacts .contact-list .message-detail .contact-name a{display: inline-block;float: right; width:80%;margin-right:5%; overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; }
#activity-stream-view2 .activity-contacts .contact-list .message-detail .contact-name .icon{float:left; margin-left:2px;}
#activity-stream-view2 .activity-contacts .contact-list .message-detail .context{display: inline-block;float: left;width:60%;margin-right: 1%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.with-filters #activity-stream-view2 .activity-contacts .contact-list .message-detail .context{width:57%;}
#activity-stream-view2 .message-options-button{display: none;}
#activity-stream-view2 .activity-contacts .contact-list .star-button{position: absolute; left: 45px;margin-top:3px;}
#activity-stream-view2 .unreadtext{height: 26px; background: transparent url(/i/sp/unread.png) repeat-x left -12px;margin-top: -2px;}

.switcher{display: inline-block; float: right;margin:6px 10px 0 0 ;padding:0;}
.switcher li{float: left; display:inline-block; border-top:1px solid #d6deed;border-bottom:1px solid #c8cfdd;border-left:1px solid #d6deed;border-right:0px solid #c8cfdd;margin:0;} 
.switcher li.first-switch{border-radius-topleft: 6px; border-radius-bottomleft: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;-webkit-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px;}
.switcher li.last-switch{border-right:1px solid #c8cfdd; border-radius-topright: 6px; border-radius-bottomright: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;-webkit-border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px;}
.switcher li.selected-switch{background: #e7eef7; border-bottom:1px solid #d6deed;border-top:1px solid #c8cfdd;border-left:1px solid #c8cfdd;}
.switcher a{color: #c8c8c8; display:block; width:20px; height:20px; overflow: hidden; text-indent:-999em;}      
.switcher li.selected-switch a{color: White;}  

li#view-switcher1 a{background: url(/i/sp/sprite-c.gif) no-repeat 4px -2760px;}  
li#view-switcher1 a:hover{background: url(/i/sp/sprite-c.gif) no-repeat 4px -2796px;}  
#view-switcher1.selected-switch a, #view-switcher1.selected-switch a:hover{background: url(/i/sp/sprite-c.gif) no-repeat 4px -2724px;} 

li#view-switcher2 a{background: url(/i/sp/sprite-c.gif) no-repeat 3px -2868px;}  
li#view-switcher2 a:hover{background: url(/i/sp/sprite-c.gif) no-repeat 3px -2904px;}  
#view-switcher2.selected-switch a, #view-switcher2.selected-switch a:hover{background: url(/i/sp/sprite-c.gif) no-repeat 3px -2832px;}  

#activity-stream-view2 .activity-contacts .contact-list .message-detail .replies-box{display: none; border: 0px; margin:2px 0 0 -14px; background: transparent;}
#activity-stream-view2 .activity-contacts .contact-list .message-detail .replies-box .star-button{left: 68px;}
#activity-stream-view2 .replies-box .arrowbln3, #activity-stream-view2 .replies-box b{display:none;}
#activity-stream-view2 .replies-box .unreadtext{left: 36px;}
#activity-stream-view2 .has-attachment { float: left; background: url(/i/sp/sprite-c.gif) 0 -1736px no-repeat; border: 0; margin: 2px 0 0 2px; display: inline-block; width:14px; text-indent: -999em;}
#activity-stream-view2 .activity-contacts .contact-list .attachments-list{display: none;}
#activity-stream-view2 .activity-contacts .contact-list .images-list{display: none;}

#activity-stream-view2 .status-update{display: none;}

.activity-contacts .contact-list .message-detail .attachments { color: #b0b0b0; font-size: 0.9em; margin: 12px 0 0 0; }
.activity-contacts .contact-list .message-detail .attachments li { background: url(/i/sp/sprite-c.gif) 0 -233px no-repeat; border: 0; margin: 0; padding: 0 0 0 16px; line-height: 16px; }
.activity-contacts .contact-list .message-detail .attachments a { color: #97c3ff; }
.activity-contacts .contact-list .message-detail .attachments a:hover { color: #64a2f7; }
.activity-contacts .contact-list .message-detail .replies-box { margin-bottom: 1.2em; margin-left:10px;min-height:1px;}
.activity-contacts .contact-list .message-detail .message-reply { font-size: 0.9em; margin: 6px 0 0 0; padding-top: 0.45em; padding-bottom: 0.75em; border-top: 1px #daebfd solid; }
.activity-contacts .contact-list .message-detail .message-reply-first { margin-top: 0;border: 0;padding: 0; }
.activity-contacts .contact-list .message-detail .message-reply-last { margin-bottom: 0; }
.activity-contacts .contact-list .message-detail .message-reply .actionlink a { font-size: 1em; }
.activity-contacts .contact-list .message-detail .message-reply .close { float: right; color: #a5c8fe;}
.activity-contacts .contact-list .message-detail .message-reply .contact-name { display: block;}
.activity-contacts .contact-list .message-detail .message-reply .content-block { margin-left: 30px; }
.activity-contacts .contact-list .message-detail .message-reply .content-block .context { margin: 0; }
.activity-contacts .contact-list .message-detail .message-reply .textfield input { font-size: 1em; }
.activity-contacts .contact-list .message-detail .message-reply .activity-remind-message { height: 20px; background: url(/i/sp/sprite-c.gif) no-repeat 9px -2093px; }
.activity-contacts .contact-list .attachments-list {}
.activity-contacts .contact-list .images-list {padding-bottom: 0.75em;}
.activity-contacts .contact-list .replies-box .attachments-list{margin-left: 30px;font-size: 0.9em; }
.activity-contacts .contact-list .replies-box .images-list{margin-left: 30px;}
.activity-contacts .contact-list .attachments-list li:hover { /*background-color: #eef6ff; */}
.activity-contacts .contact-list .attachments-list li {margin:0; padding: 1px 0 1px 0.2em;border:0; }
.activity-contacts .contact-list .attachments-list li a.filetype { 
    display: inline-block;    
    margin-right: 1%;
    text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    margin-top:1px;
    padding-top: 1px;
    padding-bottom: 2px;
}
.activity-contacts .contact-list .attachments-list li a.close {
    display: inline;
    float: right;
    font-size: 0.9em;
    overflow: hidden;
    position: relative;
    text-align: right;
    white-space: nowrap;
}
.image-title, .context-subject{display: block; margin-bottom: 4px; margin-top: 0; font-size: 20px;}
.body-preview, .body-preview a{color: #909090;}
.preview-img { float: left;height: 100px; margin-right: 10px;position:relative; min-width:62px; }
#doc-only-view .preview-img { height: auto;}
.preview-img a { color: #a5c8fe; }
.preview-img a.close { position: absolute; right: 0px; top: 0px; background: #eef6ff; border: 1px solid #cde3fb;padding: 2px 4px;display: none;}
.preview-img:hover a.close { display: block;}
.preview-img .description {
	font-size: 85%; 
	display: block; 
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}
.message-reply a.message-actions-button { display: none; }
.message-reply:hover a.message-actions-button { display: block; }

.document-container a.document-actions-button { display: none; }
.document-container:hover a.document-actions-button { display: block; }

/* 5.2 Views
*********************************************************/

/* bulk view settings */
.bulk-column-1 { width: 150px; }
.bulk-column-2 { background: #fff; }
.bulk-column-3 { width: 25%; background: #fff; }
.bulk-column-4 { width: 25%; background: #fff; }
.bulk-column-5 { width: 20px; background: #fff; }

/* search view settings */
.search-column-1 .column-pager,
.search-column-2 .column-pager,
.search-column-3 .column-pager,
.search-column-4 .column-pager,
.search-column-5 .column-pager { display: none; }
.search-column-1 { width: 150px; }
.search-column-2 { background: #fff; border-left: 0px; }
.search-column-3 { width: 33%; background: #fff; }
.search-column-4 { width: 33%; background: #fff; }
.search-column-5 { width: 33%; background: #fff; }

/* detail view settings */
.detail-column-1 { width: 150px; }
.detail-column-2 { width: 255px; background: #fff; }
.detail-column-3 { background-color: #f0f6fe; border-left: 1px solid #CDE3FB; }
.detail-column-4 { width: 150px; border-left: 1px solid #CDE3FB; }

/* general column settings */
.column-container { table-layout: fixed; width: 100%; }
.column-container .column-first .column-holder { border-left: 0px; }
.column-container .column-holder { border-left: 1px solid #cde3fb; height: 100%; }
.column-container .column-holder .column-header { background: url('/i/sp/sprite-a.gif') repeat-x left -115px; border-bottom: 1px solid #ced8ea; display: block; font-weight: bold; padding: 5px; height: 18px; }
.column-container .column-holder .column-header .column-new-link {float: right; font-size: 0.9em; display: inline-block; margin: 2px 18px 0 0;}
.column-container .column-holder .column-header input { display:inline-block; height:13px; width:13px; margin: 3px 6px 3px 3px; } 
.column-container .column-holder .column-itemlist { background-color: #fff; overflow-x: hidden; overflow-y: auto; }
.column-container .column-holder .message-folder-20 {background: url(/i/sp/sprite-c.gif) no-repeat 2px -2260px; }
.column-container .column-holder .message-folder-50 {background: url(/i/sp/sprite-c.gif) no-repeat 2px -1960px; }
/* .column-container .column-holder .remind-message {background: url(/i/sp/sprite-c.gif) no-repeat 2px -2080px; }
.column-container .column-holder .cc-message {background: url(/i/sp/sprite-c.gif) no-repeat 2px -1840px; }
.column-container .column-holder .bcc-message {background: url(/i/sp/sprite-c.gif) no-repeat 2px -1900px; } */
.column-container .column-holder .column-item { white-space: nowrap; }
.column-container .column-holder .column-itemlist .checkbox { display: inline-block; height: 13px; width: 13px; margin-right: 3px; }
.column-container .column-holder .column-itemlist .column-item { border-bottom: 1px solid #ced8ea; padding: 12px 8px; }
.column-container .column-holder .column-itemlist .column-item:hover { background-color: #eef6ff; }
.column-container .column-holder .column-itemlist .column-item .column-item-checkbox { display: block; float: left; padding: 0 6px 0 0; overflow: hidden; white-space: nowrap; width: 35px; }
.column-container .column-holder .column-itemlist .column-item .column-item-detail { display: block; overflow: hidden; white-space: nowrap; }
.column-container .column-holder .column-itemlist .column-item .column-item-detail .item-time { float: right; font-size: 0.90em; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; padding-left: 12px;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail .with-attachment {padding-left: 20px; background: url(/i/sp/sprite-c.gif) no-repeat 3px -1737px;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail .item-title { display: block; color: #969696; font-weight: normal; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.column-container .column-holder .column-itemlist .column-item .column-item-detail .title-labels {padding-top:3px;display: block;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail .title-label { margin-right: 4px; font-size: 11px; padding: 0px 4px 1px; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 2px; margin-bottom: 1px;margin-top: 5px;line-height: 150%;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail .item-title .message-count {font-size: 90%;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail .item-title .draft-icon {display: inline-block; background: url(/i/sp/sprite-c.gif) no-repeat 0% -2337px; width: 42px; height: 11px; text-indent: -10000px; overflow: hidden; margin-left: 5px;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail .item-title .cc-icon {display: inline-block; background: url(/i/sp/sprite-c.gif) no-repeat 100% -2337px; width: 16px; height: 11px; text-indent: -10000px; overflow: hidden; margin-left: 5px;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail a { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 100%;}
#messagelist .column-itemlist .column-item .column-item-detail a {margin-top: 3px;}
#messagelist .column-itemlist .column-item .column-item-detail a.sentlink .icon{float: right; margin-left: 5px;}
#documentlist .column-itemlist .column-item .column-item-detail a {color: #929292;}
#documentlist .column-itemlist .unread .column-item-detail a {font-weight: bold; color: #559DFF;}
.column-container .column-holder .column-itemlist .column-item .column-item-detail a span {}
.column-container .column-holder .column-itemlist .selected { background: url(/i/sp/sprite-c.gif) 9px -987px repeat-x; color: #fff; }
.column-container .column-holder .column-itemlist .selected a,
.column-container .column-holder .column-itemlist .selected .column-item-detail .item-time,
.column-container .column-holder .column-itemlist .selected .column-item-detail .item-title { color: #fff; }
.column-container .column-holder .column-itemlist .unread .column-item-detail .item-title,
.column-container .column-holder .column-itemlist .unread .column-item-detail .item-time { font-weight: bold; color: #000; }
.column-container .column-holder .column-pager { background: url(/i/sp/sprite-a.gif) 0 -201px repeat-x; border-top: 1px solid #d4dcec; height: 24px; padding: 5px; }
.column-container .column-holder .column-pager .pager-controls { display: inline-block; float: left; width: auto; }
.column-container .column-holder .column-pager .pager-controls span { display: inline-block; float: left; padding: 4px 6px; }
.column-container .column-holder .column-pager .textfield { display: inline-block; float: left; height: 14px; width: 40px; padding: 3px; border: 1px solid #ced8ea; }
.column-container .column-holder .column-pager .textfield input { text-align: center; }
.column-container .column-holder .column-pager .previous-button { background: url(/i/sp/sprite-c.gif) 0 -1257px no-repeat; display: inline-block; float: left; height: 24px; width: 29px; outline: none; text-indent: -900em; }
.column-container .column-holder .column-pager .previous-button:hover { background: url(/i/sp/sprite-c.gif) 0 -1317px no-repeat; }
.column-container .column-holder .column-pager .next-button { background: url(/i/sp/sprite-c.gif) 0 -1137px no-repeat; display: inline-block; float: left; height: 24px; width: 29px; outline: none; text-indent: -900em; }
.column-container .column-holder .column-pager .next-button:hover { background: url(/i/sp/sprite-c.gif) 0 -1197px no-repeat; }

/* tree */
.column-container .column-treelist .tree { padding: 8px; }
.column-container .column-treelist .tree .title { font-weight: bold; padding: 0 0 3px; }
.column-container .column-treelist .tree li, .column-filter ul li { padding: 1px 0; position: relative; }
.column-container .column-treelist .tree a, .column-filter ul li a { display: block; line-height: 18px; padding-right: 30px; }
.column-container .column-treelist .tree em, .column-filter ul li em { position: absolute; right: 5px; top: 6px; font-size: 90%; }
.column-filter ul li em { right: 5px; top: 4px; height: 19px;}
.column-container .column-treelist .tree a span, .column-filter ul li a span {
	min-height: 18px;
	padding-left: 10px;
	display: block;	
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis;
}
.column-container .column-treelist #show-labels a span{padding-left: 1px;}
.column-container .column-treelist #show-labels ul li.active a span{padding-left: 10px;}
.column-container .column-treelist .tree ul li.active { color: #dbebff; }
.column-container .column-treelist .tree ul li.active a {
	background: url(/i/sp/sprite-c.gif) no-repeat right -324px; 
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding-left: 0;
	text-decoration: none;
	display: block;
}
.column-container .column-treelist .tree ul li.active a span{ min-height: 18px; background: url(/i/sp/sprite-c.gif) no-repeat left -324px; }

.labelsmoremn {
    display: none;
	text-align: left;
	position: relative;
	width: 133px;
	max-height: 150px;
	background: #EEF6FF;
	overflow: auto;
	overflow-x: hidden;
}
.labelsmorepd {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	text-align: center;
	border-left: 1px dotted #fff;
}
.labelsmorepd img { padding: 10px 0 0; }
.labelsmoreoptions {
	background: #EEF6FF;
	width: 133px;
	z-index:8888;
	margin-top:5px;
	margin-bottom:5px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 2px;
	border: solid 1px #A1C9FE;
}
.labelsmoredflt { width: 110px; padding-top: 2px; }
.labelsmorelnk { cursor: pointer; color: #559DFF; height: 15px;}

/* user info box */
.user-info-box { margin-bottom: 12px; }
.user-info-box .avatar { margin-right: 12px; }
.user-info-box .header { 
	font-size: 120%;
	font-weight: bold;
	width: 150px;
	margin-right: 4px;
}
.user-info-box a { font-size: 95%; }

/* activity column-filter */
.column-filter { margin-top: 55px; padding: 2px 2px 2px 0; background: #f0f6fe; border-radius-bottomright: 6px; border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-topright: 6px;-webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px;}
.column-filter span.header { color: #656766; font-size: 100%; margin-bottom: 3px; font-weight: bold;display: inline-block;padding-left: 9px; display:none;}
.column-filter ul {}
.column-filter ul li { display: block; overflow: hidden; margin-left:-1px;}
.column-filter ul li a {padding: 4px 0; }
.column-filter ul li.active a {}
.column-filter ul li ul {}
.column-filter ul li ul li {padding-left: 14px; }
.column-filter ul li ul li a,
.column-filter ul li.active ul li a { color: #B0B0B0;}
.column-filter ul li ul li.active a { color: #559DFF; }
.column-filter .filters a.loading em { background: url(/i/loader-appmenu-small.gif) left 3px no-repeat; padding-left: 18px; }
.column-filter .filters a { 
	display: block;	
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
}
.column-filter ul li.active a {
	background: #FCFDFE; 
	color: Black;
	cursor: pointer;
	font-weight: bold;
	padding-left: 0;
	text-decoration: none;
	display: block;
	border: 1px solid #C7DFFF;
	border-left:0px;
	border-radius-bottomright: 6px; border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;-moz-border-radius-topright: 6px;-webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px;
}

/*
.column-filter .filters { padding: 8px; }
.column-filter .filters .title { font-weight: bold; padding: 0 0 3px; }
.column-filter .filters li { padding: 3px 0; position: relative; }
.column-filter .filters a { display: block; line-height: 18px; padding-right: 30px; }
.column-filter .filters a span {
	min-height: 18px;
	padding-left: 10px;
	display: block;	
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis;
	width: 90px;
}
.column-filter .filters ul li.active { color: #dbebff; }
.column-filter .filters ul li.active a {
	background: url(/i/sp/sprite-c.gif) no-repeat right -324px; 
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding-left: 0;
	text-decoration: none;
}
.column-filter .filters ul li.active a span { background: url(/i/sp/sprite-c.gif) no-repeat left -324px; }
*/

/* detailcolumn */
.contentheader { display: block; font-size: 125%; font-weight: bold; padding: 4px 8px 8px; }
.column-detail-view { overflow-x: hidden; overflow-y: auto; position: relative; }
.detailbutton { margin: 5px 8px 0 0; }
.detailcolumn {	background: #f0f6fe; }
.columnitemdetail {
	margin: 0 8px 8px;
	background: White;
	border: 1px solid #accbfa;
	position: relative;
}
.columnitemdetail-collapsed { cursor: pointer; margin: 0 8px -1px;}
.columnitemdetail-collapsed .dtloptions, .columnitemdetail-collapsed .header-details, .columnitemdetail-collapsed .messageedit-control-template{display: none;}
.columnitemdetail-collapsed:hover{background: #EAF2FE;}
.detailheader {
	border-bottom: 1px dotted #d9d9d9;
	padding: 15px 10px 20px;
	margin: 0 0;
	color: #828282;
}
.labelheader{padding: 5px 10px;}
#activity-content{padding: 0 18px;}
#activity-content .labelheader{padding: 0;}
.managelabelslink{padding: 2px; display: inline-block;}
.columnitemdetail-collapsed .detailheader{padding: 3px 10px 5px;border-bottom: 1px solid #f4f5f5;}
.detailheaderimg { margin-bottom: -10px; float: left;}
.columnitemdetail-collapsed .detailheaderimg{}
a.detailheader .detailheaderimg { margin-bottom: -5px; }
.detailheader-channelicon{margin-right: 5px;}
.first-detailheader-channelicon{margin-left: 0;}
a.detailheader { border: 0; padding: 5px 10px; display: block; }
a.detailheader:hover { background: #f6faff; }
.detailheadernoline { border: 0; }
.detailheader .headersummary { margin: 5px 90px 0 0; padding-left: 50px; }
.columnitemdetail-collapsed .detailheader .headersummary { margin: 3px 90px 0 0; }
.detailheader .headersummary .star-button { float: left; position: relative; top: 9px; margin-right: 6px; }
.columnitemdetail-collapsed .detailheader .headersummary .star-button { top: 0px; }
.detailheader h2, .detailheader h1 {
	margin: 0 0px 0 0;
	font-size: 200%;
	font-weight: normal;
	display: inline;
}
.columnitemdetail-collapsed .detailheader h2, .detailheader h1 {font-size: 100%;}
a.detailheader h2, a.detailheader h1 { font-size: 110%; }
.detailheader p { display: inline; }
#document .detailheader .filetype { display: inline; float: left; position: relative; top: 9px; margin-right: 6px; }
.header-details{margin-left: 45px; margin-top:15px;}
.header-details td{ padding: 3px; vertical-align: top;}
.header-details td.header-meta{color: #c0c0c0; font-weight: bold;}
/* detail options + menu */
.close-message-button { display: none; color: #b8b8b8; cursor: pointer; position: absolute; right: 0; top: 0px;display:block;width: 100%; height: 30px;}
.close-message-button span{display: block; text-align: right; padding: 4px 160px 0 0;}
.columnitemdetail:hover .close-message-button{display: block;}
.close-message-button:hover{text-decoration: underline;}
.dtloptions {
	background: #EAF2FE;
	width: 150px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index:888;
}
.dtloptionspd {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	text-align: center;
	border-left: 1px dotted white;
	cursor: pointer;
}
.dtloptionspd img { padding: 10px 0 0; }
.dtloptionsmn {
    display: none;
	text-align: left;
	position: absolute;
	top: 22px;
	right: 0px;
	width: 150px;
	background: #EAF2FE;
	border-top: 1px dotted white;
}
.dtloptionsmn a { padding: 3px 5px; display: block; }
.dtloptionsdflt { float: right; width: 127px; }
.dtloptionsdflt a {	padding: 3px 5px; display: block; }
.dtldate{
    position:absolute;
    right:7px;
    top:34px;
    width:90px;
    text-align: right;
    font-size: 90%;
    color: #C0C0C0;
}
.columnitemdetail-collapsed .dtldate{top: 5px;}
.columnitemdetail-collapsed .showdetails{display: none;}

/* section option */
.section_options { height: 42px; width: auto; text-align: center; }
.section_options li { float: left; }
.section_options a, .section_options span { padding: 13px; display: block; }
.section_options_snooze { position: relative; color: #fff; background: url(/i/arrow_down.gif) no-repeat right center; }
#content_options .section_options_snooze { color: #006fff; }
.section_options_snooze:hover {	background: #e6f0fe url(/i/arrow_down.gif) no-repeat right center; cursor: default; color: #525045; }
#content_options .section_options_snooze:hover { background: #73aeff url(/i/arrow_down.gif) no-repeat right center; cursor: default; color: #fff; }
.section_options_snooze span { padding: 13px 20px 14px 13px; }
.section_options_snooze:hover span { padding: 12px 20px 14px 13px; border-top: 1px solid #73aeff; }
.section_options_snooze ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 42px;
	background: #73aeff;
	width: 125px;
	border: 1px solid #e6f0fe;
}
#content_options .section_options_snooze ul { top: 30px; border: 0; }
.section_options_snooze:hover ul { display: block; }
.section_options_snooze ul span { display: none; }
.section_options_snooze ul a { padding: 7px 13px 7px 23px; background: url(/i/arrow_bullet.gif) no-repeat 13px 12px; color: #fff; }
#content_options .section_options_snooze ul a { padding: 7px 13px 7px 23px; }
#global_options .section_options_snooze ul a:hover, .section_options_snooze ul a:hover { padding: 7px 13px 7px 23px; background: #8ebeff url(/i/arrow_bullet.gif) no-repeat 13px 12px; }
#global_options { position: absolute; left: 0px; top: 50px;	background: #73aeff url(/i/bg_page.jpg) repeat-x left -50px; }
#global_options a { color: #fff; }
#global_options a:hover { background: #8ebeff; text-decoration: none; }
#global_options a.disabledlink { color: #b7d2f7; background: transparent; }
#popup_options, #popup_options_bottom {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #cce1ff;
	border-top: 1px solid #b4d2fd;
}
#popup_options_bottom {	position: relative;	border-top: 0; }	
#popup_options .first a, #popup_options_bottom .first a { background: #73aeff url(/i/bg_page.jpg) repeat-x left -50px; color: #fff; }
#content_options { background: #eaf2fe; height: 30px;}
#content_options a, #content_options span {	padding: 7px 13px; display: block; }	
#content_options_selected {	border-top: 1px dashed #c0c0c0; padding-top: 5px; }	
#content_options_selected .selected {
	border-top: 1px solid #b4d2fd;
	border-right: 1px solid #b4d2fd;
	border-left: 1px solid #b4d2fd;	
	font-weight: bold;	
	margin-left: 5px;
	background: #b4d2fd;
}

/* contactview */
#contactlist .icon{margin-left: 5px;}
.profile { margin-bottom: 20px; display: none; min-height:20px;}
.profilecolumn { float: left; width: 80%; margin: 0 0 0 10px; }	
.profilecolumn dl { line-height:200%; }
.profilecolumn dt { color:#828282; float:left; margin:0; min-height:4px; width:20%; }
.profilecolumn dd { float:left; font-weight:bold; margin-left:10px; min-height:4px; width:75%; }
.profilechannelname {
	font-size: 120%;
	color: #fff;
	background: url(/i/sp/sprite-a.gif) 0 -48px;
	margin: 0 0 10px;
	padding: 7px 10px;
	position: relative;	
}
.profilechannelname span { position: absolute; top: 6px; right: 15px; }
.profilechannelname strong { text-decoration: underline; }
.profilechannelname:hover { background: url(/i/sp/sprite-a.gif) 0 -62px; cursor: pointer; }
.profilechannelimage {margin: -2px 5px -7px 0;}
.profileavatar { float: right; margin: 0 5px 0 0; }

.appstatus { position:fixed; left:50%; top: 5px; color: #59687a; font-weight:bold; z-index: 9999;}
.appstatus-block{padding: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.appstatus-alert{background: #fffde5; border: 1px solid #faeeaf;}
.appstatus-error{background: #ffdbd9; border: 1px solid #f28c87;}
.appstatus-succes{background: #def1ca; border: 1px solid #bded8b;}

.yellowbox { background: #faf9e4; border: 1px #edebb4 solid; }
.yellowbox b.bt, .yellowbox b.bt b, .yellowbox b.bb, .yellowbox b.bb b { background:url(/i/sp/sprite-c.gif) 0 -1647px no-repeat; height: 6px;}
.yellowbox b.bt { top: -1px; left: -1px; }
.yellowbox b.bt b { background-position: 100% -1657px; left: 2px; }
.yellowbox b.bb { background-position:0 -1671px; top: 1px; left: -1px; }
.yellowbox b.bb b { background-position:100% -1681px; left: 2px; }

/* documentview */
#document .contentcontainer { padding: 12px; }

/* status publisher */
#show-updater-container{float: left;}
#show-updater-container a{
    height: 18px;
    min-width: 80px;
    border-right: 1px solid #B5B5B5;
    color: #606060;
    padding: 6px 10px;
    position: relative;
    z-index: 15;
    cursor: pointer;
    font-size: 90%;
    display: block;
    float: left;
}
#show-updater-container a:hover{color:#373737;text-decoration:none;background: #e6e2e2; }
#show-updater-container a.selected{background-color: #eef6ff; margin-top:-1px;border-left: 1px solid #a3caff;margin-left: -1px;}
#show-updater strong{margin: 0 0 -1px 5px;}
#show-updater em{margin: 0 0 0 5px; display: none;}
#updatestatusbox {position: absolute; bottom:27px; left: -1px; width: 500px;
    background: #eef6ff; 
    border: 1px solid #a3caff;
    font-size: 11px;
    padding: 10px;
    z-index: 14;
    border-radius-topleft: 5px; border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;}
#updatestatusbox .close{float: right;}
#updatestatusbox #hide-updater {float: right; display: inline-block; font-size: 0.9em;margin-top: 5px;}
#updatestatusbox .updatestatus a.button { padding-right: 24px; }
#updatestatusbox .updatestatus a.button span { padding-left: 24px; }
#updatestatusbox .updatestatus li { margin-bottom: 9px; overflow: hidden; }
#updatestatusbox .updatestatus li.loading { background: url(/i/loader-lightblue-large.gif) center top no-repeat; height: 21px; margin-bottom: 0; overflow: hidden; padding: 38px 0 0 0; text-align: center; }
#updatestatusbox .updatestatus #updatestatusform{clear: both; width:100%;}
#updatestatusbox .updatestatus #updatestatusform table{ border-collapse:collapse; width:100%; margin-top: 12px; }
#updatestatusbox .updatestatus label.textfield {}
#updatestatusbox .updatestatus label.textfield li { margin-bottom: 0; padding: 3px 4px; }
#updatestatusbox .updatestatus label.textfield textarea { border: 0 none; height: 1.33em; }
#updatestatusbox .updatestatus li.last { margin-bottom: 0; }
#updatestatusbox .updatestatus span.statusupdatechannel { margin: 0 2px; cursor:hand; }
#updatestatusbox .updatestatus span.selected { background-color: #d8f0e5; color: #0f8200; }
#updatestatusbox .updatestatus span.statusupdatechannel .icon { margin: 0 2px; }
#updatestatusbox .updatestatus span.updateon { padding: 5px 0 0 0; font-weight: bold;color:#656766; font-size: 120%;}
#updatestatusbox .updatestatus .updatestatus-selectors li { display: inline-block; float: left; overflow: hidden; height: auto; margin-left: 9px; }

/* toolbar */
#toolbar  
{
    background-color: #f4f1f1; 
    color: #4a5159; 
    display: block; 
    height: 27px; 
    width: 98%;
    /*margin-left: -480px;*/
    left: 1%;
    bottom: 0px;
    position: fixed;
    border:1px solid #cecfd0;
    border-bottom: 0;
    border-radius-topleft: 6px; border-radius-topright: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;
}

#toolbar .status-update-tab .status-update-tabbutton
{   
    height: 18px;
    min-width: 80px;
    border-left: 1px solid #B5B5B5;
    color: #606060;
    padding: 6px 10px;
    position: relative;
    float: right;
    z-index: 15;
    cursor: pointer;
    font-size: 90%;
}
#toolbar .status-update-tab .status-update-tabbutton .icon{margin-bottom: -1px;}
#toolbar .status-update-tab .status-update-tabbutton:hover{background: #e6e2e2; color: #373737;}
#toolbar .status-update-tab .status-update-tabbutton .status-update-count{background:#e51717; font-weight: bold; color: White; font-size: 9px; display: inline-block; padding: 1px 3px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
#toolbar .status-update-tab.focused .status-update-tabbutton{background-color: #fcfdfe; margin-top:-1px;}
#toolbar .status-update-tab.focused .status-update-popup { display: block; }
#toolbar .status-update-tab .status-update-popup 
{
    display: none;
    background: #fcfdfe;
    border: 1px solid #a3caff;
    font-size: 11px;
    bottom: 27px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 14;
    width: 390px;
    border-radius-topleft: 5px; border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;
}
#toolbar .status-update-tab .status-update-popup.loading { background: #fff url(/i/loader-midwhitebg-large.gif) center no-repeat; }
#toolbar .status-update-tab .status-update-popup .header { background: #dbe9ff; display: block; padding: 8px 8px;border-radius-topleft: 5px; border-radius-topright: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px;}
#toolbar .status-update-tab .status-update-popup .header strong{font-weight: bold;margin-left: 15px;}
#toolbar .status-update-tab .status-update-popup .header .status-updates-close{float: right;}
#toolbar .status-update-tab .status-update-popup .header .quick-status-updater{clear: both; padding: 8px 0 0; text-align: right;}
#toolbar .status-update-tab .status-update-popup .header img{float: left; margin: 1px 8px 0 0;}
#toolbar .status-update-tab .status-update-popup .header .textfield{float: left; width: 272px;}
#toolbar .status-update-tab .status-update-popup ul.status-update-items {overflow: auto;height: 350px; padding-bottom: 20px;}
#toolbar .status-update-tab .status-update-popup ul li.status-update-item { display: block; clear: both; overflow: hidden; border-bottom: 1px solid #ebf2ff; padding: 10px 8px;}
#toolbar .status-update-tab .status-update-popup ul li .avatar { float: left; }
#toolbar .status-update-tab .status-update-popup ul li .detail { float: left; width: 325px; padding-left: 9px; }
#toolbar .status-update-tab .status-update-popup ul li .detail-name{font-weight: bold;margin-right:5px;}
#toolbar .status-update-tab .status-update-popup ul li p.detail-content{display: inline; color: #999898;}
#toolbar .status-update-tab .status-update-popup ul li .preview-img{margin-top:8px;}
#toolbar .status-update-tab .status-update-popup ul li .detail-date{color: #c7c7c7;}
#toolbar .status-update-tab .status-update-popup ul li .detail-options{clear: both;}
#toolbar .status-update-tab .status-update-popup ul li .detail-options a{color: #97C3FF;margin-left: 9px;}
#toolbar .status-update-tab .status-update-popup ul li .detail .comment-like .commentlike-arrow{display:block;height:6px;margin-left:15px;margin-top:4px;width:11px;background:transparent url(/i/sp/arrow_up_commentlike.gif) no-repeat scroll left top;}
#toolbar .status-update-tab .status-update-popup ul li .detail .comment-like ul{background: #eaf2fd;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;min-height:1px;}
#toolbar .status-update-tab .status-update-popup ul li .detail .comment-like li{clear: both; padding: 6px 9px; border-bottom:1px solid white; min-height:1px;}
#toolbar .status-update-tab .status-update-popup ul li .detail .comment-like li.last-comment-like{border-bottom: 0;}
#toolbar .status-update-tab .status-update-popup ul li .detail .comment-like .detail { float: left; width: 260px; padding-left: 9px; }

#toolbar .status-update-tab .status-update-popup ul li.more-items{text-align: center;}

/* 6. Accounts Setup
*********************************************************/

/* accounts modal */
.inner-accounts-modal .status-list { margin-bottom: 9px; overflow: hidden; }
.inner-accounts-modal .status-list li { margin-bottom: 9px; overflow: hidden; }
.inner-accounts-modal .status-list li.loading { background: url(/i/loader-midbluebox-large.gif) center top no-repeat; height: 21px;  margin-bottom: 0; overflow: hidden; padding-top: 38px; text-align: center; }
.inner-accounts-modal .status-list li.error { margin-bottom: 0; }
.inner-accounts-modal .status-list li.error em { background: #c20b0b; color: #fff; display: inline-block; font-style: italic; padding: 2px 7px; }
.inner-accounts-modal .row { display: block; margin-bottom: 9px; overflow: hidden; }
.inner-accounts-modal .row .field-label-container { display: inline; width: 75px; }
.inner-accounts-modal .row .field-label { float:left; position:relative; top:4px; width:75px; }
.inner-accounts-modal .row .textfield { display: inline-block; width: 414px; }
.inner-accounts-modal .last { margin-bottom: 0; }
.inner-accounts-modal { overflow: hidden; }
.inner-accounts-modal a.button { padding-right: 24px; margin-left: 9px; }
.inner-accounts-modal a.button span { padding-left: 24px; }

#qckstpbx {
	color: #fff;
	/*background: #73aeff;*/
	margin: 15px 0;
	min-height: 1px;
	text-align: left;
}
#qckstpbx .mddlbxcntnt { padding: 12px 18px; display: block; overflow: hidden; }
.intromv { float: left; width: 450px; margin-right: 20px; }
.qckstrt { /*float: left; width: 350px;*/ }
.qckstrth {	font-size: 330%; margin-bottom: 10px; display: block; }
#optionscolumn .chnnlblck {
	color: #000;
	padding: 0;
	margin: 0;
	width: 100%;
}
.chnnlblck { width: 350px; color: #dde9ff; position: relative; float: left; }

#optionscolumn .chnnlblck2 { border: 0px; border-bottom: 1px solid #7dafff; width: auto; float: none; min-height: 0px; margin-bottom: 25px; padding: 15px 0; margin-left: 20px; }
.chnnlblck2 {
	padding: 15px 20px;
	margin: 10px 30px 0 0;
	min-width: 1px;
	border: 2px solid #9196a1;
	position: relative;
	float: left;
	width: 350px;
	min-height: 225px;
}

#optionscolumn .channellist { padding: 0 0 10px; }
.chnnlblck2 .channellist {
	padding: 0 0 10px;
	width: 350px;
	float: left;
	min-height: 50px;
}
.chnnlblck2 .channellist a { color: #fff; text-decoration: underline; }
#optionscolumn a { color: #006fff; }
.chnnlblckh { font-size: 36px; display: block; margin: 0 15px; }
#optionscolumn .chnnlblckh { font-size: 150%; }
.chnnlblck2h { font-size: 150%; margin: 0px 0 5px;	display: block; }
#chnnlblck2h {
	font-size: 200%;
	border-bottom: 1px solid #9196a1;
	display: block;
	margin: 0 0 15px;
	padding: 0 0 10px;
}
#chnnllstnulltxt { font-style: italic; }
.chnnlblckmsg {
	border: 2px solid #fff29d;
	padding: 3px 5px;
	font-weight: normal;
}

.chnnllstbig { padding: 10px 15px 0; }
*+html .chnnllstbig { padding: 10px 15px; }
.channel-list-message {
	clear: both;
	text-align: center;
	padding: 0px;
	margin: 0px 40px 60px;
	font-size: 130%;
	display: block;
}
.chnnlblck2 .bigbt {
	height: 50px;
	width: 55px;
	float: right;
	position: absolute;
	right: 20px;
	bottom: 15px;
	font-weight:bold;
}
#finishloader { position: absolute;	right: 83px; bottom: 31px; }
#feedbackinviteform #finishloader { bottom: 25px; left: 95px; position:absolute; }
#feedbackinviteform #returnmessage {
    bottom:25px;
	left:95px;
	position:absolute;
	font-weight: bold;
	color: #94e48b;
}
.chnnlicon { float: left; margin: 0 5px 10px 0;	width: 55px; }
*+html .chnnlicon { margin: 0 5px 0px 0; }
.chnnlicon a { color: #dde9ff; }
.chnnlicon a:hover { color: White; text-decoration: none; }
.add-channel-displayname { text-align: center; font-size: 95%; width: 44px; }
.gtmssgs {border-bottom: 1px solid #7dafff; /*margin: 5px 17px;*/ padding: 10px !important;}

/* 6.1 Channellist
*********************************************************/
.channellist { min-width: 300px; }
.ldchnnllst { margin: 10px 15px; }
.channelname { padding: 5px 0; }
.inlinechannelicon { margin: 0 3px -6px 0; }
.chnnlcls { margin-bottom: -3px; }
.ldchnnllstprcnt { font-size: 180%; color: #d1e0ff; bottom: -1px; left: 2px; position: relative; }
.chnnllsterr { padding: 5px 25px 5px 7px; background: #c6deff url(/i/importanticon.png) no-repeat 97% 7px; display: block; }
.chnnllsterrmsg { display: block; margin-top: 3px; }

/* new message edit control */
#conversation .messageedit-container { border-top: 1px solid #cee1fc; overflow: hidden; padding: 0; }
#conversation .messageedit-container #add-attachment-link.hover { text-decoration: underline; }
#conversation .messageedit-container a.button { padding-right: 24px; margin-right: 9px; }
#conversation .messageedit-container a.button span { padding-left: 24px; }
#conversation .messageedit-container { overflow: hidden; }
#conversation .messageedit-form { display: block; margin-right: 12px; }
#conversation .messageedit-sidebar { display: block; /*float: left;*/ padding: 10px 27px; background: #f5f9ff;}
#conversation .messageedit-sidebar .messageedittool {/*float: left;*/ margin-right: 12px; padding: 0;}

#conversation .messageedit-container .row { padding: 0 27px; margin-bottom: 9px; overflow: hidden; }
#conversation .messageedit-container .row .inline-list .separator { border-left: 1px solid #559DFF; }
#conversation .messageedit-container .row .status-list { overflow: hidden; }
#conversation .messageedit-container .row .status-list li.error { margin-bottom: 0; }
#conversation .messageedit-container .row .status-list li.error em { background: #c20b0b; color: #fff; display: inline-block; font-style: italic; padding: 2px 7px; }
#conversation .messageedit-container .row .status-list li.loading { background: url(/i/loader-midwhitebg-large.gif) center top no-repeat; height: 21px;  margin-bottom: 0; margin-top: 12px; overflow: hidden; padding-top: 38px; text-align: center; padding-right: 27px; }

#conversation .messageedit-container .row ul.token-input-list { width: auto; }
#conversation .messageedit-container .row .field-label-container { display: inline; width: 75px; }
#conversation .messageedit-container .row .field-label { float: left; width: 75px; }
#conversation .messageedit-container .row .textfield { display: inline-block; width: 494px; }
#conversation .messageedit-container .button-panel { padding: 12px 27px; background-color: #e6f0fe; }
#conversation .messageedit-container .last { margin-bottom: 0; }
#conversation .messageedit-container .row ul.attachment-list li { margin-top: 3px; }
#conversation .messageedit-container .row ul.attachment-list li.loading { background: url(/i/loader-whitebg-small.gif) left top no-repeat; height: 16px; overflow: hidden; }


/* messageedit */
#newmessage { width: 100%; border: 0; }
#conversation .messageeditcontrol {	position: relative;	background: #e6f0fe; border-top: 1px solid #cee1fc; }
#conversation .messageeditcontrol #tabbuttons .button { margin-top: 12px; }
#conversation .messageeditform { position: relative; padding-top: 42px; background: #e6f0fe; }
#messagepopupedit { width: 700px; height: 400px; z-index: 9999; }
.messageedit {}
.messageedit .inputfield { margin-bottom: 10px; }
#repeatpass{padding-bottom:15px;}
.messageedittools {	width: 250px; float: left; margin-top: 8px; }
.messageedittool { margin-bottom: 10px; color: #707883; min-height: 1px; padding: 0 10px;}
.messageedittool .icon{margin-right: 3px;}
.messageedittool .only-channel-icon{margin-left: 6px;}
.messageedittool .radiocheckline{margin-bottom: 5px; width: 200px;}
#checkall{border-bottom: 1px solid #accbfa; padding-bottom: 5px;}
#checkall em{font-style: italic;}
.messageedittoolpart { padding: 15px 0 0; }
.newmessageedit .messageedit { }
.columnitemdetail .messageedit { border: 0;	background: white; padding: 30px; }
.inputset {	background: #fff; margin-bottom: 10px; padding: 10px 10px 0px;	border:1px solid #E3EFFD; }
*+html .inputset { padding: 10px; }
.inputsetaccounts { position: relative;	}
.inputfield { width: 100%; display: block; overflow: hidden; }
.inputfield .attachmentlist { margin-left: 60px; }
.attachmentlist li { margin-bottom: 3px; }
.contentcontainer p{margin: 15px 0;}
.contentcontainer .attachmentlist { margin: 10px; }
.contentcontainer strong { font-weight: bold; }
.inputfield .horizontallinklist { margin-bottom: 10px; margin-left: 60px; }
.messageedit label, .labelspan, .inputfield label { float: left; width: 50px; padding: 4px 10px 0 0; display: block; font-weight: bold;	}
.inputfield input {	padding: 2px; margin-bottom: 10px; }
.messageedittool label, .messageedittool .labelspan { float: left; min-width: 65px; margin: 0 8px 6px 0; display: block; }	
.messageedittool .checkradioblock label { display: inline; font-weight: normal;	}
.regulartextareafield { width: 500px; float: left; margin-bottom: 10px; }
.regularinputfield { width: 500px; float: left; margin-bottom: 10px; }
.messageedit .regulardropdown { margin-bottom: 10px; }
.messageedit .regulartextareafield {
    width: 494px;
    height: 15px;
    float: left;
    margin-bottom: 10px;	
    padding: 3px;
    border: 1px solid #ccc;
    line-height: 14px;
}
.messageedit .regularinputfield {
    width: 494px;
    float: left;
    margin-bottom: 10px;
    padding: 3px;
    border: 1px solid #ccc;
}
.messageedit .token-input-list {
    width: 494px;
    padding: 0 3px;
    border: 1px solid #ccc;
}
.messageedit .token-input-dropdown { left: 90px; }
.labelheader .token-input-dropdown { }
.checkradioblock { margin-bottom: 10px;	float: left; width: auto; }
.radiocheckline { clear: both; }	
.messageedit .checkradiolabel, #optionscolumn .checkradiolabel {
    float:left;
	display: inline;
	width: auto;
	padding: 0 0 4px;	
	margin: 0;
}
.labeldescription { font-weight: normal; }
.inputdescription {
	float: left;
	display: block;
	width: 75%;
	margin-left:120px;
	font-weight: normal;
}
.checkradio {
	float: left;
	margin-top: 0px;
	width: auto;
	display: inline;
	margin-right: 5px;
}
*+html .checkradio { margin-top: -3px; }
.fileinputfield { width: 400px; float: left; margin-bottom: 10px; }
.messagefield { width: 560px; height: 300px; }
.columnitemmessageform { width: 630px; float: left; }

/* pull down menu generic */
.pdm { width: 200px; background: #fff; }
.pdm li { position: relative; display: block; height: 20px; }
.pdm li span, .pdm li a { display: block; }
.pdm li ul { display: none; background: #fff; width: 200px; position: absolute; left: 0px; top: 20px; z-index: 999; }
.pdm li:hover ul { display: block; }
.pdm li a {}
.pdm li a:hover {}

/* pull down menu channel selector */
.pdmcs {
	width: 210px;
	background: #e9f2ff;
	border: 1px solid #fff;
	border-top: 1px solid #bed8ff;
	border-left: 1px solid #bed8ff;
}
.pdmcs li:hover ul {}
.pdmcs li {	height: auto; }
.pdmcs li.lvl1 { background: url(/i/arrow_down.gif) no-repeat 195px center;	cursor: default; }
.pdmcs li.lvl1:hover { }
.pdmcs li span, .pdmcs li a { padding: 5px;	min-height: 1px; }
.pdmcs img { margin-right: 5px; }
.pdmcs li ul { width: 210px; border: 1px dotted #73aeff; top: 20px;	left: -1px; }
.cnllst { z-index: 88888; }
.pdmcs li ul a:hover { background: #f0f6fe; text-decoration: none; }

/* 7. Options Screen
*********************************************************/
#optionscolumn { width: 100%; border: 0; }
#optionscolumn label, #optionscolumn .contactaddcontrol { font-weight: bold; }
#optionscolumn label, #optionscolumn .labelspan{width: 110px;}
#optionscolumn .messageedit .inputfield { margin-bottom: 0; }
#optionscolumn .inputdescription{ margin-bottom: 10px; }
.signaturetext { width: 375px; height: 50px; padding: 2px; border: 1px solid #cccccc; }
#accldr { color: Red; }

/* 8. Register Form
*********************************************************/
.pppinpt {
	font-size: 17px;
	padding: 5px;
	color: #555555;
	width: 480px;
	margin-bottom: 10px;
}
.register-form {
	width: 430px;
	background: #5990ff;
	position: relative;
	float: left;
	padding: 0;
	margin-top: 20px;
}
#register-form-margin { padding: 0 0 20px 0; margin: 0; }
.register-form-error { margin: 0 0 3px 20px; font-size: 110%; }
.register-form-error em { background: #d20000; color: #fff; padding: 2px 5px; }
.register-form label{display: block; font-size: 110%; padding: 0 20px 3px;}
.register-form-input {
	font-size: 17px;
	padding: 5px;
	color: #555555;
	width: 375px;
	margin:  0 0 10px 20px;
	min-height: 1px;
}
.regfrminptuser .register-form-input { display: block; position: relative; }
.regfrminptuser { padding: 5px 25px 5px 5px; }
.regfrminptuser img { position: absolute; top: 10px; right: 20px; }
.register-form-subtitle {
	color: #dde9ff;
	font-size: 20px;
	display: block;
	font-weight: normal;
	min-height: 1px;
	background: url(/i/c/logo_inbox2.png) no-repeat left 5px; 
	padding: 20px 0 20px 55px; 
	margin-left: 8px; 
}
.register-loader { position: absolute; top: -30px; left: 20px; font-size: 130%; }
.register-form-button {  margin-top:10px; width: 130px; position:relative; left: 20px; }
.why-register { float: left; width: 230px; margin-left: 30px; margin-top: 40px; }
.why-register-head { color: #dde9ff; font-size: 18px;	margin-bottom: 10px; display: block; }
.why-register-line { padding: 10px 0 10px 20px; }
.why-register-line strong { font-size: 15px; }
.pppbt { padding: 5px 10px; }

#TB_window a.button { margin: 10px 5px 0 0; }
#TB_window a.button {
	background: url(/i/sp/sprite-c.gif) no-repeat right -897px; 
	color: #0053a0;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 24px;
	padding-right: 18px;
	text-align: center;
	text-decoration: none;
}
#TB_window a.button span {
	display: block;
	background: url(/i/sp/sprite-c.gif) no-repeat left -897px;
	height: 24px;
	padding-left: 18px;
}

/* 9. Admin Stuff */
.admin th { font-weight: bold; }
.admin td { padding: 3px; }
.admin .error { border: 1px solid red; }
.admin .success { border: 1px solid lightgreen; }
.admin .pending { color: gray; }
.admin .submitted { border: 1px solid navy; }

/* 10. Autocomplete jquery */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* label colours */
.label-tree-block{overflow: hidden; width: 10px; height: 10px; margin-right:5px; display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 2px;}
.labelcolor1, li.labelcolor1, .activity-contacts .contact-list li.labelcolor1{background: #9da2d4;border: 1px solid #7b7fa9;}
.labelcolor2, li.labelcolor2, .activity-contacts .contact-list li.labelcolor2{background: #c8a2d4;border: 1px solid #9779a0;}
.labelcolor3, li.labelcolor3, .activity-contacts .contact-list li.labelcolor3{background: #c8a2a8;border: 1px solid #9f8085;}
.labelcolor4, li.labelcolor4, .activity-contacts .contact-list li.labelcolor4{background: #9da2ff;border: 1px solid #7578c1;}
.labelcolor5, li.labelcolor5, .activity-contacts .contact-list li.labelcolor5{background: #f4a2a8;border: 1px solid #bf7d82;}
.labelcolor6, li.labelcolor6, .activity-contacts .contact-list li.labelcolor6{background: #9dcea8;border: 1px solid #74997d;}
.labelcolor7, li.labelcolor7, .activity-contacts .contact-list li.labelcolor7{background: #c8cea8;border: 1px solid #979c7f;}
.labelcolor8, li.labelcolor8, .activity-contacts .contact-list li.labelcolor8{background: #dac18e;border: 1px solid #b6a37b;}
.labelcolor9, li.labelcolor9, .activity-contacts .contact-list li.labelcolor9{background: #add18b;border: 1px solid #8fad71;}
.labelcolor10, li.labelcolor10, .activity-contacts .contact-list li.labelcolor10{background: #de96eb;border: 1px solid #b278bc;}

.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300m, .addthis_default_style .at300bs{float: none !important; display: inline-block !important;}

#how-to-share{background: url(/i/how-to-share.jpg) no-repeat center; width: 523px; height: 423px; margin: 0 auto; padding: 30px;}
#or-create-account{display: block; float: left; margin: 108px 0 0 230px;}
#or-create-account a{margin-left: 14px; text-decoration: underline;}
#or-create-account a:hover{text-decoration: none;}