ul.no-style{list-style:none;padding:0px;margin:0px;}
.AlignRight{text-align:right;}
.AlignTop {vertical-align:top;}
.Opacity40{opacity:0.4;}
.ExportPdfImage
{
    background: url(/v2.0/images/filetypes/pdf.gif) no-repeat 0px 0px;
    width:24px; 
    height:23px;
    float:right;
    margin-right:3px;
    cursor:pointer;
}
.ExportHtmlImage
{
    background: url(/v2.0/images/printer_24.png) no-repeat -4px -4px ;
    width:24px; 
    height:23px;
    float:right;
    margin-right:3px;
    cursor:pointer;
}

/* #region scroll bar */
.scrollbar-container .scrollbar{ position: relative; float: right; width: 12px; 
    border: 1px solid #CBCBCB;
    opacity: 0.6;
	background-color:#ffffff;/* overflow:hidden; */}
.scrollbar-container .scrollbar:hover {opacity:1; }
.scrollbar-container .viewport {overflow: hidden; position: relative; }
.scrollbar-container .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollbar-container .thumb .end, .thumb { background-color: #d6d6d6; }
.scrollbar-container .thumb:hover .end, .thumb:hover { background-color: #8f8f8f; }
.scrollbar-container .track  
{
     height: 100%; width:8px; position: relative; margin:0;
}
.scrollbar-container .scrollbutton { display:none;background-color:#f0f0f0;background-repeat:no-repeat;background-image:url(/v3.0/images/sprite_1.png);right:-1px;position:absolute;width:12px;height:12px;border: 1px solid #CBCBCB;position:absolute;cursor:pointer;}
.scrollbar-container .scrollbutton:hover { background-color:#b6b6b6;}
.scrollbar-container .scrollbutton.up { top:-14px;background-position:-464px -103px;}
.scrollbar-container .scrollbutton.up:hover {background-position:-484px -103px;}
.scrollbar-container .scrollbutton.down { bottom:-14px;background-position:-464px -83px;}
.scrollbar-container .scrollbutton.down:hover { background-position:-484px -83px;}
.scrollbar-container .thumb { height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollbar-container .thumb .end { overflow: hidden; height: 5px; width: 12px; }
.scrollbar-container .disable{ display: none; }
/* #endregion*/
/*#region Number Chart*/
.NumberChartContainer{display:inline-block;text-align:center;}
.NumberChart{width:190px;font-family:Arvo;}
.NumberChart>table{margin:auto;cursor:pointer;}
.NumberChart .Number{font-size:120px;line-height:120px;text-shadow: 0 0 4px #000;}
.NumberChart .Unit{font-size:20px;text-shadow: 0 0 1px #000;line-height:50px;}
/*#endregion*/

/*#region Apps & Integrations*/
.AppContainer{width:50%;margin:0;display:inline-block;vertical-align:top;}
.AppContainer>.App
{
    margin: 10px;
	border:#cbcbcb 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#ffffff;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#f3f3f3 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#f3f3f3 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#f3f3f3 100%);
    background-image: linear-gradient(top,#ffffff 0%,#f3f3f3 100%);
    overflow:hidden;
    padding:20px;
    height:260px;
}
.AppContainer>.App>h1{color:#404040;font-size:18px;font-family:Arial;line-height:18px;font-weight:bold;display:inline-block !important;}
.AppContainer>.App>.AppDesc{padding:18px 0;height:170px;overflow:hidden;}
.AppContainer>.App>.AppDesc>.AppIcon{float:left;width:95px;height:95px;margin:0 15px 0 0;}
.AppContainer>.App>.AppDesc>.AppInfo{font-size:13px;margin-left:110px;}
.AppContainer>.App>.AppDesc>.AppInfo.LeftAlign{margin-left:0;}
.AppContainer>.App>.AppDesc>.AppInfo>.ContactEditorTable>tbody>tr>th{width:auto;}
.AppContainer>.App>.AppFooter{clear:both;}
.AppContainer>.App .AppStatus{font-size:13px;color:#8b8b8b;font-style:italic;}
.AppContainer .AppButton
{
    font-weight:bold;color:#ffffff;font-family:Arial;font-size:13px;
    border:1px solid #666666;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset,0 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset,0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset,0 1px 2px rgba(0,0,0,0.4);
    padding:6px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display:block;
    margin-right:14px;
    float:left;
}
.AppContainer .AppButton:hover{text-decoration:none;}
.AppContainer .AppButton.Blue
{
    background-color: #2c81e1;
    background-image: -webkit-linear-gradient(top,#509eff 0%,#0b67c5 100%);
    background-image: -ms-linear-gradient(top,#509eff 0%,#0b67c5 100%);
    background-image: -moz-linear-gradient(center top,#509eff 0%,#0b67c5 100%);
    background-image: linear-gradient(top,#509eff 0%,#0b67c5 100%);
}
.AppContainer .AppButton.Green
{
    background-color: #33973c;
    background-image: -webkit-linear-gradient(top,#33b93f 0%,#337c3a 100%);
    background-image: -ms-linear-gradient(top,#33b93f 0%,#337c3a 100%);
    background-image: -moz-linear-gradient(center top,#33b93f 0%,#337c3a 100%);
    background-image: linear-gradient(top,#33b93f 0%,#337c3a 100%);
}
.AppContainer .AppButton.Gray, a.InactiveButton
{
    background-color: #939393;
    background-image: -webkit-linear-gradient(top,#b5b5b5 0%,#7d7d7d 100%);
    background-image: -ms-linear-gradient(top,#b5b5b5 0%,#7d7d7d 100%);
    background-image: -moz-linear-gradient(center top,#b5b5b5 0%,#7d7d7d 100%);
    background-image: linear-gradient(top,#b5b5b5 0%,#7d7d7d 100%);
}
.AppIcon{background:url(/v3.0/images/AppIcon.png) no-repeat;}
.AppIcon.Iphone{background-position: 0 0;}
.AppIcon.Android{background-position:0 -95px;}
.AppIcon.OutlookAddon{background-position:0 -190px;}
.AppIcon.GmailPlugin{background-position:0 -285px;}
.AppIcon.Evernote{background-position:0 -380px;}
.AppIcon.Xero{background-position:0 -475px;}
.AppIcon.QuickBooks{display: none;}
.AppIcon.Salesforce{background-position:0 -665px;}
.AppIcon.GoogleContacts{background-position:0 -760px;}
.AppIcon.DesktopTimer{background-position:0 -855px;}
.AppIcon.Box{background-position: 0 -950px;}
.AppIcon.Dropbox{background-position: 0 -1045px;}
.AppIcon.Zapier{background: url(/v3.0/images/zapier1.svg) no-repeat;background-size: cover;}
/*#endregion*/

/*#region chat content*/
#ChartBox{
    padding: 10px; 
    margin: 4px 5px 10px 0;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:240px;
}
#ChartContent
{
    padding:3px;
    border: 1px solid #dddddd;
    margin-bottom:5px;
    height:200px;
    overflow:auto;
}
/*#endregion*/
/*#region Sidebar Pings, Updates*/
#SidebarPingsHeader
{
    margin:0 ;
    padding:0 0 7px 0;
    position:relative;
}
#SidebarPingMessage
{
    width:235px;
    height:50px;
}
#SidebarPingMessageConfig{margin-top:5px;}
#SidebarPingTags
{
    background-color:#ffffff;
    border:1px solid #c4c4c4;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	min-height:30px;
	padding:15px;
	position:absolute;
    width: 213px;
    margin: 1px 0 0 -110px;
    z-index:3;
    cursor:pointer;
}
.NewEntryBaloon #SidebarPingTags { margin: 1px 0 0 -70px;}
.ComboPingItem
{
    float:right;
    width:20px;
    height:20px;
    margin-left:-25px;
    background:url(/v3.0/images/sprite_1.png) no-repeat -20px -2800px;
    display:none;
}
.ComboBoxItemSelected>.ComboPingItem{display:block;}
.ComboPingItem.Selected
{
    background-position:-60px -2800px;
}
.SidebarPingsItemSentDate
{
    display:block;
    font-style:italic;
    color:#999999;
}
#SidebarPings .SidebarPingsItemSentDate { line-height:13px;	font-size: 10px;-webkit-text-size-adjust: none;}
.SidebarPingsItemInfo > .Icon { margin-left:2px;cursor:pointer;vertical-align:bottom;}
.SidebarPingsItemInfo { white-space:nowrap;position:relative;margin-bottom:3px;text-align:right;}
#SidebarPings .SidebarPingsItemAttachTo {display:inline-block;width:140px;line-height:13px;float:left;text-align:left;}
.SidebarPingsItemAttachTo>a{ color:#666666;font-style:italic;overflow:hidden;text-overflow:ellipsis;display:block;}
.SidebarPingsItemContent
{
    padding:0;position:relative;
}
#SidebarPings .SidebarPingsItemContent > .SidebarPingsDiscussionLink { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;}
#SidebarPings .SidebarPingsItem.IsRequest .SidebarPingsDiscussionLink { color:#9e0202;}
#SidebarPings .SidebarPingsItem.IsRequest .SidebarPingsItemInfo { border-bottom-color:#9e0202;}
#SidebarPings .SidebarPingsItemContent > .SidebarPingsItemContentDetail { padding:0 0 3px 20px;display:block;max-height:38px;overflow:hidden;text-overflow:ellipsis;line-height:11px;}
#SidebarPings .SidebarPingsItemContent > .SidebarPingsItemContentDetail > .ReplyArrow {margin-left:-20px;margin-top:-5px; }
#SidebarPings .SidebarPingsItemCloseOuter {height:12px;}
#SidebarPings .SidebarPingsItemClose {z-index:1;display:none;font-size:11px;-webkit-text-size-adjust: none;line-height:11px;color:#7f7f7f;cursor:pointer;float:right; }
#SidebarPings .SidebarPingsItemClose:hover { color:#ff0000 !important;}
#SidebarPings .SidebarPingsItem:hover .SidebarPingsItemClose{display:block;}
.SidebarPingsItemContent:after
{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.SidebarPingsItemInfo > .UpdateNote {
    position:absolute;
    left:30px;
}
.MessageContainer .SidebarPingsItemInfo > .UpdateNote { left:80px;}
.SidebarPingsItem.New { background-color:#F7DA77;}
.SidebarPingsItemAvatar
{
    display:block;
    float:left;
    margin-left:-35px;
    width:30px;
    height:30px;
}
.SidebarPingsItemTools
{
    display:block;
	padding:0 0 0 0;
}
#SidebarPings .SidebarPingsItemTools { padding-left:20px;text-align:right;font-style:italic;}
#SidebarPings .SidebarPingsItemTools > .SidebarPingsToolLike { color:#999999;}
#SidebarPings .SidebarPingsItemTools > .SidebarPingsToolHide { float:left;color:#999999;}
.IsPing,.MessageContainer li.IsPing
{
    background-color:#e4f9e6;
}
.SidebarPingsItem{margin:6px 0;padding:0 10px 0 0;}
#SidebarPings .SidebarPingsItem { font-size:11px; -webkit-text-size-adjust: none;padding-left:3px;position:relative;border-bottom:1px solid #cccccc;margin:0 0 4px 0;}
.SidebarPingsItemTabsContainer{margin-left:35px;}
.SidebarPingsItemTabs
{
    list-style: none; 
	overflow: hidden; 
	font-size: 10px;
	-webkit-text-size-adjust: none;
	padding-left:8px;
}
.SidebarPingsItemTabs>li
{
    display:inline-block;
	margin:1px 20px 1px 0;
}
.SidebarPingsItemTabs>li>span
{
	padding: 0;
	background: #dddddd; 
	position: relative; 
	display: block;
	float: left;
	-moz-border-radius-bottomright: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.SidebarPingsItemTabs>li>span>a
{
    white-space:nowrap;
    color:#666666;
}
.SidebarPingsItemTabs>li>span:after { 
	content: " "; 
	display: block; 
	width: 4px; 
	height: 4px;
	border-top: 6px solid rgba(255,255,255,0);           /* Go big on the size, and let overflow hide */
	border-bottom: 6px solid rgba(255,255,255,0);
	border-left: 8px solid #dddddd;
	position: absolute;
	top: 50%;
	margin-top: -8px; 
	right: -12px;
	z-index: 2; 
	background-color:transparent;
}
.SidebarDiscussionScroll
{
    margin:0 -10px -10px -10px;
}
#SidebarPingsContent { width:100%;
    padding:0 2px;}
.SidebarPingsLoading
{
    height:30px;
    background:url(/v3.0/images/inline-loader.gif) no-repeat 50% 50%;
}
.SidebarPingsTag{margin:0 8px;}
.EntryIcon { background: url(/v3.0/images/editor/editor.png) no-repeat -2px -50px;}
#SidebarPingMessageConfig > .Icon { cursor:pointer;}
.NewEntryBaloon #SidebarPingMessageConfig > .EntryIcon, .NewEntryBaloon #SidebarPingMessageConfig > .ContactIcon {display:none; }
#SidebarPingsTagFilter{padding:5px 0;border-bottom:1px solid #cbcbcb;}
#SidebarPingsTagFilter>.SidebarPingsItemTabs{display:inline-block;vertical-align:middle;padding-left:20px;margin:0;}
#SidebarPingsTagFilter>.SidebarPingsItemTabs a:hover{text-decoration:none;cursor:default;}
#SidebarPingsTagFilter>.SidebarPingsItemTabs a.SidebarPingsRemoveTagFilter:hover{text-decoration:underline;cursor:pointer;}
.SidebarPingsSearch{margin:0 -10px;background-color:#eeeeee;padding:7px 10px;}
#SidebarPingMessageContainer .redactor_toolbar{display:none;}
.NewEntryBaloon #SidebarPingMessageContainer .redactor_toolbar{display:block;}
.SidebarPingsSearch{padding-top:10px;position:relative;}
.SidebarPingsSearchLink{position:absolute;top:5px;left:230px;}
#SidebarPingsButton>.ButtonGroupItem{padding:0 8px;}
#SidebarPingsButton>.ButtonGroupItem>.Number
{
    display:inline;
}
#SidebarPingsButton>.ButtonGroupItem>.Number:before{content:'(';display:inline;}
#SidebarPingsButton>.ButtonGroupItem>.Number:after{content:')';display:inline;}
.PingsConversation>ul>li>a>.Number:before{content:'(';display:inline;}
.PingsConversation>ul>li>a>.Number:after{content:')';display:inline;}
#ctl00_ModulePlaceHolder_ConversationContainer { position:relative;}
/*
#SidebarPingsNotification
{
    width:42px;
    height:34px;
    background:url(/v3.0/images/sprite_1.png) no-repeat -438px -1360px;
    position:absolute;
    right:250px;
    top:6px;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    padding-top:12px;
    cursor:pointer;
}
#SidebarPingsNotification.HasMessages{background-position: -438px -1300px;}
*/
#SidebarPingsRepingContainer
{
    border: 1px solid #cdcdcd;
    padding: 10px;
    width: 200px;
    position: absolute;
    background-color: #ffffff;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	z-index:2000;
}
#SidebarPingsRepingSend{float:right;}
.PingsConversation .MessageContainer{margin:10px -10px -10px -10px;min-height:100px;overflow:auto;}
.MessageContainer ul{margin:0;padding:0;}
.MessageContainer li{position:relative;list-style:none;padding:0;border-bottom:0;border-top:1px solid #ffffff;background-color:#f6f6f6;}
.MessageContainer li>div{padding:5px 15px 0 15px;position:relative;border-bottom:1px solid #e1e1e1;}
.MessageContainer .SidebarPingsItemTabs>li{padding:0;border-top:0;}
.MessageContainer .SidebarPingsItemAvatar{width:60px;height:60px;margin-left:-80px;position:absolute;}
.MessageContainer .SidebarPingsItemTabsContainer{margin-left:240px;bottom:10px;position:absolute;}
.MessageContainer .SidebarPingsItemTabsContainer .SidebarPingsItemTabs{font-size:12px;}
.MessageContainer .SidebarPingsItemTools{margin:-18px 0 10px 80px;position:relative;}
.MessageContainer .SidebarPingsItemTools a, .MessageContainer .SidebarPingsItemSentDate{font-size:12px;}
.MessageContainer .SidebarPingsItemSentDate{}
.MessageContainer .SidebarPingsItemContent{padding-left:80px;min-height:30px;padding-bottom:25px;background: url(/v3.0/images/sprite_1.png) no-repeat -430px -4750px;font-size:13px;}
.MessageContainer .ExpandLink,.MessageContainer .CollapseLink{float:left;margin:92px 0 -30px 15px;cursor:pointer;position:relative;z-index:1;}
.MessageContainer .SidebarPingsItemTabs > li > span{padding:2px;}
.MessageContainer .SidebarPingsItemTabs > li > span:after
{
    border-top: 8px solid rgba(255,255,255,0);
    border-bottom: 8px solid rgba(255,255,255,0);
    border-left: 10px solid #dddddd;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -14px;
}
.ChildIcon{background:url(/v3.0/images/sprite_2.png) no-repeat -80px -70px;}
.MessageContainer .ChildIcon{position:absolute;margin-left: 15px;margin-top: 35px;z-index:1;}
.PingsConversation.TabPage .Options{padding:0 10px;z-index:1;}
.PingsConversation.TabPage .Options #SidebarPingsTagFilter{border-bottom:0;}
.PingsConversation.TabPage>ul{position:relative;z-index:2;}
.PingsConversation.TabPage .Options>.SidebarPingsSearch{float:right;padding-top:5px;}
.PingsConversation.TabPage .Options>.SidebarPingsSearch>.SidebarPingsSearchLink{margin-right:15px;}
.PopupIconLink:hover>.PopupIcon{background-position: -120px -2800px;}
.MessageThread.Muted > li.SidebarPingsItem {
    background-color:#e1e1e1;
    height:52px;
    padding:20px 0 0 15px;
}
.MuteIcon {background:url(/v3.0/images/sprite_2.png) no-repeat -480px -5000px;}
.MessageThread.Muted > li.SidebarPingsItem > * {
    display:inline-block;vertical-align:top;
}
.MessageThread.Muted > li.SidebarPingsItem > div{padding:0;}
.MessageThread.Muted > li.SidebarPingsItem > .Title {
    font-weight:bold;
    background:url(/v3.0/images/sprite_2.png) no-repeat -480px -5000px;
    padding:0 25px 0 28px;
    height:20px;
    float:left;
}
.MessageThread.Muted > li.SidebarPingsItem > .Content {
    display:block;
    margin:0 70px 0 160px;
}
.MessageThread.Muted > li.SidebarPingsItem > .Content > div {height:18px;overflow:hidden;text-overflow:ellipsis;}
.MessageThread.Muted > li.SidebarPingsItem > .Content > span { font-style:italic;color:#707070;}
.MessageThread.Muted > li.SidebarPingsItem > .SidebarPingsToolUnmute {float:right;margin:-40px 10px 0 0}
.TabPage.PingsConversation > .SidebarPingsChainContainer { position:absolute;}
.TabPage.PingsConversation > .SidebarPingsChainContainer .ComboBoxTextBox { display:none;}

.SidebarPingsSettings.SettingsIcon {position:absolute;right:10px;top:50px;cursor:pointer;}
#Content .SidebarPingsSettings.SettingsIcon { top:5px;right:5px;}
#SidebarPingsHeader > .SidebarPingsSettings.SettingsIcon { top:0;right:-8px;}
.PingsConversation.TabPage > ul { margin-right:30px;}
.SidebarPingsSettingsContainer { 
    border:#cbcbcb 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #ffffff;
    padding:10px;
    position: absolute;
    margin-top: 20px;
    cursor:default;
}
#SidebarPings .SidebarPingsSettingsContainer {margin-left:-100px;z-index:3; }
.DiscussionContainer .PostList .Content {overflow:hidden;}
.DiscussionContainer .PostList .Content h1 {font-size:25px;font-weight:normal;margin: 10px 0px 5px 0px;}
.DiscussionContainer .PostList .Content h2 {font-size:22px;font-weight:normal;margin: 10px 0px 5px 0px;}
.DiscussionContainer .PostList .Content h3 {font-size:18px;font-weight:normal;margin: 10px 0px 5px 0px;}
.DiscussionContainer .PostList .Content h4 {font-size:15px;font-weight:normal;margin: 10px 0px 5px 0px;}
#SidebarPingMessageConfig #SidebarPingsAttachTo_text { display:none;}
#SidebarPingsAttachTo { display:inline-block;vertical-align:middle;max-width:350px;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:25px;}
#SidebarPingsAttachTo > .DeleteIcon{position: absolute; right: 0; top: 0;cursor:pointer;}
/*#endregion*/
/*#region jquery.Jcrop.css v0.9.10 - MIT License */
.jcrop-holder {
  direction: ltr;
  text-align: left;
}

/* These styles define the border lines */
.jcrop-vline,.jcrop-hline{background:#FFF url(/v3.0/images/Jcrop.gif) top left repeat;font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-vline.right{right:0;}
.jcrop-hline.bottom{bottom:0;}

/* Handle style - size is set by Jcrop handleSize option (currently) */
.jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;}

/* This style is used for invisible click targets */
.jcrop-tracker
{
  height: 100%; 
  width: 100%;
  -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
  -webkit-touch-callout: none;              /* disable callout, image save panel */
  -webkit-user-select: none;                /* disable cut copy paste */
}

/* Positioning of handles and drag bars */
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}

/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline
{
	background:#FFF;
	filter:Alpha(opacity=70)!important;
	opacity:.70!important;
}
.jcrop-light .jcrop-handle
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#000;
	border-color:#FFF;
	border-radius:3px;
}

/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline
{
	background:#000;
	filter:Alpha(opacity=70)!important;
	opacity:.7!important;
}
.jcrop-dark .jcrop-handle
{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#FFF;
	border-color:#000;
	border-radius:3px;
}

/* Fix for twitter bootstrap et al. */
.jcrop-holder img,img.jcrop-preview{ max-width: none; }
/*WORKetc custom*/
.jcrop-holder{ background-color:transparent !important;}
/*#endregion*/
/*#region tagit*/
ul.tagit {
	padding: 0 2px;
	overflow: auto;
    margin:0;
    border-style: solid;
	border-width: 1px;
	border-color: #C6C6C6;
    background: white;
    min-height: 20px;
}
ul.tagit li {
	display: block;
	float: left;
	margin: 1px 3px 1px 0;
}
ul.tagit li.tagit-hint {
    border: none;
    color: #888888;
    position: absolute;
}
ul.tagit li.tagit-choice, .tagit-choice-example {
	padding: 0 12px 0 5px;
    position: relative;
    line-height: 14px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
	border: 1px solid #CAE0EE;
    background: none;
	background-color: #EDF6F7;
    color: #8EBDE0;
    font-weight: normal;
}
ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
	color: #8EBDE0;
}
ul.tagit li.tagit-choice a.tagit-label.invalid {
	border-bottom: 2px dotted #d14836;
}
ul.tagit li.tagit-choice .tagit-close {
	cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    text-decoration: none;
}
ul.tagit li.tagit-choice-highlight, .tagit-choice-example-red,
ul.tagit li.tagit-choice-highlight a.tagit-label
{
    color:#A3171E;
    border-color:#FAA;
    background-color: #FFD0D0;
}
/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #777;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    /*background-color: #EDF6F7;
    border-color: #CAE0EE;*/
}
ul.tagit li.tagit-choice:hover .text-icon
{
    display:inline;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #222;
}
ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    border: none;
	margin: 0;
	padding: 2px 3px;
	width: inherit;
	background-color: inherit;
    outline: none;
    /*overwrite veetro css*/
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    height:12px;
}
ul.tagit input[type="text"]:focus
{
    border: 1px solid #66B2F8;
    -moz-box-shadow: 0 0 0.5em #66CCFF;
    -webkit-box-shadow: 0 0 0.5em #66CCFF;
    box-shadow: 0 0 0.5em #66CCFF;
    outline-style:none;
    display:inline-block;
}
ul.tagit .others
{
    float:left;
    line-height:18px;
    color: #8EBDE0;
    text-decoration:underline;
}
ul.tagit .others .details
{
    display:none;
    position:absolute;
    max-width: 300px;
    background-color: white;
    padding: 8px;
    border: 1px solid #CCC;
    z-index: 1;
}
ul.tagit .others:hover .details
{
    display:block;
}
.ui-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #222222; }

ul.tagit.Discussion input[type="text"]
{
    width:120px;
}
ul.tagit.EmailRecipients input[type="text"]
{
    width:350px;
}
.ui-autocomplete.ui-menu.EmailRecipients .AutoName
{
    color:Black;
    font-weight:bold;
}
.ui-autocomplete.ui-menu.EmailRecipients .AutoCompany, .ui-autocomplete.ui-menu.EmailRecipients .AutoEmail
{
    color:#999999;
    font-size:12px;
    line-height:12px;
    -webkit-text-size-adjust: none;
    overflow:hidden;
    padding:0 0 2px 0;
}

/*#endregion*/

/*#region discussions*/
.DiscussionSearchContainer .SearchBoxContainer {width:250px;}
.DiscussionSearchContainer .KeywordsSubmit{z-index:1;}
.DiscussionSearchContainer .Menu
{
    height:20px;
    width:100px;
    float:right;
    position:relative;
    margin: 0 29px 0 -138px;
    border-radius:0;
    border:0;
    border-left: 1px solid #AEAEAE;
}
.DiscussionSearchContainer .Watermark
{
    text-align:right;
}
.DiscussionAttached
{
    /*width:140px;*/
}
.DiscussionAttached .Remove
{
    display:inline-block;
    visibility:hidden;
    vertical-align: middle;
    margin-left: 2px;
    width: 12px;
    height: 12px;
    background: url(/v2.0/images/main.png) no-repeat -3px -2094px;
}
.DiscussionAttached:hover .Remove
{
    visibility:visible;
}
.DiscussionAttached .Remove:hover
{
    background: url(/v2.0/images/main.png) no-repeat -17px -2094px;
    cursor:pointer;
}
/*main discussion*/
.DiscussionContainer { max-height:590px;margin-top:-15px;position:relative;}

.DiscussionContainer .InnerContainer
{
    margin-top: 18px;background-color:#ffffff;position:relative;
}
.DiscussionContainer.ShowPost .InnerContainer > .DiscussionSplitter { display:block;}
.DiscussionContainer .InnerContainer > .DiscussionSplitter {width:5px;background-color:transparent;position:absolute;z-index:1;cursor:ew-resize;top:0;bottom:0;left:35%;display:none; }
.DiscussionContainer .scrollbar-container.DiscussionScroll
/*.DiscussionContainer .scrollbar-container.PostScroll*/
{
    /*width:50%;*/
    display:inline-block;
    vertical-align:top;
}
.DiscussionContainer .DiscussionList, .DiscussionContainer .PostList
{
    width:100%;
}
.DiscussionContainer .DiscussionList .DiscussionItem
{
    border-top:1px solid #CBCBCB;
    padding:10px 0 10px 5px;
    overflow: hidden;
    background-color:#F6F6F6;
}
.DiscussionContainer.ShowPost .DiscussionList .DiscussionItem
{
    padding-left:15px;
}
.DiscussionContainer .DiscussionScroll, .DiscussionContainer .DiscussionList { width:100%;}
.DiscussionContainer .PostScroll, .DiscussionContainer .PostList { display:none;}
.DiscussionContainer.ShowPost .PostScroll, .DiscussionContainer.ShowPost .PostList { display:inline-block;vertical-align:top;}
.DiscussionContainer.ShowPost .DiscussionScroll { width:35%;}
.DiscussionContainer.ShowPost .PostScroll > .viewport { border-left:1px solid #cbcbcb;}
.DiscussionContainer.ShowPost .DiscussionList { width:35%;}
.DiscussionContainer.ShowPost .DiscussionScroll .DiscussionList.overview { width:100%;}
.DiscussionContainer.ShowPost .PostScroll { width:65%;}
.DiscussionContainer.ShowPost .PostList { width:65%;}
.DiscussionContainer.ShowPost .PostScroll .PostList.overview { width:100%;}
.DiscussionContainer .DiscussionList .DiscussionItem .Statistics { display:inline-block;}
.DiscussionContainer.ShowPost .DiscussionList .DiscussionItem .Statistics { display:none;}

.DiscussionContainer .DiscussionList .DiscussionItem.Read
{
    background-color: White;
}
.DiscussionContainer .DiscussionItem .Statistics
{
    width: 200px;
    float: left;
}
.DiscussionContainer .DiscussionItem .Detail
{
    overflow: hidden;
}
.DiscussionContainer .DiscussionLoading { opacity:0.5;background:#ffffff url(/v3.0/images/ajax-loader.gif) center no-repeat;display:block;width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;}
.DiscussionContainer .DiscussionItem .Tool > .BMIcon { vertical-align:top;}
.DiscussionContainer .DiscussionList>.Loading {height:60px;background: url(/v3.0/images/inline-loader.gif) no-repeat center;border-top:1px solid #CBCBCB;}
.Attached > .SmallNotification { cursor:pointer;}
.DiscussionContainer .TextWrap
{
    max-width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DiscussionContainer .DiscussionItem .Title
{
    font-weight:bold;
    font-size:13px;
    position:relative;/*this is for truncate*/
}
.DiscussionContainer .DiscussionItem .Attached
{
    display: inline-block;
    width: 80%;
}
.DiscussionContainer .DiscussionItem .Attached .ComFromCon
{
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
}
.DiscussionContainer .DiscussionItem .Tool
{
    display: inline-block;
    float: right;
}
.DiscussionContainer .DiscussionItem .Time, .DiscussionContainer .DiscussionItem .RequestPeople, 
.DiscussionContainer .DiscussionItem .ShortText,.DiscussionContainer .DiscussionItem .User,
.DiscussionContainer .DiscussionItem .User a,
.PostListContainer .ItalicText
{
    font-style:italic;
    font-size: 11px;
    -webkit-text-size-adjust: none;
}
.DiscussionContainer .DiscussionItem .Time, 
.DiscussionContainer .DiscussionItem .User,
.DiscussionContainer .DiscussionItem .User a
{
    color: #BBB;
}
.DiscussionContainer .DiscussionItem .User a
{
    text-decoration:none;
}
.DiscussionContainer .DiscussionItem .User a:hover
{
    text-decoration:underline;
}
.DiscussionContainer .DiscussionItem .RequestPeople
{
    color: #C50B0B;
}
.DiscussionContainer .DiscussionItem .ShortText
{
    
}
.DiscussionContainer .DiscussionItem .Statistics .LikeCount,
.DiscussionContainer .DiscussionItem .Statistics .ReplyCount,
.DiscussionContainer .DiscussionItem .Statistics .RequestCount
{
    display: inline-block;
    padding: 10px 0 0 0;
    width:25%;
    text-align: center;
}
.DiscussionContainer .DiscussionItem .Statistics .LikeCount .Count,
.DiscussionContainer .DiscussionItem .Statistics .ReplyCount .Count,
.DiscussionContainer .DiscussionItem .Statistics .RequestCount .Count
{
    font-size: 16px;
}
.DiscussionContainer .DiscussionItem .Statistics .LikeCount .Count{color:#414141;}
.DiscussionContainer .DiscussionItem .Statistics .ReplyCount .Count{color:#93B4E1;}
.DiscussionContainer .DiscussionItem .Statistics .RequestCount .Count{color:#A8252E;}
.DiscussionContainer .DiscussionItem .Statistics .RequestCount .NoCount{color:#BBB;}
.DiscussionContainer .Filter
{
    line-height: 35px;
    margin: 2px 0 0 10px;
}
.DiscussionContainer .Option
{
    text-decoration:underline;
    cursor:pointer;
    display:inline-block;
    padding:0 0 0 6px;
    
}
.DiscussionContainer .Option.Selected
{
    text-decoration:none;
    cursor:default;
}
.TinyItalicGrey
{
    font-style:italic;
    font-size: 11px;
    -webkit-text-size-adjust: none;
    color: #BBB;
}
.DVMenu .RedText a
{
    color:#A8252E !important;
}
.PostListContainer { padding:0 10px;}
.PostListContainer .HeadInfo{position: relative;}
.PostListContainer .HeadInfo > .Title { font-size:15px;display:block;font-weight:bold;line-height:19px;margin:5px 0;max-height:38px;overflow:hidden;text-overflow:ellipsis;}
.PostListContainer.Closed .HeadInfo > .Title>.Content, .DiscussionContainer .DiscussionItem.Closed .Title>.Content{ text-decoration:line-through;}
.PostListContainer.Closed .HeadInfo > .Title>.CloseLogo,.DiscussionContainer .DiscussionItem .Title>.CloseLogo { font-weight:normal;font-size:12px;color:#7f7f7f;text-decoration:none;font-style:italic;}

.PostListContainer .Tools { display:block;color:#7f7f7f;text-align:right;}
.PostListContainer .Tools > a { color:#7f7f7f;text-align:left;}
.PostListContainer .Tools > span { font-style:italic;}
.PostListContainer .Tools > .SentDate,.PostListContainer .Tools > .PermaLink { float:left;}
.PostListContainer .GrandPost .Tools { visibility:hidden;}
.PostListContainer .GrandPost:hover .Tools { visibility:visible;}
.PostListContainer .PostInfo.Collapsed,
.PostListContainer .GrandPostInfo.Collapsed
 { position:relative;margin-left:20px;border-bottom:1px solid #d8d8d8;text-align:center;cursor:pointer;background-image:url(/v3.0/images/discussion_bg.png);}
.PostListContainer .PostInfo.Collapsed>span,
.PostListContainer .GrandPostInfo.Collapsed>span
{ color:#7f7f7f;display:inline-block;padding:0 30px;background-color:#ffffff;line-height:19px;}
.PostListContainer .GrandPostInfo.Collapsed>span
{
    margin-left:-45px;
}
.PostListContainer .Keyword {background-color: #ffff00;}
.PostListContainer .PostInfo.Collapsed > .Arrow_DR { margin-left:-19px;float:left;}
.PostListContainer .GrandPostInfo.Collapsed > .Arrow_DR { margin-left:-20px;float:left;}

.PostListContainer .PostInfo.Collapsed > .Line,
.PostListContainer .GrandPostInfo.Collapsed > .Line
{ left:-19px;background-image:url(/v3.0/images/discussion_line.png);position:absolute;display:block;width:20px;top:-1px;bottom:-4px;}
.PostListContainer .GrandPostInfo.Collapsed > .Line{left:-20px;}
.PostListContainer .DiscussionOwner { float:left;white-space:nowrap;font-style:italic;font-size:11px;-webkit-text-size-adjust: none;}
.PostListContainer .DiscussionDetail { font-size:11px;-webkit-text-size-adjust: none;}
.Attached > .Arrow_RD, .HeadInfo>.Arrow_RD {margin:0 0 -10px -4px;}
.PostListContainer .PostInfo > .PostOwner { font-style:italic;}
.PostListContainer .PostItem .PostInfo{margin-bottom:5px;}
.PostListContainer .PostItem { position:relative;padding:5px;margin-left:15px;border:1px solid transparent;border-bottom-color:#d8d8d8;}
.PostListContainer .PostItem > .Arrow_DR { float:left;margin:-3px 0 0 -20px;}
.PostListContainer .PostItem > .Line { left:-15px;background-image:url(/v3.0/images/discussion_line.png);position:absolute;display:block;width:20px;top:-2px;bottom:-4px;}
.PostListContainer .PostItem.New { background-color:#f4fbee;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.PostListContainer .PostItem.New .OperationHistory > span { background-color:#f4fbee;}
.PostListContainer .DiscussionInfo { border-bottom:1px solid #d8d8d8;padding-bottom:1px;position:relative;}
.PostListContainer .RequestLogo,
#SidebarPings .SidebarPingsItemTools > .SidebarPingsToolRequest,
.PostListContainer .ResponseLogo,
.AV2 .RRLogo
{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:none repeat scroll 0 0 #CC0000;
    color:white;
    float:right;
    display:block;
    font-size:10px;
    -webkit-text-size-adjust: none;
    padding: 0px 2px;
    outline:1px solid #ffffff;
    line-height:13px;
}
.AV2 .RRLogo { display:inline-block;float:none;cursor:default;}
.PostListContainer .RequestLogo,
#SidebarPings .SidebarPingsItemTools > .SidebarPingsToolRequest
{
    background:none repeat scroll 0 0 #CC0000;
    float:right;
}
.PostListContainer .Deleted .RequestLogo,
.PostListContainer .Deleted .ResponseLogo,
.PostListContainer .Deleted .RequestLogo,
.AV2 .Deleted .RRLogo { background-color:#999999;}
.PostListContainer .RequestLogo
{
    float:left;
    position:absolute;
    top:25px;
    left:-5px;
}
.PostListContainer .PostItem .RRInfo > .Line
{
    left:0;background-image:url(/v3.0/images/discussion_line.png);position:absolute;display:block;width:20px;top:-2px;bottom:-10px;
}
.PostListContainer .DiscussionRequest{float: left;top: 20px;left: -65px;position: absolute;}
.PostListContainer .HasResponse{ background-color:#EB757B;}
.PostListContainer .ResponseLogo{float: left;top: 2px;left: -82px;position: absolute;}
.PostListContainer .GrandResponseLogo{left:-62px;}
#SidebarPings .SidebarPingsItemTools > .SidebarPingsToolRequest { float:left;}
.PostListContainer .HeadInfo > .RequestLogo { margin-right:0;}
.PostListContainer .RRInfo,.PostListContainer .ReplyInfo { display:block;position:relative;padding-bottom:8px;}
.PostListContainer .RRInfo > .highlight,.PostListContainer .PostInfo > .highlight { color:#a3171e;}
.PostListContainer .DiscussionInfo .RRInfo{margin-top:5px;}
.PostListContainer .RedirectInfo { padding-left:30px;}
.PostListContainer .RRInfo > a { font-style:italic;color: #7f7f7f;}
.PostListContainer .RRInfo > .Arrow_D { position:absolute;top:-10px;}
.PostListContainer .RRInfo > .RRDate { font-style: italic;color: #7f7f7f;}
.PostListContainer .ReplyInfo > .Icon { position:absolute;left:0;}
.PostListContainer .ReplyInfo > .ReplyInfoDetail { margin:0 0 0 20px;display:block;}
.PostListContainer .ReplyInfo > .ReplyInfoDetail > .PostOwner { font-style:italic;}
.PostListContainer .ReplyInfo > .Line { background-image:url(/v3.0/images/discussion_line.png);position:absolute;display:block;width:20px;top:0;bottom:0;}
.PostListContainer .ReplyInfo .Content, .PostListContainer .PostInfo > .Content, .PostListContainer .DiscussionInfo > .Content { font-size:12px;display:inline-block;max-width:100%;overflow-x:auto;vertical-align:top;}
.DiscussionContainer .QuickReplyContainer{margin:30px 0 20px 0;}
.PostListContainer .OperationHistory { text-align:center;background: url(/v3.0/images/gray_dot.png) repeat-x center;}
.PostListContainer .PostItem.Deleted .OperationHistory { display:inline;}
.PostListContainer .GrandPost .OperationHistory {margin-left:15px;background:none; text-align:left;}
.PostListContainer .PostItem.Deleted .PostOwner > a { color:#7f7f7f;}
.PostListContainer .OperationHistory>span { color:#7f7f7f;display:inline-block;background-color:#ffffff;padding:0 6px;}
.PostListContainer .OperationHistory>span>a { color:#7f7f7f;font-style:italic;}
.NewEntryBaloon .DiscussionContainer { margin-top:5px;}
.PostListContainer .DiscussionToggleIcon {font-size:11px;-webkit-text-size-adjust: none;cursor:pointer;margin:-7px -8px 0 0;position: absolute;right: 0;top: 0;}
.PostListContainer .DiscussionToggleIcon:hover { color:#ff0000;}
#DiscussionAlertPanel { font-size:11px;-webkit-text-size-adjust: none;z-index:97;width:595px;height:60px;position:fixed;padding:10px;background-color:#ffffff;bottom:6px;right:7px;white-space:nowrap;border:1px solid #666666;}
#DiscussionAlertPanel:before {/*css hack for ff weird outline behavior*/
   content: '';
   margin: 0; padding: 0;
   position: absolute; z-index: -1;
   top: 0; left: 0;
   right: 0; bottom: 0;
   outline:6px solid rgba(0,0,0,0.2);
}
#DiscussionAlertPanel > .DiscussionAlertContainer { overflow:hidden;display:inline-block;height:60px;width:572px;vertical-align:top;}
#DiscussionAlertPanel > .arrow { display:inline-block;height:60px;width:10px;vertical-align:top;cursor:pointer;}
#DiscussionAlertPanel > .arrow.L { background:url(/v3.0/images/sprite_1.png) no-repeat -480px -2760px;}
#DiscussionAlertPanel > .arrow.R { background:url(/v3.0/images/sprite_1.png) no-repeat -490px -2760px;}
#DiscussionAlertPanel > .arrow.Disabled { opacity:0.2;cursor:default;}
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem { background-color:#ffffff;position:relative;vertical-align:top;display:block;float:left;white-space:nowrap;height:60px;width:170px;border-right:1px solid #c6c6c6;padding:0 10px;}
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem.IsRequest .DiscussionAlertTitle>a { color:#9e0202; }
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem:hover > .DiscussionAlertItemClose { display:block; }
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem > .DiscussionAlertItemClose { display:none;position:absolute;top:-2px;right:5px;font-size:11px;-webkit-text-size-adjust: none;line-height:11px;color:#7f7f7f;cursor:pointer; }
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem > .DiscussionAlertItemClose:hover { color:#ff0000;}
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem > a { overflow:hidden;background:no-repeat;display:block;width:40px;padding-top:40px;float:left;margin-right:5px;text-align:center;white-space:normal;font-size:11px;-webkit-text-size-adjust: none;color:#7f7f7f;}
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem.SmallAvatar > a { width:30px;padding-top:32px;line-height:13px;}
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem >.DiscussionAlertDetail > .DiscussionAlertTitle { display:block;height:14px;line-height:14px;overflow:hidden;text-overflow:ellipsis;}
#DiscussionAlertPanel > .DiscussionAlertContainer > .DiscussionAlertScroll > .DiscussionAlertItem >.DiscussionAlertDetail> .DiscussionAlertContent { display:block;height:42px;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:14px;}
#DiscussionAlertPanel > .DiscussionAlertPanelClose { position:absolute;top:-6px;right:-6px;background-color:#000000;width:12px;height:12px;color:#ffffff;line-height:10px;font-size:11px;-webkit-text-size-adjust: none;text-align:center;-moz-border-radius: 10px;border-radius: 10px;-webkit-border-radius: 10px;cursor:pointer;border:2px solid #ffffff;-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);box-shadow: 0 2px 3px rgba(0,0,0,0.2);}
#DiscussionAlertPanel > .DiscussionAlertPanelClose:hover {background-color:#ff0000; }
#FloatDiscussionContainer{width:950px;}/*set fixed with to fix switch alert post, the panel won't change width*/
/*#endregion*/
.DiscussionAttachedContainer .Button{min-width: 50px;}
.DiscussionAttachedContainer .CancelLink{padding: 2px 5px 1px 5px;}
.DiscussionAttachedContainer .IEFReadOnly:hover {border:1px solid transparent !important;}
.DiscussionContainer >ul>li>a>.Counter:before {content:'(' }
.DiscussionContainer >ul>li>a> .Counter:after {content:')' }
.AV2 .CommentTools li.Disabled, .AV2 .CommentTools li.Disabled>a{ color:#cccccc;}

.btnWrap {
    margin-top: 0px; display:inline-block; height:19px;
}
    

.ConflictsButton {
    color: #404040 !important;
    border: 1px solid #999999;
    border-bottom: 1px solid #9c9c9c;
    border-radius: 3px;
    padding: 2px 13px 4px 3px;
    background: #c7c7c7;
    background-image: -webkit-linear-gradient(top,#fbfbfb 0%,#f7f7f7 5%,#c7c7c7 70%);
    background-image: -moz-linear-gradient(center top,#fbfbfb 0%,#f7f7f7 5%,#c7c7c7 70%);
    background-image: -ms-linear-gradient(top,#fbfbfb 0%,#f7f7f7 5%,#c7c7c7 70%);
    background-image: linear-gradient(top,#fbfbfb 0%,#f7f7f7 5%,#c7c7c7 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 2px 4px #c3c3c3;
    -moz-box-shadow: 0 2px 4px #c3c3c3;
    -webkit-box-shadow: 0 2px 4px #c3c3c3;
    font-size: 11px;
    -webkit-text-size-adjust: none;
    display: block;
    font-weight: bold;
    cursor: pointer;
    width: 15px !important;
    margin-bottom: 10px;
    margin-right: 2px;
    line-height: 20px !important;
    height: 20px !important;
}

    .ConflictsButton:hover, .On {
        color: #404040;
        background: #0c68c6;
        background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#FDFDFD 5%,#E1E1E1 70%);
        background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#FDFDFD 5%,#E1E1E1 70%);
        background-image: -ms-linear-gradient(top,#FFFFFF 0%,#FDFDFD 5%,#E1E1E1 70%);
        background-image: linear-gradient(top,#FFFFFF 0%,#FDFDFD 5%,#E1E1E1 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#E1E1E1',GradientType=0 ); /* IE6-9 */
        text-decoration: none;
    }

    .ConflictsButton .icon {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin: 0px 5px 2px 2px;
        float: left;
    }

    .ConflictsButton .icon_add {
        background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5180px;
    }
    .ConflictsButton:hover .icon_add, .On .icon_add{
        background-position:-480px -5180px;
    }

    .ConflictsButton .icon_remove {
        background: url(/v3.0/images/sprite_1.png) no-repeat 2px -5200px;
    }
    .ConflictsButton:hover .icon_remove, .On .icon_remove{
        background-position:-478px -5200px;
    }

    .ConflictsButton .icon_address {
        background: url(/v2.0/images/ico_webform.png) 0px -200px no-repeat #fff;
    }

textarea.ConflictFieldWORKetc {
    width: 200px;
    height: 60px;
}

#address-dialog ul {
    list-style: none;
    line-height: 1.2em;
    margin: 0px;
    padding: 0px;
}

    #address-dialog ul li:hover {
        cursor: pointer;
        background-image: url(/v2.0/images/grid/header_hoverBg.gif);
        background-color: #F6F6F7;
    }

    #address-dialog ul li[selected="true"] {
        border-bottom: 1px solid #000000;
        margin-bottom: 10px;
        padding-bottom: 2px;
    }

.SubscriptionProfileTable
{
    width: 100%;    
    margin-bottom: 10px;
}

.SubscriptionProfileTable th
{
    text-align: left;
}
.SubscriptionProfileTable th, .SubscriptionProfileTable td { font-size: 120%; padding: 5px 10px 5px 0; vertical-align: top; }
.SubscriptionProfileTable td:nth-child(3) { text-align: right; width: 100px; }
.SubscriptionProfileTable .GrayButton { white-space: nowrap; margin-bottom: 3px; }

/*#region ButtonGroup*/
.ButtonGroup
{
    display:inline-block;
    background-color:#ffffff;
    border:1px solid #c4c4c4;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height:24px;
	padding:0;
	overflow:hidden;
}
.ButtonGroup input{display:none;}
.ButtonGroup label,.ButtonGroup a,.ButtonGroup>.ButtonGroupItem{display:inline-block;padding:2px;overflow:hidden;border-left:1px solid #c4c4c4;cursor:pointer;}
.ButtonGroup>.ButtonGroupItem
{
    white-space:nowrap;
    padding:0 10px;
    line-height:24px;
    height:24px;
    display:inline-block;
    color:#404040;
}
.ButtonGroup>.ButtonGroupItem:hover{text-decoration:none;}
.ButtonGroup label.First,.ButtonGroup>.ButtonGroupItem.First{border-left:0;}
.ButtonGroup label.Selected,.ButtonGroup>.Selected
{
    background: #efefef;
	background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#e0e0e0 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#e0e0e0 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#e0e0e0 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#e0e0e0 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e0e0e0',GradientType=0 );*/
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;
    box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;
}
.ButtonGroup label>span,.ButtonGroup a>span{display:block;width:20px;height:20px;}
/*#endregion*/

/*#region Light Style For Top Menu*/
#ctl00_Menu.MenuBg.Light>table>tbody>tr>td>ul>li>a{color:#404040;}
#ctl00_Menu.Light .LogOutIcon{background:url(/v3.0/images/sprite_2.png) no-repeat -40px -70px;}
#ctl00_Menu.Light .LogOutIcon:hover{background:url(/v3.0/images/sprite_2.png) no-repeat -20px -70px;}
#ctl00_Menu.Light.MenuBg>table>tbody>tr>td>ul>li>a.Current
{
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 0 10px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 0 10px rgba(0,0,0,0.5) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 0 10px rgba(0,0,0,0.5) inset;
}
/*#endregion*/

/*#region layout grid use UL and Li*/
.ul-page{margin-top:10px;display:block;}
.li-page{display:inline-block;width: 50%;text-align: center;}
/*#endregion*/

/*#region Guage Chart*/
.ChartItem{text-align:center;display:block;float:left;margin:0 0 10px 0;}
/*#endregion*/

.google-ain-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: default;
font-size: 11px;
font-weight: bold;
text-align: center;
margin-right: 16px;
height: 27px;
line-height: 27px;
min-width: 54px;
outline: 0px;
padding: 0 8px;
background-color: #4D90FE;
background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
background-image: linear-gradient(top,#4D90FE,#4787ED);
border: 1px solid #3079ED;
color: white;
font-size: 11px;
padding: 0px 10px 0px 0px;
width: 140px;
cursor: default;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 27px;
display: block;
cursor: pointer;
margin: auto;
}
.WETCPane .google-ain-button { width: 125px; }
.WETCPane .Ads { margin-top: 70px; }
.WETCPane .Ads td {padding: 0 5px 0 0;}
.AppsAd { text-align: center; font-size: 10px; }
.google-ain-button:hover { text-decoration: none; color:White; }
.google-ain-button img {
    float: left;
    height: 24px;
    position: relative;
    top: 3px;
    display: block;
}
.SideBarBox
{
    border:1px solid #cbcbcb;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	background-color:#ffffff;
	margin: 10px 10px 10px 0;
}
#GoogleAppsInfo { padding: 20px; }
#GoogleAppsInfo li  { padding: 0 0 15px 0; }
#GoogleAppsInfo h1  { font-size: 20px; }
#GoogleAppsInfo img { float: right; margin-left: 20px; }
#GoogleAppsInfo #GoogleAppsInfoVid { padding: 10px; text-align: center; }
#GoogleAppsInfo #GoogleAppsInfoVid #Vid { margin: 10px 0; }

.EntryProgress
{
    background-color:#666666;
    font-size:10px;
    -webkit-text-size-adjust: none;
    color: #ffffff;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position:absolute;
	display:block;
	border:1px solid #000000;
    z-index:9;
}

.DatePager{margin-top:5px;padding-top:5px;border-top:1px solid #cdcdcd;font-size:10px; -webkit-text-size-adjust: none;}
.DatePager a{color:#999999;white-space:nowrap}
.DatePager .DatePagerItem{display:inline-block;text-align:left;}
.PagerContainer{padding:0px 15px 0px 12px}
.HiddenIconContainer>.Icon{display:none;}
.HiddenIconContainer:hover>.Icon{display:inline-block;}
.QBMenuContainer{height:0;position:relative;border:0;}
#ctl00_Menu{display:inline-block;min-width:100%;}
.LeadSelectColumn{display:inline-block !important;float:none !important}
.LeadSelectColumn .HelpGlyph{margin-top:0px !important}
#SalesLeads .HelpGlyph{background-position:0px -122px !important}
.Title .HelpGlyphDialog{font-size:12px !important}

/*#region color picker*/
.DefaultColorIcon{width: 16px;height: 16px;background: url(/v2.0/images/color_picker.png) no-repeat;cursor:pointer;border:1px solid #e1e1e1;}
.ColorPickerPanel{border: 1px solid #D3D3D3;background-color:#FBFBFB;width:174px;position:absolute;}
.ColorPickerPanel .ColorItem{width:11px;height: 11px;cursor: pointer;}
.ColorPickerPanel .ColorItem.Disabled{cursor:default;}
.ColorPickerPanel .ColorItem.Disabled .Cross{position: absolute;top: -3px;left: 2px;color:#9A9A9A;}
@-moz-document url-prefix() {
    .ColorPickerPanel .ColorItem.Disabled .Cross{top: -4px;}
}
.ColorPickerPanel .TopRow,.ColorPickerPanel .BottomRow{margin:1px;}
.ColorPickerPanel .TopRow .ColorItem,.ColorPickerPanel .BottomRow .ColorItem{border: 1px solid #cccccc;margin: 2px;float: left;position:relative;}
.ColorPickerPanel .MidRow {float:left; width:11px;border:1px solid #808080;margin:2px;}
/*#endregion*/
/*#region tags*/
.TagCycle
{
    padding: 1px 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    display: inline-block;
    border: 1px solid #717171;
}
.TagsContainer .TagCycle{margin:5px 0 5px 5px; cursor:pointer;padding:1px 13px 1px 4px;}
.TagCycle .AddIcon, .TagCycle .RemoveIcon{display:none;cursor:pointer;font-weight:bold;font-size:16px;margin-left:1px;}
.TagCycle .AddIcon{font-size:20px;}
.TagCycle.TagOn:hover .RemoveIcon, .TagCycle.TagOff:hover .AddIcon{ display:inline-block;}
.TagCycle.TagOff{opacity:0.5;}
.TagCycle.TagOff:hover{opacity:1;}
#TagsContainer .TagRow .C-Tag .TagCycle.TagOff{opacity:1 !important;}
.TagCycle .Tool{display:inline-block;width:10px; text-align:center;position:absolute;}
.TagsContainer.NoTool .TagCycle{padding:1px 4px 1px 4px; cursor:default;}

.SysTagOn,.SysTagOff{border-color:#B20D11;}
.SysTagOn,.SysTagOff{color:#B20D11; background-color:#F7ECEC;}
/*.SysTagOn{color:White;background-color:#B20D11;}*/
#TagsEditor .OptionOn, #TagsEditor .OptionOff,#TagsContainer .ToggleAll,#TagsEditor .OptionDisabled{display:inline-block;padding:0;cursor:pointer;}
#TagsEditor .OptionOn, #TagsEditor .OptionOff,#TagsEditor .OptionDisabled{width:55px;}
#TagsContainer .CreateRow .TagColumn{margin-left:10px;}
#TagsContainer .ColorContainer{ vertical-align:middle;margin-left:5px;}
#TagsContainer .Header{margin:0 0 5px 0;}
#TagsContainer .Header .TagColumn{font-weight:bold;}
#TagsContainer .TagRow.BG:hover{/*background-color: #fff8ab !important;*/}
#TagsContainer .TagRow .TagColumn{display:inline-block;text-align: center;}
#TagsContainer .TagRow .C-Tag{width:200px; text-align:left; vertical-align:middle;}
#TagsContainer .TagRow .C-Tag .TagCycle{position:relative;}
#TagsContainer .TagRow .C-Tag .TagCycle .TagName{display:inline-block;max-width:150px; overflow:hidden;}
#TagsContainer .TagRow .C-All,#TagsContainer .TagRow .C-Entity,#TagsContainer .TagRow .C-ToDo,#TagsContainer .TagRow .C-Project,
#TagsContainer .TagRow .C-SupportCase,#TagsContainer .TagRow .C-Journal,#TagsContainer .TagRow .C-Lead,
#TagsContainer .TagRow .C-Event,#TagsContainer .TagRow .C-Invoice,#TagsContainer .TagRow .C-Product
{width:73px; padding:3px 0 3px 0;}
#TagsContainer .TagRow .C-SupportCase{width:100px;}
#TagsContainer .TagRow .C-Journal{width:85px;}
#TagsContainer .TagRow .TagCycle .C-Tool{width:40px; visibility:hidden; vertical-align:middle;position:absolute;right:-40px;top:-2px;}
#TagsContainer .TagRow .TagCycle.SysTagOff .C-Tool{width:60px;right:-60px;}
#TagsContainer .TagRow .TagCycle:hover .C-Tool{visibility:visible;}
#TagsContainer .TagRow .C-All{width:50px; vertical-align:bottom;}
#TagsContainer .TagRow .OptionCon{ border-right:1px solid #e1e1e1;}
#TagsContainer .NoBorder{border:0 !important;}
#TagsContainer .ToggleAll{width:28px;}
#TagsContainer .ToggleAll .P1,#TagsContainer .ToggleAll .P2,#TagsContainer .ToggleAll .P3,#TagsContainer .ToggleAll .P4
{
    display: inline-block;
    width: 14px;
    height: 9px;
}
#TagsContainer .AlignBottom{ vertical-align:bottom;}
#TagsContainer .TagRow .C-Tag>.HelpGlyph { vertical-align:top;}
.CharacterCount{font-size:11px; -webkit-text-size-adjust: none;}
#ObjectTagsPanel
{
    position: absolute;
    width: 500px;
    background-color: white;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    white-space: normal;
    z-index: 2;
    min-height:30px;
    text-align:left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#ObjectTagsPanel .overview{width:100%;}
.LeadTagsPanel {width:40%;display: none;position: absolute;right: 10px;}
#MoreTags{position: absolute;width:500px;background:white;padding:8px;border:1px solid #cccccc;display:none; white-space:normal;z-index:1;}
#MoreTags .TagCycle {padding-right:4px;}
/*.TagsDialog .TagsContainer{width:450px;height:200px;overflow-y:scroll;overflow-x: hidden;}*/
#TagBalloon .SaveTools{margin-top:10px;}
/*.TagsFieldOuterTable .InlineEditField{width:100%;}*/
/*#endregion*/

.ThAlignRight th
{
    text-align:right;
    padding-right:4px;
}

.NormalDropMenu > .EditIcon { display:none;}
.NormalDropMenu:hover > .EditIcon { display:inline-block;}
/*#region Social Profile search*/
#SocialProfileSearch,#SocialProfileUpdate{margin:10px 0 0 0;width:560px;}
#SocialProfileSearch .Tip,#SocialProfileUpdate .Tip{padding:0;}
#SocialProfileSearch .Gray,#SocialProfileUpdate .Gray{color:#808080;}
#SocialProfileSearch .Bold,#SocialProfileUpdate .Bold{font-weight:bold;}
#SocialProfileSearch .Inline,#SocialProfileUpdate .Inline {display:inline-block;}
#SocialProfileSearch #ContactInfo .Avatar,#SocialProfileUpdate .PictureItem .Avatar{width:80px;height:80px; vertical-align:top;}
#SocialProfileUpdate .PictureItem .Avatar{ display:block; margin:0 auto;}
#SocialProfileSearch #ContactInfo .RightContainer{margin-left:10px;}
#SocialProfileSearch #ContactInfo .Detail{/*width:400px;*/ position:relative;}
#SocialProfileSearch #ContactInfo .Detail>table>tbody>tr>th{ text-align:right;font-weight:normal;}
#SocialProfileSearch #ContactInfo .Tip{ vertical-align:top;width:250px; position:absolute;top:0px; right:-15px;line-height: 15px;}
#SocialProfileSearch #ContactInfo .Options{margin:10px 0 0 0;}
#SocialProfileSearch #Results .ResultTitle{padding:15px 0 10px 0;text-align:left;}
#SocialProfileSearch #Results .TitleBar{cursor:default;}
#SocialProfileSearch #LinkedInResults,
#SocialProfileSearch #TwitterResults,
#SocialProfileSearch #FacebookResults,
#SocialProfileSearch #GooglePlusResults,
#SocialProfileSearch #Results .ResultItem,
#SocialProfileUpdate .UpdateGroup
{
    border: #bababa 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#SocialProfileSearch #LinkedInResults,
#SocialProfileSearch #TwitterResults,
#SocialProfileSearch #FacebookResults,
#SocialProfileSearch #GooglePlusResults
{
    margin:10px 0 0 0;
    background-color:White;
}
#SocialProfileSearch #Results .GroupName{padding:0 0 0 5px;font-weight:bold;}
#SocialProfileSearch #Results .ResultItem
{
    width:160px;
    height:210px;
    margin:5px;
    display:inline-block;
    text-align:left;
}
#SocialProfileSearch #Results .Grouped.ResultItem {width:190px;}
#SocialProfileSearch #Results .ResultItem.Select{}
#SocialProfileSearch #Results .ResultItem.Unselect{opacity:0.4;}
#SocialProfileSearch #Results .ResultItem .Info{padding:5px 5px 0 5px;height:145px; overflow:hidden;width:160px;}
#SocialProfileSearch #Results .Grouped.ResultItem .Info {height:160px;}
#SocialProfileSearch #Results .ResultItem .Avatar{width:50px;height:50px; vertical-align:top;}
#SocialProfileSearch #Results .ResultItem .BaseInfo{margin-left:5px;width:100px;}
#SocialProfileSearch #Results .ResultItem .BaseInfo .Name{ overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
#SocialProfileSearch #Results .ResultItem .BaseInfo .Position{font-weight: bold;color: #B7B7B7;}
#SocialProfileSearch #Results .ResultItem .BaseInfo .Address{color: #B7B7B7;}

#SocialProfileSearch #Results .ResultItem .URL,
#SocialProfileSearch #Results .ResultItem .Desc
{ overflow:hidden;margin:3px 0 0 0; text-overflow: ellipsis;line-height:13px;font-size: 11px;-webkit-text-size-adjust: none;}
#SocialProfileSearch #Results .ResultItem .URL{ /*white-space:nowrap;*/}
#SocialProfileSearch #Results .ResultItem .Desc{}
#SocialProfileSearch #Results .ResultItem .Tool{margin:10px 0 0 0;border-top:1px solid #e1e1e1;padding: 3px 0;}
#SocialProfileSearch #Results .ManuallyItem .ManuallyTxt{width:96%;font-size:11px;}
#SocialProfileSearch #Results .ManuallyItem .ManuallyBtn{ text-align:right; margin:5px 0 0 0;}

#SocialProfileUpdate{min-width:480px;}
#SocialProfileUpdate .UpdateGroup{padding:10px 10px 20px 10px;margin: 20px 0 0 0; background-color:White;}
#SocialProfileUpdate .UpdateGroup .GroupName{padding:0 0 15px 0;}
#SocialProfileSearch .Card{border:1px solid #bababa; border-radius: 5px;background-image:none;padding:10px;background-color:#ffffff;margin-top:6px;}
#SocialProfileSearch .Card>.AvatarContainer{float:left; margin-right:10px;}
#SocialProfileSearch .Card>.AvatarContainer>.Avatar{width: 120px;height:120px;border: none; border-radius: 5px;background-position:center;background-size:cover;}
#SocialProfileSearch .Card>.BasicInfo{min-height:150px;margin-left:130px;}
#SocialProfileSearch .Card>.OtherInfo{}
#SocialProfileSearch .Card .InfoRow.inactive label,
#SocialProfileSearch .Card .InfoRow.inactive span,
#SocialProfileSearch .Card .InfoRow.inactive a{opacity:1;}
#SocialProfileSearch .Card .InfoRow>.SocialIcon{margin-right:8px;}
#SocialProfileSearch .Card .InfoRow .Tag{cursor:pointer;display:inline-block; background-color:#ecf8ff;border-color: #0072BB;padding: 2px 5px;border: 1px solid;border-radius: 3px;margin-right: 5px;}
#SocialProfileSearch .Card .InfoRow .AddressIcon{display:inline-block;width:20px;height:20px;background: url(/v3.0/images/allflags.png) no-repeat 100px 50%;vertical-align:middle;}
#SocialProfileSearch .Card .InfoRow .AddressInfo{display:inline-block;vertical-align:top;}
#SocialProfileSearch .Card input[type=checkbox]{vertical-align:middle;cursor:pointer;opacity:1 !important;}
input[type=checkbox]:disabled{cursor:default !important;}
#SocialProfileUpdate .PictureList{padding-left:30px;}
#SocialProfileUpdate .PictureItem{display:inline-block; position:relative;margin:0 30px;}
#SocialProfileUpdate .PictureItem .PictureSource{padding:0 0 0 35px;}
#SocialProfileUpdate .PictureItem .PictureSource .SocialIcon{position:absolute;left:5px;top:3px;}
#SocialProfileUpdate .PictureItem .Tool{text-align:center;}
#SocialProfileUpdate .List{margin:20px 0 0 0;table-layout: fixed;}
#SocialProfileUpdate .List td{padding:7px 0;border-bottom: 1px solid #cbcbcb;}
#SocialProfileUpdate .List .NoBottomLine>td{border-bottom: 0;}
#SocialProfileUpdate .List td:first{padding-left:7px;}
#SocialProfileUpdate .List td .SocialIcon{margin-left:7px;}
#SocialProfileUpdate .List .OptionsTr {vertical-align:top;}
#SocialProfileUpdate .List .OptionsTr>td {padding:0;}
#SocialProfileUpdate .List td.UpdateOptionsTitle{text-align: right;font-weight: bold;vertical-align:top;padding-right: 10px;}
#SocialProfileUpdate .UpdateQuestion{padding:20px 0 5px 5px;}
#SocialProfileSearch #Results .SaveTools,#SocialProfileUpdate .SaveTools{margin: 25px 15px 20px 0;}
#SocialProfileSearch #Results .SaveTools .SaveChanges{margin: 0 0 0 10px;}
#SocialProfileSearch .ReturnLookup{float:right; margin:-3px 0 0 0;  display:none;}
.SocialBalloonTable th{ min-width:40px;font-weight: normal;}
#SocialProfileUpdate .OptionCon{position: relative;padding-left: 20px;}
#SocialProfileUpdate .OptionCon>input{position: absolute;left: 0px;}
#SocialIconField>table>tbody>tr>td{padding-right:0 !important;}
#SocialIconField>table,#SocialIconField>table.IEFReadOnly:hover{padding:0px !important; border-width:0 !important;}
#SocialProfileUpdate .WebsiteWrap {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#Wizard #ResultsDataContainer{text-align:center;}
/*#endregion*/
.SocialIcon { width:25px;height:25px;display:inline-block;vertical-align:middle;background:url(/v3.0/images/sprite_1.png) no-repeat;}
.SocialIcon.Small { width:16px;height:16px;margin:2px;}
.LinkedinIcon { background-position:-300px -2780px;}
.TwitterIcon { background-position:-325px -2780px;}
.FacebookIcon { background-position:-350px -2780px;}
.GPlusIcon { background-position:-450px -2780px;}
.LinkedinIcon.Gray { background-position:-375px -2780px;}
.TwitterIcon.Gray { background-position:-400px -2780px;}
.FacebookIcon.Gray { background-position:-425px -2780px;}
.LinkedinIcon.Small { background-position:-300px -2805px;}
.TwitterIcon.Small { background-position:-316px -2805px;}
.FacebookIcon.Small { background-position:-332px -2805px;}
.SocialNotConfig { opacity:0.3;}
.SocialNotConfig:hover { opacity:1;}
.SocialUnavailable { opacity:0.3;}
.LinkedinIcon.Link, .TwitterIcon.Link,.FacebookIcon.Link { cursor:pointer;}
.WorketcIcon{background-position:-300px -2755px;}
.LKIcon {background:url(/v3.0/images/sprite_1.png) no-repeat -440px -2760px;}

.LinkedinContainer { font-size:14px;}
.LinkedinContainer .PersonInfo { padding:12px; background-color:#e0f0f8;}
.LinkedinContainer .PersonInfo .PersonHeader > a { float:left;margin:0 15px 15px 0;}
.LinkedinContainer .PersonInfo .PersonHeader > span { font-weight:bold;display:inline-block;}
.LinkedinContainer .PersonInfo .PersonHeader > span > span { display:block;}
.LinkedinContainer .PersonDetail { background-color:#ffffff;padding:12px;}
.LinkedinContainer .PersonDetail th, .LinkedinContainer .PersonDetail td { padding:5px;border-bottom:dotted 1px #000000;}
.LinkedinContainer .PersonDetail th { padding-right:20px;}
.LinkedinContainer .Summary, .LinkedinContainer .Experience {margin:7px 0 }
.LinkedinContainer .Summary > h1, .LinkedinContainer .Experience > h1 { font-size:16px; font-weight:bold;}
.LinkedinContainer .Summary > span, .LinkedinContainer .Experience > span { padding:0 0 0 15px;display:block;}

.SocialHistoryContainer { margin:-10px;}
.SocialHistoryContainer .SocialHistoryHeader { 
    background-color: #f9f9f9;
    background-image: -webkit-linear-gradient(top,#fcfcfc 0%,#f7f7f7 100%);
    background-image: -moz-linear-gradient(center top,#fcfcfc 0%,#f7f7f7 100%);
    background-image: linear-gradient(top,#fcfcfc 0%,#f7f7f7 100%);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    color: #404040;  
    margin:1px 0 0 0;
    padding:10px 0 0 20px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    min-height: 37px;
    position:relative;
}
.SocialHistoryContainer .SocialHistoryHeader .SocialIcon { margin-right:5px;}
.SocialHistoryContainer .SocialHistoryHeader>a { margin-right:10px;color:#404040;}
.SocialHistoryContainer .SocialHistoryBody { padding:10px; position:relative;}
.SocialHistoryContainer .SocialHistoryItem { padding:10px;border-bottom:1px solid #eeeeee;}
.SocialHistoryContainer .SocialHistoryItem > .SocialAvatar { display:block;float:left;margin:0 15px;}
.SocialHistoryContainer .SocialHistoryItem > .SocialItemContent { display:block;margin-left:78px;}
.SocialHistoryContainer .SocialHistoryItem > .SocialItemContent > * { display:block;}
.SocialHistoryContainer .SocialHistoryItem > .SocialItemContent > a { font-size:14px; font-weight:bold;}
.SocialHistoryContainer .SocialHistoryItem > .SocialItemContent > .SocialItemDate { color:#c4c4c4;}

/* validation */
.validationError {color:#ff0000;margin-left:5px;position:absolute;}
.validationError > .placeholder {color: #c2c2c2;}

#Wizard #GettingStartedHeader {
    background-color:transparent;
    border:0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 15px 10px 10px 20px;
    cursor: move;
    margin: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #D5D5D5;
    -moz-box-shadow: 0px 1px 2px #dedede;
    -webkit-box-shadow: 0px 1px 2px #dedede;
    box-shadow: 0px 1px 2px #dedede;
    font-weight:bold;
}
#Wizard #GettingStartedHeader > .Close {
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -3100px;
    margin:0;
}
#Wizard #GettingStartedHeader > .Close:hover {
    background-position: -480px -3100px;
}

#Wizard #GettingStartedBody .fieldset {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #cbcbcb;
    padding:20px;
    background-color:#ffffff;
    margin-bottom:11px;
}
#Wizard #GettingStartedBody .fieldset > .legend {
    border-bottom:1px solid #e4e4e4;
    padding:5px 0 13px 0;
    margin-bottom:17px;
    font-weight:bold;
}
#Wizard #GettingStartedBody th {
    white-space:nowrap;
}
#Wizard #GettingStartedBody .Intro {
padding:20px;
}
#Wizard #GettingStartedBody .Intro>.GettingStartedInfo{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #cbcbcb;
    padding:20px;
    margin-bottom:11px;
    background-color:#eef7ff;
}
.RedBullet{
background: red;
color: white;
font-weight: bold;
padding: 1px 1px;
border-radius: 50px;
width: 15px;
height: 15px;
display: inline-block;
text-align: center;
line-height: 15px;
/*position: absolute;*/
margin: 0;
}

.GoogleIcon {background-image:url(/v3.0/images/DataProviders/google.png);background-position:center;}
.WetcIcon {background:url(/v3.0/images/sprite_1.png) no-repeat -325px -2750px;}
.MediumIcon {width:30px;height:30px;display:inline-block;vertical-align:middle;}
.InfluencerIcon {width:25px;height:33px;display:inline-block;vertical-align:middle;background:url(/v3.0/images/sprite_1.png) no-repeat -356px -2747px;}
.ReviewIcon.MediumIcon {background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5500px;}
.CompanyIcon.MediumIcon {background:url(/v3.0/images/sprite_2.png) no-repeat -30px -5500px;}
.ProjectIcon.MediumIcon {background:url(/v3.0/images/sprite_2.png) no-repeat -60px -5500px;}
.TimesheetIcon.MediumIcon {background:url(/v3.0/images/sprite_2.png) no-repeat -90px -5500px;}
.InvoiceIcon.MediumIcon {background:url(/v3.0/images/sprite_2.png) no-repeat -120px -5500px;}

/*#region OpenID Container*/
.OpenIDContainer {width:100%;text-align:center;}
.OpenIDContainer > .Header {
    text-align:center;
    background-color: #535353;
    background-image: -webkit-linear-gradient(top,#727272 0%,#343434 100%);
    background-image: -ms-linear-gradient(top,#727272 0%,#343434 100%);
    background-image: -moz-linear-gradient(center top,#727272 0%,#343434 100%);
    background-image: linear-gradient(top,#727272 0%,#343434 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727272', endColorstr='#343434',GradientType=0 );/* IE6-9 */
    color: #ffffff;
    font-size:20px;
    font-weight:bold;
    padding:15px;
}
.OpenIDContainer > .Header > div {text-align:left;width:976px;margin:auto;}
.OpenIDContainer > .Body {
    width:976px;
    margin:auto;
    text-align:left;
    padding:27px;
}
.OpenIDContainer > .Body>h1{ 
    font-size: 24px;
    font-weight:bold;
    padding:5px 0 35px 0;
}
.OpenIDContainer > .Body>.OpenIDNote{
    display:inline-block;
    width:160px;
    padding:0 55px 0 5px;
    vertical-align:top;
}
.OpenIDContainer > .Body>.OpenIDMain{
    display:inline-block;
    vertical-align:top;
	border:#cbcbcb 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#fbfbfb;
    padding:32px 24px;
}
.OpenIDContainer > .Body>.OpenIDMain>p{
    font-size:16px;
    font-weight:bold;
    color:#067cea;
    margin-bottom:25px;
}
.OpenIDContainer > .Body>.OpenIDMain .ContactEditorTable th{width:60px;}
/*#endregion*/

.HideInput > div:first-child {display:none !important;}
.HideInput > .ComboBoxTextBox{height: 0;border: 0;padding: 0 !important;}

.LinkedInLogo {background: url(/v3.0/images/sprite_1.png) no-repeat -382px -2760px;width:78px;height:20px;display:inline-block;vertical-align:middle;}

/*#region daterangepicker*/
.DateRangeArea{
background: #fff;
cursor: pointer;
padding: 5px;
border: 1px solid #ccc;
}
.DateRangeArea .DateRangeIcon{
background: white url(/v3.0/images/sprite_2.png) no-repeat right -3760px;
padding: 3px 18px 3px 3px !important;
}
.DateRangeArea .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-bottom: 0 dotted;
border-left: 4px solid transparent;
content: "";
}
.daterangepicker .ranges .GrayButton{
    padding: 3px 7px;
}
.daterangepicker .icon-arrow-left, .daterangepicker .icon-arrow-right {
display:inline-block;
}
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */

 .daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
  float: right;
  margin: 4px;
}

.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}

.daterangepicker .ranges .range_inputs>div {
  float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
  padding-left: 11px;
}

.daterangepicker .calendar {
  display: none;
  width: 210px;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
}

.daterangepicker .ranges label {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #fff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges .input-mini {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  margin: 0 0 6px 0;
  padding: 0 3px;
  width: 63px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {

  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

.daterangepicker .calendar-date {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled {
  color: #999;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #E9E9E9;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background:#3ea1fe;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#087deb 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#087deb 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#087deb 100%); 
    background-image: linear-gradient(top,#42a4ff 0%,#087deb 100%);
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  width: 48%;
}

.daterangepicker select.yearselect {
  width: 48%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
/*#endregion*/

/*Custom Report Advert*/
#CustomReportContainer .Advert, #ContactPortalTab  .Advert{
border: 1px solid #cbcbcb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 15px;
background-color: #EEF6FF;
}
#CustomReportContainer .Advert h3, #ContactPortalTab  .Advert h3{
font-size: 24px;
padding: 10px 0;
}
#CustomReportContainer .Advert .Button , #ContactPortalTab  .Advert .Button{margin-left:23px;}
/*change plans page*/
.ChangePlanNotice {
border: 1px solid #cbcbcb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 15px;
background-color: #EEF6FF;
margin:10px 0 10px 0;
}
.ChangePlanNotice > h1 {
background: url(/v3.0/images/sprite_1.png) no-repeat 0px -140px;
padding-left: 25px;
margin: 0 0 10px 0;
}
.ChangePlanNotice .Left, .ChangePlanNotice .Right {
    display:inline-block;
    width:49%;
    vertical-align: top;
}
.ChangePlanNotice .Right {
    width:44%;
    padding-left:5%;
}
.ChangePlanNotice .Left{
    border-right:1px solid #cbcbcb;
}
.ChangePlanNotice .Left li {
    margin-top:10px;
}
.PlanInfoTable>tbody>tr>th {
    font-weight:normal;
    text-align:right;
    padding-right: 10px;
    width:110px;
}
.PlanInfoTable > tbody > tr {
    height:40px;
    vertical-align:top;
}
#UpgradeTab > .TabPageMenu {margin-right:10px;}
#UpgradeTab > .TabPageMenu > li {
    float:right;
}
.LinkColor {
    color: #067cea;
}
.LightGrey {
    color:#cbcbcb;
}
.Underline {
text-decoration:underline;
}
/*#region tooltipster*/
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/*#endregion*/

/*#region change plans*/
#PlanContainer .plan-label div{
  border-top: 1px solid #e3e3e3;
  font-weight: bold;
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

#PlanContainer.plan-label .opaque{
  background: #F2F1F1;
}

#PlanContainer .features-row .opaque{
  background: #F2F1F1;
}

#PlanContainer .features-row{
  font-size: 16px;
}

#PlanContainer .table-wrap{
  width: 895px;
  margin: 0 auto;
  font-family: Helvetica,Arial,Sans-Serif;
  font-size: 13px;
  color:#949494;
  border-collapse: collapse;
  border-spacing: 0;
}

#PlanContainer .table-wrap th,#PlanContainer .table-wrap td{
  text-align: center;
  padding: 0;
}

#PlanContainer .table-wrap th > div, #PlanContainer .table-wrap td >div{
  /*border-left:1px solid #e3e3e3;*/
  border-right: 1px solid #e3e3e3;
  padding: 8px 5px 8px 5px;
  font-weight: bold;
  height: 20px;
  position: relative;
}

#PlanContainer .table-wrap tr:first-child th div{
  border-style: none !important;
}

#PlanContainer .checked-eprise{
  display: none;
}

#PlanContainer .bg-bluegray .checked-eprise{
  display: block;
}
#PlanContainer .bg-bluegray .checked-eprise>p{margin:10px 0;}
#PlanContainer .bg-bluegray .checked-eprise .button{
  display: inline-block !important;
}

#PlanContainer .bg-bluegray.default-eprise{
  display: none;
}


#PlanContainer thead .eprise-col > div {
  background: #BEB9B9;
  color: #383838;
}
#PlanContainer tbody .eprise-col{
  overflow: hidden;
}
#PlanContainer tbody .eprise-col  > div{
  background: #beb9b9;
  height: 493px;
}
#PlanContainer tbody .eprise-col.discount > div {
        height:529px;
}
#PlanContainer tbody .bgspace > div {height: 493px;}
#PlanContainer tbody .bgspace.discount > div {height: 529px;}
#PlanContainer tbody .eprise-col > div p{
  line-height: 18px;
  color:#383838;
}

#PlanContainer tbody .eprise-col textarea{
  width: 90%;
  resize: vertical;
  height: 200px;
  position: relative;
  z-index: 2;
  /*
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  border: 1px solid #ccc;
  margin: 0;
  padding: 3px 5px;
  background-color: white;
  color: #333;
  font-size: 13px;
  line-height: 18px;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  -webkit-transition: border 0.3s ease-in;
  -moz-transition: border 0.3s ease-in;
  -ms-transition: border 0.3s ease-in;
  -o-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;*/
}

#PlanContainer .tbody .eprise-col textarea:focus{
  /*outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;*/
}
#PlanContainer .eprise-col .Button {
    margin-top:10px;
}
#PlanContainer .upgrade-btn td > div{
  border-style: none !important;
}

#PlanContainer .upgrade-btn td > div .button{
  display: none;
}
#PlanContainer .current-plan{
  font-size: 12px;
  color:#969696;
  font-weight: normal !important;
}

#PlanContainer .total-user-label{
  display: block;
}

#PlanContainer .usercount{
  width: 30px;
  text-align: center;
  font-family: Helvetica, Arial, Sans-serif;
  border: 1px solid #8a8a8a;
  padding: 3px 5px;
  color:#383838;
  font-weight: bold;
  margin:0 3px;
}

#PlanContainer .count-default{
  padding: 3px 5px;
  display: block;
  color:#949494;
}

#PlanContainer .input-extra{
  display: none;
}

#PlanContainer .minus{
  font-size: 15px; cursor: pointer;
}

#PlanContainer .plus{
  cursor: pointer;
  display: inline-block;
  font-size: 17px;
  position: relative;
  top: 2px;
}

#PlanContainer .blue-dot, #PlanContainer .gray-dot{
  background: #0673c8;
  height: 8px;
  width: 8px;
  display: block;
  margin: 0 2px;
  float: left;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

#PlanContainer .blue-dot:first-child, #PlanContainer .gray-dot:first-child{
  margin-left: 65px;
}

#PlanContainer .total-row td > div{
  color: #c7c7c7; 
  height: 60px;
}

#PlanContainer .total-row td:first-child > div{
  color:#fff;
}

#PlanContainer .total-row td > div .total{
  /*font-size: 25px;*/
  font-weight: bold;
}

#PlanContainer .monthly-pay sup{
  font-size: 15px !important;
}

#PlanContainer .bg-blue .monthly-pay sup{
  color:#fff !important;
}

#PlanContainer .total-row td > div .monthly-pay{
  display: block;
  margin-top: 2px;
}
#PlanContainer .total-row td > div .monthly-pay sup{
  font-size: 75%;
  /*color:#C7C7C7 !important;*/
}

#PlanContainer .bdleft{
   border-left: 1px solid #e3e3e3;
}

#PlanContainer  .total-row .border-left{
  border-left: 1px solid #7e7e7e;
}

#PlanContainer .total-row td > div{
  border-right: 1px solid #7e7e7e;
}

#PlanContainer .total-row td:nth-child(3) > div{
  border-left: 1px solid #7e7e7e;
}

#PlanContainer .total-row td > div.enterprise-bg{
  border-right-style: none;
}

#PlanContainer .gray-dot{
  background: #ababab;
}

#PlanContainer .color-blue{
  color: #0673c8 !important;
}

#PlanContainer .color-red{
  color:red !important;
}
#PlanContainer .color-white ,#PlanContainer  .cwhite{
  color: #ffffff !important;
}

#PlanContainer .color-lbue{
  color:#83B1DF !important;
}

#PlanContainer .taright{
  text-align: right !important;
}

#PlanContainer .bg-gray{
  background: #f2f1f1;
}

#PlanContainer .bg-white{
  background: #ffffff;
}

#PlanContainer .no-border{
  border: none!important;
}

#PlanContainer .p0{
  padding: 0 !important;
}

#PlanContainer .fwbold{
  font-weight: bold !important;
}

#PlanContainer .bg-darkgray{
  background: #898989;
}

#PlanContainer .bg-currentgray{
  background: #ececec;
}

#PlanContainer .fz16{
  font-size: 16px !important;
}

#PlanContainer .fz25{
  font-size: 25px !important;
}

#PlanContainer .bg-none{
  background: none !important;
}

#PlanContainer .bg-blue{
  background: #0868c1 !important; 
  color:#fff !important;
}

#PlanContainer .border-left{
  border-left:1px solid #e3e3e3;
}

#PlanContainer .currentplan-label th div{
  background: none !important;
}

#PlanContainer .bg-bluewhite{
  background: #e6f2fd !important;
}

#PlanContainer .bg-bluegray{
  background: #d9e4ef !important;
}
#PlanContainer .months-free{
  display: block;
  font-size: 9px;
}

#PlanContainer .fz9{
  font-size: 9px !important;
}
#PlanContainer .fz10{
  font-size: 10px !important;
}

#PlanContainer .fz12{
  font-size: 12px !important;
}

#PlanContainer .fz13{
  font-size: 13px !important;
}

#PlanContainer .fz18{
  font-size: 18px !important;
}

#PlanContainer .fwnormal{
  font-weight: normal !important;
}

#PlanContainer .dgray-color{
  color: #383838;
}

#PlanContainer .enterprise-bg{
  background: #beb9b9;
}

#PlanContainer .bg-blue .annual-pay{
   color: #83B1DF !important;
}

#PlanContainer .total-row td > div.bg-blue .team-total sup{
   color: #83B1DF !important;
}
#PlanContainer .dgray-space > div {
background: #f2f1f1;
border:0 !important;
}
#PlanContainer .dgray-space.head > div {height:21px;}
#PlanContainer .current-lable {position: absolute;width: 100%;z-index: 1;left: 0;height: 15px;top: 25px;font-weight: normal;}
#PlanContainer .bg-blue .current-lable {color: #d9e4ef !important;}
/*Tooltip*/
.tool-tip{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #0868C1;
  color: #0868C1;
  display: block;
  font-size: 10px;
  height: 28px;
  line-height: 13px;
  padding: 0 10px;
  position: absolute;
  right: -65px;
  text-align: left;
  top: 3px;
  vertical-align: top;
  min-width: 65px;
  max-width: 76px;
  z-index: 1;
  display: none;
}
.tool-tip.extend{
  min-width: 85px;
  right: -78px;
}
.tool-tip:after,
.tool-tip:before {
    border-bottom: 14px solid rgba(0, 0, 0, 0);
    border-right: 14px solid #FFFFFF;
    border-top: 14px solid rgba(0, 0, 0, 0);
    bottom: -0px;
    content: "";
    left: 6px;
    margin-left: -20px;
    position: absolute;
}
.tool-tip:before {
  border-bottom: 15px solid rgba(0, 0, 0, 0);
  border-right: 15px solid #0868c1;
  border-top: 15px solid rgba(0, 0, 0, 0);
  bottom: -1px;
  margin-left: -21px;
}
.tool-tip.bdred{
  border-color: red !important;
}
.tool-tip.bdred:before{
  border-right:15px solid red;
}
/*switch*/
#PlanContainer .pre-pay{
  visibility: hidden;
  position: absolute;
}
#PlanContainer .switch{
  height: 15px;
  width:46px;
  text-align:left;
  /*overflow: hidden;*/
  display: none;
  background: #d5d9da;
  text-shadow: 1px 1px 0px #fff;
  border: 1px solid #b9bdbd;
  padding: 3px 1px;
  position: relative;
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
   box-shadow:         inset 0 1px 1px rgba(0,0,0,0.3);
  -webkit-border-radius: 5px;
          border-radius: 5px;
}
#PlanContainer .bg-bluegray .switch{
  display: inline-block;
}
#PlanContainer .switch-off.active:before{
  display: block;
  background: url(/v3.0/images/switch-btn.png) no-repeat;
  position: absolute;width: 24px; height: 22px;
  content:"";
  top: 0;
  left: 0;
}
#PlanContainer .switch-on.active:before{
  display: block;
  background: url(/v3.0/images/switch-btn.png) no-repeat;
  position: absolute;width: 24px; height: 22px;
  content:"";
  top: 0;
  right: 0;
}
#PlanContainer .switch-on,#PlanContainer .switch-off{
  cursor: pointer;
  display:inline-block;
  font-size: 8px;
  margin: 0 1px;
  visibility:hidden;
}
#PlanContainer .switch-off{
  color:#a8adb0;
  margin-left:3px;
}
#PlanContainer .switch-on{
  color:#fff;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
  letter-spacing: 0px;
}
#PlanContainer .switch-off.active,
#PlanContainer .switch-on.active {
    visibility:visible;
}
#PlanContainer .info{
  background: url(/v3.0/images/sprite_1.png) no-repeat 0px -122px;
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  right: -20px;
  top: 3px;
}
#PlanContainer .opaque{
  opacity: 0.5;
}
#PlanContainer .input-extra{
  border: none !important;
}
#PlanContainer .free-months{
  font-size: 10px;
  font-style: italic;
  display: none;
}
#PlanContainer .dnone{
  display: none !important;
}
/*Tooltipster Custom Theme*/
.custom-tooltip {
  border-radius: 0; 
  border: 1px solid #0656a0;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
          box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  background: #0868C1 ;
  color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.custom-tooltip .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 7px;
}
#PlanContainer .annual-pay{
  display: none;
}
/*confirm dialog*/
#PlanConfirm .SaveTools {
margin-bottom:15px;
}
#PlanConfirm .clearfix:before,
#PlanConfirm .clearfix:after { 
  content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;
}
#PlanConfirm .clearfix:after {
  clear: both;
}
#PlanConfirm .wrap{
	width: 668px;
	border: 1px solid #d3d3d3;
	font-size: 13px;
	line-height: 18px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    background: white;
    margin: 15px 0 10px 0;
}

#PlanConfirm .wrap h1{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 16px;
}

#PlanConfirm .wrap h1 .plan-name{
	color: #0673C8;
}

#PlanConfirm .inner-wrap{
	padding: 20px 10px;
}

#PlanConfirm .col1{
	float: left;
	width: 333px;
}

#PlanConfirm .col2{
	width: 298px;
	float: right;
}

#PlanConfirm .col1 div,
#PlanConfirm .col2 div{
	margin-bottom: 20px;
}

#PlanConfirm .label{
	width: 115px;
	float: left;
	text-align: right;
}

#PlanConfirm .value{
	float: left;
	width: 200px;
	margin-left: 15px;
	font-weight: bold;
}
#PlanConfirm .col2 .label{
	width: 130px;
}
#PlanConfirm .col2 .value{
	width: 120px;
}

#PlanConfirm .note{
	width: 100%;
	background: #eef6ff;
	border: 1px solid #d3d3d3;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

#PlanConfirm .note > div{
	padding: 20px;
}

#PlanConfirm .note h4{
	margin: 0;
}

#PlanConfirm .note p{
	margin: 5px 0;
}

#PlanConfirm .note .annual-amount{
	font-weight: bold;
	color: #0673C8;
}

#PlanConfirm .i-icon{
	color:#fff;
	/*font-weight: bold;*/
	display: block;
	background: #0673C8;
	height: 16px;
	width: 16px;
	text-align: center;
	vertical-align: center;
	position: absolute;
	top: 0;
	left: -25px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

#PlanConfirm .note-txt{
	margin-left: 30px;
	position: relative;
}

/*#endregion*/

/*#region Menu mouse hover*/
.MenuBg.NonHover li:hover>ul
{
	display: none;
}
.MenuBg.NonHover>table>tbody>tr>td>ul>li:hover
{
    background-position: 0 -9999px;
    padding:0 0 0 7px;
    height:52px;
	z-index:103;
}
.MenuBg.NonHover>table>tbody>tr>td>ul>li:hover>a
{
    background-position: right -9999px;
    color:#ffffff !important;
    padding:6px 13px 0 6px;
    height:46px;
}
.MenuBg.NonHover>table>tbody>tr>td>ul>li:hover>a.Current
{
    background:url(/v3.0/images/sprite_1.png) no-repeat right -9999px;
    background-color: #464646;
    background-image: -webkit-linear-gradient(top,#464646 0%,#161616 100%);
    background-image: -ms-linear-gradient(top,#464646 0%,#161616 100%);
    background-image: -moz-linear-gradient(center top,#464646 0%,#161616 100%);
    background-image: linear-gradient(top,#464646 0%,#161616 100%);
    height:34px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 0 10px #000 inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 0 10px #000 inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.3),0 0 10px #000 inset;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color='#6e6e6e'); /* IE6-8 */
    margin-top:0;
    font-family:Arial, Sans-Serif;
    font-size:13px;
    color:#ffffff;
}
.MenuBg.NonHover > table > tbody > tr > td > ul > li.OnlyChild:hover > a {padding-left:10px;}
/*#endregion*/

.BasicGrid .GroupDetailLoading {height:33px; background:url(/v3.0/images/ajax-loader.gif) no-repeat 50% 50%;}
#AccessPortalMemberlist{
    max-height:300px;
    overflow-y:auto;
    margin:10px 0 0 0;
}
#AccessPortalMemberlist .CycleButton{
    width: 60px;
}
#AccessPortalMemberlist>table>tbody>tr>td:first-child{
    border-right: 1px solid #e1e1e1;
}
#AccessPortalMemberlist > table > tbody > tr > td:last-child {
    padding-left:5px;
}

.GoogleEditIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5580px;}
.GoogleEditIcon:hover{background-position:-480px -5640px;}
.DropboxEditIcon{background:url("/v2.0/images/treeview/dropbox.png") no-repeat 3px 3px;filter:grayscale(100%);}
.DropboxEditIcon:hover{filter:grayscale(0%);}
.PreviewIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5560px;}
.PreviewIcon:hover{background-position:-480px -5620px;}
.DownloadIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5540px;}
.DownloadIcon:hover{background-position:-480px -5600px;}

.GooglePlusIcon { width:177px; height:31px; display:inline-block;background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5580px;cursor:pointer;}
.DuplicatedCustomField{background: url(/v3.0/images/sprite_1.png) no-repeat 0px -180px;}

.Icon.Inactive {opacity: 0.4;cursor:default;filter:grayscale(100%);}
.FileIcon.ExternalLink {filter:grayscale(100%);}
.FileIcon.ExternalLink:hover {filter:grayscale(0%);}
.Icon.Refresh{background:url(/v3.0/images/sprite_2.png) no-repeat -2px -5624px; width: 16px; height:14px;}
.Icon.Refresh:hover{background:url(/v3.0/images/sprite_2.png) no-repeat -2px -5644px;}
.EntryCode {
    padding: 0 5px;
    font-size: 12px;
    color: #B5B5B5;
    font-weight: normal;
}
@-moz-document url-prefix() { 
  .ff-width{
     width: 22px !important;
  }
}
/*
"Connect with Microsoft" in mailbox page
*/
.mssignin-spacearound {
    display: inline-block;
}

.mssignin-spacearound .mssignin-button {
    border: 1px solid #cbcbcb;
    background: #ffffff;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    max-height: 41px;
    min-height: 41px;
    height: 41px;
}
.mssignin-spacearound .mssignin-button:hover {
    border-color: #8c8c8c;
}

.mssignin-spacearound .mssignin-logo {
    padding-left: 12px;
    padding-right: 6px;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    width: 21px;
    height: 21px;
    box-sizing: content-box;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.mssignin-spacearound .mssignin-label {
    padding-left: 6px;
    padding-right: 12px;
    font-weight: 600;
    color: #5e5e5e;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    flex-shrink: 1;
    height: 21px;
    line-height: 21px;
}

/*"Sign in with Google" in sign in page
 and
"Connect with Google" in mailbox page
*/
#googlesignin {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    padding-top:1em;
}
#googlesignin a {
    -webkit-border-radius:  .3em;
    -moz-border-radius:     .3em;
    border-radius:          .3em;
    -webkit-box-shadow:     0 .1em 0 0  rgba(0,0,0,.2);
    -moz-box-shadow:        0 .1em 0 0  rgba(0,0,0,.2);
    box-shadow:             0 .1em 0 0  rgba(0,0,0,.2); 
    border: 1px solid #eee;
    padding:0.7em 1.5em 0.7em 1em;
    width:auto;
    font-weight: 400;
    color:#757575;
    background-color:#ffffff;
    display: inline-block;
    margin:1px;
    outline:none;
    white-space:nowrap;
}
#googlesignin svg {
    height: 1.5em;
    width:1.5em;
    vertical-align: bottom;
    margin-right: 1em;
}
#googlesignin a:hover { 
    color: #3e82f1;
    border: 2px solid #3e82f1;
     -webkit-box-shadow:    0 0 .1em   .1em  rgba(62,130,241,.2);
    -moz-box-shadow:        0 0 .1em   .1em  rgba(62,130,241,.2);
    box-shadow:             0 0 .1em   .1em rgba(62,130,241,.2);
    text-decoration:        none;
    margin:0;
} 
#googlesignin a:active {
    
    background-color: #3e82f1;
    color:#fff;
    -webkit-box-shadow:     none;
    -moz-box-shadow:        none;
    box-shadow:             none; 
    margin:0;
} 
#googlesignin a:active  svg path {
    fill:#fff !important;
}

#google_integrate {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    display:inline-block;
}
#google_integrate a {
    -webkit-border-radius:  .3em;
    -moz-border-radius:     .3em;
    border-radius:          .3em;
    -webkit-box-shadow:     0 .1em 0 0  rgba(0,0,0,.2);
    -moz-box-shadow:        0 .1em 0 0  rgba(0,0,0,.2);
    box-shadow:             0 .1em 0 0  rgba(0,0,0,.2); 
    border: 2px solid #3079ed;
    padding:.5em 1em .5em .5em;
    width:auto;
    font-weight: 400;
    background-color: #4d90fd;
    color:#fff;
    outline:none;
    display:inline-block;
}
#google_integrate svg {
    height: 1.5em;
    width:1.5em;
    vertical-align: bottom;
    margin-right: .5em;
}
#google_integrate svg path {
    fill:#fff !important;
}
#google_integrate a:hover { 
    background: #3e82f1;
    color: #fff;
    border: 2px solid #4d90fd;
     -webkit-box-shadow:    0 0 .1em   .1em  rgba(62,130,241,.2);
    -moz-box-shadow:        0 0 .1em   .1em  rgba(62,130,241,.2);
    box-shadow:             0 0 .1em   .1em rgba(62,130,241,.2);
    text-decoration:none;
} 
#google_integrate a:active {
    
    background-color: #3e82f1;
    color:#fff;
    -webkit-box-shadow:     none;
    -moz-box-shadow:        none;
    box-shadow:             none; 
}
.ConnectToQBO {
    background: url('/v3.0/images/C2QB_green_btn_short_default_2x.png') no-repeat;
    width: 326px;
    height: 48px;
    display: block;
    cursor: pointer;
}
.ConnectToQBO:hover {
    background: url('/v3.0/images/C2QB_green_btn_short_hover_2x.png') no-repeat;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
    position:fixed;
}
.AppDesc>.AppInfo ul {
    margin-top:5px;
}
ul.AV2Menu>li>.tab-mask {
    position: absolute;
    background-color: #ffffff;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    margin-left: -15px;
}
.GoogleButton {
    display: inline-block;
    vertical-align: middle;
    width: 191px;
    height: 46px;
    background-image: url(/v3.0/images/btn_google_signin_dark_normal_web.png);
}
.GoogleButton:focus, .GoogleButton:hover {
    background-image: url(/v3.0/images/btn_google_signin_dark_focus_web.png);
}
.GoogleButton:active {
    background-image: url(/v3.0/images/btn_google_signin_dark_pressed_web.png);
}
.menu-scroll {
max-height: 350px;
overflow-x: hidden;
overflow-y: auto;
}
.report-row-expand {
    width: 20px;
    height: 20px;
    padding: 0px;
    position: absolute;
    left: 0px;
}
.relative-grid-td{
    position: relative;
}
.grid-tr-hidden{
    display: none;
}
.report-root-project-1 .report-tpr-total1,
.report-root-project-2 .report-tpr-total2 {
    display: inline-block;
}
.report-root-project-1 .report-tpr-total2,
.report-root-project-2 .report-tpr-total1 {
    display: none;
}
.grid-tr-show {
    display: table-row;
}
.report-expand-project-icon {
    line-height: 20px;
    display: inline-block;
    padding-left: 25px;
}
.report-project-sub-total {
    font-weight: bold;
    background-color: #dbdbdb !important;
}
/*#168244, style for "Project Type" info that never wrap date text*/
.av-date-info {
    width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.av-date-info-wrap {
    width: 155px;
    overflow: hidden;
}

/*tr/td padding-top*/
tr.tr-pt-4 > td {
    padding-top: 4px;
}
.BillingModeTable > tbody > tr > th {
    width: 158px !important; /*in order to align fields in minimode*/
}
/*For number in report that align right at the row*/
.report-inline-right {
    display: inline-block;
    float: right;
    padding-right: 20px;
}
/*Tree view with checkbox for project bulk assignment*/
.wul-tree {
    margin: 0;
    padding: 0;
}
.wul-tree li {
    list-style: none;
    line-height:25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wul-tree li label{
    cursor:pointer;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wul-tree input{
    vertical-align:middle;
}
    /**/
.wul-tree table{
    table-layout:fixed;
    width:100%;
}
.wul-tree .txt-cut{

}
.wul-tree .td-icon{
    width:25px;
}
.flex-parent {
    display: flex;
}
.table-padding-left > tbody > tr > td {
    padding-left:10px;
}
.ToDo-gray {
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -4060px;
}
.Project-gray {
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -4040px !important;
}
.SubProjectIcon-gray {
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -4220px !important;
}
/*for image insert/edit dialog*/
.imgEditorFields > tbody > tr > td:first-child {
    padding-right: 4px;
}

.imgEditorFields > tbody > tr > td, .imgEditorFields .btSpace {
    padding-bottom: 4px;
}
/*people icon black and white*/
.PeopleIcon {
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -4240px;
}
.PeopleIcon:hover{
    background-position: 0 -3460px;
}
/*image lazy loading preview*/
img.wetc-notLoadedImage {
    display: block;
    position: relative;
    border: 1px solid #cbd5e1;
    min-height:48px;
}

img.wetc-notLoadedImage:before {
    content: " ";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
}

img.wetc-notLoadedImage:after {
    content: "\2756" " Expand to View";
    display: block;
    font-size: 12px;
    font-style: normal;
    font-family: Helvetica, Arial, sans-serif;
    color: #94a3b8;
    position: absolute;
    top: 5px;
    width: 100%;
    text-align: center;
}
img.d-block {
    display: block;
}
/*fields locked style*/
.fieldsLockContainer .disableEvents {
    opacity: 0.5;
    pointer-events: none;/*this prevent events on it*/
}
.fieldsLockContainer .hoverStyle {
    width: 700px;
    margin: 0 auto;
}
.fieldsLockContainer .hoverStyle:hover {
    background: #FFF8AB;
}
.fieldsLockContainer .hoverStyle .LockIcon{
    width: 20px;
    height: 18px;
    float: right;
    visibility:hidden;
}
.fieldsLockContainer .hoverStyle:hover .LockIcon{
    visibility:visible;
}
/*fix huge width issue*/
.UserHtml pre {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}
.UserHtml img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}