/*p, */

.useButtonNotSelected
{
    background-color:#DDDDDD;
    color:black;
    width: 30px; 
    float: left; 
    height: 22px; 
    text-align: center; 
    cursor:pointer; 
    margin-left:2px;
}

.useButtonSelected
{
    background-color:green;
    color:White;
    width: 30px; 
    float: left; 
    height: 22px; 
    text-align: center; 
    cursor:pointer; 
    margin-left:2px;
}

.TabPageLeftButton
{
    background-color:White;
    color:Black;
    border:1px solid black;
}
.TabPageRightButton
{
    background-color:White;
    color:Black;
    border:1px solid black;
}

.OutlookConnected 
{
    background-image:url(/v2.0/images/Conflicts/Outlook.png);
    padding-left:17px;
    background-repeat:no-repeat;
}
.OutlookDisconnected
{
    background-image:url(/v2.0/images/Conflicts/outlook_not_connected.png);
    padding-left:17px;
    background-repeat:no-repeat;
}
.ConflictFieldWORKetc 
{
    border:1px solid #cbcbcb !important; 
    border-radius:4px !important;
    width:120px; 
    float:left; 
    margin-right:2px !important;
}
.ConflictAddressCaption
{
    background-color:#cbcbcb; 
    background-image:none; 
    height:30px;
}
.ConflictAddressCaptionRemoveAddress
{
    background-color:#FFC7C7; 
    background-image:none; 
    border:1px solid #FFC7C7;
    border-radius:4px !important;
    height:30px;
}
.ConflictAddressCaptionAddNewAddress
{
    background-color:#C7FFC7; 
    background-image:none; 
    border:1px solid #C7FFC7;
    height:30px;
    border-radius:4px !important;
}
.ConflictAddressCaptionMatching
{
    background-color:#F7DD90; 
    border: 1px solid #F7DD90;
    background-image:none; 
    height:30px;
    border-radius:4px !important;
}

/* The entire address table style */
.ConflictAddress
{
    border:1px solid #cbcbcb;
    background-image:none; 
    height:30px;
    border-radius:4px !important;
}
.ConflictAddressRemoveAddress
{
    background-image:none; 
    border:1px solid #FFC7C7;
    border-radius:4px !important;
    height:30px;
}
.ConflictAddressAddNewAddress
{
    background-image:none; 
    border:1px solid #C7FFC7;
    height:30px;
    border-radius:4px !important;
}
.ConflictAddressMatching
{
    border: 1px solid #F7DD90;
    background-image:none; 
    height:30px;
    border-radius:4px !important;
}
/*End address table style */

.ConflictFieldConflicted 
{
    border:1px solid red !important; 
    border-radius:4px !important;
    width:120px; 
    float:left; 
    margin-right:2px !important;
}
.ConflictFieldResolvedNotCommited
{
    border:1px solid #F7DD90 !important; 
    border-radius:4px !important;
    width:120px; 
    float:left; 
    margin-right:2px !important;
}
.ConflictFieldResolved 
{
    border:1px solid green !important; 
    border-radius:4px !important;
    width:120px; 
    float:left; 
    margin-right:2px !important;
}


h1, h2, h3, h4, h5
{
    margin: 0px;
    display: block !important; /* FF doing weird inlines on Hx tags */
}
p{padding:0px;margin:0px;}
h1
{
    font-size: 24px;
}
html 
{
	height: 100%;
	min-height: 100%;
	padding: 0px;
}
body
{
	color: #404040;
	line-height: 1.5em;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 100%;
	min-height: 100%;
	padding: 0px;
	margin: 0;
}
a, .Link
{
	text-decoration: none;	
	color: #067cea;
	cursor: pointer;
}
a:hover
{
    color: #067cea;
    text-decoration: underline;
}
a.Disabled, label.Disabled
{
    color:#cbcbcb !important;
}
a.Disabled:hover
{
    text-decoration:none;
    cursor:default;
}
form 
{
	height: auto;
	min-height: 100%;
    min-width:100%;
	position:relative;
    display:inline-block;
}
form:after
{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
#aspnetForm{min-width:1280px;width:100%;}
hr
{
	border: 0;
	border-top: 1px solid #e1e1e1;
	height: 1px;
	line-height: normal;
	margin: 5px 0px 5px 0px;
	padding: 0;
}
table
{
	/*border-collapse: collapse;	*/
	
}
textarea
{
    font-family: arial, sans-serif;
	width: 300px;
	height: 80px;
}
img
{
	border: 0px;	
}
/* can't use "list-style:none;", will effec the html in HtmlEditor 
ul,li
{
    margin:0;
    padding:0;
    list-style:none;
}*/
/*ul li {
		list-style-image:url(/v2.0/images/bullet.gif);
}*/

input[type=text], input[type=password], select, textarea
{
    font-family: Helvetica, Arial, Sans-Serif;
	border: 1px solid #bababa;
	font-size: 9.25pt;
	padding: 3px 3px;
	margin: 0;
	margin-bottom: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 8px 10px -4px #d5d5d5 inset;
    -moz-box-shadow: 0 8px 10px -4px #d5d5d5 inset;
    -webkit-box-shadow: 0 8px 10px -4px #d5d5d5 inset;   
}
select{padding: 3px;}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus
{
    border-color: #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;
}

a{outline-style:none\9;}

#Header
{
	background: #ffffff;	
	min-height: 70px;
}

input[disabled]
{
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #CCCCCC;
}
.Rounded5
{
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.Rounded10
{
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*
 * Grid Style
 */
 
.Grid 
{ 
  /*border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;*/
  cursor: pointer;
  line-height: normal;
}

.GridHeader
{
  border-bottom: 1px solid #57566F; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
}

.GridHeaderText
{
  color: #555555;  
  font-weight: bold;
}

.GridFooter
{
  cursor: default; 
  padding: 5px;
  vertical-align: bottom;
}

.GridFooterText
{
  color: #000000;  
  font-size: 11px;
}

.HeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(/v2.0/images/grid/header_rowBg.gif);   
}

.HeadingCell 
{ 
  background-image: url(/v2.0/images/grid/header_bg.gif);   
  background-color: #E9E9EB; 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
}

.HeadingCellHover
{ 
  background-image: url(/v2.0/images/grid/header_hoverBg.gif);   
  background-color: #F6F6F7; 
}

.HeadingCellActive
{ 
  background-image: url(/v2.0/images/grid/header_activeBg.gif);   
  background-color: #F6F6F7; 
  
}

.HeadingRow td.FirstHeadingCell
{ 
  background-image: url(/v2.0/images/grid/header_bg.gif); 
}

.HeadingCellText
{
  font-size: 10px; 
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

.Row 
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.Row td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: 10px; 
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 
.Sortable
{
	cursor: pointer;	
	background: url(/v2.0/images/glyph_sortable.gif) no-repeat 3px bottom !important;
	padding-left: 15px !important;
}
.SortableTD
{
	padding-left: 15px !important;
}
.SortedAsc
{
	cursor: pointer;	
	background: url(/v2.0/images/glyph_sortable_down.gif) no-repeat 3px bottom !important;
	padding-left: 15px !important;
}
.SortedDesc
{
	cursor: pointer;	
	background: url(/v2.0/images/glyph_sortable_up.gif) no-repeat 3px bottom !important;
	padding-left: 15px !important;
}
.SortedGlyphAsc
{
	background: url(/v2.0/images/glyph_up_black.gif) no-repeat;
	width: 16px;
	height: 16px;
	margin: 7px 0px 0px 0px;	
	float: left;
}
.SortedGlyphDesc
{
	background: url(/v2.0/images/glyph_down_black.gif) no-repeat;
	width: 16px;
	height: 16px;
	margin: 7px 0px 0px 0px;	
	float: left;
}
.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  background-color: #FFEEC2; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  font-size: 10px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-family: verdana; 
  font-weight: bold;
  font-size: 11px; 
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF; 
  font-size: 11px;   
  font-weight: bold; 
  padding-right: 5px;
}


.SliderPopup
{
  background-color: #FFF4D7; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  width: 288px;
  height: 60px;
}
.Form
{
	text-align: left;
}
h1
{
	font-weight: bold;
	font-size:13px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
h2
{
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
	font-weight: normal;
	font-size: 14pt;
	color: #555555;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}
h6
{
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
	font-weight: normal;
	font-size: 9.25pt;
	color: #666666;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-align: center;
}
.Form h3
{
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
	font-weight: normal;
	font-size: 14pt;
	color: #666666;
	margin: 0;
	padding: 0;
}
.Form h4
{
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-size: 9.25pt;
	color: #666666;
	margin: 0px 3px 0px 3px;
	padding: 0;
}
#PreviewBalloon h3  
{
    font-size:12px;
font-weight:bold;
height:19px;
background: url(/v2.0/images/shade15.png) repeat-x 0 10px;
margin:6px 0 0;
}
#PreviewBalloon h3 div { display: inline; padding-right:4px; background: #F0F0F0; }
#PreviewBalloon .Tags {margin-top:4px; padding: 4px 0px; font-size: 10px; line-height: 11px; }

#TickWindow .TagsContainer { max-width:400px;}
#TickWindow .TagsContainer > span { white-space:nowrap;margin:5px;display:inline-block;}

.HtmlEditor
{
	border: 1px solid #cbcbcb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.HtmlEditor > iframe{ background:white;}
.HtmlEditor .Toolbar
{
	background: #F0F0F0; 
	border-bottom: 1px solid #cbcbcb;
	width: 100%;
	font-size: 10px;
}

.HtmlEditor .Toolbar img
{
	opacity: 0.75;
	cursor: pointer;
}
.HtmlEditor .Toolbar img:hover
{
	opacity: 1.0;
	background-color: #E6EFF6;
}
.HtmlEditor .Fields
{
	padding: 3px;
}
.HtmlEditor .Toolbar label
{
	
}
.HtmlEditor .Toolbar .AutoTextButton
{
	opacity: 0.75;
	cursor: pointer;
	margin-left: 5px;
	font-weight: bold;
	padding: 3px;
}
.HtmlEditor .Toolbar .AutoTextButton:hover
{
	opacity: 1.0;
	background-color: #E6EFF6;
	margin-left: 5px;
	font-weight: bold;
	padding: 3px;
	color: #000000;
}
.Textarea
{
	width: 300px;
	height: 100px;
	font-family: Arial, Verdana, arial, sans-serif;
	font-size: 9.25pt;
	padding: 3px;
}
.Form td
{
	vertical-align: top;
}
.Form input, .TextBox
{
	width: 160px;
	padding: 2px;
}
.Form select
{
    font-size:9.25pt;
}
.Form textarea
{
	width: 300px;
	height: 100px;
	font-family: Arial, Verdana, arial, sans-serif;
	font-size: 9.25pt;
	padding: 3px;
}
.CodeTextBox
{
	width: 400px;	
	border: 1px solid #555555;
	height: 300px;
	font-family: Consolas, "Courier New";
	font-size: 9.25pt;
	padding: 3px;
	color: #A31515;
}
.ScrollBar
{
  background-image: url(/v2.0/images/grid/scroller_bg.gif); 
}

.ScrollGrip
{
  background-image: url(/v2.0/images/grid/scroll_gripBg.gif); 
}

.LargeSearchBox
{
	color: #555555;
	border: 1px solid #555555;
	padding: 2px;
}
.LargeTitleBox
{
	color: #555555;
	border: 0px;
	padding: 2px;
}
.ContactsDirectoryItem 
{
	margin-bottom: 10px;	
}
.ContactsDirectoryItem img
{
	float: left;
	margin-top: 5px;
}
.ContactsDirectoryItem .Details
{
	float: left;
	margin: 2px 0px 0px 5px;
	width: 80%;
}

.ContactsDirectoryItem label
{
	color: #999999;	
	font-style: italic;
}
.ContactsDirectoryItem a 
{
	color: #555555;	
	font-family: Tahoma, Verdana, arial, sans-serif;
}
.ContactsDirectoryItem b a
{
	color: #2280C8;
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
}
.ContactsDirectoryFlags
{
	position: absolute;
	width: 250px;
	margin-left: 420px;
	margin-top: -65px;
}

#ApplyTagDialog
{
	padding: 8px;
	border: 1px solid #555555;
	background: #ffffff;
}

.ValidatorMessage
{
	position: absolute;
	background: url(/v2.0/images/baloon.gif) no-repeat;
	margin-left: -15px;
	margin-top: -2px;
	z-index: 10000;
}
.ValidatorMessage .Inner
{
	margin-left: 14px;
	padding: 10px 10px 10px 10px;
	max-width: 300px;
	min-width:250px;
	width: auto !important;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	background: transparent !important;
}

.ValidatorMessageRight
{
	position: absolute;
	background: transparent url(/v2.0/images/baloon_right.gif) no-repeat 100% 0% !important;
	margin-left: -217px;
	margin-top: 2px;
}
.ValidatorMessageRight .Inner
{
	margin-right: 14px;
	padding: 10px 10px 10px 10px;
	width: 200px;
	max-width: 200px;
}

.ComboDropDown
{
	border: 1px solid #868686; 
	background-color: white; 
	padding: 1px;
	padding-right: 0px;
	width: 500px;
	cursor: default;
	z-index: 1000;
}

.ComboItem
{
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.ComboItemHover
{
  background-color: #555555; 
  color: #FFFFFF;
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
}
/*for custom confirm/alert messagebox*/
.MessageBoxInfo, .MessageBoxQuestion, .MessageBoxError
{
    padding:15px 0px 5px 35px;
}
.MessageBoxInfo .MessageBoxIcon, .MessageBoxQuestion .MessageBoxIcon, .MessageBoxError .MessageBoxIcon
{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/v3.0/images/sprite_1.png) no-repeat -6px -2987px;
    margin: -2px 0px 0px -32px;
    vertical-align: top;
    position:absolute;
}
.CsvIcon{background: url(/v3.0/images/sprite_1.png) no-repeat -480px -5440px;}
.PdfIcon {background: url(/v2.0/images/filetypes/pdf.gif) no-repeat 0px 0px;}
.MessageBoxQuestion .MessageBoxIcon{ background-position:-6px -3027px;}
.MessageBoxError .MessageBoxIcon{ background-position:-6px -3067px;}
/*feedback message*/
.FeedbackError, .FeedbackSuccess, .FeedbackInfo, .FeedbackInfoTiny, .FeedbackNotice,.FeedbackWarning
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 10px 5px 25px;	
	margin-bottom: 10px;

}
.FeedbackError .FeedbackIcon, .FeedbackSuccess .FeedbackIcon, .FeedbackInfo .FeedbackIcon, .FeedbackInfoTiny .FeedbackIcon, .FeedbackNotice .FeedbackIcon,.FeedbackWarning .FeedbackIcon
{
    display: inline-block;
    width: 23px;
    height: 20px;
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -180px;
    margin: -2px 0px 0px -22px;
    vertical-align: top;
    position:absolute;
}
.FeedbackError .ErrorMsg, .FeedbackSuccess .ErrorMsg, .FeedbackInfo .ErrorMsg, .FeedbackInfoTiny .ErrorMsg, .FeedbackNotice .ErrorMsg,.FeedbackWarning .ErrorMsg
{ display: inline-block;}
.FeedbackError ul, .FeedbackSuccess ul, .FeedbackInfo ul, .FeedbackInfoTiny ul, .FeedbackNotice ul,.FeedbackWarning ul
{
	margin: 0;
	padding:0;
}
.FeedbackError li, .FeedbackSuccess li, .FeedbackInfo li, .FeedbackInfoTiny li, .FeedbackNotice li,.FeedbackWarning li
{
	margin-left: 20px;	
	list-style: square;	
}
.FeedbackError
{
    border:1px solid #ffaaaa;
	background: #ffd0d0;
	background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#ffd0d0 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#ffd0d0 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#ffd0d0 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#ffd0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffd0d0',GradientType=0 );
}
.FeedbackError .FeedbackIcon
{
    background-position: 0px -180px;
}
.FeedbackWarning
{
    border:1px solid #ffdd8c;
	background: #ffdd8c;
    background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#fff8ab 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#fff8ab 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#fff8ab 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#fff8ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#fff8ab',GradientType=0 );
}
.FeedbackWarning .FeedbackIcon
{
    background-position: 0px -140px;
}
.FeedbackSuccess,.FeedbackInfo,.FeedbackNotice
{
    border:1px solid #b1d9ff;
	background: #f5faff;
    background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#e3f1ff 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e3f1ff',GradientType=0 );
}
.FeedbackSuccess .FeedbackIcon, .FeedbackInfo .FeedbackIcon, .FeedbackNotice .FeedbackIcon
{
    background-position: 0px -160px;
}
.FeedbackInfoTiny
{
	background: #EEEEEE;
	font-size: 10px;	
	margin: 30px;
	line-height: normal;
}
.VerticalLine
{
	background: url(/v2.0/images/verticalline.gif) repeat-y;
	width: 1px;	
	min-width: 10px;

}
.InlineDialog
{
	background: #ffffff;
	border: 1px solid  #555555;
	border-left: 3px solid #555555;
	position: absolute;
	padding: 3px;
}
.InlineDialog td
{
	padding: 3px;
}

.AltRow1
{
	background: #FFFFFF;
	margin: 0;
	border: 0px none;
}
.AltRow1 td, .AltRow2 td, .AltRow1 th, .AltRow2 th
{
	padding: 4px;
	margin: 0;
	border: 0px none;
}
.AltRow2
{
	background: #EBEBEB;
	margin: 0;
	border: 0px none;
}
.BranchMembersTable
{
	margin: 0px 5px 5px 5px;
	width: 100%;
}
.BranchMembersTable .Items
{
	width: 100%;
}

.PersonCompanyTable
{
	width: 500px;
}
.PersonCompanyTable .Items
{
	width: 100%;
}

input.BranchNameText
{
	font-size: 160%;
	width: 400px;
	color: #555555;
}

.AuthenitcateTable td
{
	padding: 3px;	
}
.Close
{
	float: right;
	background: url(/v3.0/images/sprite_1.png) no-repeat 0px -3100px;
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	border: none;
	margin-left:10px;
}
.NoLinkLine
{
	border: none;
	text-decoration: none;
}
.Close:hover
{
	background-position:-480px -3100px;
}
.CloseError
{
	float: right;
	background: url(/v2.0/images/close_error_up.gif) no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	cursor: pointer;
	border: none;
	margin-left:10px;
}
.CloseError:hover
{
	background: url(/v2.0/images/close_error_hover.gif) no-repeat;
}

.InlineEditField
{
    
}
.BasicGrid .InlineEditField td
{
    padding:0px !important;
}
/* web form editor */
.InlineEditField .addressfield
{
    max-width:400px;
}
.InlineEditField .addressfield span,
.InlineEditField .namefield span,
.InlineEditField .phonenumberfield span,
.InlineEditField .datefield span
{
    display:inline-block;
    margin-right:3px;
}
.InlineEditField .datefield span
{
    float:left;
    margin-right:3px;
}

.InlineEditField .addressfield span label,
.InlineEditField .namefield span label,
.InlineEditField .phonenumberfield span label,
.InlineEditField .datefield span label
{
    display:block;
}

.InlineEditField .full_width{width:99%;margin:0;}
.InlineEditField .half_width_left{width:47%;margin:0;float:left;}
.InlineEditField .half_width_right{width:47%;margin:0;float:right;}
/*
.InlineEditField .HelpGlyph
{
    visibility:hidden;
}

.InlineEditField:hover .HelpGlyph
{
    visibility:visible;
}
*/
.IEFDisplay
{
    
    border: 1px solid transparent; 
    padding: 2px;
    -moz-border-radius: 3px 0 3px 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-radius: 3px 0 3px 3px;
}
.IEFDisplay .Empty {  }
.IEFDisplay:hover td, .IEFDisplay:hover {background: #F6F6F6;}
.IEFDisplay:hover  
{
    border: 1px solid #CCCCCC; 
}
.IEFReadOnly:hover td { background: none !important; }
.IEFReadOnly:hover
{
    background: none !important;
    border: 1px solid transparent !important; 
}
.IEFDisplay:hover .InlineEditLink 
{
    visibility: visible;
    background-color: #f6f6f6;
    border-color: #CCCCCC;
}
.InlineEditLink
{
	
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5260px;
	color: #bbbbbb;
	font-size: 10px;
	white-space: nowrap;
	padding-left: 5px;
	position: absolute;
	display: block;
	width: 18px;
	height: 20px;
	visibility: hidden;
	overflow: hidden;
	cursor: pointer;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-radius: 0 3px 3px 0;
	
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: -3px 0 0 2px;
}
.InlineEditLink:hover{background-position: -480px -5260px;}
.IEFEmpty .InlineEditLink
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5260px;
    border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
    visibility: visible !important;    
    position: relative !important;    
    border: 0 !important;
    margin: 0 !important;
}
.IEFEmpty .InlineEditLink:hover { background-position: -480px -5260px;}
.InlineEditLink:hover { background-color: Orange; }
.InlineEditLink span { display: none; }
/*for CustomFieldGroup diable update*/
.GroupDisableUpdate .IEFDisplay:hover  
{
    border: 1px solid #FFDD8C;
}
.GroupDisableUpdate .IEFDisplay:hover td, 
.GroupDisableUpdate .IEFDisplay:hover 
{background: #FFF8AB;}
.GroupDisableUpdate .IEFDisplay:hover .InlineEditLink 
{
    visibility:hidden;
}
.GroupDisableUpdate .IEFDisplay .LockIcon
{
    visibility:hidden;
    width:0px;
    height:0px;

    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -5318px;
}
.GroupDisableUpdate .IEFDisplay:hover .LockIcon
{
    visibility:visible;
    height:20px;
    width:20px;
    margin: 0 0 0 -8px;
    display:inline-block;
}


/*.InlineEditLink:hover
{
	color: #555555;
}
.InlineEditLink a
{
	color: #bbbbbb;
}
.InlineEditLink:hover a
{
	color: #2280C8;
}*/
.WidgetsHolder
{
	width: 220px;
	vertical-align: top;
}
.WidgetsHolder h1
{
	font-size: 120%;	
}

.AddressEditorTable td
{
	padding: 3px;
}
.AddressEditorTable table td
{
	padding: 0;	
}
.EmptyTextBox
{
	color: #aaaaaa;
	font-style: italic;	
}

.ImportGrid textarea
{
	font-family: Tahoma, Verdana, arial, sans-serif;
	font-size: 9.25pt;
	margin: 0px 5px 3px 0px;
	width: 310px;	
}
.ExpandPanelUp
{
	padding: 2px 2px 2px 25px;
	background: url(/v2.0/images/exp_up.gif) no-repeat 0px 3px;	
}
.ExpandPanelDown
{
	padding: 2px 2px 2px 25px;
	background: url(/v2.0/images/exp_down.gif) no-repeat 0px 3px;	
}
#CalendarToolbar
{
	text-align: right;
}
#CalendarHolder
{
}
#Calendar
{
	width: 100%;
	padding: 5px;
}
#Calendar table
{
	border-collapse: collapse;	
}
#Calendar .HeadHolder
{
	/*border: 1px solid #ffffff;	*/
}
#Calendar .RightScrollPadd
{
	padding-right: 18px;
}
#Calendar .Head
{
	height: 44px;
	top: 0px; 
	left: 2px; 
	width: 100%;
}
#Calendar .ArrowScrollLeft
{
	height: 16px;
	width: 12px;
	background: url(/v2.0/images/Calendar_LeftArrow.gif) no-repeat;
	cursor: pointer;
	
}
#Calendar .ArrowScrollRight
{
	height: 16px;
	width: 12px;
	background: url(/v2.0/images/Calendar_RightArrow.gif) no-repeat;
	cursor: pointer;
	
}
#Calendar .ColHeader
{
	text-align: center;	
	background: #C6D9E7 url(/v2.0/images/Box_Blue_Top_Bg.gif) repeat-x;
	color: #666666;
	/*font-weight: bold;*/
	height: 44px;
}
#Calendar .ColHeaderToday
{
	color: #666666;
	/*text-decoration: underline;
	font-style: italic;*/
	text-align: center;
	font-weight: bold;
	background: #CFE2CB url(/v2.0/images/Box_Blue_Top_Bg.gif) repeat-x;
	height: 44px;
}
#Calendar .LeftCnr
{
	background: url(/v2.0/images/Box_Blue_Top_Left.gif) no-repeat 0% 0%;
	height: 44px;
}

#Calendar .RightCnr
{
	background: url(/v2.0/images/Box_Blue_Top_Right.gif) no-repeat 100% 0%;
	height: 44px;
	line-height: 40px;
	/*padding-top: 13px;*/
}
#Calendar .MidDayDivider
{
	border-top: 1px solid #ADD4F1;	
}
#Calendar .AllDay
{
	background: #ffffff;
	left: 1px;
	top: 0px;
	border-left: 3px double #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


#Calendar .SolidLine
{
	border-top: 1px solid #CCCCCC;
}
#Calendar .DottedLine
{
	border-top: 1px dotted #CCCCCC;
}
#Calendar .RowAlt1
{
	background: #FFFFFF;
	left: 1px;
	z-index: 0;
}
#Calendar .RowAlt2
{
	background: #ECEDEF;
	left: 1px;
	z-index: 0;
}
#Calendar .Gutter
{
	width: 1px;
	border: 1px	double #CCCCCC;
	height: 100%;
	z-index: 1;
}
#Calendar .RowHeaders
{
	top: 0px;
	left: 0px;
	background-color: #EBEBEB;
}
#Calendar .RowHeaderAlt1
{
	text-align: right;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	background: #EBF0F4;
}
#Calendar .RowHeaderAlt2
{
	text-align: right;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	background: #D8E0E3;
}

#Calendar .MoreLeft
{
	display: block;
	float: left; margin-top: 6px; margin-left: 3px; margin-right: 3px;
	background: url(/v2.0/images/glyph_left_black.gif);
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}
#Calendar .MoreRight
{
	display: block;
	float: right; margin-top: 6px; margin-right: 3px;
	background: url(/v2.0/images/glyph_right_black.gif);
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}
#Calendar .MoreDownBg
{
	background-image: url(/v2.0/images/glyph_down_black.gif); 
	background-position: 50% 99%; 
	background-repeat: no-repeat;	
}
#Calendar .MoreUpBg
{
	background-image: url(/v2.0/images/glyph_up_black.gif); 
	background-position: 50% 1%; 
	background-repeat: no-repeat;
}

#Calendar .GridHolder
{
	border: 1px solid #CCCCCC;
}

#Calendar .LeftCol
{
	width: 40px;
}
#Calendar .MonthTitle
{
	font-weight: bold;
	color: #666666;
	font-size: 110%;
	text-align: center;	
	width: 100%;
	margin-top: -20px;
	padding-bottom: 4px;
}
.GradOverlay
{
	background-image: url(/v2.0/images/event_grad.png);
	background-repeat: repeat-x;
}
#Calendar .EntryDetails
{
	overflow: hidden;
	height:inherit;
	margin: 2px;
}
#Calendar .Entry .OwnerThumb
{
	border: 1px solid #cccccc;
	background: white;
	float:left;
	margin-left:-12px;
	margin-top:-7px;
	margin-right: 2px;
	width: 16px;
	
}
#Calendar .AllDayEntry .OwnerThumb
{
	border: 1px solid #cccccc;
	background: white;
	float:left;
	margin-left:-12px;
	margin-top: 1px;
	margin-right: 2px;
	width: 16px;
}
#Calendar .OwnerThumb img
{
	margin: 0px !important;
	float: none !important;
}
#Calendar .Entry
{
	background-color: #CCCCCC;
	border: 1px solid #D2D2D2;
	padding: 2px 5px 2px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	cursor: pointer;
	line-height: normal;
	/*font-weight: bold;*/
	font-size: 90%;
	/*opacity: 0.9;*/
}
#Calendar .Entry a
{
	color: #555555;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: 1px dotted #555555;
}
#Calendar .AllDayEntry
{
	background-color: #CCCCCC;
	border: 1px solid #D2D2D2;
	/*padding: 0px 5px 0px 5px;*/
	font-size: 90%;
	line-height: normal;
	margin-bottom: 1px;
	/*overflow: hidden;*/
}

#Calendar .GridDayCell
{
	min-height: 50px;
	height: 80px;	
}
#Calendar .GridDayHeader
{
	text-align: right;	
	padding: 5px;
}
#Calendar .GridDayContents
{
	/*position: absolute;*/
	min-height: 60px;	
	font-size: 11px;
	margin: 3px;
	line-height:normal;
}
#Calendar .MonthToday
{
	background: #E2E3E7 url(/v2.0/images/Calendar_MonthToday.gif) repeat-x;	
}
#Calendar .Month
{
	background: #FFFFFF url(/v2.0/images/Calendar_Month.gif) repeat-x;	
}
#AgendaHolder
{
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#AgendaHolder tr
{
	vertical-align: top;	
}
#AgendaHolder td
{
	padding: 4px;	
}
#AgendaHolder .DateCol
{
	border-top: 1px solid #CCCCCC;
	border-right: 3px double #CCCCCC;
	width: 15%;
	height: 100px;
}
#AgendaHolder .DateColSelected
{
	border-top: 1px solid #B8BDC1;
	border-right: 3px double #B8BDC1;
	background: #D8E0E3;
	width: 15%;
	height: 100px;
}
#AgendaHolder .DataCol
{
	border-top: 1px solid #CCCCCC;
}
#AgendaHolder .DataColSelected
{
	border-top: 1px solid #B8BDC1;
	/*border-bottom: 6px solid #D8E0E3;*/
	background: #ECEDEF;
}
#AgendaHolder .DayName
{
	float: left;
	color: #555555;
	font-weight: bold;
	font-style: italic;
}
#AgendaHolder .Date
{
	float: right;
	color: #000000;
}
#AgendaHolder .NoEventsMessage
{
	color: #CCCCCC;
	font-style: italic;
	font-size: 80%;
}

.MiniDropDown 
{
	list-style-type: none;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	
}
.MiniDropDown ul { /* all lists */
	/*float: left; */
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	list-style-type: none;
	list-style-image: none;
}

.MiniDropDown li { /* all list items */
	margin: 0px 0px 0px 0px; 
	list-style-type: none;
	list-style-image: none;
	height: 100%;  /*HACK: for IE6 */
}


.MiniDropDown li a
{
	line-height: normal;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	color: #555555;
	text-align: center;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
}
.MiniDropDown li:hover
{	
	
}
.MiniDropDown li:hover > a
{
	/*color: #FFFFFF;*/
}
.MiniDropDown .Checked
{
	background-image: url(/v2.0/images/check.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
.MiniDropDown .Checked > a
{
	color: #555555;
}
.MiniDropDown li ul a /* level 2 a's */
{ 
	/* dont put width here */
	line-height: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	white-space: nowrap;
	height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 4px 32px;
}
.MiniDropDown li ul a:hover 
{
	background-color: #CCCCCC;
	width: 100%;
}
.MiniDropDown li ul /* second-level lists */
{ 
	background: #ffffff url(/v2.0/images/menu/bg.gif) repeat-y;
	position: absolute;
	border: 1px solid #CCCCCC;
	width: 170px;  /*fixed width, variable doesn't work in IE */
	overflow: hidden;
	white-space: nowrap;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 100;
}
.MiniDropDown li ul li /* IE HACK */
{
	list-style-type: none;
	list-style-image: none;
	
}

.MiniDropDown li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 220px;
}

.MiniDropDown li:hover ul ul, .MiniDropDown li:hover ul ul ul, .MiniDropDown li.sfhover ul ul, .MiniDropDown li.sfhover ul ul ul {
	left: -999em;
}

.MiniDropDown li:hover ul, .MiniDropDown li li:hover ul, .MiniDropDown li li li:hover ul, .MiniDropDown li.sfhover ul, .MiniDropDown li li.sfhover ul, .MiniDropDown li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

.Tiny
{
	font-size: 11px;
}
.LargeField
{
	font-size: 160%;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
}
.LargeField .Inner
{
	font-size: 70%;
}
.LargeField input
{
	font-size: 100%;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
}
.CalendarSelection
{
	background: #98B5E2;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.CalendarResize
{
	border: 1px dotted #000000;
	background: #98B5E2;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#FullEntryViewLinkDiv
{
	margin-left: 10px;
}

.DatePicker
{
	cursor: default;
	width:100%;	
}
.DatePicker table
{
	width:100%;	
}
.DatePickerHead
{
	background: #727071;	
	padding: 2px;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}
.DatePickerMonth
{
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}
.NavArrowLeft
{
    width:15px;
    height:43px;
    background: url(/v3.0/images/sprite_1.png) no-repeat -6px -469px;
    display:block;
    text-decoration: none;
    margin-left: 10px;
}
.NavArrowRight
{
    width:15px;
    height:43px;
    background: url(/v3.0/images/sprite_1.png) no-repeat -6px -508px;
    display:block;
    text-decoration: none;
    margin-left: 10px;
}
.NavArrowLeft:hover, .NavArrowRight:hover {
    text-decoration: none;
}
.SideBarSearchDialog .NavArrowLeft, .SideBarSearchDialog .NavArrowRight {
    display: inline-block;
}
.SideBarSearchDialog .Pages td {
    white-space: nowrap;
}
.LightGray
{
    color: #999999;
}
.NoWrap
{
    white-space: nowrap;
    overflow: auto;
}
.Fill
{
    width: 100%;
    display: inline;
}
#SideBarCal table
{
    border-left:1px solid #D8D8D8;
    border-right:1px solid #D8D8D8;    
    border-spacing: 0px;
    width: 100%;
}
#SideBarCal table th
{
	color: #ffffff;
	text-align: center;	
	font-weight: bold;
	/*height: 22px;*/
	padding: 2px;
	font-size: 10px;
	background: url(/v2.0/images/DatePickerDayHeader.gif) repeat-x;
}
#SideBarCal h4
{
    padding:3px;    
    font-size: 11px;
}
#SideBarCal .Today
{
    border: 1px solid #E56666 !important;   
}
.Thread 
{
	padding: 2px 5px 2px 5px;	
	cursor: pointer;
}
.Thread b
{
	color: #000000;
}
.Thread .Date
{
	float: right;
	width: 130px;
	font-style: italic;
	color: #000000;
	text-align: right;
}
.ThreadContent 
{
	padding: 5px 10px 5px 40px;	
}

.CheckBoxContainer > input
{
	width: 20px;
}
.CheckBoxContainer input
{
	width: 20px;
}

.CheckBoxContainer .DatePicker
{
	width: 120px;
	text-decoration: underline;
	cursor: pointer;
	color: #2280C8;
}


.BorderLR
{
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
}
/*.Headers th,.ColouredTable .Headers td {vertical-align:bottom !important; line-height: 1em;}*/
.Headers th,.Headers td,.SimpleTable th,.ColouredTable th, .BillableList div.Head
{
    background: #f3f3f3;
    background-image: -moz-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -o-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(100%,#f3f3f3));
    background-image: -webkit-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: linear-gradient(to bottom,#ffffff 0,#f3f3f3 100%);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff',endColorstr='#f3f3f3',  gradientType='0');
}
.OverviewItemContainer{padding-right:15px;}
.OverviewWidgetItem{display:inline-block;width:120px;margin:0px 0px 10px 0px;padding:0px;text-align:center;}
.OverviewWidgetItem dd{
	font-size: 52px;
	line-height:54px;
	font-family:Arial, sans-serif;
	text-shadow:0px 0 4px #000;
	font-weight: bold;
	margin:0;
	cursor:pointer;
}
.OverviewWidgetItem dd .unit
{
	font-size: 15px;
	text-shadow: 0px 0 2px black;
}
.OverviewWidgetItem dt
{
    font-size:11px;-webkit-text-size-adjust: none;font-style: italic;color:#404040;
}
.OverviewWidgetItem .noshadow{text-shadow:none}
/*.DashWidgetContent{
	width:100%;
}*/
.DashWidgetContent .ColouredTable th
{
    background-color:transparent;
    background-image:none;
    filter:none;
    border-bottom:1px solid #dcdcdc;
    text-align:left;
}

.DashWidgetContent .ContactEditorTable > tbody > tr > th
{
    /*override other css*/
    max-width: 130px !important;
    padding-right:3px;
}
.DashWidgetContent .MarginTop{margin-top: 0px;}
.DashWidgetHeader .DashWidgetName{font-size:14px;color:#404040;font-weight:bold}
.DashWidgetContent .DashWidgetRow{line-height:20px;vertical-align:middle;margin-bottom:5px;width:100%}
.DashWidgetContent .DashWidgetRow .WdigetRowHeader{padding-right:25px;}
.DashWidgetContent .DashWidgetRow .Icon{float:left;margin-top:1px;margin-right:12px;}
.DashWidgetContent .DashWidgetRow .DashWidgetItemName{font-size:13px;display:block !important;width:auto}
.DashWidgetContent .DashWidgetRow .Dismiss{float:right;font-size:10px;font-weight:bold;cursor: pointer;display:inline-block;display:none;width:20px}
.DashWidgetContent .DashWidgetRow .Dismiss:hover{color:red}
.DashWidgetContent .DashWidgetRow:hover .Dismiss{display:inline-block}
.DashWidgetContent .DashWidgetRow .WdigetRowHeader:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.DashWidgetContent .DashWidgetRow .WdigetRowContent{padding-left:32px;padding-right:15px;}
.DashWidgetContent .DashWidgetRow .DescriptionItem{display:block !important;padding-right:20px;max-height:40px}
.textoverflow{overflow:hidden;}
.DashWidgetContent .DashWidgetRow .DashWidgetListItem{display:inline-block;margin-right:6px;font-size:11px;font-style:italic;vertical-align:middle}
.DashWidgetContent .DashWidgetRow .DashWidgetListItem .EmployeesDropPanel{
	position:absolute;
	min-width:100px;
    max-width: 300px;
    background-color: white;
    padding: 8px;
    border: 1px solid #CCC;
    white-space: normal;
    z-index: 3;
    display: none;
    margin-top:-15px;
}
.DashWidgetContent .DashWidgetRow .DashWidgetLinkListItem{color:#969696;}
.DashWidgetContent .DashWidgetListItem a{color:#969696;text-decoration:underline;}
.DashWidgetContent .DashWidgetListItem a:hover{color:#067CEA;}
.LeftTopRadius
{
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}
.RightTopRadius
{
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}
.ColouredTable th,.SimpleTable th { font-weight:bold; /*color:White !important;*/ }
.Headers th th { vertical-align: middle;}
.Headers table { width:100%; border-collapse: collapse;}
table .H { color:black;font-weight: bold;padding-left: 10px;overflow:hidden; line-height:35px;word-wrap:break-word; overflow:hidden;}
table .H input[type=checkbox],.Headers th input[type=checkbox]{border:0px;}/*fixed checkbox in IE8 in the header of table has white border*/
table .H>input[type=checkbox]{margin-top:10px;}
.Headers table td { padding: 0; }
.Headers .FilterOn, .ColouredTable .Headers .FilterOff, .ColouredTable .Headers .DropDown
{
    min-width:18px;
    width:18px;
    background-position: center;
    background-repeat:no-repeat;
    color:Black;
}
.Headers .Filter div, .Headers .DropDown div 
{ 
    background: white; padding: 8px; 
    border: 1px solid #aeaeae;
    -moz-box-shadow: 0px 3px 2px #d4d4d4;
    -webkit-box-shadow: 0px 3px 2px #d4d4d4;
    box-shadow: 0px 3px 2px #d4d4d4;  
    position: absolute;
    font-size: 10px;
    text-align: left;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index:1;
}
.Headers .FilterContainter{position: absolute;top: 0px;right: 23px;width: 16px;height: 26px;}
.Headers .FilterOn {  background-image: url(/v2.0/images/grid_filter_edit.gif); }
.Headers .FilterOn:hover { background-image: url(/v2.0/images/grid_filter_edit.gif); }
.Headers .FilterOff {  background-image: url(/v2.0/images/grid_filter_add.gif); }
.Headers .FilterOff:hover { background-image: url(/v2.0/images/grid_filter_add.gif); }
.Headers .DropDown { background-image: url(/v3.0/images/sprite_1.png);}
.Headers .DropDown:hover { background: url(/v3.0/images/sprite_1.png) no-repeat -1px -556px !important;}
.ContactEditorTable .ColouredTable th {width: auto !important;}
.BasicGrid .InfoBar td
{
    background: #f4f4f4;
    font-size: 10px;
    font-style: italic;
    padding: 3px 10px;    
}
.BasicGrid .InfoBar .SearchMsg {}
.BasicGrid .InfoBar .FilterMsg { float: right; }
.BasicGrid .InfoBar .InfoMsg {}

.ColouredTable td
{
	padding: 3px;
	vertical-align: top;
}
.ColouredTable table td { padding: inherit; vertical-align: inherit; }
.ColouredTable .CommentBg
{
	background: #FEFEFE url(/v2.0/images/comment_bg_white.gif) 0px 0px no-repeat;
	padding-left: 25px;
}

.Divider, .ColouredTable .Divider
{
	/*border-top: 1px dotted #CACACA;
	background-color: #E7F2F6;*/
	padding: 0px !important;
	height: 3px;
	background: transparent url(/v2.0/images/grid_divider.gif) repeat-x 50% 50%;
}
.Loading
{
    padding: 1px 5px 5px 23px;
    font-size: 8.25pt;
    background:no-repeat 3px 3px;
    background-image: url(/v3.0/images/inline-loader.gif)  !important;
    background-repeat: no-repeat  !important;
    vertical-align: text-top;
    text-align: left;
}
.LoadingTextBox
{
    background: #FFFFFF url(/v3.0/images/inline-loader.gif) no-repeat 99% 4px;
}
.InlineEditFieldValue
{
	font-weight: bold;	
	color: black;
}
.InlineEditFieldValueNoBold
{
	color: black;
}
.InlineEditFieldValueNoBold th
{
	color: #555;
}
.InlineEditFieldValue a
{
	font-weight: normal;
}
.TighterFields .InlineEditField
{
    margin-bottom: -4px;    
}
.EntryListItem
{
	padding-top: 4px;
	padding-bottom: 2px;	
	list-style: none;
	margin-top: 5px;
	clear: both;
	margin-left: 0px;
	list-style-image: none;
	word-wrap:break-word; overflow:hidden;
	white-space:normal;
}
.EntryListItem .Title
{
	margin-left: 80px;
}

.EntryListItem .Date
{
	    display: block;
    font-size: 10px;
    line-height: 13px;
    margin-left: 38px;
        color: #666666;
}

.EntryListItem .Date a
{
    color: #666666;
    text-decoration: none; 
}
.EntryListItem .InnerMessage .Date a, 
.EntryListItem .InnerMessageUnread .Date a,
.EntryListItem .InnerNotation .Date a, 
.EntryListItem .InnerNotationUnread .Date a
{
    color: #2280C8;  
     text-decoration: underline;   
}
.EntryListItem .Date a:hover
{
     text-decoration: underline; 
}
.ProjectClient
{
	padding: 0px 10px 0px 0px;	
	float: right;
	font-weight: bold;
	color: #666666;
}


.EntryListItemMini
{
	padding-left: 38px;	
	list-style: none;
	margin-top: 5px;
	clear: both;
	margin-left: 0px;
	list-style-image: none;
	margin-bottom: 5px;
}
.EntryListItemMini .Title
{
	margin-left: 0px;
}
.MessageMini
{
	background: url(/v2.0/images/arm_message.gif) 0px 3px no-repeat;	
}
.NotationMini
{
	background: url(/v2.0/images/arm_comment.gif) 0px 3px no-repeat;	
}
.JournalMini
{
	background: url(/v2.0/images/arm_timesheet.gif) 0px 3px no-repeat;	
}
.Support_CaseMini
{
	background: url(/v2.0/images/arm_support.gif) 0px 3px no-repeat;	
}
.ProjectMini
{
	background: url(/v2.0/images/arm_project.gif) 0px 3px no-repeat;	
}
.EventMini
{
	background: url(/v2.0/images/arm_event.gif) 0px 3px no-repeat;
}
.ToDoMini
{
	background: url(/v2.0/images/arm_task.gif) 0px 3px no-repeat;	
}
.DisbursementMini
{
	background: url(/v2.0/images/arm_expense.gif) 0px 3px no-repeat;	
}
.DocumentMini
{
	background: url(/v2.0/images/arm_document.gif) 0px 3px no-repeat;	
}
.SubscriptionMini
{
	background: url(/v2.0/images/arm_subscription.gif) 0px 3px no-repeat;	
}
.ProductMini
{
	background: url(/v2.0/images/arm_product.gif) 0px 3px no-repeat;	
}
#AttachmentsDiv .ItemList { /* min-height: 250px;*/ }
#AttachmentsDiv .ItemList li 
{
    max-width:700px;
	overflow-x: auto;
}
.Gaant
{
	
}
.Gaant .LeftCol
{
	width: 170px;	
}
.Gaant .Toolbar
{
	font-size: 10px;
}
.Gaant .Toolbar input, .Gaant .Toolbar select
{
	font-size: 10px;
}
.Gaant .RowAlt1
{
	background: #FFFFFF;
	left: 1px;
	z-index: 0;
	border-top: 1px solid #E4E4E4;
}
.Gaant .RowAlt2
{
	background: #ECEDEF;
	left: 1px;
	z-index: 0;
	border-top: 1px solid #E4E4E4;
}
.Gaant .Gutter
{
	width: 1px;
	border: 1px	double #CCCCCC;
	height: 100%;
	z-index: 1;
}
.Gaant .RowHeaders
{
	top: 0px;
	left: 0px;
	background-color: #EBEBEB;
}
.Gaant .RowHeaderAlt1
{
	text-align: left;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	background: #EBF0F4;
	padding-left: 5px;
	font-weight: bold;
}
.Gaant .RowHeaderAlt2
{
	text-align: left;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	background: #D8E0E3;
	padding-left: 5px;
	font-weight: bold;
}
.Gaant .PhaseItem
{
	font-size: 10px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.Gaant .PhaseItemSelected
{
	font-size: 10px;
	border: 1px dotted #000000;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.Gaant .DayHeadBg
{
	background: #C6D9E7 url(/v2.0/images/Box_Blue_Top_Bg.gif) repeat-x;
}
.Gaant .DayHeadText
{
	text-align: center;	
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	vertical-align: bottom;
	margin-top: 8px;
}

.Gaant .AddButton
{
	width: 16px;
	height: 16px;
	background: url(/v2.0/images/gaant/add_off.gif) no-repeat;
	margin: 8px 1px 5px 5px;
	float: left;
	cursor: pointer;
}
.Gaant .AddButton:hover
{
	background: url(/v2.0/images/gaant/add_on.gif) no-repeat;
}
.Gaant .InsertButtonDisabled
{
	width: 16px;
	height: 16px;
	background: url(/v2.0/images/gaant/insert_disabled.gif) no-repeat;
	margin: 1px;
	float: left;
	margin: 8px 1px 0px 0px;
}
.Gaant .InsertButton
{
	width: 16px;
	height: 16px;
	background: url(/v2.0/images/gaant/insert_off.gif) no-repeat;
	margin: 1px;
	float: left;
	cursor: pointer;
	margin: 8px 1px 0px 0px;
}
.Gaant .InsertButton:hover
{
	background: url(/v2.0/images/gaant/insert_on.gif) no-repeat;
}
.Gaant .DeleteButtonDisabled
{
	width: 16px;
	height: 16px;
	background: url(/v2.0/images/gaant/delete_disabled.gif) no-repeat;
	margin: 1px;
	float: left;
	margin: 8px 1px 0px 0px;
}
.Gaant .DeleteButton
{
	width: 16px;
	height: 16px;
	background: url(/v2.0/images/gaant/delete_off.gif) no-repeat;
	margin: 1px;
	float: left;
	cursor: pointer;
	margin: 8px 1px 0px 0px;
}
.Gaant .DeleteButton:hover
{
	background: url(/v2.0/images/gaant/delete_on.gif) no-repeat;
}
.Gaant .LeftHandle
{
	background: url(/v2.0/images/gaant/grab_left.gif) 50% 50% no-repeat;
	width: 8px;
	cursor: w-resize;
}
.Gaant .RightHandle
{
	background: url(/v2.0/images/gaant/grab_right.gif) 50% 50% no-repeat;
	width: 8px;
	cursor: e-resize;
}
.Gaant .MoreRight
{
	background: url(/v2.0/images/glyph_right_black.gif) 50% 50% no-repeat;
	width: 10px;
}
.OpenCalendarButton
{
	cursor: pointer;
	margin-bottom: 2px; /* match inputs */
	margin-left: 1px;
	vertical-align: bottom;
}
.PopupCalendarHolder, .PopupCalendarHolder td
{
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.PopupCalendarHolder .DatePickerMonth { border: 0; }
.PopupCalendarHolder .DatePickerHead
{
    border: 0;
 -moz-border-radius-topleft: 4px;
	-webkit-border-radius-topleft: 4px;
	border-radius-topleft: 4px;
	 -moz-border-radius-topright: 4px;
	-webkit-border-radius-topright: 4px;
	border-radius-topright: 4px;    
}
.PopupCalendarHolder
{
	border: 1px solid #333333;
	left: 0px;	
	top: 0px;
	background: #ffffff;
	width: 200px;
	
}

.PopupCalendarHeadMonth
{
	display: block;
	background: #6C6869;
	border-left: 1px solid #565253;
	border-right: 1px solid #565253;
	border-bottom: 1px solid #565253;
	border-top: 1px solid #565253;
	color: #ffffff;
	text-align: center;	
	font-weight: bold;
	margin: 0px;
}
.PopupCalendarHeadYear
{
	display: block;
	background: #6C6869;
	border-left: 1px solid #565253;
	border-top: 1px solid #565253;
	border-right: 1px solid #565253;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	margin: 0px;
}


.CnrBL {background: url(/v2.0/images/cnr_bl.gif) 0 100% no-repeat; }
.CnrBR {background: url(/v2.0/images/cnr_br.gif) 100% 100% no-repeat; height: 100%;}
.CnrTL {background: url(/v2.0/images/cnr_tl.gif) 0 0 no-repeat}
.CnrTR {background: url(/v2.0/images/cnr_tr.gif) 100% 0 no-repeat;}

.UserHtml
{
	color: #000000;
}

.UserHtml p
{
	/*margin: 0px 0px 10px 0px;	//new RTE use <p> as row, so need to remove margin top*/
}
.UserHtml li
{
	
}
.UserHtml h1, .UserHtml h2, .UserHtml h3, .UserHtml h4, .UserHtml h5
{
	font-family: Tahoma, Verdana, arial, sans-serif;
	color: #555555;
	font-weight: normal;
	margin: 20px 0px 5px 0px;
}
.UserHtml h1
{
	font-size: 210%;
}
.UserHtml h2
{
	font-size: 180%;
}
.UserHtml h3
{
	font-size: 150%;
}
.UserHtml h4
{
	font-size: 125%;
}
.Quote, .Comment .Quote
{
	background: #FFFFFF url(/v2.0/images/comment_bg_white.gif) 0px 0px no-repeat;
	padding: 5px 5px 5px 25px;
	margin-left: 15px;
	border: 1px solid #CCCCCC;
}
.SmallLink
{
	/*font-size: 10px;*/
	white-space: nowrap;
}
.EditLink
{
	/*font-size: 10px;*/
	padding-left: 20px;
	background: url(/v3.0/images/sprite_1.png) no-repeat 0px -5260px;	
	height:20px;
	line-height:20px;
	white-space: nowrap;
	display:inline-block;
}
.EditLink:hover
{
    background-position:-480px -5260px;
}
.EditLink.Disabled:hover
{
    background-position:0px -5260px;
}
.ArchiveLink
{
	font-size: 10px;
	padding-left: 20px;
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5140px;
	white-space: nowrap;
	height:20px;
	line-height:20px;
	display:inline-block;
}
.ArchiveLink:hover{background-position:-480px -5140px;}
.UnarchiveLink
{
	font-size: 10px;
	padding-left: 20px;
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5420px;
	white-space: nowrap;
	height:20px;
	line-height:20px;
	display:inline-block;
}
.UnArchiveLink:hover{background-position:-480px -5420px;}
.RemoveLink
{
	padding-left: 22px;
    background: url(/v3.0/images/sprite_1.png) no-repeat 2px -5200px;
    white-space: nowrap;
    display: inline-block;
	height:20px;
	line-height:20px;
}
.RemoveLink:hover,.RemoveLink.Light{ background-position:-478px -5200px;}
.Delete
{
    width: 20px;
    height: 20px;
    background: url(/v3.0/images/sprite_1.png) no-repeat 2px -5200px;
    vertical-align: bottom;
    display: inline-block;
    cursor:pointer;
    margin-top:2px;
}
.Delete:hover{ background-position:-478px -5200px;}
.Delete.Disabled:hover{ background-position:2px -5200px;}
.ViewLink
{
	/*font-size: 10px;*/
	padding-left: 20px;
	background: url(/v3.0/images/sprite_1.png) no-repeat -480px -340px;
	white-space: nowrap;
    display: inline-block;
	height:20px;
	line-height:20px;
}
.ViewLink:hover
{
    background-position:-480px -360px;
}
.GlassLink
{
    padding-left: 22px;
    background: url(/v3.0/images/sprite_1.png) no-repeat -480px -340px;
    white-space: nowrap;
    display: inline-block;
    line-height:15px\9;/*fix IE problem*/
}
.GlassLink:hover
{
    background-position:-480px -360px;
}
.EmailLink
{
	padding-left: 22px;
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -102px;
    white-space: nowrap;
    line-height: 23px;
}
.AddLink, .Add
{
    padding-left: 22px;
    background: url(/v3.0/images/sprite_1.png) no-repeat 2px -1142px;
    white-space: nowrap;
    display: inline-block;
    line-height:15px\9;/*fix IE problem*/
}
.Add
{
    padding:0px;
    width:20px;
    height:18px;
}
.AddLink:hover, .Add:hover,.AddLink.Light{ background-position:-478px -1142px;}
.AddLink.Disabled:hover{ background-position:2px -1142px;}
.HierarchyIcon
{
    width:18px;
    height:15px;
    display: inline-block;
    background: url(/v3.0/images/sprite_1.png) no-repeat -483px -5480px;
}
.ViewLinkRegular
{
	padding-left: 20px;
	background: url(/v3.0/images/sprite_1.png) no-repeat -480px -340px;
	white-space: nowrap;
    display: inline-block;
	height:20px;
	line-height:20px;
}
.FileLink
{
	padding-left: 20px;
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4000px;
}
.AV2 .SmallFont .FileLink
{
    padding-left: 13px;
    background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5127px;
}

.ColouredTable td .CommentBg
{
	background: #FEFEFE url(/v2.0/images/comment_bg_white.gif) 0px 0px no-repeat;
	padding-left: 20px;
}
.EmailMessage
{
	padding: 8px;
}
.EmailMessage .Sender
{
	font-weight: bold;
}
.EmailMessage .Preview
{
	color: #999999;
	margin-left: 10px;
}
.EmailMessage .Date
{
	color: #555555;
	display:block;
	float: right;
}
.EmailMessage .Body
{
	
}

.TreeNode 
{ 
  font-size: 11px; 
}

.GrayedTreeNode 
{ 
  font-size: 11px; 
  color:gray; 
  cursor:default;
}

.HoverTreeNode 
{ 
  font-size: 11px; 
  text-decoration:underline; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-size: 11px; 
  background-color: gray; 
  color:white; 
  cursor: default; 
}

.InlineParentLink
{
	font-size: 10px;
	color: green;	
	/*text-decoration: none;*/
}
/**************priority flag*******************/
.Priority-FFFFFF,.Priority-000000,.Priority-F6EAD2,.Priority-1A3E72,.Priority-527AAE,.Priority-B84540,.Priority-96B655,.Priority-7F66A0,.Priority-4AACC5,.Priority-F59D56,
.Priority-D2D2D2,.Priority-727272,.Priority-B6ADA6,.Priority-C2CEDA,.Priority-D2DEF4,.Priority-EECECF,.Priority-E1EED2,.Priority-DFD9E7,.Priority-D3EAF2,.Priority-FCE7D6,
.Priority-BABABA,.Priority-6A6A6A,.Priority-9A968D,.Priority-869AB5,.Priority-A6BAD5,.Priority-DA9E9E,.Priority-CADAAB,.Priority-BFB2CE,.Priority-A5D5E3,.Priority-FACEAB,
.Priority-9A9A9A,.Priority-4E4E4E,.Priority-726F6A,.Priority-4E6B97,.Priority-7A9AC1,.Priority-CA726E,.Priority-AFC67E,.Priority-9F8DB7,.Priority-78C1D4,.Priority-F7B680,
.Priority-828282,.Priority-363636,.Priority-4E4A47,.Priority-122E53,.Priority-3C557E,.Priority-86332F,.Priority-6B823E,.Priority-5F4C79,.Priority-388096,.Priority-B77640,
.Priority-727272,.Priority-1E1E1E,.Priority-363231,.Priority-0C1E32,.Priority-26364F,.Priority-55221E,.Priority-425126,.Priority-403351,.Priority-255664,.Priority-7A4E2B,
.Priority-B20D11,.Priority-E9161D,.Priority-FFB90B,.Priority-FFFF00,.Priority-96D642,.Priority-19AA41,.Priority-02B2EE,.Priority-0072BB,.Priority-2D3799,.Priority-6F3098
{
	min-height: 16px;
	/*float: left;	*/
	background-image: url(/v3.0/images/priority-flags.png);
	display: inline-block; 
	width: 20px;
	vertical-align: top;
}
/*first row*/
.Priority-FFFFFF{ background-position:-3px -3px;}
.Priority-000000{ background-position:-27px -3px;}
.Priority-F6EAD2{ background-position:-51px -3px;}
.Priority-1A3E72{ background-position:-75px -3px;}
.Priority-527AAE{ background-position:-99px -3px;}
.Priority-B84540{ background-position:-123px -3px;}
.Priority-96B655{ background-position:-147px -3px;}
.Priority-7F66A0{ background-position:-171px -3px;}
.Priority-4AACC5{ background-position:-195px -3px;}
.Priority-F59D56{ background-position:-219px -3px;}
/*second row*/
.Priority-D2D2D2{ background-position:-3px -27px;}
.Priority-727272{ background-position:-27px -27px;}
.Priority-B6ADA6{ background-position:-51px -27px;}
.Priority-C2CEDA{ background-position:-75px -27px;}
.Priority-D2DEF4{ background-position:-99px -27px;}
.Priority-EECECF{ background-position:-123px -27px;}
.Priority-E1EED2{ background-position:-147px -27px;}
.Priority-DFD9E7{ background-position:-171px -27px;}
.Priority-D3EAF2{ background-position:-195px -27px;}
.Priority-FCE7D6{ background-position:-219px -27px;}
/*third row*/
.Priority-BABABA{ background-position:-3px -51px;}
.Priority-6A6A6A{ background-position:-27px -51px;}
.Priority-9A968D{ background-position:-51px -51px;}
.Priority-869AB5{ background-position:-75px -51px;}
.Priority-A6BAD5{ background-position:-99px -51px;}
.Priority-DA9E9E{ background-position:-123px -51px;}
.Priority-CADAAB{ background-position:-147px -51px;}
.Priority-BFB2CE{ background-position:-171px -51px;}
.Priority-A5D5E3{ background-position:-195px -51px;}
.Priority-FACEAB{ background-position:-219px -51px;}
/*fourth row*/
.Priority-9A9A9A{ background-position:-3px -75px;}
.Priority-4E4E4E{ background-position:-27px -75px;}
.Priority-726F6A{ background-position:-51px -75px;}
.Priority-4E6B97{ background-position:-75px -75px;}
.Priority-7A9AC1{ background-position:-99px -75px;}
.Priority-CA726E{ background-position:-123px -75px;}
.Priority-AFC67E{ background-position:-147px -75px;}
.Priority-9F8DB7{ background-position:-171px -75px;}
.Priority-78C1D4{ background-position:-195px -75px;}
.Priority-F7B680{ background-position:-219px -75px;}
/*fifth row*/
.Priority-828282{ background-position:-3px -99px;}
.Priority-363636{ background-position:-27px -99px;}
.Priority-4E4A47{ background-position:-51px -99px;}
.Priority-122E53{ background-position:-75px -99px;}
.Priority-3C557E{ background-position:-99px -99px;}
.Priority-86332F{ background-position:-123px -99px;}
.Priority-6B823E{ background-position:-147px -99px;}
.Priority-5F4C79{ background-position:-171px -99px;}
.Priority-388096{ background-position:-195px -99px;}
.Priority-B77640{ background-position:-219px -99px;}
/*sixth row*/
.Priority-727272{ background-position:-3px -123px;}
.Priority-1E1E1E{ background-position:-27px -123px;}
.Priority-363231{ background-position:-51px -123px;}
.Priority-0C1E32{ background-position:-75px -123px;}
.Priority-26364F{ background-position:-99px -123px;}
.Priority-55221E{ background-position:-123px -123px;}
.Priority-425126{ background-position:-147px -123px;}
.Priority-403351{ background-position:-171px -123px;}
.Priority-255664{ background-position:-195px -123px;}
.Priority-7A4E2B{ background-position:-219px -123px;}
/*seventh row*/
.Priority-B20D11{ background-position:-3px -147px;}
.Priority-E9161D{ background-position:-27px -147px;}
.Priority-FFB90B{ background-position:-51px -147px;}
.Priority-FFFF00{ background-position:-75px -147px;}
.Priority-96D642{ background-position:-99px -147px;}
.Priority-19AA41{ background-position:-123px -147px;}
.Priority-02B2EE{ background-position:-147px -147px;}
.Priority-0072BB{ background-position:-171px -147px;}
.Priority-2D3799{ background-position:-195px -147px;}
.Priority-6F3098{ background-position:-219px -147px;}

/***********below for flag in prioritymenu**************/
/*first row*/
.Priority-FFFFFF{ background-position:0px -3px;}
.Priority-000000{ background-position:-24px -3px;}
.Priority-F6EAD2{ background-position:-48px -3px;}
.Priority-1A3E72{ background-position:-72px -3px;}
.Priority-527AAE{ background-position:-96px -3px;}
.Priority-B84540{ background-position:-120px -3px;}
.Priority-96B655{ background-position:-144px -3px;}
.Priority-7F66A0{ background-position:-168px -3px;}
.Priority-4AACC5{ background-position:-192px -3px;}
.Priority-F59D56{ background-position:-216px -3px;}
/*second row*/
.Priority-D2D2D2{ background-position:0px -27px;}
.Priority-727272{ background-position:-24px -27px;}
.Priority-B6ADA6{ background-position:-48px -27px;}
.Priority-C2CEDA{ background-position:-72px -27px;}
.Priority-D2DEF4{ background-position:-96px -27px;}
.Priority-EECECF{ background-position:-120px -27px;}
.Priority-E1EED2{ background-position:-144px -27px;}
.Priority-DFD9E7{ background-position:-168px -27px;}
.Priority-D3EAF2{ background-position:-192px -27px;}
.Priority-FCE7D6{ background-position:-216px -27px;}
/*third row*/
.Priority-BABABA{ background-position:0px -51px;}
.Priority-6A6A6A{ background-position:-24px -51px;}
.Priority-9A968D{ background-position:-48px -51px;}
.Priority-869AB5{ background-position:-72px -51px;}
.Priority-A6BAD5{ background-position:-96px -51px;}
.Priority-DA9E9E{ background-position:-120px -51px;}
.Priority-CADAAB{ background-position:-144px -51px;}
.Priority-BFB2CE{ background-position:-168px -51px;}
.Priority-A5D5E3{ background-position:-192px -51px;}
.Priority-FACEAB{ background-position:-216px -51px;}
/*fourth row*/
.Priority-9A9A9A{ background-position:0px -75px;}
.Priority-4E4E4E{ background-position:-24px -75px;}
.Priority-726F6A{ background-position:-48px -75px;}
.Priority-4E6B97{ background-position:-72px -75px;}
.Priority-7A9AC1{ background-position:-96px -75px;}
.Priority-CA726E{ background-position:-120px -75px;}
.Priority-AFC67E{ background-position:-144px -75px;}
.Priority-9F8DB7{ background-position:-168px -75px;}
.Priority-78C1D4{ background-position:-192px -75px;}
.Priority-F7B680{ background-position:-216px -75px;}
/*fifth row*/
.Priority-828282{ background-position:0px -99px;}
.Priority-363636{ background-position:-24px -99px;}
.Priority-4E4A47{ background-position:-48px -99px;}
.Priority-122E53{ background-position:-72px -99px;}
.Priority-3C557E{ background-position:-96px -99px;}
.Priority-86332F{ background-position:-120px -99px;}
.Priority-6B823E{ background-position:-144px -99px;}
.Priority-5F4C79{ background-position:-168px -99px;}
.Priority-388096{ background-position:-192px -99px;}
.Priority-B77640{ background-position:-216px -99px;}
/*sixth row*/
.Priority-727272{ background-position:0px -123px;}
.Priority-1E1E1E{ background-position:-24px -123px;}
.Priority-363231{ background-position:-48px -123px;}
.Priority-0C1E32{ background-position:-72px -123px;}
.Priority-26364F{ background-position:-96px -123px;}
.Priority-55221E{ background-position:-120px -123px;}
.Priority-425126{ background-position:-144px -123px;}
.Priority-403351{ background-position:-168px -123px;}
.Priority-255664{ background-position:-192px -123px;}
.Priority-7A4E2B{ background-position:-216px -123px;}
/*seventh row*/
.Priority-B20D11{ background-position:0px -147px;}
.Priority-E9161D{ background-position:-24px -147px;}
.Priority-FFB90B{ background-position:-48px -147px;}
.Priority-FFFF00{ background-position:-72px -147px;}
.Priority-96D642{ background-position:-96px -147px;}
.Priority-19AA41{ background-position:-120px -147px;}
.Priority-02B2EE{ background-position:-144px -147px;}
.Priority-0072BB{ background-position:-168px -147px;}
.Priority-2D3799{ background-position:-192px -147px;}
.Priority-6F3098{ background-position:-216px -147px;}
/**************priority flag*******************/
.PriorityOuter .PriorityFlag {margin-right:2px;}
.NormalDropMenu, .LeadStatusOuter,.PriorityOuter,.SupportOuter, .SupportTypeOuter{cursor:pointer;padding:2px 4px;}
.NormalDropMenu, .LeadStatusOuter,.PriorityOuter,.SupportOuter, .SupportTypeOuter{border: 1px solid transparent;}
.NormalDropMenu:hover, .LeadStatusOuter:hover,.PriorityOuter:hover,.SupportOuter:hover, .SupportTypeOuter:hover
{
    border: 1px solid #CCCCCC;
    background: #F6F6F6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.NormalDropMenu .MenuBreak{padding:0px;}
.NormalDropMenu .EntityContainer{min-width:50px;display:inline-block;padding-right:10px;}
.Unread
{
	/*padding-left: 35px;
	background: url(/uiimage?t=glyph&bg=DA1212&fg=ffffff&text=WORD_NEW&w=30&h=18&s=8.25) no-repeat 0px -2px;	*/
	/*padding-left: 20px;
	background: url(/v2.0/images/unread.gif) no-repeat 0px 1px;*/
	font-weight: bold;
}
.ItemBubbleDescription
{
	max-width: 350px;
	max-height: 105px;
	overflow: auto;	
}
.StripedBox
{
	background: url(/v2.0/images/stripe_bg.gif);	
}
.TotalCell /*Used for amounts, double underline etc*/
{
	border-top: 1px solid #555555;
	border-bottom: 3px double #555555;
	font-weight: bold;
}
.InvoiceRowOut
{
	cursor: pointer;
}
.InvoiceRowOver
{
	background-color: #F4D08C;	
	cursor: pointer;
}
.InvoiceRowSelected
{
	background-color: #E9F6FE;	
	border-bottom: #C6E1F4;
}
.InvoiceTextBox
{
	border: 1px solid #cccccc;
	padding: 4px;
}
.InvoiceItemEditorBox
{
		
}
.NoPadding
{
	padding: 0px;	
	border-collapse: collapse;
	/*border-spacing: 0px; causes bugs in ComboBox */
}
.NoPadding td
{
	padding: 0px !important;	
	/*border-spacing: 0px;*/
}

.BorderlessControls input, .BorderlessControls textarea /*.BorderlessControls select, */
{
	border: 1px solid #ffffff;	
}
.SearchResult
{
	color: #000000;	
	margin-bottom: 20px;
}

.SearchResult a
{
	font-family: Tahoma, Verdana, arial, sans-serif;
	text-decoration: underline;
	font-weight: bold;
}
.SearchResult blockquote
{
		
}
.SearchResult label
{
	color: #555555;
	font-size: 90%;
}
.SearchResult label a
{
	font-weight: normal;	
}
.HelpWidgetTitle
{
	background: url(/v2.0/images/help.gif) 0px 50% no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
	display: block;
}
.SaveTools
{
	text-align: right;	
	font-size: 10px;
}
.SaveTools > hr{border: 0px; }/*don't show the line above buttons, but we still want some whitespace, show set border=0*/
.CustomFieldEditing
{
	float: none;
	clear: both;
	padding: 10px;
	border: 1px solid #CCCCCC;
	display: block;
	margin: 2px;
}
.CustomFieldPreview
{
	border:1px dotted #CCCCCC;
	display:block;
	float:left;
	/*height:130px;*/
	margin:2px;
	overflow:hidden;
	padding:10px;
	width:200px;
}
.CustomFieldPreview .DragRegion
{
	cursor: move;
	font-weight: bold;	
}
.CustomFieldPreview textarea, .CustomFieldPreview select
{
	width: 180px !important;	
}
.CustomFieldPreview label
{
	margin-left: 5px;	
}
.CustomFieldPreview input
{
	white-space: pre-line;
}
.CustomFieldDragging
{
	cursor: move;
	position: absolute;
	opacity: 0.8;
	background: #EEEEEE;
	border:1px dotted #2280C8;
	display:block;
	height:130px;
	margin:2px;
	overflow:hidden;
	padding:10px;
	width:200px;
}
/*.ComboBoxButton
{
	cursor: pointer;
	background: url(/v2.0/images/drop.gif) no-repeat 50% 50%;
	width: 16px;
	height: 22px;
}
.ComboBoxButton:hover, .ComboBoxButtonOpen
{
	background: url(/v2.0/images/drop_hover.gif) no-repeat 50% 50%;
}*/
.ComboBoxContainer
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #F1F1F1;
    background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#f1f1f1 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#f1f1f1 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#f1f1f1 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f1f1f1',GradientType=0 );
}
.ComboBoxTextBox, .ComboMultiHint
{
    font-family: Helvetica, Arial, Sans-Serif;
	background: white url(/v3.0/images/sprite_1.png) no-repeat right -1690px;
	border: 1px solid #7F9DB9;
	padding: 3px 20px 3px 3px !important;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input.ComboBoxTextBox, .ComboMultiHint
{
	box-shadow:0 0 0;
	-moz-box-shadow:0 0 0;
	-webkit-box-shadow:0 0 0;
	background: url(/v3.0/images/sprite_1.png) no-repeat right -1690px;
}
.ComboMultiHint
{
    background: white;
    position: absolute;
    margin:-20px 0 0 5px;
    border-bottom:0;
    font-size: 10px;
    height: 18px;
    padding: 1px 4px !important;
    -moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	white-space:nowrap;
}
.ComboBoxTextBox div
{
    line-height: 14px;
    padding: 0px;
   font-family: Tahoma,Verdana,arial,sans-serif;
	font-size: 9.25pt;
}
.ComboBoxTextBox:active { background-color:White; }
.ComboBoxTextBoxEmpty { color:#808080; font-style: italic; }
.ComboBoxTextBox:hover, .ComboBoxTextBoxActive, .BlockHover:hover,.ComboMultiHint:hover
{
	background-position: right -1770px;
}

.ComboBoxItem
{
	background-color: #ffffff;
	padding: 3px;/*this will effect combobox to show multiple columns*/
	cursor: pointer;
	border: 1px solid #ffffff;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	display: block;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ComboBoxItem>input{vertical-align:middle;}
.ComboBoxItem:hover
{
	background-color: #e8e8e8;
}
/*sometime the price is a long number, so can't set a fixed width*/
.ComboBoxItem .Price {  color: green; font-size: 10px; margin-right: 5px; min-width: 45px; display: block; float:left; text-align: right; }
.ComboBoxItem .Desc { color: #999999; font-size: 10px; overflow: hidden; text-overflow:ellipsis;}
.ComboBoxLayer
{
    
}
.ComboBoxLayer>.scrollbar{margin-left: -10px;z-index: 1;}
.ComboBoxLayer #FilterHint
{
    padding: 6px 10px;
    background-color:#f8f8f8;
    cursor: pointer;
    border: 1px solid #cbcbcb;
    border-bottom: 0;
    position: relative;
    text-align:left;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#FilterHint:hover{color:#ff0000;}
.ComboBoxItemSelected
{
    background-color: #e8e8e8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ComboBoxItemFocus
{
    border: 1px dotted #000000 !important;
}
.ComboTabContainer
{
    width: 100px;
    position: absolute;
    margin: 2px 0 0 -99px; 
    text-align: right;
    z-index:1;
}
.ComboTabContainer .ComboTab
{
    border: 1px solid #CCCCCC;
    border-right-color: #7F9DB9;
    border-right-width: 0px;
    background-color: #EEEEEE; 
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    max-width: 99px;
    min-width: 25px;
    overflow: hidden;
    padding: 4px 2px;
    float:right;
    clear:both;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    margin: 1px 1px 0 0;
}
.ComboTabContainer .ComboTab:hover
{
    background-color: #FFFFFF;
}
.ComboTabContainer .Selected
{
    border-right-width: 1px;
    border-right-color:  white !important;
    background-color: white !important;
    cursor: default;
    margin: 1px 0 0 0; 
}
.MiniProgressBar
{
    display:inline-block;
    margin-left:5px;
    margin-top:0px;
      vertical-align: middle;
}
.MiniProgressBar div
{
	height: 5px;
	border: 1px solid #d2d2d2;
	background: white; 
	width: 20px;
	padding: 0px;
	
}
.MiniProgressBar div div
{
	height: 5px;
	background: #DAF2C2 url(/v2.0/images/progress_bg.gif) repeat-x; 
	padding: 0px;
	border: 0px;
	border-right: 1px solid #d2d2d2;
	
}
.CurrencyGlyph
{
	padding: 3px;
}
#Reminders
{
	margin: 10px 0;
}
.Reminder
{
	font-size: 10px;
	padding: 2px 3px 2px 20px;
	background: url(/v2.0/images/alarmclock.gif) no-repeat 0px 50%;	
}
.OneLine, .InlinePreview
{
	overflow: hidden;
	line-height: 1.5em;
	height: 1.5em;	
}
.InlinePreview
{
	margin-right:20px;
	color: #555555;
}
.LargeDateBox
{
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
	font-weight: normal;
	font-size: 14pt;
	color: #555555;
	margin: 0px 0px 2px 0px;
	padding: 5px;
	border: 0px;
	width: 110px;
}
/*#region report*/
#ReportArea
{
	margin-top: 20px;
}
#ReportArea .FieldTable
{
	float: left; 
	height: 40px;
	margin-right:20px;
}
#ReportArea .ReportCustomFilters .DateFilter,
#ReportArea .ReportCustomFilters .GroupByFilter
{
    display:inline-block;
}
#ReportArea .ReportCustomFilters .DateFilter{width:400px;}
#ReportArea .ReportCustomFilters .GroupByFilter{width:400px;}
#ReportArea .ReportCustomFilters .Space{margin:0 5px;}
#ReportArea .ReportCustomFilters .DateFilterRow{margin:5px 0 0 5px;}
#ReportArea .ReportCustomFilters .DateLabel{display:inline-block;width:40px;}
/*#endregion*/
.ContactEditorTable 
{
    border-spacing: 0px;    
    margin-left: auto;
    margin-right: auto;
}
.FormTH, .ContactEditorTable > tbody > tr > th
{
    text-align: right !important; /* important needed by ie*/
    font-weight: normal;
    padding-right: 10px;
    padding-top: 1px;
    width: 160px;
    white-space:nowrap;
    padding-bottom: 4px;
}
.FormTH{width:158px;}
.ContactEditorTable > tbody > tr > td 
{
    padding-bottom: 4px;    
}
.NoCentre
{
	margin-left: 0 !important;
}
#PreviewBalloonHolder, #DialogBalloonHolder
{
    z-index: 100;    
}
.IconLink
{
    /*
    padding-left: 20px;
    line-height: 20px;*/
    
    padding: 0 0 0 22px; display:inline-block; min-height: 20px; line-height:20px;
    
    background-repeat: no-repeat;
}
.ComboTab .IconLink { display: inline-block;padding-left:20px; }
.Scroll
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     padding:4px 4px 0 4px;
}
.Scroll.FilterScroll
{
-moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;    
}
.Scroll .IconLink { font-size: 11px; font-weight: bold; display:inline-block; }
.Scroll em { font-size: 10px; color: #666666;  }
.SpanIcon
{
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-right: 3px;
}

.AddressType
{
    width: 60px;    
}

.Map
{
    background:  url(/v2.0/images/map.png) 0px 50% no-repeat;
    padding-left: 17px;
    cursor: pointer;
}
.GridFilter
{
    background:  url(/v2.0/images/funnel.gif) 0px 50% no-repeat;
    font-size: 10px;
    text-decoration: none;
    color: #555555;
    padding-left: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.Attachments
{
    float: right;
    margin-top: 24px;
    font-size: 11px;
    color: #555555;
}
.TotalCell
{
    border-top: 1px solid #555555;    
    border-bottom: 3px double #555555;
}

.RolloverTable tr
{
    vertical-align: top;    
}
.RolloverTable td
{
    line-height: normal;  
    font-size: 11px;
    width: 100px;  
}
.RolloverTable img
{
    border: 1px solid #CCCCCC;
}
.RolloverTable img:hover
{
    border: 1px solid #555555;
}
#AlertRegion
{
    position: fixed;
    top: 0px;
    left: 30%;
    padding-bottom: 6px;
    background: url(/v2.0/images/alert-bottom-bg.gif) no-repeat 0px 100%;
    width: 324px;
}
#AlertRegion div
{
    background: #FCECA1;
    font-size: 10px;
    padding: 8px;
}
.InvItemMove
{
    background: url(/v2.0/images/glyph_sortable.gif) no-repeat;
    width: 7px;
    height: 9px;
    margin-top:4px;
    margin-left:-3px;
    position:absolute;
}
.InvItemMove td
{
    padding: 0px !important;    
}
.InvItemMove a 
{
    display: block;
    cursor: pointer;
    height: 4px;
    width: 7px; 
}
.InvItemMove .Up a:hover
{
    background: url(/v2.0/images/glyph_up_black.gif) no-repeat;
}
.InvItemMove .Down a:hover
{
    background: url(/v2.0/images/glyph_down_black.gif) 0px 1px no-repeat;
}
.InvItemMove a span
{
    display: none;
}
.InlineHeader
{
	display:inline !important;
	margin-right: 5px;	
}

.SalesActionOverdue
{
	background: #F6D6D6;	
}
.Bold
{
	font-weight: bold;	
}
.MiniTip
{
	background: url(/v2.0/images/minitip.gif) no-repeat;
	width: 172px;
	height: 25px;
	padding: 0px 2px 1px 2px;
	font-size: 11px;
	position: absolute;	
	text-align: center;
	color: #cccccc;
	margin-top: -21px;
}
.InvoiceDesignerTable input, .InvoiceDesignerTable textarea
{
	border: 1px solid #EBEBEB !important;	
	/*background-color: #f4f4f4;*/
}
.InvoiceDesignerTable input[type=checkbox] { border: 0 !important; }
.InvoiceDesignerTable th
{
    /*vertical-align: middle !important;*/
    text-align: left !important;
    font-weight: bold !important;
    padding: 2px 4px !important;
}

.InvoiceDesignerTable .V {text-align: right; vertical-align: top; white-space:nowrap; line-height:24px;}
.InvoiceDesignerTable .InvInlineBackground .V {vertical-align: top;}
.InvoiceDesignerTable .DetailsTools
{
    float: right; 
    margin-right: -171px; 
}
.InvoiceDesignerTable .Discount .DetailsTools
{
    margin-right: -138px; 
}
.InvoiceDesignerTable .DetailsTools input { margin-bottom: 8px; }
.InvoiceDesignerTable tbody th { background: none; padding: 3px 4px 2px 4px !important; }
.InvoiceDesignerTable tbody tr { vertical-align: top; }
.InvoiceDesignerTable td
{
	padding: 2px 4px !important;
	
}
/*.InvRowCollapsed
{
	cursor: pointer;
	/*background: url(/v2.0/images/view_exp.gif) no-repeat 1px 10px;
	font-size: 10px;
	vertical-align: top !important;
}
.InvRowCollapsed div, .InvRowExpanded div
{
	margin-top: 5px;	
}
.InvRowExpanded
{
	cursor: pointer;
	background: url(/v2.0/images/view_col.gif)	no-repeat 1px 10px;
	font-size: 10px;
	vertical-align: top !important;
}
.InvRowCollapsed:hover, .InvRowExpanded:hover
{
	text-decoration: underline;	
}*/
.InvoiceDetailsRegion
{
	min-height: 65px;	
}
.BigInlineBackground
{
	background: #F6F6F6;
	padding:10px;
}
.InvInlineBackground
{
	background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#e3f1ff 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e3f1ff',GradientType=0 );
}
.HighPriorityText
{
	color: #CC0000;	
	font-weight: bold;
}

.VideoLI
{
    display: block; float: left; margin-right: 8px; width: 180px; height: 100px; margin-bottom: 20px; background: no-repeat top center; vertical-align: bottom; text-align: center;    
}
.TrialNotice
{
    border:1px solid #b1d9ff;
	background: #f5faff;
    background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#e3f1ff 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#e3f1ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e3f1ff',GradientType=0 );
    padding:10px;
    z-index:0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.LoadingGlyph
{
    background: url("/v3.0/images/topbox-loader.gif") no-repeat scroll 5px 50% white;
    -moz-box-shadow: 0 0 15px #FBB949;
    -webkit-box-shadow: 0 0 15px #FBB949;
    box-shadow: 0 0 15px #FBB949;
    border-color: #FBB949;
    color: black;
    display: none;
    font-size: 11px;
    padding: 5px 15px 5px 30px;
    z-index: 100000;
}
.LoadingGlyphBorder
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #FBB949;
    
}
.BottomLoadingGlyphBorder
{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    bottom: 0;
    position: fixed;
    right: 10%;
}
.TopLoadingGlyph
{
    z-index: 100000;
    display:block;
    position: fixed;
    top:0px;
    left:48%;
    border-color: #245fa7;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    color:White;
}
.TopLoadingInner
{
    background-image: -webkit-linear-gradient(top,#4799fe 0%,#1e75d3 100%);
    background-image: -moz-linear-gradient(center top,#4799fe 0%,#1e75d3 100%);
    background-image: -ms-linear-gradient(top,#4799fe 0%,#1e75d3 100%); 
    background-image: linear-gradient(top,#4799fe 0%,#1e75d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4799fe', endColorstr='#1e75d3',GradientType=0 );
    padding: 5px 15px 5px 15px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.TopLoadingInner #ctl00_LoadingGlyphText
{
    background: url(/v3.0/images/topbox-loader.gif) no-repeat 0px 3px;
    padding-left: 25px;
    line-height: 25px;
    display: inline-block;
}
#Content
{
    margin: 20px 15px;
    vertical-align: top;
}
#Content:after,#ctl00_ModulePlaceHolder_Holder:after, .ContactEditorTable:after
{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.SideBar
{
    /*background: #EEF3FA none repeat scroll 0 0;*/
    width: 280px;
    /*min-width:265px; can't set min-width, if a normal person login, the page is not correct*/
    vertical-align: top;
}
.SideBar .PageTools
{
    border-spacing: 0;
    margin-top:-55px;
    position:absolute;
    /*margin-left:5px;*/
}
.SideBar .PageTools td { padding: 0;}
.SideBar .Search {margin: 4px 10px; }
.SideBar .Search .Button { font-size: 10px; }
.SideBar .Box, .SideBar .WidgetActive
{
    padding: 0; 
    margin: 4px 5px 10px 5px;   
    background: #f4f4f4;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 260px;
}
.SideBar .WidgetActive{background-color:#ffffff;}

/*.SideBar td { font-size: 9.25pt; }*/
.SideBar h1 { color: #666666; font-weight: bold; border-bottom: 1px solid #c4c4c4;margin: 0; padding: 8px 10px 8px 30px; font-size: 14px; }
.SideBar .WidgetActive>h1
{
    padding-left:10px;background-color:#f4f4f4;
     border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
     border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
.SideBar #HelpItems {margin-top: 10px;}
.SideBar #UnreadItems {margin-top: 10px;}
.SideBar #HelpItems h1 { background: url(/v2.0/images/main.png) no-repeat -10px -1319px !important; }
.SideBar #Bookmarks h1 { background: url(/v2.0/images/main.png) no-repeat -10px -1228px !important; margin-top: 0; }
.SideBar .CalendarWidget h1 { background: url(/v2.0/images/menu/calendar.png) no-repeat 0 50%; margin-top: 0; }
.SideBar .QuickAddContact h1 { background: url(/v3.0/images/sprite_1.png) no-repeat 10px -1132px; margin-top: 0; }
.SideBar .QuickAddContact h1:hover { background: url(/v3.0/images/sprite_1.png) no-repeat -470px -1132px; margin-top: 0; }
.SideBar #HelpItems ul, .SideBar #HelpItems li
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#FullSearchText
{
    color: #CCCCCC;
    font-style: italic;    
    border-color: #CCCCCC;
    width: 93%;
    margin: auto;
}
#FullSearchText:active, #FullSearchText:focus, #FullSearchText:hover
{
    color: #555555;
    font-style:normal;
    border-color: #555555;
}
.SideBarHandleOut,
.CommunitySplitter
{
    border-left:2px solid #dbdbdb;
}
.SideBarHandleOut, .SideBarHandleIn
{
    cursor: pointer;
    min-width: 8px;
}
.SideBarHandleOut span , .SideBarHandleIn span
{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 100px;
}
.SideBarHandleOut span
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -4px -2px;
}
.SideBarHandleOut:hover span
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -24px -2px;
}
.SideBarHandleIn
{
    border-right:8px solid #dbdbdb;
}
.SideBarHandleIn:hover, .SideBarHandleOut:hover
{
    border-color:#B3B3B3;
}
.SideBarHandleIn span
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -2px -22px;
}
.SideBarHandleIn:hover span
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -22px -22px;
}
#TopMenuTd > ul { display:inline-block;/*margin-right:30px;*/}
#ctl00_Menu.MenuBg.Floating #TopMenuTd > ul {/*margin-right:2px;*/}
.LogOutIcon{display:inline-block;width:20px;height:20px;vertical-align:middle;}
.LogOutIcon{background: url(/v3.0/images/sprite_2.png) no-repeat 0 -70px;}
.LogOutIcon:hover{background-position:-20px -70px;}
.ResellerLogo
{
    margin-right: 10px;
    font-size: 90%;    
}
#HelpRegion
{
    display: none;
    background: white;
    border: 1px solid #B3B3B3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 400px;
    padding: 10px;
}
#HelpRegion h1 { background: url(/v2.0/images/ico_manual.png) no-repeat 0 50%; }
#Foot
{
    /*border-top:1px solid #CDCDCD;*/
    color:#555555;
    font-size:10px;
    padding:0;
    text-align:right;
    margin: 0;
    position:absolute;
    bottom:0;
    width:100%;
    min-width:1100px;
}
#Foot>#ctl00_FootHolder{padding:10px 35px;}
/*
 * Translator
 */
 
#Translator
{
    background:white none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    min-height: 200px;
    left:50%;
    margin-left:-400px;
    padding:10px;
    position:absolute;
    top:50px;
    width:90%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
}
#Translator table{ width: 100%;}
#Translator textarea
{
    width: 100%;    
    height: 100px;
}
#TransEnglish
{
    font-family:Consolas,"Courier New";
    color: Black;
    padding:3px;
    width: 100%;    
    background: #EEEEEE;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    margin-bottom: 5px;
}


/*#BookmarksInner #ViewSizes a {  display: inline; }*/
.Watermark { font-style: italic; color: #808080;  padding: 2px; overflow:hidden;white-space:nowrap; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-style: italic; color: #808080;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-style: italic; color: #808080;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-style: italic; color: #808080;
}
#QuickAddContact {padding: 10px; background-color:#ffffff;}
#QuickAddContact input[type=text], #QuickAddContact textarea { width: 230px; }
#QuickAddContact p { margin: 0 0 5px 0; }
.CD3AddressBox
{
    
}

.CD3AddressBox em { padding-right: 5px; }
.CD3AddressBox .CD3AddrLink 
{ 
    font-size: 10px;
    background: #666666; 
    color: white;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 3px;
    border:1px solid #666666;
}
.HiddenInfo { display: none !important; }

.CD3AddressBox .AddrSelected { color: #666666; text-decoration:none;  background: white; }
.Shade15
{
    background: url(/v2.0/images/shade15.png);
}


.NewEntryBaloon .ContactEditorTable th { width: auto; white-space:normal; min-width:90px;  }
#PreviewBalloon.NewEntryBaloon .ContactEditorTable{width:100%;  }
.NewEntryBaloon .ContactEditorTable .PopupCalendarHolder th { min-width:inherit;  }
.NewEntryBaloon p { margin: 0; }
.AdvancedDetails { display: none; }
.AdvancedDetailsToggle 
{ 
    display: inline-block;
    color: #555555;
    font-weight: bold;
    padding: 0 0 0 20px;
    background: url(/v3.0/images/sprite_1.png) no-repeat -20px -1840px;
    font-size: 12px;
    font-family: Tahoma, Verdana, arial, sans-serif;
    text-decoration:none;
    white-space: nowrap;
}
.AdvancedDetailsToggle:hover
{
    text-decoration:underline;
    background-position: -480px -1980px;
}
.AdvancedDetailsCollapse
{
    background-position: -1px -891px;
}
.AdvancedDetailsCollapse:hover
{
    background-position: -481px -891px;
}
/*
.NewEntryBaloon .HtmlEditor iframe { height: 120px !important; }
*/
#SummaryField_editor  input[type=text] { min-width: 200px; }
.LargeTitle table  { width: 100%;}
.LargeTitle table table { margin-bottom: -30px; }
.LargeTitle table table table { margin-bottom:0; }
.LargeTitle .IEFDisplay  { width: auto !important; margin-bottom:0 !important;}
.LargeTitle input[type=text]
{
     border: none !important;
color:#2280C8 !important;
font-family:'Trebuchet MS',Tahoma,Arial,Helvetica !important;
font-size:140% !important;
font-weight:bold !important;
width:100% !important;
padding: 0 !important;
margin: 0 !important;
}
#SummaryField_editor { width: 100%; }
#SummaryField_editor .SaveTools  
{
    background:none repeat scroll 0 0 #EEEEEE;
    margin-left:300px;
    margin-top:6px;
    padding:8px;
    position:absolute;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.BoxShadow
{
    -moz-box-shadow: 0px 3px 2px #d4d4d4;
    -webkit-box-shadow: 0px 3px 2px #d4d4d4;
    box-shadow: 0px 3px 2px #d4d4d4;  
}
.GrayOuterBox, .LoinShadow
{
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
.LoinShadow th{padding-right:2px;}
.BoxBorderRadius, .GradientGrayBox, .NewEntryBaloon
{
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.SmallRadius
{
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.GradientGrayBox, .NewEntryBaloon
{
    background-color:#f6f6f6;
	background-image: -webkit-linear-gradient(top,#f6f6f6 0%,#eaeaea 100%);
    background-image: -moz-linear-gradient(center top,#f6f6f6 0%,#eaeaea 100%);
    background-image: -ms-linear-gradient(top,#f6f6f6 0%,#eaeaea 100%); 
    background-image: linear-gradient(top,#f6f6f6 0%,#eaeaea 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 );*/
}
.GradientGrayBox td, .GradientGrayBox th
{
    padding: 4px 8px; /* give everything some breathing room! */
}
.NewEntryBaloon
{
    background-color:#f6f6f6;
    /*filter will set overflow:hidden, so don't allow filter in IE  */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	position: absolute;
	border: 1px solid #aeaeae;
	padding: 10px;
	z-index: 1000;
	width: 350px;
}
.BalloonEx
{
  /*rgba(102,204,255,0.4)*/
     -moz-box-shadow:0 1em 3em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1em 3em rgba(0,0,0,0.4);
    box-shadow: 0 1em 3em rgba(0,0,0,0.4);    
}
/*
.BalloonEx:after
{
  border-color:white transparent;
border-style:solid;
border-width:15px 15px 0;
bottom:-15px;
content:"hello";
display:block;
height:0;
left:100px;
position:absolute;
width:0;
-moz-box-shadow: 0 0 0.5em #66CCFF;
    -webkit-box-shadow: 0 0 0.5em #66CCFF;
    box-shadow: 0 0 0.5em #66CCFF;    
}*/

.NewEntryBaloon .TitleBar 
{
    padding: 15px 10px 10px 20px;
    cursor: move;
    margin: -11px -11px 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;
}
.NewEntryBaloon .TitleBar em
{
    font-weight: normal;
    font-size: 80%;    
}
.NewEntryBaloon .TitleBar .Close
{

}
.NewEntryBaloon .TitleBar .Close:hover
{
    
}
.NewEntryBaloon .Triangle
{
	background: url(/v3.0/images/sprite_1.png) no-repeat 2px -1280px;
	width: 45px; 
	height: 20px; 
	position: absolute; 
	margin-top: 10px; 
	margin-left: 100px;	
}
.NewEntryBaloon .IconGlyph
{
   
    width: 20px;
    height: 20px;
   float: left;

}

.balloon-top-left .tri-top, .balloon-top-right .tri-top, .balloon-bottom-left .tri-top, .balloon-bottom-right .tri-top,
.balloon-top-left-blue .tri-top, .balloon-top-right-blue .tri-top, .balloon-bottom-left-blue .tri-top, .balloon-bottom-right-blue .tri-top,
.balloon-top-left .tri-bottom, .balloon-top-right .tri-bottom, .balloon-bottom-left .tri-bottom, .balloon-bottom-right .tri-bottom,
.balloon-top-left-blue .tri-bottom, .balloon-top-right-blue .tri-bottom, .balloon-bottom-left-blue .tri-bottom, .balloon-bottom-right-blue .tri-bottom
{
	background-image: url(/v3.0/images/sprite_1.png); 
	width: 24px; 
	height: 24px; 
	position: absolute; 
	margin-top: -40px; 
	margin-left: 100px;	
	display: none;
}
.balloon-top-left .tri-top { background-position: -6px -1263px;display: block;height: 17px; }
.balloon-top-left-blue .tri-top { background-position: -6px -1263px;display: block;height: 17px; }
.balloon-top-right-blue .tri-top { background-position: -6px -1263px; display:block;height: 17px; }
.balloon-top-right .tri-top { background-position: -10px -1263px; display:block;height: 17px; }
.balloon-bottom-left .tri-bottom { background-position: -6px -1280px; display:block;height: 17px; }
.balloon-bottom-left-blue .tri-bottom { background-position: -6px -1280px; display:block;height: 18px; }
.balloon-bottom-right-blue .tri-bottom { background-position: -6px -1280px; display:block;height: 18px; }
.balloon-bottom-right .tri-bottom { background-position: -6px -1280px; display:block;height: 18px; }

.balloon-top-left .tri-top, .balloon-top-left-blue .tri-top { margin-top: -27px; margin-left: 50px;	 }
.balloon-top-left .tri-top, .balloon-top-left-blue .tri-top { margin-top: -27px; margin-left: 90px;	 }
.balloon-top-right .tri-top, .balloon-top-right-blue .tri-top { margin-top: -27px; margin-left: 70%;	 }
.balloon-bottom-left .tri-bottom, .balloon-bottom-left-blue .tri-bottom { margin-top: 10px; margin-left: 90px;	 }
.balloon-bottom-right .tri-bottom, .balloon-bottom-right-blue .tri-bottom { margin-top: 10px; margin-left: 70%;	 }

.NewEntryBaloon .TriangleTop
{
	background: url(/v3.0/images/sprite_1.png) -6px -1263px;
    width: 45px;
    height: 17px;
    position: absolute;
    margin-top: -27px;
    margin-left: 50px;	
}
.NewEntryBaloon .TriangleTopRight
{
	background: url(/v3.0/images/sprite_1.png) -6px -1263px;
    width: 45px;
    height: 17px;
    position: absolute;
    margin-top: -27px;
	margin-left: 70%;	
}
.NewEntryBaloon .TriangleTopMini
{
	background: url(/v2.0/images/baloon_top_mini.gif); 
	width: 11px; 
	height: 6px; 
	position: absolute; 
	margin-top: -16px; 
	margin-left: 35%;	
}
.NewEntryBaloon .TriangleBottomMini
{
	background: url(/v2.0/images/baloon_bottom_mini.gif); 
	width: 11px; 
	height: 6px; 
	position: absolute; 
	margin-top: 10px; 
	margin-left: 35%;	
}
.NewEntryBaloon .Inner
{
	width: 100%;
	min-height: 20px;/*this fix the arrow position when balloon only have one line text*/
}
.SaveChanges { min-width: 90px; }
.ActivityBox
{
    background: none no-repeat 50% 50%;
    overflow: auto;
    height: 400px;
}
.ActivityBoxRemainder
{
    background: none no-repeat 99% 50% #F6F6F6;
    padding: 5px 30px 0 10px; 
    font-style: italic;
    text-align: right;
    height: 20px;
    font-size: 10px;
}

.MoreItemsBox
{
    background-color:#f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
    background-image: -moz-linear-gradient(center top,#f5f5f5 0%,#eaeaea 100%);
    background-image: linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
    display:none; 
    position: absolute;
    z-index:500;
    padding:10px; 
    -moz-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;   
	 border: 1px solid #aeaeae;
    -moz-box-shadow: 0px 3px 2px #d4d4d4;
    -webkit-box-shadow: 0px 3px 2px #d4d4d4;
    box-shadow: 0px 3px 2px #d4d4d4;  
    outline-style:none;
}
.Drop, .DropLink
{
    background: url(/v2.0/images/drop.png) no-repeat 0 center transparent;
    
}
.Drop {  height:17px; width: 17px; display: inline-block;}
.DropLink{ line-height: 18px; font-family: Tahoma, Verdana, arial, sans-serif;padding-left: 18px; color: #555555; text-decoration: none; }
.DropLink:hover { text-decoration:underline;}
.Drop span { display: none; }
.TablePadRight td, .ColouredTable .TablePadRight td  { padding-right: 5px; }
.Icon_Reset{background-image:url(/v2.0/images/ico_reset.png);}
/*#region ui-tabs */
.ui-helper-reset  {
    border:0 none;
    font-size:100%;
    /*line-height:1.3;*/
    list-style:none outside none;
    margin:0;
    outline:0 none;
    padding:0;
    text-decoration:none;
}
.ui-helper-clearfix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.ui-helper-clearfix {
    display:inline-block;
}
* html .ui-helper-clearfix {
    height:1%;
}
.ui-helper-clearfix {
    display:block;
}
.ui-tabs 
{ 
    margin:0px 0 -3px 0;
    padding:0.2em;
    position:relative;
    visibility:hidden; /* display in script after intit*/
}
.ui-tabs.BranchEditor{margin:0 0 -4px 0;}
.tab-height-offset
{
    margin-top: 2.0em;
}
.ui-tabs-nav
{
    margin:0;
    padding: 0 0 0 5px;
    white-space: nowrap;
    z-index: 1;
   
}
.ui-tabs .ui-tabs-nav li, .ProjectViewer #Headers li, .AV2 > ul li, .Timesheet26 > ul li, .WebForm > ul li, .PrivilegeForm > ul li
{
    background: white;
    border: 1px solid #EBEBEB;
    border-bottom:0 none !important;
    float: left; /* must be float rather than display:inline-block for ie7*/
    list-style:none outside none;
    margin:0 -6px 2px 0;
    padding:0;
    position:relative;
    top:1px;
    white-space:nowrap;   
    -moz-border-radius: 4px 15px 0 0;
    -webkit-border-radius: 4px 15px 0 0;
    border-radius: 4px 15px 0 0;
    z-index: 0;
}
.ui-tabs .ui-tabs-nav li a, .ProjectViewer #Headers li a, .AV2 > ul li a, .Timesheet26 > ul li a ,.WebForm > ul li a,.PrivilegeForm > ul li a
{
    float:left;
    padding:2px 1em;
    text-decoration:none;
}
.ui-tabs-hide
{
    display: none;
}
.ui-tabs-selected
{
    background: white;
    margin-bottom:0;
    padding-bottom:1px;
    z-index: 2 !important;
    border-color: #CDCDCD !important;
    top:3px  !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-selected a { }
.ui-tabs-panel
{
    border: 1px solid #CDCDCD;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: White;
}
/*for file dialog*/
.FileDialogContainer
{
    border: 1px solid #CBCBCB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px;
}
.CreateNewMenu { float: right; position: relative;}
.CreateNewMenu tr td { vertical-align: middle; padding-left: 5px; }
.ui-tabs-panel .CreateNewMenu {  margin-top: -115px;  }
.PermissionsFieldTable { position: relative; /*left:-172px;*/ }
.ui-tabs-panel .PermissionsFieldTable { left: 0; left:0;}
.ui-tabs-panel .ContactEditorTable th { width: 158px; }
.th-force-width{ /*width:150px !important;*/}
.ui-tabs-panel .ContactEditorTable table th { width:auto; } /* undo 150px from above for nested tables */
.ui-tabs-panel td { /*vertical-align: top;*/}
/*#endregion */

.Phone 
{
    /*background: #EBEBEB;*/
    -moz-border-radius: 6px;    
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: bold;
    /*line-height: 16px;*/
    padding: 2px 8px 2px 4px;
    white-space: nowrap;
    text-decoration: none;
    font-family: Tahoma, Verdana, arial, sans-serif;
    color: #555555;
}
.Phone em { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -100px; padding: 3px 8px; margin-right: 2px; }
.Landline em { background-position: 0 -100px !important; }
.Landline:hover em { background-position: -480px -100px !important; }
.Fax em { background-position: 0 -180px !important; }
.Fax:hover em { background-position: -480px -180px !important; }
.Mobile em { background-position: 0 -140px !important; }
.Phone:hover em { background-position: -480px -100px; }
.Mobile:hover em { background-position: -480px -140px !important; }
/*.Mobile span { padding: 0 !important; margin-right: 4px; }*/
.Phone span
{
   background: url(/v3.0/images/allflags.png) no-repeat 100px 50%;
   display: inline;
   padding: 2px 6px;
   margin-right: 4px;
}
.parent-width { width: inherit;}
.HelpLink
{
    border: 1px solid #BDBEC0;
    color: #BDBEC0;
    padding: 0px 3px;
    text-decoration: none;
    font-size: 10px;
    line-height: 10px;
    margin: 0 5px;
    font-family: Arial, Helvetica;
    font-weight: bold;
}
.HelpLink:hover
{
    color: #2280C8;
    border-color: #2280C8;
}
.ExpandLink,.CollapseLink   {
color:#555555;
display:inline-block;
font-family:Tahoma,Verdana,arial,sans-serif;
font-size:12px;
padding:0 0 0 30px;
text-decoration: none;
}


.VideosPage h2
{
    margin: 10px 0 5px 0px;
    border-bottom: 1px solid #CCCCCC;    
}
.VideosPage table
{
    float: left;
 
 
    margin: 0 10px 10px 0;
    cursor: pointer;
}
.VideosPage table tr
{
    vertical-align: top;
}
.VideosPage table td
{
    font-size: 12px;
    padding: 5px 0 0 10px;
    width: 300px;
}
.VideosPage table th div 
{
    background-position: 50% 50%;
    /*overflow: hidden;*/
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 140px;
}
.VideosPage table th div div
{
    background: url(/v2.0/images/vidoverlay.png) no-repeat 0 100%;
    /*height: 100px;*/
    border: 1px solid #CCCCCC;
    display: block;    
    
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #CCCCCC;
    -webkit-box-shadow: 0 0 5px #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC;    
    padding:85px 0 4px 5px;
    white-space: nowrap;
  
}
.VideosPage table th 
{
     width: 150px;
     font-size: 10px;
     line-height: 10px;
     padding: 5px;
     vertical-align: bottom;
     color: White;
     text-align: left;
   /* color: #2280C8;*/
}
.EmailToInfoHtml
{
    line-height: 13px;
    font-size: 10px;
    padding: 5px 0px 10px 37px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
}
.ScrollBox
{
    width:17px;height:15px;position:absolute;
    background: #6BA6D7;
    cursor: e-resize;
}
.ScrollBox:hover  
{
    background: #91D1F3; 
                   -moz-box-shadow: 0 0 0.5em white;
    -webkit-box-shadow: 0 0 0.5em white;
    box-shadow: 0 0 0.5em white;
    z-index:100;
    border:1px solid #666666;
}
.ScrollBox:hover div { border-color: white; }
.ScrollBox div
{
    width:3px; 
    border: 1px solid white; 
    border-top:0;
    border-bottom:0;
    position: absolute;
    height:11px;
    margin-left: 6px;
}
#ScrollBoxLeft 
{
    -moz-border-radius-topleft: 3px;    
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
#ScrollBoxRight
{
    -moz-border-radius-topright: 3px;    
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.ScrollBox div span
{
    display: none;
    font-size:10px;
    
    position:absolute;
  
    padding: 3px 10px;
    -moz-border-radius-topright: 3px;
     -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
   
    margin-left: 10px;
    line-height: 10px;
    white-space: nowrap;
    
    border-top:1px solid #666666;
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    
    background: #91D1F3; 
    color: white;
      -moz-box-shadow: 3px 0 5px #666666;
    -webkit-box-shadow: 3px 0 5px #666666;
    box-shadow: 3px 0 5px #666666;    
}
/*
.ScrollBox div:hover
{
    border-width: 2px;
    margin-left: 5px;
}*/
.ScrollBox .Moving
{
    background: #91D1F3;
    border-width: 0px;    
    width: 10px;  
    border-left:1px solid white;
    
}
.ScrollBoxOnion { background:#91D1F3; border:1px solid #333333; }
.ScrollBox:hover span, .ScrollBox .Moving span { display: block; }
.ScrollBox .Left span
{
    
}
.ScrollBox .right span
{
    
}
.NewEntryBaloon .ui-tabs-panel .CreateNewMenu
{
  margin-top:-120px;
    
}
.NewEntryBaloon #Activity > table { border-collapse: collapse; margin-bottom: 5px; }
.NewEntryBaloon #Activity > table>tbody >tr>td>.ui-tabs-panel { min-height: 45px; }
#ProjectTimeline
{
    /*background: url(/v2.0/images/ajax-loader-big.gif) 50% 50%  no-repeat;
    min-height: 50px;  */  
}
.GridLoading
{
    background:url("/v3.0/images/inline-loader.gif") no-repeat scroll 99% 50%;    
}

.IntLinkSmall,.ProjectViewerContextMenu li a.IntLinkSmall{background:url(/v3.0/images/sprite_1.png) no-repeat -230px -1160px;}
.ExtLinkSmall,.ProjectViewerContextMenu li a.ExtLinkSmall{background:url(/v3.0/images/sprite_1.png) no-repeat -230px -1180px;}
.IntLinkSmall:hover{background-position:-210px -1160px !important;}
.ExtLinkSmall:hover{background-position:-210px -1180px !important;}
.ProjectViewerContextMenu li:hover>.IntLinkSmall{background-position:-250px -1160px;}
.ProjectViewerContextMenu li:hover>.ExtLinkSmall{background-position:-250px -1180px;}

.MenuBg .Create .ExtLink
{
    margin: 0 3px 0 0;    
}
.ExtLink:hover
{
	background-position:-10px -46px;
}
.ExtLinkInline
{
    padding-right: 16px;
    background: url(/v2.0/images/extlink-out.gif) no-repeat 100% 50%;
}
.ExtLinkInline:hover { background-image: url(/v2.0/images/extlink-over.gif); }
.SuccessLinks
{
    text-align:right;
    margin-top:15px;
}
.SuccessLinks div
{
    display: inline;
    padding: 2px 8px;
    color:#CCCCCC;
}
.SimpleTable 
{
    border: 1px solid #DFDFDF;
    -moz-border-radius: 10px;
    -wenkit-border-radius: 10px;
    border-radius: 10px;
    border-spacing: 0px;
}

.SimpleTable tr { vertical-align: top; }
.SimpleTable th { vertical-align: bottom; padding: 5px 10px; text-align: left !important; font-size: 11px; white-space:nowrap;}
.SimpleTable th:nth-child(1) { border-radius: 10px 0 0 0; }
.SimpleTable th:nth-last-child(1) { border-radius: 0 10px 0 0; }
.SimpleTable td { vertical-align: top; padding: 5px 10px; text-align: left; font-size: 11px; line-height: normal; }
#UploadWaitDlg
{
    border:1px solid #CCCCCC;
    -moz-border-radius: 4px;    
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: white url(/v2.0/images/gradshadeup.png) repeat-x;
    padding: 1px;
}
#UploadWaitDlg div  
{
    font-family: Arial, Helvetica; font-size: 10px; text-align:right;white-space:nowrap;
    background: url(/v3.0/images/orange_grad.png) repeat-x transparent;
    -moz-border-radius: 4px;    
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.CallbackError
{
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 5px 10px;
    font-size: 11px;
    position: fixed;
    margin: 0 0 0 20%;
    width: 60%;
    text-align:center;
    top: 0;
    font-weight: bold;    
    z-index: 10000000;
    -moz-box-shadow: 0px 0px 10px #333333;
    -webkit-box-shadow: 0px 0px 10px #333333;
    box-shadow: 0px 0px 10px #333333;
    line-height: normal;
    
    background: #F69419;
    color: white;

}
.CallbackError a
{
    color: White;    
}

.ServiceAnnouncement
{
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 5px 10px;
    font-size: 11px;
    position: fixed;
    margin: 0 0 0 20%;
    width: 60%;
    top: 0;
     
    z-index: 1000000;
    -moz-box-shadow: 0px 0px 10px #333333;
    -webkit-box-shadow: 0px 0px 10px #333333;
    box-shadow: 0px 0px 10px #333333;
    line-height: normal;
    
    background: #F6F6F6;
  

}
.ServiceAnnouncement a
{
    
}
.ServiceAnnouncement .DeleteIcon
{
    width:20px;
    height:20px;
    float:right;
}
/*#region Activity Viewer v2.6 */

.AV2 .DropLink { background-color: transparent; }
.AV2 > ul { line-height:20px; margin-top:1px; white-space: nowrap; overflow: hidden; height:26px;padding:0;margin:0 0 0 10px; }
.AV2 > ul a {  font-size: 9.25pt;}
.AV2 > ul .Selected
{  
    background: #6BA6D7;
    z-index: 1;
    border: none;
    margin-top: 1px;
    font-weight: bold;
}
.AV2 > ul .Selected a
{
   color: White;
 
}
.AV2 .CustFilt, .AV2 .CustFilt2,.AV2 .MemberFilt2 { cursor: pointer;  display: inline-block; }

.AV2 .FilterAdd,  .AV2 .FilterRemove, .FilterDialogBox .FilterRemove
{
   width: 16px;
   height: 16px;
   cursor: pointer;
   background: url(/v2.0/images/main.png) -8px -1821px no-repeat;
   display: inline-block;
}
.AV2 .CustFilt .FilterAdd, .AV2 .CustFilt .FilterRemove
{
   display:none;
   position: absolute;
   margin: -2px 0 0 -13px;
}
.AV2 .FilterRemove, .FilterDialogBox .FilterRemove
{
    background: url(/v2.0/images/main.png) -8px -1981px no-repeat;
}
.FilterDialogBox .PeriodDatePicker .Link{color: #2280C8 !important;}
.AV2 .CustFilt .FilterRemove,
.AV2 .CustFilt2:hover .FilterRemove, 
.AV2 .MemberFilt2:hover .FilterRemove, 
.AV2 .CustomerFiltRem:hover .FilterRemove, 
.AV2 .MemberFiltRem:hover .FilterRemove, 
.FilterDialogBox .CustomerFiltRem:hover .FilterRemove
{
    background: url(/v2.0/images/main.png) -8px -1851px no-repeat;
}
.AV2 .CustFilt:hover .FilterAdd, .AV2 .CustFilt:hover .FilterRemove
{
   display:block;
}

/*child items*/
.AV2 .R.ChildItem{background-color:#ebebeb;}
.AV2 .R.ChildItem>td>.Odd,.AV2 .R.ChildItem>td>.Even{background-color:transparent;position:relative;}
.AV2 .R.ChildItem>td>div>.ChildMask
{
    background-color: #ffffff;
    position: absolute;
    border-right: 1px solid #cbcbcb;
    -moz-box-shadow: -3px 0 3px -2px rgba(0,0,0,0.15) inset;
    -webkit-box-shadow: -3px 0 3px -2px rgba(0,0,0,0.15) inset;
    box-shadow: -3px 0 3px -2px rgba(0,0,0,0.15) inset;
    margin-left:-4px;
    top:-10px;
    bottom:-11px;
    bottom:-12px\9;
}
.AV2 .R.ChildItem>td>div>.ChildMask.Entry
{
    /*min-height: 78px;set height in js now*/
    top:-15px;
    bottom:-6px;
    bottom:-7px\9;
}
.AV2 .R.ChildItem.TopChild>td{-moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.2) inset;
    box-shadow: 0 6px 6px -6px rgba(0,0,0,0.2) inset;border-top:0;}
/*search textbox*/
#SearchContainer
{
    float: right;
    margin: 8px 0px 10px 0px;
}
.KeywordsSubmit, #HelpSearchSubmit
{
    cursor: pointer;
    width: 18px;
    height: 18px;
    background:url(/v3.0/images/sprite_1.png) no-repeat 100% -340px;
    float: right;
    margin: 2px 0 0 -22px;
    display: block;
    position: relative;
}
.KeywordsSubmit:hover
{
    background-position: 100% -360px;
}
#SearchContainer .KeywordsSubmit, .AV2 .KeywordsSubmit
{
    margin: 7px 4px 0px -29px;
    z-index: 2;
}
.AV2 .KeywordsSubmit
{
    margin: 2px 0px 0px -29px;
}

.AV2 .ClientPicker { float: right; margin-top:-4px; }
.AV2 .ClientPicker > table > tbody > tr > td { vertical-align: middle; }
.AV2 .ClientPicker input[type="text"]{ width: 144px !important;}

.AVToDo > ul .Selected { background: #ffbb55; }
.AVToDo .Header { background:#ffeecc; }

.AVSupport_Case > ul .Selected { background: #666666; }
.AVSupport_Case .Header { background:#EEEEEE; }

.AV2 .Header th, .AV2 .Header th td { font-weight: normal; text-align: left; width: auto;}
.AV2 .Header > th {padding: 3px 5px;}
.AV2 .R .Result { margin-left: 30px; padding-right:5px;}
.AV2 .Restricted a { font-style: italic;  font-weight: normal !important; text-decoration: none; }
.AV2 .InfoSort
{
    cursor: pointer;
}
.AV2 .InfoSort .Glyph
{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 3px;
}
.AV2 .InfoSort:hover
{
    text-decoration: underline;
}
.AV2 .R > td { padding: 5px 0px; }
.AV2 .R .RX { float:left; margin-left: 6px; font-size:12px; padding:0 0 0 20px;}
.AV2 .Odd, #LineSheetView .Odd { background:#f6f6f6; }
.AV2 .Even, #LineSheetView .Even { background:#f6f6f6;}
.AV2 .Even, .AV2 .Odd{ margin-top:10px;}
.AV2 .DropDownMenuOutOfGrid { width:40px; margin: 2px 0; }
.AV2 .Unread { font-weight: normal; }
.AV2 .BgFiller {display:block;}
.AV2 .BgFiller .ChildCount { font-size:9px; position: absolute; margin:18px 0 0 8px;height: 15px;text-decoration: underline;border: 1px solid #CBCBCB;min-width: 14px;text-align: center; }
.AV2 .Hierarchy .BgFiller {display:inline-block;}
.AV2 .Hierarchy .RX.ExpandLink,.AV2 .Hierarchy .RX.CollapseLink{margin-left: 6px;}
.AV2 .Hierarchy .RX.ExpandLink,.AV2 .Hierarchy .RX.CollapseLink,
.AV2 .ChildItem .RX.ExpandLink,.AV2 .ChildItem .RX.CollapseLink
{
    font-size: 10px;
    font-weight: normal;
    padding-left: 0;
    padding-top: 20px;
    -webkit-text-size-adjust: none;
    width:20px;
    overflow:visible;
    text-align:center;
    line-height:10px;
}
.AV2 .Hierarchy .Result { margin-left:30px; }
.AV2 .IconLink 
{ 
    font-family:Tahoma,Verdana,arial,sans-serif;
    font-size:13px;    
    /*text-decoration: none;*/
    color: #2b81e0;
    padding-bottom:1px; /* icon 1px crop fix*/
}
.AV2 .IconLink>.Icon
{
    margin:0 10px 0 -30px;
    vertical-align:top;    
}
.AV2 .R .Completed a.EntryName, .InactiveTitle,
a.InactiveTitle:hover
{
    color: #999999 !important;
    text-decoration: line-through;
}
.AV2 .R .Avatar 
{
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    border: 1px solid #CCCCCC;
    background-color: White;    
    display: inline-block;
    vertical-align: bottom;
    float: left;
    margin: 0 3px 0 0px;
    cursor:pointer;
    margin-left:5px;
}
.AV2 .CommentLeft .Avatar
{
    width: 40px;
    height: 40px;
    margin: 10px 0 0 0;
    float: none;
    cursor: pointer;
}
.AV2 .DiscussionStream .CommentLeft .Avatar
{
    width: 18px;
    height: 18px;
    margin: 0;
    float: none;
    cursor: pointer;
}
.AV2 .CommentLeft
{
     width: 100px;
     float: left;
     position:relative;
     height: 80px;
     text-align: center;
     background: url(/v2.0/images/arrow-left-white.png) 100% 10px no-repeat;
     z-index: 2;    
     margin:10px 0 0 21px;
     font-size: 10px;
     line-height: 13px;
}
.AV2 .DiscussionStream .CommentLeft { width:81px;padding-left:10px;background-position:80px -10px;}
.AV2 .CommentLeft .RX {line-height: normal; }
.AV2 .MessageOwnerWrap
{
    overflow: hidden;
    display:inline-block;
    width:100px;
    max-height:27px;
 }
.AV2 .CommentTools
{
     border-color:#CCCCCC;
    float:right;
    margin:0 5px 0 0;
    /*position: relative;  fix zindex on menus */
    z-index:2;
    width:auto;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-right-radius:0;
    border-top-left-radius:0;
    border-bottom-right-radius:0;
}
.AV2 .CommentTools > ul
{
width: 70px; 
}

.AV2 small, .SideBarSearchDialog small { line-height: normal; color: #666666; }
.AV2 small b, .SideBarSearchDialog small b { color: #666666;}
.AV2 .PriorityMenu,.BasicGrid .PriorityMenu { margin: 2px 2px; float: none; padding: 2px 2px; cursor: pointer;  }
.PriorityMenu:hover, .SupportStatusMenu:hover, .ProgressStageMenu:hover  { background-color:#E8E8E8;}
.PriorityMenu *::-moz-selection{background: transparent !important;} /*FF bug*/
.AV2 .SupportStatusMenu,.AV2 .ProgressStageMenu,.BasicGrid .SupportStatusMenu,.BasicGrid .ProgressStageMenu {cursor: pointer; display:inline-block; padding:2px; }
#MyCases .AV2 .SupportStatusMenu{max-width: 55px;overflow: hidden;}/*this only use in AV*/

.AV2 small a, .SideBarSearchDialog small a { color: #666666; text-decoration: none; font-family: Tahoma, Verdana, arial, sans-serif; }
.AV2 small a:hover , .SideBarSearchDialog small a:hover { text-decoration: underline; }
/*.AV2 .AncestorLink
{
    font-size: 10px;
    font-weight: normal;
    color: #666666;    
    text-decoration: none !important;
    padding: 0 10px 0 2px;
    background: url(/v2.0/images/glyph_right_black.gif) no-repeat 100% 50%;
}*/
.AV2 .Comment, .AV2 .EntryDetails
{
    border: 1px solid  #CCCCCC;  
    background: white;
    margin: 5px 5px 5px 120px;
    z-index: 1;
    color: Black;
    /*position:relative;  fix zindex on menus */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 /* weirdly wraps words in emails/comments
.AV2 .Comment .ComInner td, .AV2 .EntryDetails .ComInner td
{
   
    word-wrap:break-word; 
    overflow:hidden;
    word-break:break-all;
}
*/

.AV2 .TBody > tr .EditDescription { display:none;position:absolute;}
.AV2 .TBody > tr:hover .EditDescription { display:inline-block;}
.AV2 .TBody > tr .ExportIcon>ul { display:none;position:absolute;background-color:#ffffff;margin:0;z-index:1;border: 1px solid #aeaeae;
    -moz-box-shadow: 0px 3px 2px #d4d4d4;
    -webkit-box-shadow: 0px 3px 2px #d4d4d4;
    box-shadow: 0px 3px 2px #d4d4d4;  
	padding:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;margin-top:20px;}
.AV2 .TBody > tr .ExportIcon:hover>ul { display:block;}
.AV2 .TBody > tr .ExportIcon>ul>li { list-style:none;}
.AV2 .TBody > tr .ExportIcon>ul>li:hover { background-color:#218ef4;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}
.AV2 .TBody > tr .ExportIcon>ul>li:hover>a{color:#ffffff;}
.AV2 .TBody > tr .ExportIcon>ul>li>a { white-space:nowrap;line-height: 30px;
color: #414a50;
display: block;
padding: 0 10px 0 5px;text-decoration:none;}
.AV2 .EntryDetailsContainer { margin-right:10px;}
.AV2 .Extra .EntryDetails,.AV2 .EntryDetailsContainer .EntryDetails { position:relative; }
.AV2 .DescriptionPreview, .SideBarSearchDialog .Abstract
{
    font-size: 13px;
    max-height: 33px;
    line-height: 16px;
    overflow: hidden;    
    /*font-style: italic;*/
    color: #404040;
    margin-bottom: 5px;
    cursor: pointer;
    word-wrap:break-word;
	white-space:normal;
}
.SideBarSearchDialog .Abstract {
    margin-right: 150px;
}
.AV2 .DescriptionPreview .Exp
{
   display:inline-block; width:12px; height:12px;margin-right:5px;
}
.AV2 .DescriptionPreview:hover
{
    /*text-decoration:underline !important;    
    cursor: pointer;*/
}
.AV2 .Highlight
{
    background: #EEF3FA !important;  
}
.AV2 .Comment .Attachments 
{
    float:right;    
    margin:5px;
}
.AV2 .Comment .MailQueueInfo
{
    float:right;    
    margin:5px;
    
}
.MailQueueInfo { font-size: 10px; }
.MailQueueInfo a { background: url(/v2.0/images/mail-statuses.png) no-repeat; padding: 0 0 0 20px; display:inline-block; line-height: 10px; min-height: 16px; }
.MailQueueInfo .Enqueued { background-position: 0 0; }
.MailQueueInfo .RecipientOpened { background-position: 0 -48px; }
.MailQueueInfo .Sent { background-position: 0 -32px; }
.MailQueueInfo .Error { background-position: 0 -16px;  }
.MailQueueInfo .DeliveryDelayed { background-position: 0 -16px;  }
.MailQueueInfo .DeliveryFailed { background-position: 0 -16px;  }

.AV2 .Comment .ComFrom, .AV2 .Comment .ComFrom a
{
    margin:2px 0 0 2px;
}
.AV2 .Comment .ComFrom, .AV2 .Comment .ComFrom a,
.AV2 .Comment .SmallFont
{
    font-size:10px;
    -webkit-text-size-adjust:none;
}
.AV2 .Comment .ComInner 
{
    height: 50px;
    overflow: hidden;
    padding: 0 20px 20px 20px;
    margin-top: 10px;
    clear: right;
    width: auto;
}
.AV2 .Comment .ComInner .Icon
{
    position: absolute;
    margin-left:-20px;
    width:20px;
    height: 20px;
    display:block;    
}
.AV2 .Comment .Expand ,.customgroup .Expand
{
    /*#CDCDCD*/
    background: #EEEEEE url(/v2.0/images/sidebar-arrow-down-big.gif) no-repeat 50% 50%;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    height: 6px;
    margin: 0px;
    position:relative;
    cursor: ns-resize;
    box-shadow: 0px -5px 0px 0px #fff,0px -8px 3px 0px #fff,0px -12px 7px 0px #fff;
    -webkit-box-shadow: 0px -5px 0px 0px #fff,0px -8px 3px 0px #fff ,0px -12px 7px 0px #fff;
    -moz-box-shadow: 0px -5px 0px 0px #fff,0px -8px 3px 0px #fff,0px -12px 7px 0px #fff ;
}
.AV2 .Comment .Expand:hover,.customgroup .Expand:hover
{
    background-color: #B3B3B3;    
}
.AV2 .EntryDetails
{
    margin: 5px -290px 0 5px;   
    display: none;  
    padding: 5px 20px;
}
.AV2 .EntryDetailsArrow
{
    position: absolute;
    width: 11px;
    height: 6px;
    background: url(/v2.0/images/baloon_top_mini.gif) no-repeat 0 0;
    margin:-11px 0 0 40px;
}
.UpdateNote
{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	background:none repeat scroll 0 0 #CC0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	padding:2px 5px;
	margin: 2px 2px 0 0;
	cursor: pointer;
	display:inline-block;

}
.NewUpdateLabel { 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	background:none repeat scroll 0 0 #CC0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	padding:2px 5px;
	margin: 2px 2px 0 0;
	cursor: default;
	display:inline-block;
}
.UnreadLabelMarkAll
{
    color: #CC0000;
    margin: 2px 0;   
    font-weight: bold;
    font-size:10px;
    cursor: pointer;
}
.UnreadLabelMarkAll:hover
{
    text-decoration:underline;    
}
.AppSearch .EntityResults { background: #EEF3FA; padding: 10px; margin-bottom:10px; vertical-align: bottom; font-size: 10px; }

.AV2 .BudgetTable
{
      border-spacing: 1px;
      background: #6BA6D7;
      width: 100%;
}
.AV2 .BudgetTable td { font-size: 10px; padding: 2px 3px; text-align: right; line-height: normal; }
.AV2 .BudgetTable td a { display:block; overflow: hidden; height: 16px; text-decoration: none; }
.AV2 .BudgetTable td a:hover { text-decoration: underline; }
.AV2 .BudgetTable .Head1 td { background: #EEF3FA; text-align: right; color: black; font-weight: bold; }
.AV2 .BudgetTable .Head2 td { background: url("/v2.0/images/drop-bg-light.gif") repeat-x scroll 50% 50% transparent; text-align: right; width: 60px; }
.AV2 .BudgetTable .ProjectRow { background: #F9F9F9; font-weight: bold; color:Black; }
.AV2 .BudgetTable .EmployeeRow { background: #EEF3FA; }
.AV2 .BudgetTable .EntryRow { background: #FFFFFF; }

.AV2 .BudgetTable .TabGutter
{
    padding:0;
    width:0 !important;    
}
.AV2 .DataTable .SideTabContainer
{
    position:absolute;
           margin-top: -23px;
        font-weight: normal;
           margin-left: 5px;
}
.AV2 .DataTable .SideTab
{
    white-space: nowrap;
    font-size: 11px;
    float:left;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #6BA6D7;
    width: auto;
    background: white;
    cursor: pointer;
    border: 0px;
        z-index: 0;
        position: relative;
}
.AV2 .DataTable .SideTabContainer .Selected  
{
    background: #EEF3FA; color: black;  cursor: default; 
    -moz-box-shadow:2px -2px 2px rgba(0, 0, 0, 0.2) ;                                 
    -webkit-box-shadow:2px -2px 2px rgba(0, 0, 0, 0.2) ;
    box-shadow:2px -2px 2px rgba(0, 0, 0, 0.2) ;
        z-index: 1;
}
.AV2 .DataTable .SideTab > span
{
    display: block;
        padding: 4px 15px;
}


/*#endregion */

/*#region New TreeView */
#TreeView, #TreeView ul {
list-style:none outside none;
margin:0;
padding:0;
}
#TreeView ul {
background-color:white;
margin-top:4px;
}
#TreeView .hitarea {
background:url("/v2.0/images/treeview/treeview-default.gif") no-repeat scroll -64px -25px transparent;
cursor:pointer;
float:left;
height:16px;
margin-left:-16px;
width:16px;
}
* html .hitarea {
display:inline;
float:none;
}
#TreeView li {
margin:0;
padding:3px 0 3px 16px;
}
#TreeView a.selected {
 font-weight: bold;
}
#treecontrol {
display:none;
margin:1em 0;
}
#TreeView a.hover {
text-decoration: underline;
cursor:pointer;
}
#TreeView li {
background:url("/v2.0/images/treeview/treeview-default-line.gif") no-repeat scroll 0 0 transparent;
}
#TreeView li.collapsable,#TreeView li.expandable {
background-position:0 -176px;
}
#TreeView .expandable-hitarea {
background-position:-80px -3px;
}
#TreeView li.last {
background-position:0 -1766px;
}
#TreeView li.lastCollapsable, #TreeView li.lastExpandable {
background-image:url("/v2.0/images/treeview/treeview-default.gif");
}
#TreeView  li.lastCollapsable {
background-position:0 -111px;
}
#TreeView li.lastExpandable {
background-position:-32px -67px;
}
#TreeView div.lastCollapsable-hitarea, #TreeView div.lastExpandable-hitarea {
background-position:0 50%;
}
#TreeView .placeholder {
background:url("/v3.0/images/inline-loader.gif") no-repeat scroll 0 0 transparent;
display:block;
height:16px;
width:16px;
}
#TreeView li {
padding:3px 0 2px 16px;
}
#TreeView li a
{
    line-height: normal;
    font-family: Tahoma, Verdana, arial, sans-serif;
    color: #555555;    
    text-decoration: none;
    /*margin-left:3px;
    display: block;*/
}
#TreeView li a.Folder input[type=radio]{margin:0px;}
#TreeView li span:hover .EditLink, #HelpDeskTree li span:hover .EditLink { display: block; }
#ctl00_ModulePlaceHolder_KnowledgeBaseDiv #TreeView li span:hover, #HelpDeskTree li span:hover { background-color: #EEF3FA; border-radius: 5px; }
#TreeView li .EditLink, #HelpDeskTree li .EditLink
{
    width:20px;
    height: 20px;
    float: right;
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -5260px;  
    display: none;
    vertical-align: middle;
    text-decoration:none;
}
#TreeView li .EditLink:hover, #HelpDeskTree li .EditLink:hover
{
    text-decoration: none;
    background-position: 0 -5260px;  
}
#HelpDeskTree a { font-weight: normal; }
#TreeView span.Folder, #TreeView span.TreeDocument, #TreeView span.TreeDocumentStack 
, #TreeView span.TreeDocumentStackShared, #TreeView span.TreeDocumentShared {
display:block;
padding:1px 0 1px 18px;
}
#HelpDeskTree, #HelpDeskTree ul, #HelpDeskTree li { margin:0; padding: 0; list-style: none; position:relative; }
#HelpDeskTree li { margin:1px 0; }
#HelpDeskTree span { display:block;}
#TreeView span.Folder {
background:url("/v2.0/images/treeview/folder.gif") no-repeat scroll 0 0 transparent;
}
#TreeView .MoveHover
{
      background-color: #6BA6D7;
    color: white;  
}
#TreeView li.expandable span.Folder {
background:url("/v2.0/images/treeview/folder.gif") no-repeat scroll 0 0 transparent;
}
#TreeView span.GoogleDocs, #TreeView li.expandable span.GoogleDocs {
background:url("/v2.0/images/treeview/drive.gif") no-repeat scroll 0 0 transparent;
}
#TreeView span.DropboxFiles, #TreeView li.expandable span.DropboxFiles {
    background: url("/v2.0/images/treeview/dropbox.png") no-repeat scroll 0 0 transparent;
}
.DropboxIcon.Icon {
    background: url("/v2.0/images/treeview/dropbox.png") no-repeat scroll 0 0 transparent;
    filter: grayscale(100%);
}
.DropboxIcon.Icon:hover {filter: grayscale(0);}
#TreeView span.TeamDrive.Google, #TreeView li.expandable span.TeamDrive.Google {
    background: url("/v2.0/images/treeview/teamdrive-google.gif") no-repeat scroll 0 0 transparent;
}
#TreeView span.TeamDrive.Dropbox, #TreeView li.expandable span.TeamDrive.Dropbox {
    background: url("/v2.0/images/treeview/teamdrive-dropbox.png") no-repeat scroll 0 0 transparent;
}
#TreeView span.SharedFolder.Dropbox, #TreeView li.expandable span.SharedFolder.Dropbox {
    background: url("/v2.0/images/treeview/sharedfolder-dropbox.png") no-repeat scroll 0 0 transparent;
}
#TreeView span.BoxFiles, #TreeView li.expandable span.BoxFiles {
background:url("/v2.0/images/treeview/BoxNet.png") no-repeat scroll 0 0 transparent;
}
#TreeView span.WORKetc, #TreeView li.expandable span.WORKetc {
background:url("/v2.0/images/treeview/worketc.gif") no-repeat scroll 0 0 transparent;
}
#TreeView span.TreeDocument {
background:url("/v2.0/images/treeview/document.gif") no-repeat scroll 0 0 transparent;
}
#TreeView span.TreeDocumentShared {
background:url("/v2.0/images/treeview/document_shared.gif") no-repeat scroll 0 0 transparent;
}
#TreeView span.TreeDocumentStack {
background:url("/v2.0/images/treeview/documentstack.gif") no-repeat scroll 0 0 transparent;
}
#TreeView span.TreeDocumentStackShared {
background:url("/v2.0/images/treeview/documentstack_shared.gif") no-repeat scroll 0 0 transparent;
}
.TreeContainer
{
    width: 250px;
    overflow: auto;
    min-height: 200px;
    margin-right: 5px;    
}
#MoveDocumentFolderTree #TreeView a.selected{ font-weight:normal !important;}
/*#endregion */

.ProjectMembers
{
   padding-bottom:5px;
}
/*#region ui-autocomplete, also tagit plugin depend on this */
/* workarounds */
.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-autocomplete.ui-menu { list-style:none; padding: 0; margin: 0; display:block; outline: none; }
.ui-autocomplete.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-autocomplete.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-autocomplete.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-autocomplete.ui-menu .ui-menu-item a {padding:0 0 0 2px;color:Black; text-decoration: none; display: block;zoom: 1; font-weight: normal; }
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
/* Component containers----------------------------------*/

/* Corner radius */
/*.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all{ -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all{ -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }*/
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all{ -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all{ -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Interaction states----------------------------------*/
.ui-autocomplete.ui-widget-content .ui-state-hover{ /*border: 1px solid #999999;*/ background: #dadada; font-weight: normal; color: #212121; }
/*#endregion*/

/*#region ui-datepicker */

/*
 * jQuery UI Datepicker @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 48%;}/*49 will cause month dropdown no right border in FF*/
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { text-align: center; font-weight: bold; border: 0; width: 20px; color:#555555; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; text-decoration: none; color: #555555; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { background: white url("/v2.0/images/gradshadeup.png") repeat-x scroll 0 0; float: right; margin: 0 0 4px 0; cursor: pointer; font-size:10px; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.CalendarBox /*.hasDatepicker, <-- dont style inlines?*/
{
    font-family: Tahoma,Verdana,arial,sans-serif;
	font-size: 9.25pt;
	background: white url(/v3.0/images/sprite_2.png) no-repeat right -3760px;
	border: 1px solid #7F9DB9;
	padding: 3px 18px 3px 3px !important;
	width: 80px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.hasDatepicker:hover, .hasDatepicker:active, .CalendarBox:hover
{
    background-position:right -3740px;   
}
.ui-datepicker,.daterangepicker
{
    background: #EEF3FA;
    -moz-border-radius: 3px;    
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    border: 1px solid #cbcbcb;
    -moz-box-shadow: 0 2px 2px #d4d4d4;
    -webkit-box-shadow: 0 2px 2px #d4d4d4;
    box-shadow: 0 2px 2px #d4d4d4;
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    background-image: -moz-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -o-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffffff),color-stop(100%,#f3f3f3));
    background-image: -webkit-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: linear-gradient(to bottom,#ffffff 0,#f3f3f3 100%);
}
.ui-icon-circle-triangle-w,.daterangepicker .icon-arrow-left
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -4px -482px;
     overflow:hidden;
    text-indent:-99999px;
    width: 16px;
    height: 16px;
}
.ui-icon-circle-triangle-e,.daterangepicker .icon-arrow-right
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -2px -520px;
    overflow:hidden;
    text-indent:-99999px;
    width: 16px;
    height: 16px;
}
.ui-datepicker-header
{
	font-weight: bold;
}
.ui-datepicker thead
{
    background: url(/v2.0/images/gradshadeup.png) repeat-x 0 0;
    border-color: #7DBEF1;
    
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-state-highlight
{
    /*border: 1px solid #EEEEEE;*/
}
.ui-datepicker .ui-state-default { }
.ui-datepicker .ui-state-hover { background: #E9E9E9;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.ui-datepicker .ui-state-active ,.daterangepicker td.active
{
    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%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#087deb',GradientType=0 );*/
    border-top:0px;
    border-left: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #D8D8D8;
	color:White; 
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.ui-datepicker .ui-state-highlight  
{
    border-top: 1px solid #656565;
    border-left: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d;
    border-bottom: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.ui-datepicker-calendar
{
    background: white;
    -moz-border-radius: 3px;   
}
/*#endregion */

/*#region PeriodPicker toolbar */
.PeriodPicker
{
    white-space:nowrap;    
}
.PeriodPicker > span
{
    padding: 5px 5px;
    border: 1px solid #f1f1f1;
    border-left-width: 0px; 
    background: url(/v2.0/images/drop-bg-light.gif) 50% 50% repeat-x;
    color: black;
    cursor: pointer;
}
.PeriodPicker .Selected
{
    background:  url(/v2.0/images/drop-bg-hover.gif)  50% 50% repeat-x;
    color: white;
    border-color: #F69419;
     -moz-box-shadow: 0 0 4px #888888;
    -webkit-box-shadow: 0 0 4px #888888;
    box-shadow: 0 0 4px #888888;
    position: relative;
    z-index: 1;
}
.PeriodPicker > span:hover
{
     -moz-box-shadow: 0 0 4px #888888;
    -webkit-box-shadow: 0 0 4px #888888;
    box-shadow: 0 0 4px #888888;
    position: relative;
    z-index: 2;
}
.PeriodPicker .This
{
    margin-right:20px;
}
.PeriodPicker .Left
{
    border-left-width: 1px; 
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.PeriodPicker .Right
{
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;    
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.PeriodPicker .Left  > span, .PeriodPicker .Right  > span, .PeriodPicker .Cal  > span
{
    display:inline-block;
    height:10px;
    width:15px;
    background: url(/v2.0/images/glyph_left_black.gif) no-repeat 50% 50%;
}
.PeriodPicker .Right span
{
    background-image: url(/v2.0/images/glyph_right_black.gif);
}
.PeriodPicker .Cal > span
{
    background-image: url(/v2.0/images/cal_glyph.gif);
    height:14px;
    margin-bottom:-2px;
}
.PeriodPicker .Disabled
{
    color: #EEEEEE;
    cursor: default;
}
.PeriodPicker .Disabled span
{
    opacity: 0.5;    
}
.BlueOptionsBar{ min-height:38px !important;}/*overwrite parent css*/
.BlueOptionsBar .PeriodPicker.Small
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding:0 10px;
    background: url(/v2.0/images/drop-bg-light.gif) 50% 50% repeat-x;
    height:24px;
    margin-top:3px;
    margin-left:10px;
}
.BlueOptionsBar .PeriodPicker.Small span
{
    float:left;
    display:block;
    padding:2px 5px;
    height:18px;
}
/*#endregion */

/*#region Calendar v2.6 */
#CalendarContainer .DropLink { background-color: transparent; color: #404040; }
#CalendarContainer .MoreItemsBox { color:Black; }
#CalendarContainer .AllDay
{
    position: relative;
    background: #ecedef;
    border-bottom: 1px solid #b8bdc1; 
}
#CalendarContainer .AllDay .Gutter
{
    width: 60px;
    position: absolute;
   height:100%; /* 80-border */
    border: 1px solid #b8bdc1; 
}
#CalendarContainer .AllDay .Day
{
    float:left;    
    height:100%;
}
#CalendarContainer .AllDay .Day > div
{
   border: 1px solid #b8bdc1; 
   
}
#CalendarContainer .AllDay .Selected > div, #LineSheetView tr > .Selected
{
    border-color:  #F69419 !important;
}
#CalendarContainer .AllDay .Day .Title, #CalendarContainer .CalendarGrid .DataRow .Title, #LineSheetView  .Title td
{
    text-align:center;
    font-size: 11px;
   
    position:static;
    height: 20px;
 
    background: url(/v2.0/images/drop-bg-light.gif) 50% 50% repeat-x;
    color: black;
    cursor: pointer;
}
#LineSheetView  .Title td 
{
     line-height: 13px;
     padding: 5px 0px;
}
#CalendarContainer .AllDay .Day .Items
{
    min-height: 60px;   /* 80px - 20px (title)*/
    background: #d8e0e3; 
    position:relative;
    height:100%;
}
#CalendarContainer .AllDay .Selected .Title, #CalendarContainer .CalendarGrid .DataRow .Selected .Title, #LineSheetView  .Title .Selected
{
    background:  url(/v2.0/images/drop-bg-hover.gif)  50% 50% repeat-x;
    color: white;
    border-color: #F69419;
    -moz-box-shadow: 0 0 4px #888888;
    -webkit-box-shadow: 0 0 4px #888888;
    box-shadow: 0 0 4px #888888;
    position: relative;
    z-index: 1;
}
#CalendarContainer .AllDay .MoreLeft, #CalendarContainer .AllDay .MoreRight
{
    background: url(/v2.0/images/glyph_left_black.gif) no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin:6px -7px 0 -5px;
    opacity: 0.2;
}
#CalendarContainer .AllDay .MoreRight
{
    background: url(/v2.0/images/glyph_right_black.gif) no-repeat;
    float: right;
    margin:6px -12px 0 0;
    opacity: 0.2;
}
#CalendarContainer  .AllDay .DayItem a 
{
   
}
#CalendarContainer .Timeline
{
    overflow-y: scroll;
    position: relative;
}
#CalendarContainer .Timeline .OutOfScope
{
    background: url(/v2.0/images/blueglass.png) ;
}
#CalendarContainer .Timeline .Day
{
    float:left;
    height: 1104px; /* 46*24 */
}
#CalendarContainer .Timeline .MoveHover, #CalendarContainer .AllDay .MoveHover
{
    -moz-box-shadow: 0 0 4em rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4em rgba(0,0,0,0.5);
    box-shadow: 0 0 4em rgba(0,0,0,0.5);     
    z-index: 1;
    position:relative;
}
#CalendarContainer .Timeline .Day > div
{
   border: 1px solid #b8bdc1; 
   background: url(/v3.0/images/cal-grid.png);
   position: relative;
}
#CalendarContainer .Timeline .Selected > div
{
    border-color: #F69419;    
}
#CalendarContainer .Timeline .Gutter
{
    border: 1px solid #b8bdc1; 
}
#CalendarContainer .Timeline .Gutter
{
    background: #ecedef;
    width: 60px;
    position: absolute;
    height: 1104px; /* 46*24 */
}
#CalendarContainer .Timeline .Gutter span
{
    height: 41px; /* +1border+padding = 46 */
    border-top: 1px solid #b8bdc1;
    margin: 0px 2px;
    display: block;
    text-align:right;
    vertical-align:top;
    padding: 2px;
    color: #b8bdc1;
    font-size: 11px;
}
#CalendarContainer .DayItem
{
      white-space: nowrap;    
}
#CalendarContainer #GridCalendarEventHolder .DayItem
{
      white-space: nowrap;  /* Must be nowrap for calendar month view */  
}
#CalendarContainer .TimelineItem, #CalendarContainer .DayItem
{
    position:absolute;
    border: 1px solid #b8bdc1;
    background: url("/v2.0/images/event_grad.png") repeat-x 0 0 white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 10px;
    overflow: hidden;
    z-index: 1;
    -moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    line-height: 12px;
    opacity: 0.9;
}
#CalendarContainer .TimelineItem.Draft, #CalendarContainer .DayItem.Draft
{
    opacity:0.5;
}
#CalendarContainer .TimelineItem .Icon, #CalendarContainer .DayItem .Icon
{
    text-indent: 20px;
    min-height: 12px;    
    padding-top: 3px;
}
#CalendarContainer .TimelineItem a, #CalendarContainer .DayItem a
{
    background: url(/v2.0/images/extlink-out.gif) no-repeat 50% 50%;
	display: none;
	width: 18px;
	height: 20px;
	/*visibility: hidden;*/
	overflow: hidden;
	cursor: pointer;
	position:relative;
	float: right;
    margin: -2px 0 0 0;
}

#CalendarContainer .TimelineItem a:hover, #CalendarContainer .DayItem a:hover
{
    background-image: url(/v2.0/images/extlink-over.gif);    
}
#CalendarContainer .TimelineItem:hover a, #CalendarContainer .DayItem:hover a
{
    /*visibility:visible;    */
    display: block;
}
#CalendarContainer .TimelineItem #Hint,  #CalendarContainer  .DayItem #Hint
{
    position: absolute;
    background: white;
    color: Black;
    border: #CC0000;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: bold;
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: move;
}

#CalendarContainer .RepeatGlyphOnLight, #CalendarContainer .RepeatGlyphOnDark
{
    background: url(/v2.0/images/glyph_repeat.gif) no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    float: right;
    margin:-3px -3px 0 0;
}
#CalendarContainer .DraftGlyphOnLight, #CalendarContainer .DraftGlyphOnDark
{
    background: url(/v2.0/images/glyph_draft.png) no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    float: right;
    margin:-3px -3px 0 0;
}
#CalRubberBand
{
    background: #66CCFF !important;    
    
    z-index: 100;
    vertical-align: bottom;
    text-align: center;
    color: white;
    font-size: 10px;
    margin-right: 1px;
    
    border: 1px solid #7DBEF1;
    -moz-box-shadow: 0 0 0.5em #66CCFF;
    -webkit-box-shadow: 0 0 0.5em #66CCFF;
    outline-style:none;
    box-shadow: 0 0 0.5em #66CCFF;    
}
#CalendarContainer .RepeatGlyphOnDark { background-position: -12px 0px; }
#CalendarContainer .DraftGlyphOnDark { background-position: -12px 0px; }
#CalendarContainer .Timeline .TimelineItem:hover, #CalendarContainer  .AllDay .DayItem:hover,  #CalendarContainer .InFocus
{
    
    
}
#CalendarContainer .Timeline .Hover
{
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    z-index:100 !important;
    opacity: 1.0;  
}
#CalendarContainer .InFocus
{
    -moz-box-shadow: 0 0 2em rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 2em rgba(0,0,0,0.5);
    box-shadow: 0 0 2em rgba(0,0,0,0.5);
    z-index:100 !important;
    opacity: 1.0;  
}
#CalendarContainer .Resizing
{
    z-index:1000 !important;
}
#CalendarContainer .Timeline .Movable:hover, #CalendarContainer  .AllDay .Movable:hover
{
    cursor: move;
}
#CalendarContainer .CalendarGrid
{
    width: 100%;      
    border-collapse: collapse;
    table-layout:fixed;
}
#CalendarContainer .CalendarGrid td
{
    vertical-align: top;    
}
#CalendarContainer .CalendarGrid .DayNames 
{
    background: #ecedef;
}
#CalendarContainer .CalendarGrid .DayNames td
{
    color: #5D8CC9;
    font-size: 11px;
    text-align: center;
    border-right: 1px solid #b8bdc1;
    border-bottom: 1px solid #b8bdc1;
    width: 14.2857%;
}
#CalendarContainer .CalendarGrid .DataRow td
{
    border:1px solid #b8bdc1;
    background: white;
  
}
#CalendarContainer .CalendarGrid .DataRow 
{
     height: 100px;        
}
#CalendarContainer .CalendarGrid .DataRow .OutOfScope
{
    background: #ecedef;
}
#CalendarContainer .CalendarGrid .DataRow .Gutter
{
    vertical-align: top;    
    text-align: center;
    border: 0;
   
    background: #ecedef;
    border-right: 1px solid #b8bdc1;
}
#CalendarContainer .CalendarGrid .DataRow .Gutter > span
{
    
    white-space: nowrap;
    font-size: 11px;
    display: block;
    background: #b8bdc1;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    color: White;
    height: 110px;
    width: 25px;
    margin-right:-1px;
    
}
#CalendarContainer .CalendarGrid .DataRow .Gutter > span > span
{
    /*writing-mode: tb-rl;*/
    position: relative;
    padding: 0;
    margin-left:5px;
    display: block;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 0 100%;
    transform: rotate(90deg);
	transform-origin: 0 100%;
    text-indent: 5px;
}
#CalendarContainer .CalendarGrid .DataRow .Selected 
{
    border: 2px solid #F69419;
    -moz-box-shadow: 0 0 8px #888888;
    -webkit-box-shadow: 0 0 8px #888888;
    box-shadow: 0 0 8px #888888;
    position: relative;
    z-index: 1;
}
#CalendarContainer .CalendarGrid .DataRow .Selected .Title
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#CalendarContainer .CalendarGrid .DayItem, #CalendarContainer .CalendarGrid .TimelineItem
{
    position: static;
    margin: 2px 0 0;    
    line-height: 16px;
    padding: 0;
    cursor:pointer;
}
#CalendarContainer .CalendarGrid .Items
{
    padding-bottom: 22px;    
}
#CalendarContainer .CalendarGrid .Icon
{
    margin: 0px 5px;    
}
#CalendarContainer .CalendarGrid .RepeatGlyphOnLight, #CalendarContainer .CalendarGrid .RepeatGlyphOnDark
{
    margin:2px 1px 0 0;
}
/*#endregion */

/*#region ui-resizable */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/*#endregion */

/*#region ui-sortable */
.ui-sortable-helper{font:12px;}
/*#endregion */

/*#region Timesheets v2.6 */
.Timesheet26 #TimesheetContainer
{
    clear:both;
}
.Timesheet26 .Icon{width: auto; display:block; }/*this override the width of Icon class*/
.Timesheet26 .BlueOptionsBar { height: 30px;padding-top:5px; background-image:none;background-color:#ffffff;}
.BlueOptionsBar h2 { color: #404040; margin: 2px 0 0 10px; white-space: nowrap; }
.Timesheet26 > ul { line-height:20px; margin-top:1px; white-space: nowrap; overflow: hidden; height:26px;padding:0;margin:0 0 0 10px; }
.Timesheet26 > ul a {  font-size: 9.25pt;}
.Timesheet26 > ul .Selected
{  
    background: #6BA6D7;
    z-index: 1;
    border: none;
    margin-top: 1px;
    font-weight: bold;
    
}
.Timesheet26 > ul .Selected a
{
   color: White;
 
}


#LineSheetView 
{
    background: #ecedef;
}
#LineSheetView .Data
{
    width: 100%;    
    /*border-collapse:collapse;*/
    border-spacing: 0;
}
#LineSheetView .Data > tbody > tr > td
{
    border: 1px solid #b8bdc1;
    border-top: 0;
    /*border-bottom: 1px solid #6593CF;*/
}
#LineSheetView .Data .Day
{
    color: #5D8CC9;
    font-size: 11px;
    text-align: center;
    
    min-width:50px;
}
#LineSheetView .NewRow > td, #LineSheetView .DataRow > td
{
    /*padding: 2px 4px;    */
}
#LineSheetView .NewRow 
{
    background: #d8e0e3;
}
#LineSheetView .NewRow input[type="text"]
{
    width: 150px !important;    
}
#LineSheetView .DataRow 
{
    
}
#LineSheetView .DataRow .Day
{
   text-align: center;
  
}
#LineSheetView .DataRow td
{
    vertical-align: top;
    padding: 0;
}
#LineSheetView .DataRow td table
{
    width: 100%;    
}
#LineSheetView .DataRow .BoxHeight
{
    height: 28px;    
    padding: 2px 4px;
}
#LineSheetView .DataRow .Default
{
    border-bottom: 2px solid #b8bdc1;    
}
#LineSheetView .DataRow .Total
{
    background:#6593CF;
    color: White;
    font-weight: bold;
}
#LineSheetView .DataRow .RowEnd
{
    position: absolute;    
}
#LineSheetView .DataRow .SaveTools
{
    padding: 0 10px 10px 10px;
}
#LineSheetView .DataRow .SaveTools hr
{
   border-top: transparent;
   border-bottom: 1px solid #5D8CC9;
}

#LineSheetView .DataRow .Modified
{
    /*border-color: #FF9600;    */
}
#LineSheetView .DataRow .NonDefault
{
    border-color: #FF9600; 
}
#LineSheetView .Expanded
{
    background: #ecedef;
   
}
#LineSheetView .Expanded > td
{
    /*border-color: #F69419 !important; 
    border-top: 1px solid #F69419;
    border-left: 1px solid #F69419;*/
}
#LineSheetView .NoResultsRow > td
{
    text-align:center;
    padding: 30px !important;    
}
#LineSheetView .DataRow .ContactEditorTable th
{
    width: 100px;
}
#LineSheetView .Title td
{
    min-width:50px;    
}

/*#endregion */

.InlineEditFieldValueNoBold #PreviewImage 
{
    -moz-box-shadow: 0 0 3px #CCCCCC;
    -webkit-box-shadow: 0 0 3px #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
}


.HelpGlyph
{
	margin:0;
	font-size: 8px;
	display:inline-block;
	vertical-align: middle;
	width: 17px;
	height: 18px;
	background: url(/v3.0/images/sprite_1.png) no-repeat 0px -122px;
	text-indent: 20px;
	overflow:hidden;
}
.HelpGlyph:hover
{
    background-position:  -20px -122px;
}
#HELP_GLYPH_DASHWIDGET
{
    margin: 0 0 0 5px;    
}

#HELP_GLYPH_HOME_WELCOME,
#HELP_GLYPH_COTNACT_COMPANIES,
#HELP_GLYPH_CONTACT_PORTAL,
#HELP_GLYPH_COMPANY_PORTAL,
#HELP_GLYPH_COMPANY_BRANCH_MEMBERS,
#HELP_GLYPH_KB_ISPUBLIC,
#HELP_GLYPH_SUPPORT_CASE_ATTACHMENTS,
#HELP_GLYPH_LEAD_ASSIGNED_TO,
#HELP_GLYPH_CAMPAIGN_PREVIEW,
#HELP_GLYPH_WEB_FORM_EXPORT
{
	float:right;
}
#HELP_GLYPH_COMPANY_BRANCH_TABS
{
	margin-left: 10px;
}
#HELP_GLYPH_CALENDAR_TABS, 
#HELP_GLYPH_JOURNAL_TABS,
#HELP_GLYPH_PROJECTS_TABS,
#HELP_GLYPH_TODO_TABS,
#HELP_GLYPH_SUPPORT_CASE_TABS,
#HELP_GLYPH_ENTRY_SCREEN_TABS
{
	margin:6px 0 0 10px;
	/*float: right;*/
}

#HELP_GLYPH_MANAGELEADS_SHARE,
#HELP_GLYPH_MANAGELEADS_REASSIGN,
#HELP_GLYPH_MANAGELEADS_VIEW
{
    background-position: -60px -1754px;
}
/*
#HELP_GLYPH_CONTACT_TAGS
{
    float: right;
    margin: 0 0 0 10px;
}
*/
#HELP_GLYPH_DOCUMENT_APPLY_TEMPLATE,
#HELP_GLYPH_SUPPORT_CASE_CREATE_KB,
#HELP_GLYPH_SUPPORT_CASE_SIGNATURE,
#HELP_GLYPH_SUPPORT_CASE_STANDARD_RESPONSE,
#HELP_GLYPH_LEAD_CUSTOMER,
#HELP_GLYPH_LEAD_ASSIGNED_NOT,
#HELP_GLYPH_LEAD_REFFERD_BY,
#HELP_GLYPH_LEAD_AGE,
#HELP_GLYPH_LEAD_VALUE,
#HELP_GLYPH_PRODUCT_TYPE_PRODUCT,
#HELP_GLYPH_PRODUCT_TYPE_SUBSCRIPTION,
#HELP_GLYPH_PRODUCT_COMMISION_FIXED,
#HELP_GLYPH_PRODUCT_COMMISION_PERCENTAGE,
#HELP_GLYPH_PRODUCT_COMMISION_SUBSCRIPTION,
#HELP_GLYPH_PRODUCT_PRICING_MATRIX,
#HELP_GLYPH_PRODUCT_PROMOTIONAL_OFFERS,
#HELP_GLYPH_PRODUCT_NEW_PROMOTION,
#HELP_GLYPH_CAMPAIGN_LOAD_EMAIL,
#HELP_GLYPH_CAMPAIGN_SUBJECT,
#HELP_GLYPH_CAMPAIGN_HTML_EDITOR,
#HELP_GLYPH_CAMPAIGN_TEXT_EDITOR,
#HELP_GLYPH_EXPENSE_SUPPLIER_PAYMENT_YES,
#HELP_GLYPH_EXPENSE_SUPPLIER_PAYMENT_NO,
#HELP_GLYPH_EXPENSE_BILL_CUSTOMER_YES,
#HELP_GLYPH_EXPENSE_BILL_CUSTOMER_NO,
#HELP_GLYPH_INVOICE_AD_MOVE,
#HELP_GLYPH_INVOICE_AD_TAX,
#HELP_GLYPH_INVOICE_ADD_DISCOUNT,
#HELP_GLYPH_INVOICE_UNBILLED_CHARGES,
#HELP_GLYPH_INVOICE_AD_TAX,
#HELP_GLYPH_INVOICE_REMOVE_LATER,
#HELP_GLYPH_INVOICE_REMOVE_NOT_BILLED,
#HELP_GLYPH_INVOICE_SORT_ITEMS,
#HELP_GLYPH_INVOICE_MEMO,
#HELP_GLYPH_INVOICE_PREVIEW,
#HELP_GLYPH_PAYMENT_RECEIPT_NO,
#HELP_GLYPH_PAYMENT_AMOUNT,
#HELP_GLYPH_WEB_FORM_LEAD_PROFILE,
#HELP_GLYPH_WEB_FORM_SUPPORT_CASE,
#HELP_GLYPH_WEB_FORM_FIELD_TYPE,
#HELP_GLYPH_WEB_FORM_FIELD_NAME,
#HELP_GLYPH_WEB_FORM_NOTIFICATION,
#HELP_GLYPH_SETTINGS_CUSTOMER_PERMISSIONS,
#HELP_GLYPH_SETTINGS_CALENDAR_NEW_SYNC,
#HELP_GLYPH_SETTINGS_TIMESHEETS_NAME,
#HELP_GLYPH_SETTINGS_TIMESHEETS_RATE,
#HELP_GLYPH_SETTINGS_TIMESHEETS_NO_INVOICE,
#HELP_GLYPH_SETTINGS_PROJECTS_FIELD_TYPE,
#HELP_GLYPH_SETTINGS_PROJECTS_FIELD_NAME,
#HELP_GLYPH_SETTINGS_PROJECTS_FIELD_QUESTION,
#HELP_GLYPH_SETTINGS_PROJECTS_FIELD_OPTIONS,
#HELP_GLYPH_SETTINGS_BILLING_TAX_ISCOMPOUND,
#HELP_GLYPH_SETTINGS_BILLING_TAX_SHIPPING,
#HELP_GLYPH_SETTINGS_BILLING_TAX_BEFORE_DISCOUNT,
#HELP_GLYPH_SETTINGS_BILLING_TIMESHEET_GROUPING,
#HELP_GLYPH_LEAD_CONTACTS_CUSTOMER
{
	/*float:none;*/
}
/*
#HELP_GLYPH_SETTINGS_SECURITY,
#HELP_GLYPH_SETTINGS_SSL
{
	margin-left:30px;
}*/

#HELP_GLYPH_INVOICE_AD_LIST{
	float:none;
	margin: 3px 0 0 107px;
	position: absolute;
}
#HELP_GLYPH_INVOICE_AD_DESCRIPTION,
#HELP_GLYPH_INVOICE_AD_BULK,
#HELP_GLYPH_INVOICE_AD_NAME
{
	    float: right;
    margin: 4px 4px 0 -30px;
    position: relative;
}
#HELP_GLYPH_BLOG_GRID{margin:10px 0 0 0;}
#HELP_GLYPH_SEARCH_FIELDTYPE {float:right; margin: 0 5px 0 0;}

.HelpGlyphDialog, .ProjectViewDragInfo
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #eeeeee;
    -webkit-box-shadow: 0 0 5px #eeeeee;
    box-shadow: 0 0 5px #eeeeee;
    border: 1px solid #e4e3bf;
    min-width:300px;
    max-width:360px; 
    padding: 10px;
    position:absolute;
    z-index: 10000;
    white-space: normal;
    line-height: normal;
    background: #fffded;
    background-image: -webkit-linear-gradient(top,#fffef2 0%,#fffcde 100%);
    background-image: -moz-linear-gradient(center top,#fffef2 0%,#fffcde 100%);
    background-image: linear-gradient(top,#fffef2 0%,#fffcde 100%);
    font-weight: normal !important;
    font-size:12px !important;
    text-align: left;
    line-height: 1.5em;
	font-family: Helvetica, Arial, Sans-Serif;
}
.HelpGlyphDialog .trip-left, .HelpGlyphDialog .trip-top, .HelpGlyphDialog .trip-right, .HelpGlyphDialog .trip-bottom
{
    position: absolute;
    width: 16px;
    height: 14px;
    background: url(/v3.0/images/sprite_1.png) no-repeat -10px -249px;
    left: 10px;
    top: -13px;
}
.HelpGlyphDialog .trip-left, .HelpGlyphDialog .trip-right
{
    width: 12px;
    height: 13px;
}
.HelpGlyphDialog .trip-left
{
    position: absolute;
    background-position:0px -213px;
    left: -12px;
    top: 10px;
}
.ProjectViewDragInfo
{
    margin: 10px 0 0 100px;    
}

.HtmlEditor .Toolbar img{   background: url(/v2.0/images/editor/sprite_1.png) no-repeat top left;}
.HtmlEditor .Toolbar .icon-aligncenter{ background-position: 0 0; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-alignjustify{ background-position: 0 -74px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-alignleft{ background-position: 0 -148px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-alignright{ background-position: 0 -222px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-bold{ background-position: 0 -296px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-clearformat{ background-position: 0 -370px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-copy{ background-position: 0 -444px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-cut{ background-position: 0 -518px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-fontcolor{ background-position: 0 -592px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-fontsize{ background-position: 0 -666px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-highlight{ background-position: 0 -740px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-hyperlink{ background-position: 0 -814px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-indent{ background-position: 0 -888px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-insert-file{ background-position: 0 -962px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-insert-image{ background-position: 0 -1036px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-italic{ background-position: 0 -1110px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-orderedlist{ background-position: 0 -1184px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-outdent{ background-position: 0 -1258px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-pagebreak{ background-position: 0 -1332px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-paste{ background-position: 0 -1406px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-quote{ background-position: 0 -1480px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-redo{ background-position: 0 -1554px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-space{ background-position: 0 -1628px; width: 7px; height: 16px; } 
.HtmlEditor .Toolbar .icon-underline{ background-position: 0 -1694px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-undo{ background-position: 0 -1768px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-unorderedlist{ background-position: 0 -1842px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-viewhtml{ background-position: 0 -1916px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-insert-embed{ background-position: 0 -36px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-strikethrough{ background-position: 0 -260px; width: 24px; height: 24px; } 
.HtmlEditor .Toolbar .icon-insert-table{ background-position: 0 -108px; width: 24px; height: 24px; } 
.HtmlEditorMenu {border: 1px solid lightGrey;background-color: #FBFBFB;z-index:200; padding: 2px;position: absolute; }
/* Causes loss of focus in FF
.HtmlEditor:hover:after 
{
content: " ";
position: absolute;
bottom: 0px;
right: 0px;
background: url(/v2.0/images/main.png) no-repeat 3px -2238px;
width: 24px;
height: 24px;    
}
*/
.HtmlEditor .ui-resizable-se, .NewEntryBaloon .ui-resizable-se
{
    background: url(/v2.0/images/main.png) no-repeat -4px -2164px;
}
.sprite-CalendarViewType_Article{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left; background-position: 0 0 !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_BlogPost{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -200px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Calendar{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -400px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_CatalogItem{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -600px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Company{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -800px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Disbursement{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -1000px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Document{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -1200px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Employee{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -1400px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Event{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -1600px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Invoice{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -1800px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Journal{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -2000px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Lead{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -2200px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Message{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -2400px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Notation{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -2600px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Person{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -2800px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Product{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -3000px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Project{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -3200px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Subscription{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -3400px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_Support_Case{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -3600px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_ToDo{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -3800px !important; width: 16px; height: 16px; } 
.sprite-CalendarViewType_MailQueue{background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -2400px !important; width: 16px; height: 16px; } 

#FilterDialog,div.FilterDialogBox
{
    position:absolute;
    border:0;
    background: #F6F6F6;
}
#FilterDialog ul, #FilterDialog ul li, div.FilterDialogBox>ul, div.FilterDialogBox>ul>li
{
    list-style: none;
    padding: 0;
    margin:0;
}
#FilterDialog ul,div.FilterDialogBox>ul
{
    width: 125px;
    position:absolute;
}
#FilterDialog ul li,div.FilterDialogBox>ul>li
{
    cursor: pointer;    
    padding: 3px 8px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius:  5px 0 0 5px;
    border-radius:  5px 0 0 5px;
}
#FilterDialog ul li.Disabled,div.FilterDialogBox>ul>li.Disabled
{
    color:#cbcbcb !important;
    text-decoration:none;
    cursor:default;
}
#FilterDialog ul li:hover,div.FilterDialogBox>ul>li:hover { text-decoration: underline; }
#FilterDialog ul li.Disabled:hover,div.FilterDialogBox>ul>li.Disabled{ text-decoration:none;}
#FilterDialog ul .Selected, div.FilterDialogBox>ul>li.Selected
{
    background-color:white;    
}
#FilterDialog #Editors, div.FilterDialogBox>div.EditorsBox
{
    margin-left: 120px;
    min-height: 150px;
    background: white;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
}

#FilterDialog #PeriodOptions .Box,
#FilterDialog #PeriodOptions .LastBox, 
div.FilterDialogBox .PeriodDatePicker .Box,
div.FilterDialogBox .PeriodDatePicker .LastBox
{
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #F6F6F6; 
}
#FilterDialog #PeriodOptions .LastBox, div.FilterDialogBox .PeriodDatePicker .LastBox
{
    margin:20px 0 0 0;
}
#FilterDialog #PeriodOptions .ui-datepicker, div.FilterDialogBox .PeriodDatePicker .ui-datepicker
{
    padding: 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#FilterDialog #PeriodOptions .ui-datepicker table,  div.FilterDialogBox .PeriodDatePicker .ui-datepicker table{ margin: 0; }
#FilterDialog #PeriodOptions .ui-datepicker table a,  div.FilterDialogBox .PeriodDatePicker .ui-datepicker  table a{ color: Black;}
#FilterDialog #PeriodOptions .ActiveLink,  div.FilterDialogBox .PeriodDatePicker .ActiveLink, .SidebarPingsSettingsContainer .ActiveLink
{
    background: #F6F6F6; 
    
}
#FilterDialog #PeriodOptions .Link,  div.FilterDialogBox .PeriodDatePicker .Link, .SidebarPingsSettingsContainer .Link
{
    display: block;
    padding: 2px 8px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
#FilterDialog #PeriodOptions .LinkAll,  div.FilterDialogBox .PeriodDatePicker .LinkAll, .SidebarPingsSettingsContainer .LinkAll
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#FilterDialog #PeriodOptions .Divider,  div.FilterDialogBox .PeriodDatePicker .Divider
{
    background: url(/v2.0/images/glyph_right_black.gif) no-repeat 50% 50%;
}
div.FilterDialogBox>div.EditorsBox>.EditorContainer
{
    display: none;max-height: 300px;overflow-y: auto;overflow-x: hidden;
}
#FilterDialog #ActivityOptions 
{
    width: 320px;
}
#FilterDialog #ActivityOptions > div
{
    width: 150px;
    float: left;    
}
/*begin:saved filters*/
.NewSavedFilters
{
    position: absolute;
    top: 150px;
    margin-top: 10px;
    padding-left:8px;
}
.NewSavedFilters > div
{
    width:120px;
}
.NewSavedFilters .BreakLine
{
    width:110px;
    height: 1px;
    margin: 10px 0;
    border-bottom: 1px solid gray;
    position: relative;
}
.NewSavedFilters .BreakLine > span
{
    background: #F6F6F6;
    position: absolute;
    display: inline-block;
    left: 20px;
    top: -7px;
    font-size: 14px;
    padding: 0 3px;
}
/*end: saved filters*/
.AV2ActionDialog
{
    background:#F6F6F6;
    position: absolute;
}
#NewWorkDashWidget_WidgetHolder .EntryListItem 
{
    white-space: nowrap;    
    
}
#NewWorkDashWidget_WidgetHolder .UpdateNote
{
    vertical-align: top;
}
#NewWorkDashWidget_WidgetHolder .IconLink
{
    white-space:normal;
    margin-right: 20px;
}
#NewWorkDashWidget_WidgetHolder .Date
{
    white-space:normal;
    margin-right: 20px;
}

.SubTaskMenu
{
    float: left;
    width: 140px;    
    list-style: none;
    padding: 10px 0;
    margin: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #EEF3FA;
    /*border: 1px solid #66CCFF;*/
}
.SubTaskMenu li
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.SubTaskMenu li a
{
    display: block;
    margin: 0 0 1px 0;
    color: #555555;
    padding: 4px 14px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/*
.SubTaskMenu li .Selected
{
    background: url(/v2.0/images/glyph_right_black.gif) no-repeat 90% 50% white;
    margin-right: -1px;
    border-right:0;
    margin-left: 4px;
    padding: 4px 10px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    -moz-box-shadow: -4px 0px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: -4px 0px 5px rgba(0,0,0,0.2);
    box-shadow: -4px 0px 5px rgba(0,0,0,0.2);
}*/
.SubTaskMenu li .Selected
{
    text-decoration:none;
    vertical-align: middle;
    cursor: default;
    border-radius: 3px;
    color: #555;
    font-weight: bold;
    font-size: 11px;
    text-shadow: 0 0 0 transparent,0 1px 0 white;
    margin: 0 -6px 3px 0;
    padding: 3px 8px 3px 12px;
    border: 1px solid #CCC;
    border-bottom-color: #AAA;
    border-radius: 5px 20px 20px 5px;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    background-image: -moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -ms-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0));
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
   
}

#AffilContainer #Right
{
    margin-left: 155px;    
}
#AffilContainer #Right .Status
{
    float: right;    
}
#AffilContainer dl dd
{
        display: block;    
        margin-bottom: 10px;
}
#AffilContainer dl dt
{
    font-weight: bold;   
    display: block;  
}
.Pinned
{
    display: block;
	background: url(/v2.0/images/main.png) no-repeat top left;  background-position: 1px -2002px !important;
	width: 24px;
	height: 24px;
}
.Unpinned
{
    display: block;
	background: url(/v2.0/images/main.png) no-repeat top left;  background-position: -33px -2000px !important;
	width: 24px;
	height: 24px;
}
.DataRow .Pin
{
    cursor:pointer;float:right; position:relative;  margin: 0 0 -24px;    
}
.FileIcon
{
    background: url(/v2.0/images/filetypes_bw.png) no-repeat top left; width:16px; height:16px;
    vertical-align: top;
    text-align: left;
    float: left;
     margin-right: 3px;
}
*:hover>.FileIcon,.FileIcon:hover{background-image:url(/v2.0/images/filetypes.png)}
.FileIcon > div { background: url(/v2.0/images/filetypes.png) no-repeat top left; position: relative; margin-top: 2px; width:16px; height:16px; }
#DocumentsFilesFolderPane { float:left; width: 250px; }
#DocumentsFilesResultsPane { margin-left: 255px; }
wbr:after { content: "\00200B" }

#GoogleContactsDetails .DataCell
{
    cursor:pointer;
    border:1px solid transparent;
    padding:3px;
    border-radius:3px;
    min-width: 125px;
    font-size: 9.25pt;
    margin: 0;
	margin-bottom: 2px;
	font-family: Tahoma,Verdana,arial,sans-serif;
	max-width: 150px;
	overflow: hidden;
}
#GoogleContactsDetails .DataCell:hover
{
    border:1px solid #CCCCCC;
    background: transparent url(/v3.0/images/sprite_1.png) no-repeat 0 -5260px;
}
#GoogleContactsDetails td, #GoogleContactsDetails th
{
    font-size: 9.25pt; 
}
.StartupMode
{    
    float:right;
    margin: 0px;
    padding: 17px 20px 0px 55px;
    font-weight: bold;
    height: 35px;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #ffd200;
	background: #fffcb5 url('/v2.0/images/start_up.png') no-repeat 8px 5px;
	vertical-align: top;
}

.StartupMode a
{
    margin: 0px 0px 0px 5px;
    padding: 0px;
}

/*#region Search Box*/
#SearchContainer>.SearchBoxContainer, .DiscussionSearchContainer>.SearchBoxContainer
{
    width:214px;
    height:28px;
    border: 1px #aeaeae solid !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important; 
    position:relative;
}
#SearchContainer>.SearchBoxContainer>.KeywordsSubmit, .DiscussionSearchContainer>.SearchBoxContainer>.KeywordsSubmit
{
    background:#ffffff;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#ececec 100%);
    background-image: linear-gradient(top,#ffffff 0%,#ececec 100%);
    border-left:1px solid #aeaeae;
    height:28px;
    width:28px;
    margin:0 0 0 -29px;
    -moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#SearchContainer>.SearchBoxContainer>.KeywordsSubmit>span,.DiscussionSearchContainer>.SearchBoxContainer>.KeywordsSubmit>span
{
    height:20px;
    width:20px;
    display:block;
    background:url(/v3.0/images/sprite_1.png) no-repeat -480px -340px;
    margin:4px 0 0 4px;
}
#SearchContainer>.SearchBoxContainer>.KeywordsSubmit:hover>span, .DiscussionSearchContainer>.SearchBoxContainer>.KeywordsSubmit:hover>span
{
    background-position: -480px -360px;
}
#SearchContainer>.SearchBoxContainer>.SearchBoxConfig
{
    background:#ffffff;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#ececec 100%);
    background-image: linear-gradient(top,#ffffff 0%,#ececec 100%);
    border-left:1px solid #aeaeae;
    height:28px;
    width:28px;
    margin:0 29px 0 -58px;
    display:block;
    float:right;
    position:relative;
    cursor:pointer !important;
    z-index:103;
}
#SearchContainer>.SearchBoxContainer>.SearchBoxConfig>span
{
    height:20px;
    width:20px;
    display:block;
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -930px;
    margin:4px 0 0 4px;
}
#SearchContainer>.SearchBoxContainer>.SearchBoxConfig:hover>span
{
    background-position: -480px -930px;
}
#SearchContainer>.SearchBoxContainer>.SideBarSearchBox, .DiscussionSearchContainer>.SearchBoxContainer>.DiscussionSearchBox
{
    margin: 0 !important;
    width: 150px;
    border:0 !important;
    height:22px;
    line-height:22px;
    padding-right:61px;
}
#SearchContainer>.SearchBoxContainer>.SideBarClose
{
    margin: 0 0 0 185px;
    position: absolute;
    background:#ffffff;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#ececec 100%);
    background-image: linear-gradient(top,#ffffff 0%,#ececec 100%);
    border-left:1px solid #aeaeae;
    height:28px;
    width:28px;
    display:block;
    cursor:pointer !important;
    z-index:103;
    -moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#SearchContainer>.SearchBoxContainer>.SideBarClose>span
{
    height:20px;
    width:20px;
    display:block;
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -760px;
    margin:4px 0 0 4px;
}
#SearchContainer>.SearchBoxContainer>.SideBarClose:hover>span
{
    background-position:-480px -760px;
}
#SearchContainer>.SearchBoxContainer>.InstantSearchFieldsList
{
    margin-left: 0px; width: 184px; margin-top: 28px; border-color: #aeaeae;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;  
}
.SideBarSearchDialog
{
    background: white;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    width: auto;
    right: 26px;
    top: 35px; /* do not change, may lose search type dropdown */
    left: 30px;
    -moz-box-shadow: 0em 1em 2em #000000;
    -webkit-box-shadow: 0em 1em 2em #000000;
    box-shadow: 0em 1em 2em #000000;   
    background: rgb(255,255,255); /* Old browsers */
    background: linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* W3C */
    min-width:1044px;
}
.SideBar .KeywordsSubmit 
{
    margin: 8px 13px -28px 0;    
    /*z-index: 102;*/
    z-index:2;
}
.SideBarClose
{
    background: url("/v3.0/images/sprite_1.png") no-repeat scroll 0px -765px;
    cursor: pointer;
    display: block;
    height: 14px;
    margin: 12px 0 0 200px;
    position: absolute;
    width: 16px;
    z-index: 103;
}
#HelpDeskBody .SideBarClose, .MostHelpful .SideBarClose
{
    float: right;
    position: relative;
    margin: 10px 0 -25px;    
}
.SideBarClose:hover
{
    background-position: -480px -765px;    
}
.SideBarSearchDialog .ResultsTable td
{
    padding: 2px 5px;    
}
.SideBarSearchDialog .ResultsTable thead td
{
    /*font-weight: bold;    */
    color: White;
    white-space: nowrap;
    background:url("/v2.0/images/gradshadeup.png") repeat-x scroll 0 0 #6BA6D7; 
}
.SideBarSearchDialog .ResultsTable thead .MainCol { /*width: 100%;*/ }
.SideBarSearchDialog .ResultsTable thead .InfoCol, 
.CommunitySearchDialog .ResultsTable thead .InfoCol 
{
    width: 150px; 
}
.SideBarSearchDialog .Filters, .CommunitySearchDialog  .Filters
{
    padding: 5px 5px 5px 5px;
    background: white;
    color: Black;
    font-size: 11px;
    border-radius: 3px;
    float: right;
    width: 225px;
    margin: -8px 0 0 0;
    
}
.SideBarSearchDialog .Filters{padding-top:52px;}
.SideBarSearchDialog .Filters  td, .CommunitySearchDialog  .Filters td { font-size:11px;}
.SideBarSearchDialog .Filters .ConfigBox, .CommunitySearchDialog .Filters .ConfigBox
{
    border: 1px solid #CCCCCC;
    background:white;
    border-radius: 3px;
    padding: 3px;        
    margin: -9px 5px 0 0;
    padding-top: 10px;
}
.SideBarSearchDialog .Filters .DropLink, .CommunitySearchDialog .Filters .DropLink 
{
  background-color: transparent;

}
.SideBarSearchDialog .Config .Heading, .CommunitySearchDialog .Config .Heading
{
    position: relative;
    padding: 0px 3px;
    background: white;    
    margin: 0 0 0 10px;
}
.SideBarSearchDialog .Abstract b, .CommunitySearchDialog .Abstract b { font-weight: normal; background: yellow; }
.SideBarSearchDialog .Results, .CommunitySearchDialog .Results
{
    border-radius: 5px 5px 5px 5px;
    margin: 10px 260px 10px 10px;
    padding: 15px;
    background: White;
}
.CommunitySearchDialog .Results
{
    margin-left: 10px 250px 10px 0px;
    padding: 0;
}
.SideBarSearchDialog .Results .IconLink, .CommunitySearchDialog .Results .IconLink {float:left;margin-top:1px;}
.SideBarSearchDialog .Results .Pages
{
    height: 30px;
}
.SideBarSearchDialog .Results .Restricted a
{
    text-decoration: none;
    font-style: italic;
    font-weight: normal;
    color: #555555;
    font-family: Tahoma, Verdana, arial, sans-serif;
}
.SideBarSearchDialog .Shaded
{
    box-shadow: -0.1em -0.1em 0.3em #CCCCCC inset; /*0 0 0.3em #CCCCCC;*/
}
.SideBarSearchDialog .SearchFieldType, .CommunitySearchDialog .SearchFieldType
{
    padding-left:8px;
    margin:0 0 20px 0;
    color:#999999;
    font-size:11px;
    -webkit-text-size-adjust:none;
}
.CommunitySearchDialog .SearchFieldType
{
    margin: 0;
    padding-left: 11px;
    background: url(/v2.0/images/main.png) -4px -2113px no-repeat;
    cursor: pointer;
}
.SideBarSearchDialog .ComboBoxTextBox, .SideBarSearchDialog .CalendarBox { border-color: #CCCCCC; }
.InstantSearchFieldsList
{
    background: none repeat scroll 0 0 white;
    border: 1px solid #7F9DB9;
    margin: 2px 0 0 17px;
    max-height: 150px;
    min-height: 25px;
    min-width: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 105;
}
.CommunitySearchDialog .InstantSearchFieldsList
{
    margin: 0 0 0 -5px;
}
.InstantSearchFieldsList > div
{
    padding: 2px 4px;    
    cursor: pointer;
}
.InstantSearchFieldsList > div:hover
{
    background: Highlight;
	color: HighlightText;
}

/*#endregion*/

/*#region PermissionsGrid */
.PermissionsGrid
{
    border-collapse: collapse;  
    margin: -2px -2px 5px -2px;  
}
.PermissionsGrid thead
{
    background: #EEEEEE;    
}
.PermissionsGrid thead td, .PermissionsGrid thead th
{
    font-weight: bold;
    font-size: 10px;
}
.PermissionsGrid th, .PermissionsExtra th
{
    white-space:nowrap;
    text-align: right;
}
.PermissionsGrid td { border-left: 1px solid #CCCCCC; padding: 0 4px; width: 25px; text-align: center;}
.PermissionsGrid .g { border-left: 1px solid #EEEEEE; padding: 0 15px 0 2px;}
.PermissionsGrid .ReadOnly .g {padding: 0 4px;}
.grouphead, .PermissionsGrid .grouphead
{
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    font-weight: bold;
    padding-top: 20px;
    white-space: nowrap;
    padding-left: 4px;
}
/* alignment tweaks for contact viewer */
.ContactEditorTable .grouphead { border-left: 1px solid transparent; border-right: 1px solid transparent; }
.ContactEditorTable .PermissionsGrid .grouphead { border-left: 0; border-right:0; }

.PermissionsGrid .groupcol
{
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    padding-top: 20px;
    white-space: nowrap;
}
.PermissionsGrid .ReadOnly .groupcol 
{
    text-align: center;  
}
.PermissionsGrid .ReadOnly span
{
    display: block;   
    width: 40px;
    margin: auto;
}
/*#endregion */


/*#region CycleButton */

.CycleButton input, .CycleButton > label
{
    display: none !important;    
}
.CycleButton > span
{
    display: block;  
    cursor: pointer;
}
.CycleButton .Full, .CycleButton .Limited, .CycleButton .Off, .CycleButton .On, .SetAllMenu > span,
.PermissionsGrid .ReadOnlyExecute, .PermissionsGrid .ReadOnlyFull, .PermissionsGrid .ReadOnlyLimited, .PermissionsGrid .ReadOnlyOff,
#TagsEditor .OptionOn, #TagsEditor .OptionOff, #TagsEditor .ToggleAll,#TagsEditor .OptionDisabled
{
    width: 40px;
    font-size: 10px;
    text-align: center;
    padding: 0px 5px;
    margin: 2px 0px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    color: Black;
    display: block; 
}
.CustomerMode .CycleButton > span, .CustomerMode .g > span, .SetAllMenu > span
{
   width: 70px; 
}
.PermissionsGrid .ReadOnlyExecute, .PermissionsGrid .ReadOnlyFull, .PermissionsGrid .ReadOnlyLimited
{
    background: #74c770; 
    border:0;
}
.PermissionsGrid .ReadOnlyLimited
{
    background:  #e5d771;
}
.CycleButton .Full, .CycleButton .On, .CycleButton .Execute, .SetAllMenu .Full, .SetAllMenu .Execute, #TagsEditor .OptionOn, #TagsEditor .PartialOn
{
     background: #74c770; /* Old browsers */
    background: -moz-linear-gradient(top,  #95d98b 0%, #74c770 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95d98b), color-stop(100%,#74c770)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #95d98b 0%,#74c770 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #95d98b 0%,#74c770 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #95d98b 0%,#74c770 100%); /* IE10+ */
    background: linear-gradient(top, #95d98b 0%,#74c770 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95d98b', endColorstr='#74c770',GradientType=0 ); /* IE6-9 */

      border-color: #71bc40;   
      
  
}

.CycleButton .Limited,.SetAllMenu .Limited,#TagsEditor .OptionOff, #TagsEditor .PartialOff
{
    
     background: #e5d771; /* Old browsers */
background: -moz-linear-gradient(top,  #f1eea1 0%, #e5d771 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1eea1), color-stop(100%,#e5d771)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1eea1 0%,#e5d771 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1eea1 0%,#e5d771 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1eea1 0%,#e5d771 100%); /* IE10+ */
background: linear-gradient(top, #f1eea1 0%,#e5d771 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eea1', endColorstr='#e5d771',GradientType=0 ); /* IE6-9 */

    border-color: #cbbf13;
}

.CycleButton .Off,  .PermissionsGrid .SetAll, .SetAllMenu .Off, #TagsEditor .PartialDisabled,#TagsEditor .OptionDisabled
{
   background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  
    border-color: #CCCCCC;
}
/*#endregion */

/*#region PermissionsGrid and PermissionEditor */
.PermissionsGrid .SetAll
{
    font-weight: normal;
    font-size: 10px;
    padding: 0px 8px;
    margin: 4px 0 0 0;
}
.PermissionsGrid .SetAll span
{
    background: url(/v2.0/images/down_arrow.gif) no-repeat;
    width: 10px;
    height: 6px;
    display: inline-block;
    margin: 0 -6px 0 8px;
}
/*.PermissionsGrid .SetAll
{
    background-image: url(/v2.0/images/down_arrow.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;    
    margin: 0px 3px -5px -4px;
    width: 13px;
    height: 11px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    border-bottom-color: White;
}
.PermissionsGrid .SetAll:hover
{
    background-color: #eeeeee;
    border-bottom-color: #CCCCCC;
}*/
.SetAllMenu > span
{
    display: block;
    cursor:pointer;
    padding: 3px 5px;
    margin: 1px;    
}
#PermissionEditor .Contents
{
    margin: 0px 10px 10px 150px;
    padding: 10px 0 0 0;
}
#PermissionEditor .SubTaskMenu
{
    border-radius: 0 0 5px 5px;    
}
#PermissionEditor .BlueOptionsBar
{
    min-height: 0px;    
    height: 2px;
}

.PermissionsTableRegion 
{
   position:relative;
    padding: 10px 30px 0 2px;
   /* max-height: 400px;
    min-height: 200px;
    overflow: hidden;   
    overflow-y: auto; */
}
.PermissionsGrid th, .PermissionsExtra th
{
    min-width: 200px !important;    
    overflow: hidden;
}
/*#endregion */



/*#region  css for new/edit custom view*/
.NewCustomView{width:100%;margin-top:10px;}
.NewCustomView .LeftContent{width:600px;margin-right:340px;float:left;}
.NewCustomView input,.CustomViewList select{ margin-right:4px;}
.NewCustomView .ComboBoxItem>input{float:left;}
.NewCustomView .RightContent{}
.NewCustomView #FloatSummary{
    border: 2px dotted #CDCDCD;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width:300px;
    position: absolute;
    top: 150px;
    left:670px;
    background-color:#F6F6F6;
    padding: 10px;
}
.NewCustomView #FloatSummary > h2
{
    margin:10px 0;
    padding-left:10px;
    text-align:center;
}
.NewCustomView #FloatSummary > p
{
    margin: 15px 0 5px 0;
}
.NewCustomView #FloatSummary > div
{

}
.NewCustomView #FloatSummary .FieldsGroup
{
    border: #DDD 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
}
.NewCustomView .SummaryItem:hover .RemoveIcon
{
    display:block;
    float:right;
    margin: 2px 0 0 0;
}
.NewCustomView .SummaryFieldLabel
{
    width:95%;
}
.NewCustomView .SummaryGroupTitle
{
    background: #CDCDCD;
    font-weight: bold;
    padding-left: 10px;
}
#CustomViewList .SummaryGroupTitle{background: #CDCDCD;font-weight: bold;}
.NewCustomView .SummaryItemTitle
{

}
.NewCustomView .SummaryItem .RemoveIcon
{
    display:none;
    float:left;
    width: 14px; height: 15px; background: url(/v2.0/images/main.png) no-repeat -3px -2094px;
}
.NewCustomView .SummaryItem .RemoveIcon:hover
{
    background: url(/v2.0/images/main.png) no-repeat -17px -2094px;
    cursor:pointer;
}
/*#LocationFilters > div,#TagsFilters > div,#CustomFieldsFilters > div,#MiscFilters > div,#NormalFilters> div*/
.SummaryItem
{
    margin:5px 0;
    padding-left:10px;
    cursor:pointer;
}
/*#LocationFilters > div:hover,#TagsFilters > div:hover,#CustomFieldsFilters > div:hover,#MiscFilters > div:hover,#NormalFilters> div:hover*/
.SummaryItem:hover
{
     background-color:#FFF6BF;
}
.NewCustomViewRow
{
    width:100%;
    min-height:30px;
    float:left;
}

.NewCustomViewRow > div,.NewCustomViewRow > label,.NewCustomViewRow > div > div:not(.HelpGlyphDialogOuterContent)
{
    float:left;
}
.NewCustomViewRow > label
{
    display:block;
    float:left;
    text-align:right;
    padding-right:5px;
}
.NewCustomViewRow > div > input[type="text"],.NewCustomViewRow > div > select
{
    width:200px;
}
.NewCustomViewRow .FilterBtn
{
     /*min-width:55px;*/
}
.NewCustomViewRow .FilterIcon
{
      display:block;
      width:16px;
      height:16px;
      background: url(/v2.0/images/main.png) no-repeat 0px -1621px;
      float:left;
      margin-top:5px;
      margin-left:5px;
}
.NewCustomViewRow .IncludeSelect
{
    width:74px;
}
.NewCustomView .NormalFieldLabel
{
    width:120px;
}
.NewCustomView .FieldLabel130{width:130px;}
.NewCustomView .TagsFieldLabel
{
    width:200px;
}
.NewCustomView .MiscFieldLabel
{
    width:180px;
}
.NewCustomView .CustomFieldLabel
{
    width:170px;
}
.NewCustomView .GroupBox
{
    border: 1px solid #CCCCCC;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin:10px 10px;
    width:570px;
    float:left;
    padding: 10px;
}
.NewCustomView .GroupBox .GroupTitle
{
    padding: 3px 10px 3px 20px;
}
.NewCustomView .GroupBox .GroupSummary
{
    display:none; margin-left:20px;
}
.NewCustomView .GroupBox .SeperateLine
{
    background:url(/v2.0/images/shade15.png) repeat-x;
    margin:10px;
   height:1px;
}
.NewCustomView .GroupBox .FieldsGroup
{
    margin:10px;
    border: #DDD 1px solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.NewCustomViewRow .CheckBox
{
    width:25px;
}
.NewCustomView .GroupBox .ToggleGroup
{
     float:left;
     width:16px;
     height:16px;
     cursor:pointer;
     margin-top: 5px;
}
.NewCustomView .GroupBox .AddGroup{background:url(/v3.0/images/sprite_1.png) no-repeat -2px -1142px;}
.NewCustomView .GroupBox .AddGroup:hover{ background-position:-482px -1142px;}
.NewCustomView .GroupBox .RemoveGroup{background:url(/v3.0/images/sprite_1.png) no-repeat -2px -5200px;}
.NewCustomView .GroupBox .RemoveGroup:hover{background-position: -482px -5200px;}
/*.NewCustomView .FieldsGroup .GroupHeader{cursor:pointer;}
.NewCustomView .FieldsGroup .GroupHeader:hover{ text-decoration:underline;}
.NewCustomView .FieldsGroup .GroupHeader:hover .RemoveGroup {display: inline-block;}
.NewCustomView .GroupBox .RemoveGroup
{
    display:none;
    background: url(/v2.0/images/main.png) no-repeat -3px -2091px;
    cursor:pointer;
    width: 14px;
    height: 14px;
    margin-left: 4px;
}
.NewCustomView .GroupBox .RemoveGroup:hover
{
    background: url(/v2.0/images/main.png) no-repeat -17px -2091px;
}*/



/*#endregion*/

/*#region  css for view scustom view*/
#CustomViewList
{
    position:relative;
    background: white!important;
}
#CustomViewList .ExpandConent
{
    display:none;
}
#CustomViewList .Description
{
    color:Black;
}
#CustomViewList .ui-tabs-selected
{  
    background: #6BA6D7;
    z-index: 1;
    border-bottom: none;
    margin-top: 1px;
    font-weight: bold;
    
}
#CustomViewList .ui-tabs-selected span
{
    color:White;
}

#CustomViewList .ExpandConent
{
  margin-bottom:15px;   
}
#CustomViewList .ExpandConent > div
{
    margin-left:20px;
}
#CustomViewList .CustomViewItemsCon
{
    width: 20px; height: 20px; position:absolute;z-index:2;right:-2px;top:6px;
    background: url(/v2.0/images/drop.png) no-repeat; cursor:pointer;
}
#CustomViewList .MoreItemsBox
{
    top: 23px;right:-2px;
}
.FullscreenImage
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -5851px;
    width:19px;
    height:19px;
    float:right;
    margin-right:3px;
    display:none;
}
.PrintImage
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -5891px;
    width:19px; 
    height:19px;
    float:right;
    margin-right:3px;
    display:none;
}
.ExportImage
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -5811px;
    width:24px; 
    height:23px;
    float:right;
    margin-right:3px;
    cursor:pointer;
}
.ExportXlsImage
{
    background: url(/v2.0/images/filetypes/xlsx.gif) no-repeat 0px 0px;
    width:24px; 
    height:23px;
    float:right;
    margin-right:3px;
    cursor:pointer;
}
.EmailImage
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -5931px;
    width:24px; 
    height:23px;
    float:right;
    margin-right:3px;
}
.EmailImage2 {
    background: url(/v3.0/images/sprite_2.png) no-repeat 0 -320px;
    width: 24px;
    height: 20px;
    float: right;
    margin-right: 3px;
}
.ZoomImage
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -5969px;
    width:20px; 
    height:20px;
    float:right;
    margin-right:3px;
}
/*#endregion*/

.SalesLeadsOptions{margin-top:3px;float:right;color:#555;margin-right:10px;}
.AV2 .SalesLeadsOptions .DropDownMenuOutOfGrid{width:auto;}
.LeadsFilter{margin-right:5px;float:right;}
.LeadsFilter .DropDownMenuOutOfGrid{color:#555;}





.CustomField_UploadedImage{max-width:200px;max-height:120px;}

/*#region Priority*/
.Priority_0{background:url(/v2.0/images/priority.png) 0px -0px no-repeat;}
.Priority_1{background:url(/v2.0/images/priority.png) 0px -20px no-repeat;}
.Priority_2{background:url(/v2.0/images/priority.png) 0px -40px no-repeat;}
.Priority_3{background:url(/v2.0/images/priority.png) 0px -60px no-repeat;}
.Priority_4{background:url(/v2.0/images/priority.png) 0px -80px no-repeat;}
.Priority_5{background:url(/v2.0/images/priority.png) 0px -100px no-repeat;}
.Priority_6{background:url(/v2.0/images/priority.png) 0px -120px no-repeat;}
.Priority_7{background:url(/v2.0/images/priority.png) 0px -140px no-repeat;}
.Priority_8{background:url(/v2.0/images/priority.png) 0px -160px no-repeat;}
.Priority_9{background:url(/v2.0/images/priority.png) 0px -180px no-repeat;}
.PriorityIcon{width:16px;height:16px;display:inline-block;}
/*#endregion*/

/*#region Label*/
.Label
{
    padding:2px 4px;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:1px 2px;
	white-space:nowrap;
	display:inline-block;
}
.LabelColor
{
    background:url(/v2.0/images/color_picker.png) no-repeat;
    border: 1px solid #e1e1e1;
}
.LabelAdd
{
    background:url(/v2.0/images/ico_webform.png) 0 -264px no-repeat;
}
.LabelRemove{background: url(/v2.0/images/remove.png)  no-repeat;}
/*#endregion*/

.timeunit{font-size:10px;margin-left:4px;}
/*set css for word "BETA" in grid header of setting->calender page*/
.BetaInGridHeader
{
    color:#cc0000;position:absolute;left:48px;top:-5px;
}
@-moz-document url-prefix() {/*fix firefox*/
    .BetaInGridHeader{
        color:#cc0000;position:absolute;left:48px;top:0px;
    }
}

/*#region sale pipeline*/
.SalePipelineOuterContainer{width:85%;margin:auto;}
.SalePipelineContainer
    {
        position: relative;
        min-width: 700px; /*520+90+90*/
    }
    .SalePipelineSummary
    {
        width: 170px;
        height: 265px;
        position: absolute;
        left: 5px;
        top: 5px;
        background: #FFFCE3;
        filter: alpha(opacity=80);
        opacity: 0.8;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid black;
        padding: 10px 10px 0px 10px;
        color: Black;
    }
    .SalePipelineContainer .RightStageSummary
    {
        position: absolute;
        right: 10px; /*270+90*/
        background: #FFFCE3;
        height: 100px;
        filter: alpha(opacity=80);
        opacity: 0.8;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid black;
        padding: 10px 10px 0px 10px;
        color: Black;
        min-width:150px;
    }
    .SalePipelineContainer .RightStageSummary .Title, .SalePipelineContainer .SalePipelineSummary .Title
    {
        font-weight: bold;
    }
/*#endregion sale pipeline*/

.Separator
{
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Separator span 
{
    background: #EDEDED;
    padding: 2px 10px;
    margin-bottom: -10px;
    position: relative;
    display: inline-block;
}
#helpDialogDetails 
{
     padding: 20px;
     display: block;
}
#helpDialog dt
{
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 10px;
}
#helpDialog dd
{
    margin-left: 40px;
    clear: right;
    margin-bottom: 20px;
    font-size: 140%;
}
#helpDialog .Help {background: url(/v2.0/images/main.png) no-repeat -10px -1354.5px !important; }
#helpDialog .Bug {background: url(/v2.0/images/main.png) no-repeat -9px -1461px !important;}
#helpDialog .Suggestion {background: url(/v2.0/images/main.png) no-repeat -9px -1518px !important;}
#HelpSearch
{
    border-color: #CCC;    
    margin-top: 10px;
    width: 300px;
    font-size: 100%;
}
#HelpSearchSubmit
{
    border: 0;
float: none;
padding: 0;
position: absolute;
margin: -26px 0 0 290px;
}
#helpDialog #HelpButton  
{
    margin: auto; 
    font-size: 140%; 
    width: 200px;
    padding: 3px;
}
#helpDialog  textarea
{
    margin-bottom: 10px;    
}
#ui-datepicker-div { display: none; }/*fix the UI bug: in myleads filter, there is a div in bottom*/

.InactiveItem{color:#999999;text-decoration:line-through !important;}
.Tip
{
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 5px 2px 0;
    font-style: italic;
    -webkit-text-size-adjust: none;
    /*border: 1px solid #999;*/
}
.Tip b { /*color:#fff; background: #999; padding: 2px 5px;*/ border-radius: 3px; margin-left:-1px; }
.Tip a { font-family: Tahoma, Verdana, arial, sans-serif; }
.SubDesc
{
    font-size: 8px;
    font-weight: normal;
    color: #808080;
    font-style:italic;
}
.CalculateFrom
{
    font-weight:normal;
}
.CalculateFrom .title
{
     font-weight:bold;
}

.PasswordStrengthBox
{
    font-size: 10px;
    line-height: 12px;
    width: 192px;
    background-color:#E1E1E1;
}
.PasswordStrengthBox > div
{

}
.PasswordStrengthBox .Strength0, 
.PasswordStrengthBox .Strength1, 
.PasswordStrengthBox .Strength2,
.PasswordStrengthBox .Strength3,
.PasswordStrengthBox .Strength4,
.PasswordStrengthBox .Strength5
{
    height: 10px;
}
.PasswordStrengthBox .Strength0 {background:#E1E1E1;}
.PasswordStrengthBox .Strength1 {background:#D06200;width:20%;}
.PasswordStrengthBox .Strength2 {background:#CFBE00;width:40%;}
.PasswordStrengthBox .Strength3 {background:#A9CD00;width:60%;}
.PasswordStrengthBox .Strength4 {background:#86CB00;width:70%;}
.PasswordStrengthBox .Strength5 {background:#0ACB00;width:100%;}
.AutoPass { font-size: 22px; padding:5px 10px; }
#AutoPassCon{padding-left:20px;}
#PersonTab #preferences .ContactEditorTable { margin:0; }

#BookmarkDelineator, #BookmarkHeading { height: 25px; }
#BookmarkDelineator td, #BookmarkHeading td { background: #fff url(/v2.0/images/EBEBEB.gif) repeat-x 50% 50%; border:0; }
#BookmarkDelineator td span, #BookmarkHeading td span  { color: #999; position: absolute; display:block; background: white; padding: 2px 5px; margin:-3px 0 0 0; }

.ColorPickerTable td
{
    padding: 0px 3px !important;
}
.Button
{
    font-size: 11px;
    -webkit-text-size-adjust:none;
	color: white !important;
    border: 1px solid #004293;
    border-bottom: 1px solid #004293;
    border-radius: 3px;
    padding: 3px 8px 3px 8px;
    padding: 4px 8px 4px 8px\9;/*fix ie issue, buttom less height*/
    background: #0c68c6;
    background-image: -webkit-linear-gradient(top,#a0cbff 0%,#4f9dfe 5%,#0c68c6 70%);
    background-image: -moz-linear-gradient(center top,#a0cbff 0%,#4f9dfe 5%,#0c68c6 70%);
    background-image: -ms-linear-gradient(top,#a0cbff 0%,#4f9dfe 5%,#0c68c6 70%); 
    background-image: linear-gradient(top,#a0cbff 0%,#4f9dfe 5%,#0c68c6 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f9dfe', endColorstr='#0c68c6',GradientType=0 ); /* IE6-9 */
    box-shadow:0 2px 4px #9c9c9c;
    -moz-box-shadow:0 2px 4px #9c9c9c;
    -webkit-box-shadow:0 2px 4px #9c9c9c;
    font-weight: bold;
}
.Button:disabled
{
    opacity:0.5;
    color: white !important;
    border: 1px solid #999999;    
}

.Button:hover
{
    color: white;
    background: #0c68c6;
    background-image: -webkit-linear-gradient(top,#a0cbff 0%,#99C6FE 5%,#2886E7 70%);
    background-image: -moz-linear-gradient(center top,#a0cbff 0%,#99C6FE 5%,#2886E7 70%);
    background-image: -ms-linear-gradient(top,#a0cbff 0%,#99C6FE 5%,#2886E7 70%); 
    background-image: linear-gradient(top,#a0cbff 0%,#99C6FE 5%,#2886E7 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99C6FE', endColorstr='#2886E7',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	text-decoration:none !important;
}
.Button:active
{
    background: #3286E6;
    background-image: -webkit-linear-gradient(top,#a0cbff 0%,#99C6FE 5%,#3286E6 70%);
    background-image: -moz-linear-gradient(center top,#a0cbff 0%,#99C6FE 5%,#3286E6 70%);
    background-image: -ms-linear-gradient(top,#a0cbff 0%,#99C6FE 5%,#3286E6 70%); 
    background-image: linear-gradient(top,#a0cbff 0%,#99C6FE 5%,#3286E6 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99C6FE', endColorstr='#3286E6',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 3px #376CAE inset;
    -moz-box-shadow: 0 1px 3px #376CAE inset;
    -webkit-box-shadow: 0 1px 3px #376CAE inset;
}
.GrayButton, .SaveTools .EditLink, .SaveTools .ArchiveLink,.SaveTools .UnarchiveLink, .SaveTools .RemoveLink, .SaveTools .CancelLink
{
    color:#404040 !important;
    border: 1px solid #999999;
    border-bottom: 1px solid #9c9c9c;
    border-radius: 3px;
    padding: 2px 13px 1px 13px;
    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:inline-block;
    font-weight: bold;
}
.WhiteButton
{
    color:#404040;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 13px;
    background: #f9f9f9;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#f3f3f3 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#f3f3f3 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#f3f3f3 100%); 
    background-image: linear-gradient(top,#ffffff 0%,#f3f3f3 100%);
    box-shadow:0 2px 3px rgba(0,0,0,0.4);
    -moz-box-shadow:0 2px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.4);
    font-size:11px;
    -webkit-text-size-adjust:none;
    display:inline-block;
}
.WhiteButton:hover{text-decoration:none;}
input[type=button].GrayButton{padding:3px 8px 3px 8px;}
.GrayButton:active, .SaveTools .EditLink:active, .SaveTools .ArchiveLink:active, .SaveTools .RemoveLink:active, .SaveTools .CancelLink:active
{
    background: #c4c4c4;
    background-image: -webkit-linear-gradient(top,#a0cbff 0%,#d9d9d9 5%,#c4c4c4 70%);
    background-image: -moz-linear-gradient(center top,#a0cbff 0%,#d9d9d9 5%,#c4c4c4 70%);
    background-image: -ms-linear-gradient(top,#a0cbff 0%,#d9d9d9 5%,#c4c4c4 70%); 
    background-image: linear-gradient(top,#a0cbff 0%,#d9d9d9 5%,#c4c4c4 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 6px #959595 inset;
    -moz-box-shadow: 0 1px 6px #959595 inset;
    -webkit-box-shadow: 0 1px 6px #959595 inset;
}
.GrayButton:hover, .SaveTools .EditLink:hover, .SaveTools .ArchiveLink:hover, .SaveTools .RemoveLink:hover, .SaveTools .CancelLink:hover
{
    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;
}
.ButtonLeftSpace,.SaveTools .CancelLink, .SaveTools .EditLink, .SaveTools .ArchiveLink,.SaveTools .UnarchiveLink, .SaveTools .RemoveLink
{
    margin-left:10px;
}
.ValidateError
{
    border:2px solid #d63c3c !important;
}
.ContactsFilterTool
{
    border:1px solid #cbcbcb;
    border-bottom: 0;
    border-top-left-radius:4px;
    moz-border-radius-topleft:4px;
    -webkit-border-top-left-radius:4px;
    border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;
    background: #f8f8f8;
	background-image: -webkit-linear-gradient(top,#FFFFFF 0%,#ececec 100%);
    background-image: -moz-linear-gradient(center top,#FFFFFF 0%,#ececec 100%);
    background-image: -ms-linear-gradient(top,#FFFFFF 0%,#ececec 100%); 
    background-image: linear-gradient(top,#FFFFFF 0%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ececec',GradientType=0 );
    margin: 0px 20px 0px 20px;
}
.ContactsFilterTool>table
{
    margin: 10px 10px 0px 10px;
    padding-bottom: 10px;
}
h1.Title
{
    font-weight:bold;
    margin:20px;
    font-size:24px;
}
.TipText
{
    font-style:italic;
    color:#808080;
}


.BillableList  
{
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CBCBCB; 
}
.BillableList > div { background:#ffffff;border-top: 1px solid #E1E1E1;  }
.BillableList > div.Client:hover{ background:#FFF8AB !important;}
/*.BillableList > div:nth-child(2n+2) { background: #f6f6f6; } IE8 don't support nth-child() */
.BillableList > div div { background: #fff;border-top: 1px solid #E1E1E1; }
/*.BillableList > div div:nth-child(2n+1) { background: #ebebeb; } IE8 don't support nth-child() */
.BillableList > div.Alt,.BillableList > div div.Alt{background: #F6F6F6;}
.BillableList .Tools { text-align:right; border-top:3px double #ccc; line-height: 13px; font-size: 10px; padding: 10px;}
.BillableList .Tools .Amount { width: auto; overflow:visible; }
.BillableList .Tools em { margin: 0 10px 0 0; vertical-align: middle; }
.BillableList .Tools em strong {  font-size:2em; margin-left:0.25em; font-style: normal; }
.BillableList > div { min-height: 30px;}
.BillableList .Name, .BillableList .Count,.BillableList .Amount, .BillableList .Date{padding-left:5px;display: inline-block;overflow:hidden;margin: 6px 0px;} 
.BillableList .Name {width:  60%; padding-left:20px;cursor:pointer;}
.BillableList .Name .ExtLink {margin: 0px 0 0 5px;opacity:0.5;}
.BillableList .Name .ExtLink:hover {opacity:1}
.BillableList .Count {width: 10%;}
.BillableList .Amount {width: 10%;}
.BillableList .Date {width: 13%;}
.BillableList .GrayButton { }
.BillableList input[type=checkbox] { vertical-align: top; border:0px; background-color: transparent; margin-top:10px;margin-top:6px\9; }
.BillableList .Items { margin-bottom: 20px; box-shadow: 1px 1px 2em #ccc; }
.BillableList .Items .Name { display: inline-block; width: 55%; margin-left: 4%; margin-right:1%; }
.BillableList .SubItems .Name { display: inline-block; width: 50%; margin-left: 9%; margin-right:1%; }
.BillableList > .Client { min-height: 1em; }
.BillableList > .Client > .Name > a { color:#555; text-decoration: none; }
.BillableList > .Client > span { font-weight: bold; }
.BillableList .Items {display: none;}
.BillableList .Item > span {cursor:pointer;}
#BillableGrid .FeedbackInfoTiny { text-align:center; background:#fff; }
.BillableList .SubItems {display: none;}
.BillableList h2 
{
    padding: 10px;
    text-align: right;
    color: #555;
    font-size: 1em;
    font-family:Tahoma, Verdana, arial, sans-serif;
    border-top: 1px solid #E1E1E1;
}
.BillableListTools 
{
    text-align: right;    
    position: relative;
    margin: -28px 10px 10px 0;
}
.BillableList div.Head  
{
    border:0px;
}
.BillableList div.Head .Name, .BillableList div.Head .Count,.BillableList div.Head .Amount, .BillableList div.Head .Date
{
    position:relative;
    font-weight:bold;
    line-height: 34px;
    margin:0px;
}
.BillableList .Head .resizehandler, .BillableList .Head .Name{ cursor:default !important;}
.BillableList .SortIconContainer
{
     margin: 0 5px;
}
.PaymentInfoChargesTable
{
margin: 0 0 20px 0;

}
.PaymentInfoChargesTable table
{
    margin-left: 180px;
    border-radius:0;
    border: 0;
}
.PaymentInfoChargesTable td, .PaymentInfoChargesTable th, .PaymentInfoChargesTable th:nth-last-child(1), .PaymentInfoChargesTable  th:nth-child(1),
.PaymentInfoChargesTable2 td, .PaymentInfoChargesTable2 th, .PaymentInfoChargesTable2 th:nth-last-child(1), .PaymentInfoChargesTable2  th:nth-child(1)
{
    padding: 2px 7px;
    border-radius:0;
    background: none;
    color: #555 !important;
}

.PaymentInfoChargesTable2 table
{
    border-radius:0;
    border: 0;
}
.PaymentInfoChargesTable2 .ChangeForm
{
    width: 150px;
    border-radius: 3px;
    float: right;
    background: #EEF3FA;
    padding: 20px;
    margin: 0 0 20px 0;
    text-align: center;
    line-height: 1.2em;
}

.PaymentInfoChargesTable2 .ChangeForm b
{
    font-size: 1.2em;
    display: block;
    margin: 0 0 8px 0;
}
.PaymentInfoChargesTable2 .ChangeForm input[type=text]
{
    text-align: center;
    font-size: 1.2em;
}
.PaymentInfoChargesTable2 .ChangeForm input[type=checkbox]
{
   margin: 8px 0 -20px 0;
   float: left;
}
.PaymentInfoChargesTable2 .ChangeForm label
{
    display: block;
    float: left;
    margin:  5px 0 10px 20px;    
    
}
.PaymentInfoChargesTable2 hr { clear: both; }

.SperateLine
{
    border-top: 1px solid #D2D2D2;
}
.ContactExtend td{vertical-align: top !important;}/*fixed IE bug*/
.ContactExtendTop
{
    height: 12px;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background-image: -moz-linear-gradient(center top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); 
    background-image: linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000, endColorstr=#00ffffff,GradientType=0 );
    width: 100%;
    border-top: 1px solid #CECECE;
    position: relative;
}
.ContactExtendTop .ContactExtendIcon
{
    position: absolute;
    display: inline-block;
    height: 14px;
    width: 16px;
    left: 49%;
    background: url(/v3.0/images/sprite_1.png) no-repeat -1px -1985px;
    top: -2px;
}
.ContactExtendTop .LeftPart,.ContactExtendBottom .LeftPart
{
    height: 12px;
    width: 50%;
    display: inline-block;
    float: left;
    background-image: -webkit-linear-gradient(left,#F6F6F6 0%,rgba(246,246,246,0) 90%);
    background-image: -moz-linear-gradient(left,#F6F6F6 0%,rgba(246,246,246,0) 90%);
    background-image: -ms-linear-gradient(left,#F6F6F6 0%,rgba(246,246,246,0) 90%); 
    background-image: linear-gradient(left,#F6F6F6 0%,rgba(246,246,246,0) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F6F6F6, endColorstr=#00F6F6F6,GradientType=1 );
    margin-top: -1px;
}
.ContactExtendTop .RightPart, .ContactExtendBottom .RightPart
{
    height: 12px;
    width: 50%;
    display: inline-block;
    float: left;
    background-image: -webkit-linear-gradient(left,rgba(246,246,246,0) 0%,#F6F6F6 90%);
    background-image: -moz-linear-gradient(left,rgba(246,246,246,0) 0%,#F6F6F6 90%);
    background-image: -ms-linear-gradient(left,rgba(246,246,246,0) 0%,#F6F6F6 90%); 
    background-image: linear-gradient(left,rgba(246,246,246,0) 0%,#F6F6F6 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00F6F6F6, endColorstr=#F6F6F6,GradientType=1 );
    margin-top: -1px;
}
.ContactExtendBottom
{
    height: 12px;
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); 
    background-image: linear-gradient(bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#11000000,GradientType=0 );
    width: 100%;
}
.ContactExtendBottom .LeftPart, .ContactExtendBottom .RightPart
{
    margin-top: 0px;
}
h1.MarginTop
{
    margin-top:30px;
}
.LoinShadow .ContactExtendTop .LeftPart
{
    background-image: -webkit-linear-gradient(left,#F3F3F3 0%,rgba(246,246,246,0) 90%);
    background-image: -ms-linear-gradient(left,#F3F3F3 0%,rgba(246,246,246,0) 90%);
    background-image: -moz-linear-gradient(left,#F3F3F3 0%,rgba(246,246,246,0) 90%);
    background-image: linear-gradient(left,#F3F3F3 0%,rgba(246,246,246,0) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F3F3F3, endColorstr=#00F6F6F6,GradientType=1 );
}
.LoinShadow .ContactExtendTop .RightPart
{
    background-image: -webkit-linear-gradient(left,rgba(246,246,246,0) 0%,#F3F3F3 90%);
    background-image: -ms-linear-gradient(left,rgba(246,246,246,0) 0%,#F3F3F3 90%);
    background-image: -moz-linear-gradient(left,rgba(246,246,246,0) 0%,#F3F3F3 90%);
    background-image: linear-gradient(left,rgba(246,246,246,0) 0%,#F3F3F3 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00F6F6F6, endColorstr=#F3F3F3,GradientType=1 );
}
.LoinShadow .ContactExtendBottom .LeftPart
{
    background-image: -webkit-linear-gradient(left,#EEEEEE 0%,rgba(246,246,246,0) 90%);
    background-image: -ms-linear-gradient(left,#EEEEEE 0%,rgba(246,246,246,0) 90%);
    background-image: -moz-linear-gradient(left,#EEEEEE 0%,rgba(246,246,246,0) 90%);
    background-image: linear-gradient(left,#EEEEEE 0%,rgba(246,246,246,0) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEEEEE, endColorstr=#00F6F6F6,GradientType=1 );
}
.LoinShadow .WETCPane{opacity:0.5;filter:alpha(opacity=50);}
.LoinShadow .WETCPane:hover{opacity:1;filter:alpha(opacity=100);}
.LoinShadow .ContactExtendBottom .RightPart
{
    background-image: -webkit-linear-gradient(left,rgba(246,246,246,0) 0%,#EEEEEE 90%);
    background-image: -ms-linear-gradient(left,rgba(246,246,246,0) 0%,#EEEEEE 90%);
    background-image: -moz-linear-gradient(left,rgba(246,246,246,0) 0%,#EEEEEE 90%);
    background-image: linear-gradient(left,rgba(246,246,246,0) 0%,#EEEEEE 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00F6F6F6, endColorstr=#EEEEEE,GradientType=1 );
}
.WETCLogo
{
    font-size:24px;
    font-family:Arial;
    font-weight:bold;
}
.WETCLogo>small
{
    font-size:24px;
    font-weight:normal;
}
/*.LoinShadow.GradientGrayBox{background-color:#ffffff;background-image:none;filter:none;}*/
.LoinShadow .Icon{width:20px;height:20px;display:block;}
.LoinShadow .Training {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5040px !important; }
.LoinShadow .LockIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5320px !important;}
.LoinShadow th { white-space: nowrap; vertical-align: top; }
.LoinShadow td { vertical-align: top; padding-top: 4px; }
.ChromeLink{width:535px;border:1px solid #a4a4a4;margin:0 auto;padding:18px;position:relative;}
.ChromeLink>p{font-size:14px;line-height:23px;}
.ChromeLink>a{font-size:11px;-webkit-text-size-adjust:none;position:absolute;bottom:18px;right:18px;color:#ff0000;}
.ChromeIcon{width:47px;height:47px;display:block;background:url(/v3.0/images/sprite_1.png) no-repeat -452px -4683px;float:left;padding-right:14px;}
#EmployeeViewer{height:25px;}
.Button:disabled
{
    opacity:0.5;
    color: #333 !important;
    border: 1px solid #999999;    
    background-image: -ms-linear-gradient(top,#a0cbff 0%,#4f9dfe 5%,#0c68c6 70%);
}

.ChatWindow {background: url(/v3.0/images/bg.png) repeat;}
.ChatWindow h1 {margin: 0 0 10px 0;}
.ChatWindow .ChatBox { padding: 20px; }
.ChatWindow .ChatBox .ContactEditorTable { margin: 0; }
.ChatWindow .ChatBox th, .ChatWindow .ChatBox td { font-size:12px;}
.MajorSettingHeader{font-size:20px;}

/*#region MenuBg*/
.MenuBg
{
	background-color: #4b4b4b;
    background-image: -webkit-linear-gradient(top,#5e5e5e 0%,#343434 100%);
    background-image: -ms-linear-gradient(top,#5e5e5e 0%,#343434 100%);
    background-image: -moz-linear-gradient(center top,#5e5e5e 0%,#343434 100%);
    background-image: linear-gradient(top,#5e5e5e 0%,#343434 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#343434',GradientType=0 );/* IE6-9 */
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7);
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
	height: 52px;
	min-width:1100px;
}
.MenuBg li
{
    list-style:none;
}

#CompanyLogo,#CompanyLogoHolder
{
    padding:5px;
    display:block;
    background-color: #c6c6c6;
    border:1px solid #5d5d5d;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#939393 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#939393 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#161616 100%);
    background-image: linear-gradient(top,#ffffff 0%,#939393 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#939393',GradientType=0 );/* IE6-9 */
}
#CompanyLogo>img,#CompanyLogoHolder>img{height:40px;}


#CompanyLogo.Vertical,
#CompanyLogoHolder.Vertical
{
    margin-bottom:-13px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}
#CompanyLogoHolder.Vertical{position:absolute;margin-top:-50px;}
#CompanyLogo.Vertical>img,#CompanyLogoHolder.Vertical>img{height:50px;}
#CompanyLogo.NoLogBadge
{
    background: none;
    border: 0;
    filter:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.MenuBg>table>tbody>tr>td>ul /* menu bar */
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}

.MenuBg>table>tbody>tr>td>ul>li
{
	list-style-image: none !important; /*ie7*/
	display: inline-block;
	line-height: 34px;
	padding:7px 5px 0 5px;
	height:45px;
	position:relative;
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 999px;
}

.MenuBg>table>tbody>tr>td>ul>li>a
{
	padding: 0 8px 0 8px;
	display: block;	
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
	font-weight:bold;
	font-size:13px;
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 999px;
}

.MenuBg>table>tbody>tr>td>ul>li>a.Current
{
    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;
}

.Icon_Notification{width:26px;height:29px;cursor:pointer;display:block; -webkit-text-size-adjust:none;font-size:11px; -webkit-text-size-adjust:none;text-align:center;line-height:25px;position:relative;}
.Icon_Notification_On{background:url(/v3.0/images/sprite_1.png) no-repeat -7px -726px;color:#fff;}
.Icon_Notification_Off{background:url(/v3.0/images/sprite_1.png) no-repeat -48px -726px;color:#000;}

#ctl00_Menu.MenuBg.Floating { 
    position:fixed;
    left:0;
    top:-11px;
    z-index:99;
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    height:41px;
    filter:none;/*will cut all submenu*/
}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li { height:41px;}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li > a { height:36px;}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li:hover > a{ background-position:right -791px;}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li:hover{ background-position:0 -791px;}
#ctl00_Menu.MenuBg.Floating >table>tbody>tr>td>ul>li.NoChildren:hover{background-position:0 -4935px;}
#ctl00_Menu.MenuBg.Floating >table>tbody>tr>td>ul>li.NoChildren:hover>a{background-position:right -785px;max-height:35px;}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li.OnlyChild:hover{ background-position:-150px -791px;}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li.OnlyChild.Left:hover { background-position:0 -791px;}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li.OnlyChild.Left:hover>a{ background-position:right -719px;}
#ctl00_Menu.MenuBg.Floating .Avatar /*, #ctl00_Menu.MenuBg.Floating .LogOutIcon*/ { display:none;}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li > a.Current { 
    height: 34px;
    -moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#ctl00_Menu.MenuBg.Floating > table > tbody > tr > td > ul > li:hover > a.Current { height:36px;}
#ctl00_Menu.MenuBg.Floating #CompanyLogo.Vertical > img, #ctl00_Menu.MenuBg.Floating #CompanyLogoHolder.Vertical > img { height:40px;}
#ctl00_Menu.MenuBg.Floating #CompanyLogo > img, #ctl00_Menu.MenuBg.Floating #CompanyLogoHolder > img { height:30px;}
#ctl00_Menu.MenuBg.Floating #CompanyLogo, #ctl00_Menu.MenuBg.Floating #CompanyLogoHolder { margin-top:6px;}
#ctl00_Menu.MenuBg.Floating #CompanyLogo.Vertical, #ctl00_Menu.MenuBg.Floating #CompanyLogoHolder.Vertical { margin-top:0;}
#ctl00_Menu .Avatar
{
    padding:2px;
    background-color:#ffffff;
    background-image: -webkit-linear-gradient(top,#fff 0%,#d3d3d3 100%);
    background-image: -ms-linear-gradient(top,#fff 0%,#d3d3d3 100%);
    background-image: -moz-linear-gradient(center top,#fff 0%,#d3d3d3 100%);
    background-image: linear-gradient(top,#fff 0%,#d3d3d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );/* IE6-9 */
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.7);
    box-shadow: 0 2px 3px rgba(0,0,0,0.7);
    margin:4px 0 0 0;
}
/*#endregion*/

/*#region Menu mouse hover*/
.MenuBg li:hover>ul,.MenuBg li.sfhover>ul
{
	display: block;
}
.MenuBg>table>tbody>tr>td>ul>li:hover
{
    background-position: 0 -780px;
    padding:0 0 0 7px;
    height:52px;
	z-index:103;
}
.MenuBg>table>tbody>tr>td>ul>li:hover>a
{
    background-position: right -780px;
    color:#333333 !important;
    padding:6px 13px 0 6px;
    height:46px;
}
.MenuBg>table>tbody>tr>td>ul>li:hover>a.Current
{
    background:url(/v3.0/images/sprite_1.png) no-repeat right -780px;
    color:#333333;
    height:52px; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    margin: 0;
    height:46px;
    filter:none;
}
/*#endregion*/

/*#region Sub Menu*/
.MenuBg>table>tbody>tr>td>ul>li>ul /* second-level lists */
{
	padding: 14px 18px 14px 14px;
	position: absolute;
	background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
    background-image: -ms-linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
    background-image: -moz-linear-gradient(center top,#f5f5f5 0%,#eaeaea 100%);
    background-image: linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 );IE6-9 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#6e6e6e'); IE6-8 Can not use this because ie8 will set overflow=hidden automatically. */
	border-left:1px solid #cccccc\0;
	border-right:1px solid #cccccc\0;
	border-bottom:1px solid #cccccc\0;
	min-width: 200px;
	z-index: 998; /* top on balloon, change this carefully */
	margin-top: -1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.4);
    box-shadow: 0 4px 4px rgba(0,0,0,0.4);
    display:none;
    left:-88px;
    left:-89px\9;
}
:root .MenuBg>table>tbody>tr>td>ul>li>ul/* second-level lists */{border-left:0;border-right:0;border-bottom:0;}
.MenuBg>table>tbody>tr>td>ul>li:hover>ul{display:block;}

.MenuBg>table>tbody>tr>td>ul>li.NoChildren:hover{background-position:0 -4940px;}
.MenuBg>table>tbody>tr>td>ul>li.NoChildren:hover>a{background-position:right -4940px;}
.MenuBg>table>tbody>tr>td>ul>li:hover>a.Current{box-shadow:0 0 0 0 !important;-moz-box-shadow:0 0 0 0 !important;-webkit-box-shadow:0 0 0 0 !important;background-color:transparent !important;}

.MenuBg>table>tbody>tr>td>ul>li.OnlyChild:hover{background-position:-150px -780px;margin-left:-4px;padding-left:11px;}
.MenuBg>table>tbody>tr>td>ul>li.OnlyChild>ul
{
    left:4px;
    -moz-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
}
.MenuBg>table>tbody>tr>td>ul>li.OnlyChild.Left>ul{left:auto;right:4px;
    -moz-border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
    -moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}
.MenuBg>table>tbody>tr>td>ul>li.OnlyChild.Left:hover{background-position:0 -780px;padding-left:7px;}
.MenuBg>table>tbody>tr>td>ul>li.OnlyChild.Left:hover>a{background-position:right -708px;padding-left:10px;}

.MenuBg>table>tbody>tr>td>ul>li>ul>li/* second-level lists */
{
    display:table-cell; /*  doesn't work in IE after 1st rollover, see veetro.js document.ready() for hack */
    vertical-align: top;
    padding-right:14px;
	margin:0;
}

.MenuBg>table>tbody>tr>td>ul>li.OnlyChild>ul>li{padding-right:0;}
.MenuBg>table>tbody>tr>td>ul>li.OnlyChild.Left>ul>li{padding-left:0;}
.MenuBg li>ul>li>ul{padding:0;}
.MenuBg li>ul>li>ul>li
{
    padding:0 60px 0 0;
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position:relative;
	overflow:hidden;
	border:1px solid transparent;
	line-height:0;
}
.MenuBg li>ul>li>ul>li:hover
{
    border:1px solid #aeaeae;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#ececec 100%);
    background-image: linear-gradient(top,#ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );/* IE6-9 */
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.MenuBg li>ul>li>ul>li:hover>.Create
{
    display:block;
}
.MenuBg li>ul>li>ul>li>a
{
    display:inline-block;
    padding:3px;
    text-decoration: none;
    width:100%;
}
.MenuBg li>ul>li.BorderLeft>ul>li>a
{
    max-width:160px;
    width:160px\9;
    overflow:hidden;
    text-overflow:ellipsis;
}
.MenuBg li>ul>li.BorderLeft.Menu_RecentItems>ul>li
{
    padding-right:0;
}
.MenuBg li>ul>li.BorderLeft.Menu_Bookmarks>ul>li
{
    padding-right:30px;
}
.MenuBg li>ul>li>ul>li>a>div.FileIcon{margin:2px 15px 2px 0;float:none;display:inline-block;vertical-align:middle;}
.MenuBg li>ul>li>ul>li>a>span
{
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-right:12px;
}
.MenuBg .Create
{
    text-align: right;
    border-left:1px solid #c8c8c8;
    position:absolute;
    right:0;
    top:0;
    display:none;
}
.MenuBreak
{
  background: #c8c8c8 !important;
  height:1px  !important;
  border: 0 !important;
  line-height: 1px !important; /*ie7*/
  padding:0;
}
li.HasMore>ul>li:hover
{
    border-color:transparent !important;
}
.MenuBreak:hover, li.HasMore>ul>li.MenuBreak:hover
{
    border:0;
    background-image:none;
    filter:none;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
	padding:0;
}
.MenuTitle{font-weight:bold;color:#404040;margin-bottom:10px;}
.MenuBg>table>tbody>tr>td>ul>li>ul>li>ul>li.MenuTitle{line-height:normal;}
.MenuBg>table>tbody>tr>td>ul>li>ul>li>ul>li.MenuTitle:hover
{
    border:1px solid transparent;
    background-image:none;
    filter:none;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.MenuBg>table>tbody>tr>td>ul>li>ul>li.BorderLeft
{
    padding-left:14px;
}
.BorderLeft{border-left:1px solid #ffffff;}
.BorderRight{border-right:1px solid #c8c8c8;}
.ExtLink
{
    display:inline-block;
    vertical-align:middle;
    width: 16px;
    height: 16px;
    margin:0;
}
.ExtLink
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -2px -1182px;
    cursor: pointer;
}
.ExtLink:hover
{
    background-position: -482px -1182px;
    text-decoration:none;
}
.MenuBg .Create>*
{
    display:inline-block;
    vertical-align:middle;
    width: 26px;
    height: 26px;
    margin:0;
}

.MenuBg .Create .ExtLink
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 3px -1177px;
    cursor: pointer;
}
.MenuBg .Create .ExtLink:hover
{
    background-position: -477px -1177px;
}
.IntLink,.MenuBg .Create a.IntLink
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 3px -1137px;
}
.IntLink,.MenuBg .Create a.Delete{background: url(/v3.0/images/sprite_1.png) no-repeat 3px -5757px;}
.IntLink:hover,.MenuBg .Create a.IntLink:hover
{
    background-position: -477px -1137px;
}
.IntLink:hover,.MenuBg .Create a.Delete:hover{background-position: -477px -5077px;}
/*#endregion*/
/*#region HasMore*/
.MenuBg li.HasMore{position:relative;overflow:visible;}
.MenuBg li.HasMore:hover
{
    background:none;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#ececec 100%);
    background-image: linear-gradient(top,#ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );/* IE6-9 */
}
.MenuBg li.HasMore>ul
{
    display:none;
    position:absolute;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0%,#ececec 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#ececec 100%);
    background-image: linear-gradient(top,#ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #aeaeae;
	z-index:56;
	padding:7px;
	width:260px;
	top:-12px;
	right:-294px;
}
.MenuBg li.HasMore.Left>ul{right:auto;left:-293px;}
.MenuBg ul{overflow:visible\9;}
.MenuBg li.HasMore:hover>ul{display:block;}
.MenuBg li.HasMore>ul>li:hover
{
    background-color:#218ef4;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.MenuBg li.HasMore>ul>li:hover>a
{
	color:#ffffff;
}
.MenuBg li.HasMore>div.HasMoreArrow
{
    position:absolute;
    right:-18px;
    top:0;
    z-index:57;
}
.MenuBg li.HasMore.Left>div.HasMoreArrow{right:22px;}
.MenuBg li.HasMore.ChromeLeft>div.HasMoreArrow{right:2px;}
.MenuBg li.HasMore.Left>div.HasMoreArrow{right:2px\9;}
.MenuBg li.HasMore>div.HasMoreArrow>.ArrowRight
{
    display:inline-block;
    height:28px;
    width:20px;
    background: url(/v3.0/images/sprite_1.png) no-repeat right -516px;
}
.MenuBg li.HasMore:hover>div.HasMoreArrow>.ArrowRight
{
    background-position: -2px -515px;
}
.MenuBg li.HasMore>div.HasMoreArrow>.ArrowLeft
{
    height:28px;
    width:20px;
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -1225px;
    display:inline-block;
    visibility:hidden;
}
.MenuBg li.HasMore.Left>div.HasMoreArrow>.ArrowLeft
{
    background-position:  -20px -1225px;
}
.MenuBg li.HasMore:hover>div.HasMoreArrow>.ArrowLeft{visibility:visible;}
.MenuBg li.HasMore:hover>div.HasMoreArrow{right:-19px;top:-1px;}
.MenuBg li.HasMore.Left:hover>div.HasMoreArrow{right:21px;}
.MenuBg li.HasMore.ChromeLeft:hover>div.HasMoreArrow{right:1px;}
.MenuBg li.HasMore.Left:hover>div.HasMoreArrow{right:1px\9;}
/*#endregion*/
/*#region notification content*/
.MenuBg .Icon_Notification .NotificationContent
{
    display:none;
}
.MenuBg .Icon_Notification:hover .NotificationContent
{
    display:block;
}
.MenuBg .NotificationContent
{
    position:absolute;
    width:275px;
    left:-124px;
    z-index:58;
    cursor:default;
}
.MenuBg .NotificationContent>.NotificationArrow
{
    background: url(/v3.0/images/sprite_1.png) no-repeat center -1260px;
    height:20px;
    position:relative;
}
.MenuBg .NotificationContent>.NotificationDetail
{
    text-align:left;
    min-height:100px;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
    background-image: -ms-linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
    background-image: -moz-linear-gradient(center top,#f5f5f5 0%,#eaeaea 100%);
    background-image: linear-gradient(top,#f5f5f5 0%,#eaeaea 100%);
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 );IE6-9 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#6e6e6e'); IE6-8 */
	border-left:1px solid #cccccc\0;
	border-right:1px solid #cccccc\0;
	border-bottom:1px solid #cccccc\0;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    box-shadow: 0 0 6px rgba(0,0,0,0.6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-collapse:separate\0;
	padding: 10px;
}
.NotificationDetail small { color: Black;}
/*#endregion*/
/*#region help*/
#HelpContainer
{
    padding: 0 10px 0 10px;
    z-index:4;
    position:absolute;
    right:300px;
}
#HelpContainer #HelpItems
{
    background-color: #fefefe;
    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%);
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 );IE6-9 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#6e6e6e'); IE6-8 */
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.6);
    box-shadow: 0 0 6px rgba(0,0,0,0.6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-collapse:separate\0;
	padding:17px;
	width:160px;
	display:none;
    margin:1px -160px -216px -82px;
}
#HelpContainer .HelpIcon
{
    width:32px;
    height:40px;
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1300px;
    position:relative;
    top:11px;
    left:0;
    cursor:pointer;
}
#HelpContainer:hover .HelpIcon
{
    background-position: 0 -1360px;
}
#HelpContainer:hover #HelpItems
{
    display:block;
}
#HelpContainer #HelpItems a { display: inline-block; padding-left: 30px; line-height:20px; }
#HelpContainer #HelpItems ul{margin:0;padding:0;}
#HelpContainer #HelpItems li{list-style:none;padding-top:7px;}
#HelpContainer #HelpItems .Manual, #helpDialogDetails .Manual, .MenuBg .HelpManual {  background:url(/v3.0/images/sprite_1.png) no-repeat -230px -5020px !important; }
#HelpContainer #HelpItems .Support, .MenuBg .HelpSupport {  background:url(/v3.0/images/sprite_1.png) no-repeat -230px -5060px !important; }
#HelpContainer #HelpItems .Tools, .MenuBg .HelpTools {  background:url(/v3.0/images/sprite_1.png) no-repeat -230px -5120px !important; }
#HelpContainer #HelpItems .Beta, #helpDialogDetails .Beta, .MenuBg .HelpBeta {  background:url(/v3.0/images/sprite_1.png) no-repeat -230px -5080px !important; }
#HelpContainer #HelpItems .Training, .MenuBg .HelpTraining {  background:url(/v3.0/images/sprite_1.png) no-repeat -230px -5040px !important; }
#HelpContainer #HelpItems .Announcements, .MenuBg .HelpAnnouncements {  background:url(/v3.0/images/sprite_1.png) no-repeat -230px -5100px !important; }
#HelpContainer #HelpItems .RemoteSupport, .MenuBg .HelpRemoteSupport {  background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5000px !important; }
#HelpContainer #HelpItems li:hover>.Manual,#helpDialogDetails .Manual:hover,.MenuBg li:hover>a>.HelpManual {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5020px !important; }
#HelpContainer #HelpItems li:hover>.Support,.MenuBg li:hover>a>.HelpSupport {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5060px !important; }
#HelpContainer #HelpItems li:hover>.Tools, .MenuBg li:hover>a>.HelpTools {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5120px !important; }
#HelpContainer #HelpItems li:hover>.Beta,#helpDialogDetails .Beta:hover, .MenuBg li:hover>a>.HelpBeta {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5080px !important; }
#HelpContainer #HelpItems li:hover>.Training, .MenuBg li:hover>a>.HelpTraining {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5040px !important; }
#HelpContainer #HelpItems li:hover>.Announcements, .MenuBg li:hover>a>.HelpAnnouncements {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5100px !important; }
#HelpContainer #HelpItems li:hover>.RemoteSupport, .MenuBg li:hover>a>.HelpRemoteSupport {  background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5020px !important; }
#HelpContainer #HelpItems .Video {  background: url(/v2.0/images/main.png) no-repeat -10px -1389px !important; }
#HelpContainer #HelpItems .Bug, #helpDialogDetails .Bug  {  background:url(/v3.0/images/sprite_1.png) no-repeat -230px -5000px !important; }
#HelpContainer #HelpItems li:hover>.Bug,#helpDialogDetails .Bug:hover {  background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5000px !important; }
#HelpContainer #HelpItems .PageSettings {  background: url(/v2.0/images/main.png) no-repeat -7px -1883px !important; }
#HelpContainer #HelpItems .HelpPdf {  background: url(/v2.0/images/main.png) no-repeat -6px -1915px !important; }
.MenuBg .MenuHelpIcon{width:20px;display: inline-block; background:url(/v3.0/images/sprite_1.png) no-repeat -460px -111px; }
.MenuBg li:hover .MenuHelpIcon{ background-position:-480px -111px; }
/*#endregion*/
/*tab page for calendar*/
.Timesheet26 > table
{
    table-layout: fixed;
}
.Timesheet26>table>tbody>tr>td:first-child>div
{
    position: relative;
    height: 40px;
    overflow: hidden;
}
.Timesheet26 #CalendarMenu
{
    white-space: nowrap;
    overflow: hidden;
    height: 37px;
    padding: 0;
    margin: 0 0 0 3px;
    list-style:none;
    position: absolute;
    top: 4px;
    
}
.Timesheet26 #CalendarMenu > li
{
    border: 0 none !important;
    /*float: left;*/
    list-style: none outside none;
    margin: 0 0 2px 0;
    padding: 0 0 0 15px;
    top: 1px;
    height: 38px;
    white-space: nowrap;
    z-index: 0;
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -1460px;
    display:inline-block;
}
.Timesheet26 #CalendarMenu > li.Selected
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -1420px;
    z-index: 1;
    margin-top: 0;
}
.Timesheet26 #CalendarMenu > li.Selected>a,.Timesheet26 #CalendarMenu > li.Selected> a:hover
{
    background: url(/v3.0/images/sprite_1.png) no-repeat right -1420px;
    color: #404040;
    font-weight: normal;
}
.Timesheet26 #CalendarMenu > li >a,.Timesheet26 #CalendarMenu > li > a:hover
{
    padding: 0 17px 0 0;
    text-decoration: none;
    font-size: 12px;
    background: url(/v3.0/images/sprite_1.png) no-repeat right -1460px;
    line-height: 38px;
    color: #404040;
    display: block;
    white-space: nowrap;
    max-width: 210px;
    overflow: hidden;
}

/*tab page for calendar*/
.Timesheet26 > table.calendar-tab-table
{
    margin:0 0 -3px 2px;
}
.Timesheet26 > table > tbody > tr > td.calendar-tab-td
{
    border: 0 none !important;
    margin: 0 0 2px 0;
    padding: 0 0 0 15px;
    top: 1px;
    height: 38px;
    z-index: 0;
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -1460px;
}
.Timesheet26>table>tbody>tr>td.Selected
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 0 -1420px;
    z-index: 1;
    margin-top: 0;
}
.Timesheet26>table>tbody>tr>td.Selected>a,.Timesheet26>table>tbody>tr>td.Selected> a:hover
{
    background: url(/v3.0/images/sprite_1.png) no-repeat right -1420px;
    color: #404040;
    font-weight: normal;
}
.Timesheet26>table>tbody>tr>td .calendar-tab-a,.Timesheet26>table>tbody>tr>td .calendar-tab-a:hover
{
    padding: 0 17px 0 0;
    text-decoration: none;
    font-size: 12px;
    background: url(/v3.0/images/sprite_1.png) no-repeat right -1460px;
    line-height: 38px;
    color: #404040;
    display: block;
    white-space: nowrap;
}
.Timesheet26>table>tbody>tr>td>div.GrayButton
{
    height:20px;
    width:20px;
    padding:0;
    margin:0;
    float:right;
}
div.TabPage .MenuTable .NavTick,.Timesheet26 .CalendarTabTick
{
    height:20px;
    width:20px;
    margin: -1px 1px;
    cursor: pointer;
    background: url(/v3.0/images/sprite_1.png) no-repeat -1px -396px !important;
}

/*#region tab page*/
div.TabPage .TabPageMenu> li,.AV2>ul>li,.ui-tabs .ui-tabs-nav>li,.Timesheet26>ul>li
{
    border:0 none !important;
    float: left; /* must be float rather than display:inline-block for ie7*/
    list-style:none outside none;
    margin:0 0 2px 0;
    padding:0 0 0 15px;
    position:relative;
    top:1px;
    height:38px;
    white-space:nowrap; 
    z-index: 0;
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1460px;
}
div.TabPage .MenuTable .TabPageMenu > li {float:none;display:inline-block;}
.TabPage>.ContainerBorder>.Options{margin:-11px;}
.ui-tabs .ui-tabs-nav>li{top:3px;}
.Timesheet26#Timesheet>ul>li{top:4px;}
.ui-tabs .ui-tabs-nav>li.ui-tabs-selected{top:3px;}
.Timesheet26#Timesheet>ul>li.Selected{top:4px;}
div.TabPage .MenuTable .TabMenuCont {overflow:hidden;height:37px;position:relative;}
div.TabPage .MenuTable {table-layout: fixed;}
div.TabPage .MenuTable .Nav{height: 20px;width: 20px;padding: 0;float:right;}
div.TabPage .TabPageMenu>li>a,.AV2>ul>li>a,.ui-tabs .ui-tabs-nav>li>a,.Timesheet26>ul>li>a
{
    float:left;
    padding:0 17px 0 0;
    text-decoration:none;
    font-size: 12px;
    background:url(/v3.0/images/sprite_1.png) no-repeat right -1460px;
    line-height:38px;
    color:#404040;
}
div.TabPage .TabPageMenu>li>a>span.Icon,.AV2>ul>li>a>span.Icon
{
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
}
div.TabPage .TabPageMenu,.AV2>ul,.ui-tabs .ui-tabs-nav,.Timesheet26>ul{ margin-top:1px; white-space: nowrap; overflow: visible; height:37px;padding:0;margin:0 0 0 5px; }
div.TabPage .MenuTable .TabPageMenu {position:absolute;}
div.TabPage .TabPageMenu>li.Selected,.AV2>ul>li.Selected,.ui-tabs .ui-tabs-nav>li.ui-tabs-selected,.Timesheet26>ul>li.Selected
{  
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1420px;
    z-index: 1;
    margin-top:0;
}
div.TabPage .TabPageMenu>li.Selected>a,.AV2>ul>li.Selected>a,.ui-tabs .ui-tabs-nav>li.ui-tabs-selected>a,.Timesheet26>ul>li.Selected>a
{
   background:url(/v3.0/images/sprite_1.png) no-repeat right -1420px;
   color:#404040;
   font-weight:normal;
}
div.TabPage>div>div{
    vertical-align:top;
}
div.TabPage>.Container.ContainerBorder
{
    border:1px solid #cbcbcb;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	background-color:#ffffff;
}
div.TabPage>.Container.LoadingBorder
{
    border:1px solid #cbcbcb;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.TabPage.HeaderWrapper{position:relative;overflow:hidden;height:38px;margin: 0 5px -1px 5px;}
div.TabPage.HeaderWrapper>ul{position:absolute;}
.tabplaceholder
{
    width:0;
    height:0;
    clear:both;
}
/* small style*/
div.TabPage.Small>ul
{
    margin:0 0 -7px 0;
    text-align:left;
}
div.TabPage.Small>ul>li
{
    height:32px;
    line-height:32px;
    background-position:-5px -1460px;
    padding:0 0 0 10px;
}
div.TabPage.Small>ul>li.Selected:first-child{height:32px;}
div.TabPage.Small>ul>li>a
{
    height:32px;
    line-height:32px;
}
div.TabPage.Small>ul>li.Selected
{
    z-index:1;
    background-position:-5px -1420px;
    height:30px;
    line-height:30px;
}
div.TabPage.Small>ul>li.Selected>a
{
    height:30px;
}
div.TabPage.Small>.Container
{
    position:relative;
    z-index:0;
    box-shadow:0 4px 3px -3px rgba(0,0,0,0.4);
    -moz-box-shadow:0 4px 3px -3px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 4px 3px -3px rgba(0,0,0,0.4);
}

/*#endregion*/

/*#region LightBlue tab page skin*/
/**/
div.TabPage.LightBlue>ul> li
{
    border:0 none !important;
    float: left; 
    list-style:none outside none;
    margin:0 0 2px 0;
    padding:0 0 0 15px;
    position:relative;
    top:1px;
    height:38px;
    white-space:nowrap; 
    z-index: 0;
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1462px;
}
div.TabPage.LightBlue>ul>li>a
{
    float:left;
    padding:0 17px 0 0;
    text-decoration:none;
    font-size: 12px;
    background:url(/v3.0/images/sprite_1.png) no-repeat right -1462px;
    line-height:38px;
    color:#404040;
}
div.TabPage.LightBlue>ul>li>a>span.Icon
{
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
}
div.TabPage.LightBlue>ul{ margin-top:1px; white-space: nowrap; overflow: visible; height:35px;padding:0;margin:2px 0 0 5px; }
div.TabPage.LightBlue>ul>li.Selected
{  
    background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5531px;
    z-index: 1;
    margin-top:0;
}
div.TabPage.LightBlue>ul>li.Selected>a
{
   background:url(/v3.0/images/sprite_2.png) no-repeat right -5531px;
   color:#404040;
   font-weight:normal;
}
div.TabPage.LightBlue>div>div{
    vertical-align:top;
}
div.TabPage.LightBlue>.Container.ContainerBorder
{
    border:1px solid #cbcbcb;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	background-color:#EEF6FF;
}
div.TabPage.LightBlue>.Container.LoadingBorder
{
    border:1px solid #cbcbcb;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.TabPage.LightBlue.HeaderWrapper{position:relative;overflow:hidden;height:38px;margin: 0 5px -1px 5px;}
div.TabPage.LightBlue.HeaderWrapper>ul{position:absolute;}
.tabplaceholder
{
    width:0;
    height:0;
    clear:both;
}
div.TabPage.LightBlue.Small>ul
{
    margin:0 0 -7px 0;
}
div.TabPage.LightBlue.Small>ul>li
{
    height:32px;
    line-height:32px;
    background:url(/v3.0/images/sprite_2.png) no-repeat -5px -5040px;
    padding:0 0 0 10px;
}
div.TabPage.LightBlue.Small>ul>li.Selected:first-child{height:32px;}
div.TabPage.LightBlue.Small>ul>li>a
{
    height:32px;
    line-height:32px;
}
div.TabPage.LightBlue.Small>ul>li.Selected
{
    z-index:1;
    background:url(/v3.0/images/sprite_2.png) no-repeat -5px -5000px;
    height:30px;
    line-height:30px;
}
div.TabPage.LightBlue.Small>ul>li.Selected>a
{
    height:30px;
}
div.TabPage.LightBlue.Small>.Container
{
    position:relative;
    z-index:0;
    box-shadow:0 4px 3px -3px rgba(0,0,0,0.4);
    -moz-box-shadow:0 4px 3px -3px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 4px 3px -3px rgba(0,0,0,0.4);
}

/*#endregion*/



/*#region ActivityViewer*/
.AV2 > .Options, .BlueOptionsBar, .TabPage>.Container>.Options
{
    /* #6-0611
    background-color: #fafafa;
    background-image: -webkit-linear-gradient(top,#fafafa 0%,#f3f3f3 100%);
    background-image: -moz-linear-gradient(center top,#fafafa 0%,#f3f3f3 100%);
    background-image: linear-gradient(top,#fafafa 0%,#f3f3f3 100%);
    */
    background: white;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border:1px solid #cbcbcb;
    min-height: 36px;
    color:#414a50;
    -moz-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.2);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.2);
    position:relative;
}
#DocumentsFilesResultsPane .AV2 > .Options{background-image:none;background-color:#ffffff;}
.AV2 > .Options #FiltersDescription{padding-left:10px;}
.AV2 > .Options, .BlueOptionsBar .ComboBoxItem{color:#000;}
.AV2 > .Options a, .AV2 > .Options .FilterIcon { color: #414a50; }
.AV2 .Options > table > tbody > tr > td {padding: 0;}
#FiltersDescription{color: #414a50;padding: 8px 0px;}
.FilterIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1503px;}
.FilterIcon{ line-height: 36px; padding-left: 36px; text-decoration: none; }
.FilterIcon:hover { text-decoration:underline;}
.AV2 .Options .MoreItemsBox 
{
    color: Black;    
}
.AV2 .MoreItemsBox#SortDialog
{
    margin-top:20px;
}
.AV2 .MoreItemsBox#SortDialog>.ArrowIcon
{
    background: url(/v3.0/images/sprite_1.png) no-repeat center -1260px;
    height:20px;
    position:relative;
    margin-top:-30px;
}
.AV2 .Options #Keywords  
{
    border:1px solid aeaeae; 
    padding-right: 18px;
}

.AV2 .DataTable
{
    border-top:0;
    border-left:1px solid #cbcbcb;
    border-right:1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;    
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,0.4);
    table-layout:fixed;
}
.AV2 .DataTable>thead>tr.Header
{
    background:#f9f9f9;
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );/* IE6-9 */
}
.AV2 .DataTable .Header>th{
    border-bottom:1px solid #cbcbcb;
}
.AV2 .TBody
{
    background-color:#f6f6f6;
    -moz-box-shadow: 0 3px 6px -5px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0 3px 6px -5px rgba(0,0,0,0.2) inset;
    box-shadow: 0 3px 6px -5px rgba(0,0,0,0.2) inset;
}
.AV2 .TBody>tr>td
{
    border-top:1px solid #ffffff;
    border-bottom:1px solid #e1e1e1;
}
.AV2 .Extra
{
    /*margin-top:10px;*/
}
.AV2 .Extra>small, .AV2 .Extra>small>*
{
    font-family:Arial;
    color:#808080;
    font-size:11px;
     -webkit-text-size-adjust:none;
}
.AV2 .TBody>tr>td.Splitter
{
    border-bottom:1px solid #cbcbcb;
    background:#f9f9f9;
    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%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );/* IE6-9 */
    height:30px;
}
.AV2 .TextWrap
{
    max-width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AV2 .OtherEmployeesLink
{
    text-decoration: underline;
    cursor:pointer;
}
.AV2 .EmployeesDropPanel
{
    position: absolute;
    min-width:100px;
    max-width: 300px;
    background-color: white;
    padding: 8px;
    border: 1px solid #CCC;
    white-space: normal;
    z-index: 1;
    display: none;
    margin-top:-15px;
}
.AV2 .EmployeeInfo
{
    font-style:italic;
    display:inline-block;/*can't be block, width will auto and the hover will has problem*/
    float:left;/*can't remove, it fix the hover problem*/
    padding:0 2px 0 0;
    max-width:100%;
}
.AV2 .EmployeeInfoPlace
{
    width:70px;
    display: inline-block;
}
.AV2 .EmployeeEllipsis:hover .EmployeeInfoPlace
{
    display:none;
}
.AV2 .EmployeeEllipsis:hover
{
    min-height: 20px;
    position: absolute;
    display:block !important;
    border: 1px solid #CDCDCD;
    padding: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    borde-radius: 3px;
    z-index: 2;
    -moz-box-shadow: 0 0 0.5em #aaaaaa;
    -webkit-box-shadow: 0 0 0.5em #AAA;
    outline-style: none;
    box-shadow: 0 0 0.5em #AAA;
    background-color: white;
    overflow: visible;
    white-space: normal;
    word-wrap: break-word;
}
/*style for show title in another line*/
.EndCol
{
    /*padding-top: 25px; space for single line title */
}
.NameWrap, .NameContainer
{
    /*white-space: nowrap;  just truncate long names instead of wrap, presumably if its now taking full width it shouldn't be a huge issue? */
    /*max-width: 600px;our min page size is 1100*/
    /*overflow:hidden;*/
}
.NameContainer
{
    /*height: 25px;*/
}


/*#endregion*/

/*#region icons*/
.CollapseLink {background:url(/v3.0/images/sprite_1.png) no-repeat -40px -2870px; }
.ExpandLink {background:url(/v3.0/images/sprite_1.png) no-repeat -20px -1840px;}
.CollapseLink:hover {background-position: -480px -2840px; }
.ExpandLink:hover {background-position: -480px -1980px;}
.DropDownMenu .Create, #LogoAddLink.CreateIcon { background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1140px; display:inline-block; width:20px; }
.DropDownMenu .Create:hover, #LogoAddLink.CreateIcon:hover { background-position:-480px -1140px;}
.PriorityIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1600px;}
/*.PriorityIcon:hover{background-position:-480px -1600px;}*/
.Icon{width:20px;height:20px;display:inline-block;vertical-align:middle;}
.GlyphAsc{background: url(/v3.0/images/sprite_1.png) no-repeat -3px -1623px;}
.GlyphDesc{background: url(/v3.0/images/sprite_1.png) no-repeat -3px -1643px;}
.GlyphAsc:hover, .InfoSort:hover>.GlyphAsc{background-position: -483px -1623px;}
.GlyphDesc:hover, .InfoSort:hover>.GlyphDesc{background-position:-483px -1643px;}
.Exp.Collapse{ background:url(/v3.0/images/sprite_1.png) no-repeat -4px -1583px; }
.Exp.Expand{ background:url(/v3.0/images/sprite_1.png) no-repeat -4px -1923px; }
.Exp.Collapse:hover, .DescriptionPreview:hover>.Exp.Collapse{ background-position:-484px -1583px; }
.Exp.Expand:hover, .DescriptionPreview:hover>.Exp.Expand{ background-position: -484px -1923px; }
.PhoneIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -100px;}
.MobileIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -140px;}
.PhoneIcon:hover{background-position: -480px -100px;}
.MobileIcon:hover{background-position: -480px -140px;}
.OverviewIcon{ background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4600px; }
.ListIcon{ background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4620px; }
.ActivityIcon{ background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4640px; }
.ReportingIcon{ background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4660px; }
.OverviewIcon:hover,*:hover>.OverviewIcon,.Selected>.OverviewIcon{ background-position: 0 -2580px; }
.ListIcon:hover,*:hover>.ListIcon,.Selected>.ListIcon{ background-position: 0 -2600px; }
.ActivityIcon:hover,*:hover>.ActivityIcon,.Selected>.ActivityIcon{ background-position: 0 -2620px; }
.ReportingIcon:hover,*:hover>.ReportingIcon,.Selected>.ReportingIcon{ background-position: 0 -2640px; }
.WarningIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -140px;
    padding-left: 16px;
}
.DuplicateIcon,.Duplicate
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5240px;
}
.DuplicateIcon:hover,.Duplicate:hover
{
	background-position: -480px -5240px;
}
.CreateIcon
{
	background: url(/v3.0/images/sprite_1.png) no-repeat 0 -1090px;
}
.CreateIcon:hover
{
	background: url(/v3.0/images/sprite_1.png) no-repeat -240px -1090px;	
}
.UploadIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4440px;
}
.DetachIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5220px;
}
.DetachIcon:hover
{
	background-position: -480px -5220px;
}
.ArchiveIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5140px;
}
.ArchiveIcon:hover
{
	background-position: -480px -5140px;
}
.EvernoteIcon
{
   background:url(/v3.0/images/sprite_2.png) no-repeat -480px -3860px;
}
*:hover>.EvernoteIcon
{
   background:url(/v3.0/images/sprite_2.png) no-repeat -480px -3880px;
}
.GoogleIcon
{
   background: url(/v2.0/images/treeview/google.gif) 50% 50% no-repeat;	
}
.UnArchiveIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5420px;
}
.UnArchiveIcon:hover
{
	background-position: -480px -5420px;
}
.UnassignSupportCaseIcon
{
    background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4960px;
}
.SettingsIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -930px;
}
.SettingsIcon:hover
{
    background-position: -480px -930px;
}
.MergeIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5340px;
}
.MergeIcon:hover
{
	background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5340px;
}
.EditIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5260px;
}
.EditIcon:hover
{
	background-position: -480px -5260px;
}
.EditIconForDropDown
{
    display:inline-block;width:20px;background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5260px;margin-right:5px;
}
.EditIconForDropDown:hover,.DropDownMenu:hover>ul>li>div>.EditIconForDropDown
{
    background-position: -480px -5260px;
}
.ExportIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5280px;	
}
.ExportIcon:hover
{
    background-position: -480px -5280px;	
}
.DeleteIcon,.DeleteIcon_v26
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5200px;	
}
.DeleteIcon:hover, .DeleteIcon_v26:hover,#FilterHint:hover>.DeleteIcon
{
	background-position:-480px -5200px;	
}
.CommitIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5180px;
}
.CommitIcon:hover
{
	background-position:-480px -5180px;
}
.CancelIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5160px;
}
.CancelIcon:hover
{
	background-position:-480px -5160px;
}
.RightIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5360px;
}
.RightIcon:hover
{
    background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5360px;
}
.WorkRSSIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4700px;
}
.WorkRSSIcon:hover
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -2680px;
}
.IMIcon
{
	background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5300px;
}
.IMIcon:hover
{
	background-position: -480px -5300px;
}
.ReminderIcon,.Reminder
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -440px;}
.ComboBoxLayer .ReminderIcon,
.DropDownMenu .ReminderIcon,
.BasicGrid ReminderIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3960px;}
.ComboBoxItemSelected>.ReminderIcon,
.Selected>.ReminderIcon,
*:hover>.ReminderIcon,
.ReminderIcon.Selected,
.ReminderIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -440px;}

.MailQueueIcon,.MessageIcon,.Message
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px;}
.ComboBoxLayer .MessageIcon,
.DropDownMenu .MessageIcon,
.BasicGrid .MessageIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3940px;}
.ComboBoxItemSelected>.MessageIcon,
.Selected>.MessageIcon,
*:hover>.MessageIcon,
.MessageIcon.Selected,
.MessageIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px;}

.DashBoardIcon
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3200px;}
.ComboBoxLayer .DashBoardIcon,
.DropDownMenu .DashBoardIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4420px;}
.ComboBoxItemSelected>.DashBoardIcon,
.Selected>.DashBoardIcon,
*:hover>.DashBoardIcon,
.DashBoardIcon.Selected,
.DashBoardIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3200px;}

.CustomViewIcon
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4580px;}
.ComboBoxLayer .CustomViewIcon,
.DropDownMenu .CustomViewIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4580px;}
.ComboBoxItemSelected>.CustomViewIcon,
.Selected>.CustomViewIcon,
*:hover>.CustomViewIcon,
.CustomViewIcon.Selected,
.CustomViewIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4580px;}

.InvoiceIcon,.Invoice
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.ComboBoxLayer .InvoiceIcon,
.DropDownMenu .InvoiceIcon,
.BasicGrid .InvoiceIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4140px;}
.ComboBoxItemSelected>.InvoiceIcon,
.Selected>.InvoiceIcon,
*:hover>.InvoiceIcon,
.InvoiceIcon.Selected,
.InvoiceIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}

.NotationIcon,.Notation
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -200px;}
.ComboBoxLayer .NotationIcon,
.DropDownMenu .NotationIcon,
.BasicGrid .NotationIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3920px;}
.ComboBoxItemSelected>.NotationIcon,
.Selected>.NotationIcon,
*:hover>.NotationIcon,
.NotationIcon.Selected,
.NotationIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -200px;}

.DiscussionIcon,.Discussion
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4700px;}
.ComboBoxLayer .DiscussionIcon,
.DropDownMenu .DiscussionIcon,
.BasicGrid .DiscussionIcon
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4720px;}
.ComboBoxItemSelected>.DiscussionIcon,
.Selected>.DiscussionIcon,
*:hover>.DiscussionIcon,
.DiscussionIcon.Selected,
.DiscussionIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4700px;}

.JournalIcon,.Journal
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1160px;}
.LightIcon.JournalIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1160px !important;}
.ComboBoxLayer .JournalIcon,
.DropDownMenu .JournalIcon,
.BasicGrid .JournalIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4080px;}
.ComboBoxItemSelected>.JournalIcon,
.Selected>.JournalIcon,
*:hover>.JournalIcon,
.JournalIcon.Selected,
.JournalIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1160px;}

.Support_CaseIcon,Support_Case
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1280px;}
.ComboBoxLayer .Support_CaseIcon,
.DropDownMenu .Support_CaseIcon,
.BasicGrid .Support_CaseIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4100px;}
.ComboBoxItemSelected>.Support_CaseIcon,
.Selected>.Support_CaseIcon,
*:hover>.Support_CaseIcon,
.Support_CaseIcon.Selected,
.Support_CaseIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1280px;}

.ProjectIcon,.Project
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -920px;}
.LightIcon.ProjectIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -920px !important;}
.ComboBoxLayer .ProjectIcon,
.DropDownMenu .ProjectIcon,
.BasicGrid .ProjectIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4040px;}
.ComboBoxItemSelected>.ProjectIcon,
.Selected>.ProjectIcon,
*:hover>.ProjectIcon,
.ProjectIcon.Selected,
.ProjectIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -920px;}

.EventIcon,.Event
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -560px;}
.ComboBoxLayer .EventIcon,
.DropDownMenu .EventIcon,
.BasicGrid .EventIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3980px;}
.ComboBoxItemSelected>.EventIcon,
.Selected>.EventIcon,
*:hover>.EventIcon,
.EventIcon.Selected,
.EventIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -560px;}

.ToDoIcon,.ToDo
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px;}
.ComboBoxLayer .ToDoIcon,
.DropDownMenu .ToDoIcon,
.BasicGrid .ToDoIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4060px;}
.ComboBoxItemSelected>.ToDoIcon,
.Selected>.ToDoIcon,
*:hover>.ToDoIcon,
.ToDoIcon.Selected,
.ToDoIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px;}

.ProductIcon,.Product
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1760px;}
.ComboBoxLayer .ProductIcon,
.DropDownMenu .ProductIcon,
.BasicGrid .ProductIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4180px;}
.ComboBoxItemSelected>.ProductIcon,
.Selected>.ProductIcon,
*:hover>.ProductIcon,
.ProductIcon.Selected,
.ProductIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1760px;}

.SubscriptionIcon,.Subscription
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1880px;}
.ComboBoxLayer .SubscriptionIcon,
.DropDownMenu .SubscriptionIcon,
.BasicGrid .SubscriptionIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4200px;}
.ComboBoxItemSelected>.SubscriptionIcon,
.Selected>.SubscriptionIcon,
*:hover>.SubscriptionIcon,
.SubscriptionIcon.Selected,
.SubscriptionIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1880px;}

.LeadIcon,.Lead
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px;}
.ComboBoxLayer .LeadIcon,
.DropDownMenu .LeadIcon,
.BasicGrid .LeadIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4060px;}
.ComboBoxItemSelected>.LeadIcon,
.Selected>.LeadIcon,
*:hover>.LeadIcon,
.LeadIcon.Selected,
.LeadIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px;}

.CustomFieldIcon,.CustomField
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3080px;}
.ComboBoxLayer .CustomFieldIcon,
.DropDownMenu .CustomFieldIcon,
.Basicgrid .CustomFieldIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4400px;}
.ComboBoxItemSelected>.CustomFieldIcon,
.Selected>.CustomFieldIcon,
*:hover>.CustomFieldIcon,
.CustomFieldIcon.Selected,
.CustomFieldIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3080px;}

.DisbursementIcon,.Disbursement
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px;}
.LightIcon.DisbursementIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px !important;}
.ComboBoxLayer .DisbursementIcon,
.DropDownMenu .DisbursementIcon,
.BasicGrid .DisbursementIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4160px;}
.ComboBoxItemSelected>.DisbursementIcon,
.Selected>.DisbursementIcon,
*:hover>.DisbursementIcon,
.DisbursementIcon.Selected,
.DisbursementIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px;}

.DocumentIcon,.Document
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3320px;}
.ComboBoxLayer .DocumentIcon,
.DropDownMenu .DocumentIcon,
.BasicGrid .DocumentIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4440px;}
.ComboBoxItemSelected>.DocumentIcon,
.Selected>.DocumentIcon,
*:hover>.DocumentIcon,
.DocumentIcon.Selected,
.DocumentIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3320px;}

.ArticleIcon,.Article
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2840px;}
.ComboBoxLayer .ArticleIcon,
.DropDownMenu .ArticleIcon,
.BasicGrid .ArticleIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4360px;}
.ComboBoxItemSelected>.ArticleIcon,
.Selected>.ArticleIcon,
*:hover>.ArticleIcon,
.ArticleIcon.Selected,
.ArticleIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2840px;}

.BlogPostIcon,.BlogPost
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2960px;}
.ComboBoxLayer .BlogPostIcon,
.ComboBoxLayer .BlogPost,
.DropDownMenu .BlogPostIcon,
.DropDownMenu .BlogPost,
.BasicGrid .BlogPostIcon,
.BasicGrid .BlogPost
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4380px;}
.ComboBoxItemSelected>.BlogPostIcon,
.Selected>.BlogPostIcon,
*:hover>.BlogPostIcon,
.BlogPostIcon.Selected,
.BlogPostIcon:hover,
.ComboBoxItemSelected>.BlogPost,
.Selected>.BlogPost,
*:hover>.BlogPost,
.BlogPost.Selected,
.BlogPost:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2960px;}

.GroupIcon,.Group
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2480px;}
.ComboBoxLayer .GroupIcon,
.DropDownMenu .GroupIcon,
.BasicGrid .GroupIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4300px;}
.ComboBoxItemSelected>.GroupIcon,
.Selected>.GroupIcon,
*:hover>.GroupIcon,
.GroupIcon.Selected,
.GroupIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2480px;}

.QuoteIcon /*"Quote" class used by RTE,.Quote */
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1400px;}
.ComboBoxLayer .QuoteIcon,
.DropDownMenu .QuoteIcon,
.BasicGrid .QuoteIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4120px;}
.ComboBoxItemSelected>.QuoteIcon,
.Selected>.QuoteIcon,
*:hover>.QuoteIcon,
.QuoteIcon.Selected,
.QuoteIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1400px;}

.SubProjectIcon,.SubProject
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2000px;}
.ComboBoxLayer .SubProjectIcon,
.DropDownMenu .SubProjectIcon,
.BasicGrid .SubProjectIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4220px;}
.ComboBoxItemSelected>.SubProjectIcon,
.Selected>.SubProjectIcon,
*:hover>.SubProjectIcon,
.SubProjectIcon.Selected,
.SubProjectIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2000px;}

.LeadIcon,.Lead
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -800px;}
.ComboBoxLayer .LeadIcon,
.DropDownMenu .LeadIcon,
.BasicGrid .LeadIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4020px;}
.ComboBoxItemSelected>.LeadIcon,
.Selected>.LeadIcon,
*:hover>.LeadIcon,
.LeadIcon.Selected,
.LeadIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -800px;}

.ContactIcon,.Contact
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2600px;}
.ComboBoxLayer .ContactIcon,
.DropDownMenu .ContactIcon,
.BasicGrid .ContactIcon
{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4320px;}
.ComboBoxItemSelected>.ContactIcon,
.Selected>.ContactIcon,
*:hover>.ContactIcon,
.ContactIcon.Selected,
.ContactIcon:hover
{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2600px;}
.EntryIconSpace{padding-left:20px;}
/*#region smaller entry icon*/
.SmallEventIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5114px;}
.SmallToDoIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5162px;}
.SmallJournalIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5101px;}
.SmallInvoiceIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5210px;}
.SmallProjectIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5150px;}
.SmallLeadIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5138px;}
.SmallSubProjectIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5258px;}
.SmallSupport_CaseIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5186px;}
.SmallDisbursementIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5222px;}
.SmallNotationIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5078px;}
.SmallDiscussionIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5065px;}
.SmallMessageIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5090px;}
.SmallSubscriptionIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5245px;}
.SmallProductIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5234px;}
.SmallDocumentIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5126px;}
.SmallQuoteIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5199px;}
.SmallLeadIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5138px;}
.SmallPersonIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5270px;}
.SmallEmployeeIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5295px;}
.SmallCompanyIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5282px;}
.SmallWorkgroupIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5305px;}
.SmallArticleIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -5342px;}

.SmallEntryIconSpace{padding-left:14px;font-size: 10px;-webkit-text-size-adjust: none;}
/*#endregion*/
.ComFromCon{font-size: 10px;-webkit-text-size-adjust: none;}
.LockIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5320px; 
}
.LockIcon:hover
{
    background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5320px; 
}
.Credit_InvoiceIcon
{
	background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -4600px !important
}
.WithdrawalIcon
{
	background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -5200px !important
}
.DepositIcon
{
	background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -5000px !important
}
.RefundIcon
{
	background: url(/v2.0/images/Sprite-CalendarViewType2.png) no-repeat top left;  background-position: 0 -4800px !important
}
.PersonIcon,.Person { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2120px; }
.CompanyIcon,.Company { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2240px; }
.EmployeeIcon,.Employee { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2360px; }
.WorkgroupIcon,.Workgroup{ display: inline-block; width: 20px; background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2480px;}
.ProposalIcon
{
	background: url(/v2.0/images/main.png) no-repeat top left;  background-position: -10px -1059px !important
}
.SortUpIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5400px;
}
.SortUpIcon:hover
{
    background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5400px;
}
.SortDownIcon
{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5380px;
}
.SortDownIcon:hover
{
    background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5380px;
}

.EntryListItem .InnerNotation, .EntryListItem .InnerNotationUnread, .EntryListItem .InnerMessage, .EntryListItem .InnerMessageUnread
{
	padding: 8px;
	margin-right: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.EntryListItem .InnerNotation
{
	background:url(/v3.0/images/sprite_2.png) no-repeat 0 -200px;
}
.EntryListItem .InnerNotationUnread
{
	background: #FEFEFE url(/v2.0/images/comment_bg_unread.gif) 100% 0px no-repeat;
}
.EntryListItem .InnerMessage
{
	background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px;
}
.EntryListItem .InnerMessageUnread
{
	background: #FEFEFE url(/v2.0/images/email_bg_unread.gif) 100% 0px no-repeat;
}

.BookmarkIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -2800px;}
.RecentIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -2780px;}
.Selected>a>.BookmarkIcon,li:hover>a>.BookmarkIcon,.BookmarkIcon:hover{background:url(/v3.0/images/sprite_1.png) no-repeat -40px -2800px;}
.Selected>a>.RecentIcon,li:hover>a>.RecentIcon,.RecentIcon:hover{background:url(/v3.0/images/sprite_1.png) no-repeat -40px -2780px;}
.PingIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -20px -2800px;}
.UpdateIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -20px -2780px;}
.Selected>a>.PingIcon,li:hover>a>.PingIcon,.PingIcon:hover,.ShoutOutIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -60px -2800px;}
.Selected>a>.UpdateIcon,li:hover>a>.UpdateIcon,.UpdateIcon:hover{background:url(/v3.0/images/sprite_1.png) no-repeat -60px -2780px;}
.PingFromIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -100px -2800px;}
.BMIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -80px -2780px;}
.BMIcon.Bookmarked{background-position: -80px -2800px;}
.PopupIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -120px -2780px;}
.PopupIcon:hover{background-position: -120px -2800px;}
.ReplyIcon {background:url(/v3.0/images/sprite_1.png) no-repeat -140px -2780px; }
.ChainIcon {background:url(/v3.0/images/sprite_1.png) no-repeat -160px -2780px; }
.ChainIcon:hover {background-position: -160px -2800px; }
.TagIcon { background:url(/v3.0/images/sprite_1.png) no-repeat -180px -2780px; }
.TagIcon:hover {background-position: -180px -2800px; }
.LikedIcon {background:url(/v3.0/images/sprite_1.png) no-repeat -200px -2780px; }
.LikedIcon:hover,*:hover>.LikedIcon {background-position: -200px -2800px; }
.ReplyArrow { background:url(/v3.0/images/sprite_1.png) no-repeat -220px -2780px;}
.Arrow_RD { background:url(/v3.0/images/sprite_1.png) no-repeat -220px -2800px;}
.Arrow_RUD { background:url(/v3.0/images/sprite_1.png) no-repeat -240px -2780px;}
.Arrow_DR { background:url(/v3.0/images/sprite_1.png) no-repeat -260px -2780px;}
.Arrow_D { background:url(/v3.0/images/sprite_1.png) no-repeat -260px -2800px;}
.SmallNotification { background:url(/v3.0/images/sprite_1.png) no-repeat -280px -2780px;}
.SmallNotification:hover { background-position: -280px -2800px;}

.CmbPerson{ display: inline-block; width: 20px; height:20px;background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4240px;}
.CmbCompany{ display: inline-block; width: 20px; height:20px;background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4260px; }
.CmbEmployee{ display: inline-block; width: 20px; height:20px;background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4280px; }
.CmbWorkgroup{ display: inline-block; width: 20px; height:20px;background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4300px;}

.CmbKB, .CmbArticle{ display: inline-block; width: 20px; height:20px;background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4360px;}

*:hover>.CmbPerson,.Selected>.CmbPerson,.ComboBoxItemSelected>.CmbPerson,.CmbPerson:hover,.CmbPerson.Selected{ background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2120px;}
*:hover>.CmbCompany,.Selected>.CmbCompany,.ComboBoxItemSelected>.CmbCompany,.CmbCompany:hover,.CmbCompany.Selected { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2240px; }
*:hover>.CmbEmployee,.Selected>.CmbEmployee,.ComboBoxItemSelected>.CmbEmployee,.CmbEmployee:hover,.CmbEmployee.Selected { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2360px; }
*:hover>.CmbWorkgroup,.Selected>.CmbWorkgroup,.ComboBoxItemSelected>.CmbWorkgroup,.CmbWorkgroup:hover,.CmbWorkgroup.Selected { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2480px;}

*:hover>.CmbKB,.Selected>.CmbKB,.ComboBoxItemSelected>.CmbKB,.CmbKB:hover,.CmbKB.Selected,
*:hover>.CmbArticle,.Selected>.CmbArticle,.ComboBoxItemSelected>.CmbArticle,.CmbArticle:hover,.CmbArticle.Selected
{ background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2840px;}
/*#endregion*/

/*#region Popup*/
.Popup>ul
{
    position:absolute;margin:0;padding:8px 5px;
    background:#ffffff;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #cbcbcb;
	z-index:998;
}
.Popup>ul>li>a{color: #414A50; padding:1px 20px 1px 5px;}
.Popup>ul>li>a:hover,.Popup>ul>li:hover>a{color:white; text-decoration:none;}
.Popup>ul>li{padding:2px 0;}
.Popup>ul>li:hover
{
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	border:0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*#endregion*/

/*#region DropdownMenu*/
.ColouredTable .MenuBg ul li { border: 0; }
.MenuBg ul li li { line-height: normal; }
.DropDownMenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
.DropDownMenu ul li, .Popup ul li
{
	list-style-image: none !important; /*ie7*/
	margin: 0;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
}
.DropDownMenu
{
	background: url(/v3.0/images/sprite_1.png) no-repeat right -1688px;
	cursor: pointer;
	padding: 4px 5px 4px 3px;
	border: 1px solid #7F9DB9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ContentWrap>.DropDownMenu{background-position:right -1692px;}
.DropDownMenu ul ul
{
	margin-left: -4px;
	position:absolute;
	margin-top:8px;
	border:1px solid #bababa;
	padding:3px;
	background-color:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index:3;
}
.DropDownMenu ul ul li a
{
    line-height:30px;
    color:#414a50;
    display:block;
    padding:0 10px 0 5px;
}
.DropDownMenu ul ul li:hover
{
    background-color:#218ef4;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.DropDownMenu ul ul li:hover a
{
    text-decoration:none;
    color:#fff;
}
.DropDownMenu ul ul li a>span
{
    height:20px;
    width:20px;
    display:inline-block;
    margin-right:5px;
    vertical-align:middle;
}
.DropDownMenu:hover
{
	background-position: right -1768px;
	cursor: pointer;
}
.ContentWrap>.DropDownMenu:hover{background-position: right -1772px;}
.DropDownMenu:hover .Create
{
    background-position: -480px -1140px;
}
.DropDownMenu ul ul ul{display:none;margin-left:-155px;margin-top:-30px;}
.DropDownMenu ul ul ul>li>a{line-height:30px;height:30px;}
.DropDownMenu ul ul ul>li:hover>a{color:#ffffff !important;}
.DropDownMenu ul ul ul>li:hover>a>span{color:#ffffff !important;}
.DropDownMenu ul ul>li:hover>ul{display:block;}
.DropDownMenuWithNoDropIcon
{
    background: none;
    border:1px solid transparent;
}
.DropDownMenuWithNoDropIcon:hover
{
    background: none;
    padding-bottom:0;
}
.DropDownMenuWithNoDropIcon .txt{border:1px solid transparent;}
.DropDownMenuWithNoDropIcon .txt:hover { background: #EEF3FA;border: 1px solid #CCC; }



/*breadcrumb*/
#OuterContent
{
    margin: 0px 35px;
    min-width:1030px;
    padding-bottom:50px;
}
#OuterContentTable
{
    background: white;
    border: 1px #959595 solid;
    -moz-box-shadow: 0 0 2px 2px #b8b8b8;
    -webkit-box-shadow: 0 0 2px 2px #b8b8b8;
    box-shadow: 0 0 2px 2px #b8b8b8;
    clear:both;
}
#CrumbContainer{position:relative;height:40px;}
#CrumbContainer>#SearchContainer{padding:0;margin:5px 0 5px -250px;}
#CrumbContainer:after
{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
#ctl00_CrumbHolder
{
    float: left;
    margin: 7px 0px 0 0px;
    padding-right:290px;
    height:33px;
}
.Crumbs
{
    padding: 0;
    font-size: 11px;
     -webkit-text-size-adjust:none;
     height:33px;
     vertical-align:middle;
     display:table-cell;
     line-height:14px;
}
.CrumbsMenu
{
    float: right;
    margin:-26px 10px 0 0;    
}
.DropDownMenu .Notation { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -200px; width: 20px; height: 20px; }
.DropDownMenu .Discussion { background:url(/v3.0/images/sprite_1.png) no-repeat -60px -2800px; width: 20px; height: 20px; }
.DropDownMenu .Subscription,.ComboBoxItem .Subscription,.BasicGrid .Subscription  { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1880px; width: 20px; height: 20px; }
.DropDownMenu .Product,.ComboBoxItem .Product,.BasicGrid .Product { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1760px; width: 20px; height: 20px; }
.DropDownMenu .Invoice { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px; width: 20px; height: 20px; }

.DropDownMenu .Reminder { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -440px; }

.DropDownMenu .Message, .MenuBg .Email { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px; width: 20px; height: 20px; }

.MenuBg .People,.MenuBg .Person,.SideBar#ctl00_SideBar #sidebarTab .People,.SideBar#ctl00_SideBar #sidebarTab .Person{ background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4240px;}
.MenuBg .Companies,.MenuBg .Company,.SideBar#ctl00_SideBar #sidebarTab .Companies,.SideBar#ctl00_SideBar #sidebarTab .Company{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4260px;}
.MenuBg .Employees,.MenuBg .Employee,.SideBar#ctl00_SideBar #sidebarTab .Employees,.SideBar#ctl00_SideBar #sidebarTab .Employee{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4280px;}
.MenuBg .Workgroups,.MenuBg .Workgroup,.SideBar#ctl00_SideBar #sidebarTab .Workgroups,.SideBar#ctl00_SideBar #sidebarTab .Workgroup{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4300px;}
.MenuBg .Calendar,.MenuBg .Event,.SideBar#ctl00_SideBar #sidebarTab .Calendar,.SideBar#ctl00_SideBar #sidebarTab .Event{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3980px;}
.MenuBg .Files,.SideBar#ctl00_SideBar #sidebarTab .Files{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4000px;}
.MenuBg .Timesheets,.MenuBg .Journal,.SideBar#ctl00_SideBar #sidebarTab .Timesheets,.SideBar#ctl00_SideBar #sidebarTab .Journal{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4080px;}
.MenuBg .Tasks,.MenuBg .ToDo,.SideBar#ctl00_SideBar #sidebarTab .Tasks,.SideBar#ctl00_SideBar #sidebarTab .ToDo{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4060px;}
.MenuBg .Projects,.MenuBg .Project,.SideBar#ctl00_SideBar #sidebarTab .Projects,.SideBar#ctl00_SideBar #sidebarTab .Project{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4040px;}
.MenuBg .SubProject,.SideBar#ctl00_SideBar #sidebarTab .SubProject{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4220px;}
.MenuBg .Support,.MenuBg .Support_Case,.SideBar#ctl00_SideBar #sidebarTab .Support,.SideBar#ctl00_SideBar #sidebarTab .Support_Case{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4100px;}
.MenuBg .Leads,.MenuBg .Lead,.SideBar#ctl00_SideBar #sidebarTab .Leads,.SideBar#ctl00_SideBar #sidebarTab .Lead{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4020px;}
.MenuBg .LeadPool,.SideBar#ctl00_SideBar #sidebarTab .LeadPool{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4020px;}
.MenuBg .Quotes,.SideBar#ctl00_SideBar #sidebarTab .Quotes{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4120px;}
.MenuBg .ProductIcon,.MenuBg .CatalogItem,.MenuBg .Product,.MenuBg .Catalog,.SideBar#ctl00_SideBar #sidebarTab .ProductIcon,.SideBar#ctl00_SideBar #sidebarTab .CatalogItem,.SideBar#ctl00_SideBar #sidebarTab .Product,.SideBar#ctl00_SideBar #sidebarTab .Catalog{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4180px;}
.MenuBg .Expenses,.SideBar#ctl00_SideBar #sidebarTab .Expenses{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4160px;}
.MenuBg .Purchases,.SideBar#ctl00_SideBar #sidebarTab .Purchases{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4160px;}
.MenuBg .Email,.SideBar#ctl00_SideBar #sidebarTab .Email{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3940px;}
.MenuBg .Contact,.SideBar#ctl00_SideBar #sidebarTab .Contact{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4320px;}
.MenuBg .SubscriptionIcon,.MenuBg .Subscription,.SideBar#ctl00_SideBar #sidebarTab .SubscriptionIcon,.SideBar#ctl00_SideBar #sidebarTab .Subscription{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4200px;}
.MenuBg .WebForms,.SideBar#ctl00_SideBar #sidebarTab .WebForms,.MenuBg .Proposal,.SideBar#ctl00_SideBar #sidebarTab .Proposal {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4340px;}
.MenuBg .CustomField,.SideBar#ctl00_SideBar #sidebarTab .CustomField {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4400px;}
.MenuBg .IssuedInvoices,.MenuBg .Invoice,.SideBar#ctl00_SideBar #sidebarTab .IssuedInvoices,.SideBar#ctl00_SideBar #sidebarTab .Invoice {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4140px;}
.MenuBg .UnbilledCharges,.SideBar#ctl00_SideBar #sidebarTab .UnbilledCharges {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4140px;}
.MenuBg .InvoiceHistory,.SideBar#ctl00_SideBar #sidebarTab .InvoiceHistory {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4140px;}
.MenuBg .CancelledInvoices,.SideBar#ctl00_SideBar #sidebarTab .CancelledInvoices {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4140px;}
.MenuBg .Settings,.SideBar#ctl00_SideBar #sidebarTab .Settings {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4460px;}
.MenuBg .MySettings,.SideBar#ctl00_SideBar #sidebarTab .MySettings {background:url(/v3.0/images/sprite_2.png) no-repeat -480px -3820px;}
.MenuBg .Integration,.SideBar#ctl00_SideBar #sidebarTab .Integration {background:url(/v3.0/images/sprite_2.png) no-repeat -480px -4960px;}
.MenuBg .Preferences,.SideBar#ctl00_SideBar #sidebarTab .Preferences {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4680px;}
.MenuBg .Dashboard,.SideBar#ctl00_SideBar #sidebarTab .Dashboard {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4420px;}
.MenuBg .Permissions,.SideBar#ctl00_SideBar #sidebarTab .Permissions {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4480px;}
.MenuBg .Article,.SideBar#ctl00_SideBar #sidebarTab .Article {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4360px;}
.MenuBg .BlogPost,.SideBar#ctl00_SideBar #sidebarTab .BlogPost,.MenuBg .Blogs,.SideBar#ctl00_SideBar #sidebarTab .Blogs {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4380px;}
.MenuBg .KB,.SideBar#ctl00_SideBar #sidebarTab .KB {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4360px;}
.MenuBg .Pipeline,.SideBar#ctl00_SideBar #sidebarTab .Pipeline {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4500px;}
.MenuBg .Reports,.SideBar#ctl00_SideBar #sidebarTab .Reports {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4520px;}
.MenuBg .GettingStarted,.SideBar#ctl00_SideBar #sidebarTab .GettingStarted {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4540px;}
.MenuBg .Accounts,.SideBar#ctl00_SideBar #sidebarTab .Accounts {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4560px;}
.MenuBg .CustomView,.SideBar#ctl00_SideBar #sidebarTab .CustomView {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -4580px;}
.MenuBg .Discussions,.SideBar#ctl00_SideBar #sidebarTab .Discussions,.SideBar#ctl00_SideBar #sidebarTab .Discussion {background:url(/v3.0/images/sprite_1.png) no-repeat -20px -2800px;}
.MenuBg .Tags { background:url(/v3.0/images/sprite_1.png) no-repeat -180px -2780px; }

/* sorin - menu class for branding/customer portal */
.MenuBg .BrandingSettings { background:url(/v3.0/images/customer_portal_grey.png) no-repeat; }
.MenuBg li:hover>a>.BrandingSettings { background:url(/v3.0/images/customer_portal_colour.png) no-repeat; }

.MenuBg li:hover>a>.People,.MenuBg li:hover>a>.Person,.SideBar#ctl00_SideBar #sidebarTab li:hover .People,.SideBar#ctl00_SideBar #sidebarTab li:hover .Person{ background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2120px;}
.MenuBg li:hover>a>.Companies,.MenuBg li:hover>a>.Company,.SideBar#ctl00_SideBar #sidebarTab li:hover .Companies,.SideBar#ctl00_SideBar #sidebarTab li:hover .Company{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2240px;}
.MenuBg li:hover>a>.Employees,.MenuBg li:hover>a>.Employee,.SideBar#ctl00_SideBar #sidebarTab li:hover .Employees,.SideBar#ctl00_SideBar #sidebarTab li:hover .Employee{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2360px;}
.MenuBg li:hover>a>.Workgroups,.MenuBg li:hover>a>.Workgroup,.SideBar#ctl00_SideBar #sidebarTab li:hover .Workgroups,.SideBar#ctl00_SideBar #sidebarTab li:hover .Workgroup{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2480px;}
.MenuBg li:hover>a>.Calendar,.MenuBg li:hover>a>.Event,.SideBar#ctl00_SideBar #sidebarTab li:hover .Calendar,.SideBar#ctl00_SideBar #sidebarTab li:hover .Event{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -560px;}
.MenuBg li:hover>a>.Files,.SideBar#ctl00_SideBar #sidebarTab li:hover .Files{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -680px;}
.MenuBg li:hover>a>.Timesheets,.MenuBg li:hover>a>.Journal,.SideBar#ctl00_SideBar #sidebarTab li:hover .Timesheets,.SideBar#ctl00_SideBar #sidebarTab li:hover .Journal{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1160px;}
.MenuBg li:hover>a>.Tasks,.MenuBg li:hover>a>.ToDo,.SideBar#ctl00_SideBar #sidebarTab li:hover .Tasks,.SideBar#ctl00_SideBar #sidebarTab li:hover .ToDo{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px;}
.MenuBg li:hover>a>.Projects,.MenuBg li:hover>a>.Project,.SideBar#ctl00_SideBar #sidebarTab li:hover .Projects,.SideBar#ctl00_SideBar #sidebarTab li:hover .Project{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -920px;}
.MenuBg li:hover>a>.SubProject,.SideBar#ctl00_SideBar #sidebarTab li:hover .SubProject{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2000px;}
.MenuBg li:hover>a>.Support,.MenuBg li:hover>a>.Support_Case,.SideBar#ctl00_SideBar #sidebarTab li:hover .Support,.SideBar#ctl00_SideBar #sidebarTab li:hover .Support_Case{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1280px;}
.MenuBg li:hover>a>.Leads,.MenuBg li:hover>a>.Lead,.SideBar#ctl00_SideBar #sidebarTab li:hover .Leads,.SideBar#ctl00_SideBar #sidebarTab li:hover .Lead{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -800px;}
.MenuBg li:hover>a>.LeadPool,.SideBar#ctl00_SideBar #sidebarTab li:hover .LeadPool{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -800px;}
.MenuBg li:hover>a>.Quotes,.SideBar#ctl00_SideBar #sidebarTab li:hover .Quotes{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1400px;}
.MenuBg li:hover>a>.ProductIcon,.MenuBg li:hover>a>.CatalogItem,.MenuBg li:hover>a>.Product,.MenuBg li:hover>a>.Catalog,.SideBar#ctl00_SideBar #sidebarTab li:hover .ProductIcon,.SideBar#ctl00_SideBar #sidebarTab li:hover .CatalogItem,.SideBar#ctl00_SideBar #sidebarTab li:hover .Product,.SideBar#ctl00_SideBar #sidebarTab li:hover .Catalog{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1760px;}
.MenuBg li:hover>a>.Expenses,.SideBar#ctl00_SideBar #sidebarTab li:hover .Expenses{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px;}
.MenuBg li:hover>a>.Purchases,.SideBar#ctl00_SideBar #sidebarTab li:hover .Purchases{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px;}
.MenuBg li:hover>a>.Email,.SideBar#ctl00_SideBar #sidebarTab li:hover .Email{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px;}
.MenuBg li:hover>a>.Contact,.SideBar#ctl00_SideBar #sidebarTab li:hover .Contact{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2600px;}
.MenuBg li:hover>a>.SubscriptionIcon,.MenuBg li:hover>a>.Subscription,.SideBar#ctl00_SideBar #sidebarTab li:hover .SubscriptionIcon,.SideBar#ctl00_SideBar #sidebarTab li:hover .Subscription{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1880px;}
.MenuBg li:hover>a>.WebForms,.SideBar#ctl00_SideBar #sidebarTab li:hover .WebForms,.MenuBg li:hover>a>.Proposal,.SideBar#ctl00_SideBar #sidebarTab li:hover .Proposal{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2720px;}
.MenuBg li:hover>a>.CustomField,.SideBar#ctl00_SideBar #sidebarTab li:hover .CustomField{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3080px;}
.MenuBg li:hover>a>.IssuedInvoices,.MenuBg li:hover>a>.Invoice,.SideBar#ctl00_SideBar #sidebarTab li:hover .IssuedInvoices,.SideBar#ctl00_SideBar #sidebarTab li:hover .Invoice{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.MenuBg li:hover>a>.UnbilledCharges,.SideBar#ctl00_SideBar #sidebarTab li:hover .UnbilledCharges{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.MenuBg li:hover>a>.InvoiceHistory,.SideBar#ctl00_SideBar #sidebarTab li:hover .InvoiceHistory{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.MenuBg li:hover>a>.CancelledInvoices,.SideBar#ctl00_SideBar #sidebarTab li:hover .CancelledInvoices{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.MenuBg li:hover>a>.Settings,.SideBar#ctl00_SideBar #sidebarTab li:hover .Settings{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3440px;}
.MenuBg li:hover>a>.MySettings,.SideBar#ctl00_SideBar #sidebarTab li:hover .MySettings{background:url(/v3.0/images/sprite_2.png) no-repeat -480px -3800px;}
.MenuBg li:hover>a>.Integration,.SideBar#ctl00_SideBar #sidebarTab li:hover .Integration{background:url(/v3.0/images/sprite_2.png) no-repeat -480px -4980px;}
.MenuBg li:hover>a>.Preferences,.SideBar#ctl00_SideBar #sidebarTab li:hover .Preferences{background-position: 0 -2660px;}
.MenuBg li:hover>a>.Dashboard,.SideBar#ctl00_SideBar #sidebarTab li:hover .Dashboard{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3200px;}
.MenuBg li:hover>a>.Permissions,.SideBar#ctl00_SideBar #sidebarTab li:hover .Permissions{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3560px;}
.MenuBg li:hover>a>.Article,.SideBar#ctl00_SideBar #sidebarTab li:hover .Article{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2840px;}
.MenuBg li:hover>a>.BlogPost,.SideBar#ctl00_SideBar #sidebarTab li:hover .BlogPost,.MenuBg li:hover>a>.Blogs,.SideBar#ctl00_SideBar #sidebarTab li:hover .Blogs{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2960px; }
.MenuBg li:hover>a>.KB,.SideBar#ctl00_SideBar #sidebarTab li:hover .KB{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2840px;}
.MenuBg li:hover>a>.Pipeline,.SideBar#ctl00_SideBar #sidebarTab li:hover .Pipeline{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4100px;}
.MenuBg li:hover>a>.Reports,.SideBar#ctl00_SideBar #sidebarTab li:hover .Reports{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4220px;}
.MenuBg li:hover>a>.GettingStarted,.SideBar#ctl00_SideBar #sidebarTab li:hover .GettingStarted{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4340px;}
.MenuBg li:hover>a>.Accounts,.SideBar#ctl00_SideBar #sidebarTab li:hover .Accounts{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4460px;}
.MenuBg li:hover>a>.CustomView,.SideBar#ctl00_SideBar #sidebarTab li:hover .CustomView{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4580px;}
.MenuBg li:hover>a>.Discussions,.SideBar#ctl00_SideBar #sidebarTab li:hover .Discussions,.SideBar#ctl00_SideBar #sidebarTab li:hover .Discussion{background:url(/v3.0/images/sprite_1.png) no-repeat -60px -2800px;}
.MenuBg li:hover>a>.Tags{background-position: -180px -2800px; }

.People,.Person{ background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2120px;}
.Companies,.Company{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2240px;}
.Employees,.Employee{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2360px;}
.Workgroups,.Workgroup{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2480px;}
/*.Calendar*/.Event{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -560px;}
.Files{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -680px;}
.Timesheets,.Journal{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1160px;}
.Tasks, .ToDo{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px;}
.Projects,.Project{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -920px;}
.SubProject{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2000px;}
.Support,.Support_Case{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1280px;}
.Leads, .Lead,.LeadPool{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -800px;}
.Quotes{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1400px;}
.ProductIcon,.CatalogItem,.Product,.Catalog,.LightIcon.ProductIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1760px;}
.Expenses{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px;}
.Purchases{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px;}
.Email{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px;}
.Contact{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2600px;}
.SubscriptionIcon,.Subscription,.LightIcon.SubscriptionIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1880px;}
.WebForms,.Proposal{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2720px;}
.CustomField{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3080px;}
.IssuedInvoices{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.UnbilledCharges{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.InvoiceHistory{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.CancelledInvoices{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.Settings{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3440px;}
/* .Dashboard{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3200px;} */
.Permissions{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3560px;}
.KB { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2840px;}
.Pipeline { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4100px;}
.Reports{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4220px;}
.Accounts{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4460px;}
.CustomView{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4580px;}

.DropDownMenu li:hover>a>.Notation{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3140px;}
.DropDownMenu li:hover>a>.Discussion{background:url(/v3.0/images/sprite_1.png) no-repeat -140px -2800px;}
.DropDownMenu li:hover>a>.Message{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3160px;}
.DropDownMenu li:hover>a>.Reminder,.DropDownMenu li:hover>a>.ReminderIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3180px;}
.DropDownMenu li:hover>a>.Calendar{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3200px;}
.DropDownMenu li:hover>a>.Files {background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3220px;}
.DropDownMenu li:hover>a>.UploadIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3680px;}
.DropDownMenu li:hover>a>.Leads,.DropDownMenu li:hover>a>.Lead{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3240px;}
.DropDownMenu li:hover>a>.LeadPool,.DropDownMenu li:hover>a>.LeadPool{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3240px;}
.DropDownMenu li:hover>a>.Projects{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3260px;}
/*Create project from template*/
.DropDownMenu li:hover > a > .DupProjects {background: url(/v3.0/images/sprite_1.png) no-repeat 0 -5540px;}
.DropDownMenu li:hover>a>.Tasks{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3280px;}
.DropDownMenu li:hover>a>.Timesheets{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3300px;}
.DropDownMenu li:hover>a>.Support{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3320px;}
.DropDownMenu li:hover>a>.Quotes,.DropDownMenu li:hover>a>.QuoteIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3340px;}
.DropDownMenu li:hover>a>.Invoice{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3360px;}
.DropDownMenu li:hover>a>.UnbilledCharges{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3360px;}
.DropDownMenu li:hover>a>.InvoiceHistory{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3360px;}
.DropDownMenu li:hover>a>.CancelledInvoices{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3360px;}
.DropDownMenu li:hover>a>.Expenses{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3380px;}
.DropDownMenu li:hover>a>.Purchases{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3380px;}
.DropDownMenu li:hover>a>.Product,.MenuBg#ctl00_Menu li.HasMore li:hover .ProductIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3400px;}
.DropDownMenu li:hover>a>.Subscription,.MenuBg#ctl00_Menu li.HasMore li:hover .SubscriptionIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3420px;}
.DropDownMenu li:hover>a>.SettingsIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3540px;}
.DropDownMenu li:hover>a>.ArchiveIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5440px;}
.DropDownMenu li:hover>a>.UnArchiveIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5720px;}
.DropDownMenu li:hover>a>.WorkRSSIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3860px;}
.DropDownMenu li:hover>a>.UnassignSupportCaseIcon{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4980px;}
.DropDownMenu li:hover>a>.CancelIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5160px;}
.DropDownMenu li:hover>a>.CommitIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5180px;}
.DropDownMenu li:hover>a>.DeleteIcon,.DropDownMenu li:hover>a>.DeleteIcon_v26{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5200px;}
.DropDownMenu li:hover>a>.CreateIcon,.DropDownMenu li:hover>a>.Add{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -1090px;}
.DropDownMenu li:hover>a>.DetachIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5520px;}
.DropDownMenu li:hover>a>.DuplicateIcon,.DropDownMenu li:hover>a>.Duplicate{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5540px;}
.DropDownMenu li:hover>a>.PeopleIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3460px;}
.DropDownMenu li:hover>a>.EditIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5560px;}
.DropDownMenu li:hover>a>.ExportIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5580px;}
.DropDownMenu li:hover>a>.IMIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5600px;}
.DropDownMenu li:hover>a>.LockIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5620px;}
.DropDownMenu li:hover>a>.MergeIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5640px;}
.DropDownMenu li:hover>a>.RightIcon{background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5360px;}
.DropDownMenu li:hover>a>.SortUpIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5700px;}
.DropDownMenu li:hover>a>.SortDownIcon{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5680px;}
.DropDownMenu li:hover>a>.Pipeline{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3740px;}
.DropDownMenu li:hover>a>.Reports{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3760px;}
.DropDownMenu li:hover>a>.Accounts{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3800px;}
.DropDownMenu li:hover>a>.CustomView{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3820px;}

.MenuBg .ComboTab .Timesheets, .DropDownMenu .Timesheets,.BasicGrid .Timesheets { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1160px; }
.MenuBg .ComboTab .Tasks, .DropDownMenu .Tasks,.BasicGrid .Tasks { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px; }
.MenuBg .ComboTab .Projects, .DropDownMenu .Projects,.BasicGrid .Projects  { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -920px; }
/*Create project from template*/
.MenuBg .ComboTab .DupProjects, .DropDownMenu .DupProjects, .BasicGrid .DupProjects {background: url(/v3.0/images/sprite_1.png) no-repeat -480px -5240px;}
.MenuBg .ComboTab .Support, .DropDownMenu .Support,.BasicGrid .Support { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1280px; }
.MenuBg .ComboTab .Files, .DropDownMenu .Files,.BasicGrid .Files { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -680px; }
.MenuBg .ComboTab .KB { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2840px;}
.MenuBg .ComboTab .Blogs { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2960px; }
.MenuBg .ComboTab .People,.BasicGrid .People { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2120px;}
.MenuBg .ComboTab .CustomField { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3080px; }
.MenuBg .ComboTab .Companies,.BasicGrid .Companies { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2240px; }
.MenuBg .ComboTab .Employees,.BasicGrid .Employees { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2360px; }
.MenuBg .ComboTab .Workgroups,.BasicGrid .Workgroups { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2480px; }
.MenuBg .ComboTab .Permissions { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3560px; }
.MenuBg .ComboTab .CustomView, .CustomView { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4580px; }
.MenuBg .ComboTab .Purchases,.BasicGrid .Purchases { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px; }
.MenuBg .ComboTab .LeadPool,.DropDownMenu .LeadPool,.BasicGrid .LeadPool { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -800px; }
.MenuBg .ComboTab .Leads,.DropDownMenu .Lead,.DropDownMenu .Leads,.BasicGrid .Leads { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -800px; }
.MenuBg .ComboTab .Actions { background: url(/v2.0/images/main.png) no-repeat -10px -511px !important; }
.MenuBg .ComboTab .Pipeline { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4100px; }
/*formexplorer*/
.MenuBg .ComboTab .Quotes,.BasicGrid .Quotes {background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1400px; }
.MenuBg .ComboTab .Reports { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4220px; }
.MenuBg .ComboTab .Catalog { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1760px; }
.MenuBg .ComboTab .Calendar, .DropDownMenu .Calendar,.BasicGrid .Calendar { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -560px; }
.MenuBg .ComboTab .UnbilledCharges { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px; }
.MenuBg .ComboTab .IssuedInvoices,.BasicGrid .IssuedInvoices,.DropDownMenu .IssuedInvoices{ background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px; }
.MenuBg .ComboTab .CancelledInvoices { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;  }
.MenuBg .ComboTab .InvoiceHistory { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;  }
.MenuBg .ComboTab .Expenses, .DropDownMenu .Expenses,.BasicGrid .Expenses { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px; }
.MenuBg .ComboTab .Accounts { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -4460px; }
.MenuBg .ComboTab .Export { background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5280px; }
.MenuBg .ComboTab .WebForms,.MenuBg .ComboTab .Proposal { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2720px;}
.MenuBg .ComboTab .Settings { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3440px; }
.MenuBg .ComboTab .Dashboard { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3200px; }

.DropDownMenu .Reminder{padding:0 0 0 0;}

.MinorMenu
{
    margin-right:6px;
    margin-top:1px;
}
.MinorMenu td
{
	color:#666666;
    font-size:11px;
    text-align: right;
    font-family: Arial, Helvetica;
    text-transform:lowercase;
     -webkit-text-size-adjust:none;
}
.MinorMenu b
{
    text-transform:none;
}
.MinorMenu a
{
	color: #666666;
	font-family: Arial, Helvetica;
}

.CreateNew
{
	line-height: 230%;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
}
/*#endregion*/

/*#region DropdownMenuOutofGrid*/
.DropDownMenuOutOfGrid
{
	background: url(/v3.0/images/sprite_1.png) no-repeat right -1688px;
	cursor: pointer;
	padding: 4px 5px 4px 3px;
	border: 1px solid #bababa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ContentWrap>.DropDownMenuOutOfGrid{background-position:right -1691px;}
.ContentWrap>.DropDownMenuOutOfGrid:hover{background-position:right -1771px;}
.DropDownMenuOutOfGrid ul ul
{
	margin-left: -4px;
	position:absolute;
	margin-top:5px;
	border: 1px solid #aeaeae;
    -moz-box-shadow: 0px 3px 2px #d4d4d4;
    -webkit-box-shadow: 0px 3px 2px #d4d4d4;
    box-shadow: 0px 3px 2px #d4d4d4;  
	padding:3px;
	background-color:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index:14;/*Note: must over 13 as project gantt chart has z-index 13*/
}
.ColouredTable .DropDownMenu ul ul
{
    margin-top:2px;
}
.DropDownMenuOutOfGrid ul ul li a
{
    line-height:30px;
    color:#414a50;
    display:block;
    padding:0 10px 0 5px;
}
.DropDownMenuOutOfGrid ul ul li:hover
{
    background-color:#218ef4;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.DropDownMenuOutOfGrid ul ul li:hover a
{
    text-decoration:none;
    color:#fff;
}
.DropDownMenuOutOfGrid ul ul li a>span
{
    height:20px;
    width:20px;
    display:inline-block;
    margin-right:5px;
    vertical-align:middle;
}
.DropDownMenuOutOfGrid:hover
{
	background-position: right -1768px;
	cursor: pointer;
}
.DropDownMenuOutOfGrid:hover .Create
{
    background-position: -480px -1140px;
}
/*#endregion*/

/*#region ProgressBar*/
.ProgressBar
{
}
.ProgressBar input {padding:0;}
.ProgressBar .V
{
    
    font-size: 10px;
    width: 60px;
    text-align: center;
    cursor: pointer;
    white-space:nowrap;
        padding: 0;
         -webkit-text-size-adjust:none;
}
.ProgressBar .V div span
{
    height: 21px;
    line-height: 21px;
    display: block;
}
.ProgressBar .V div
{
    background: url(/v3.0/images/prog_fill.png) no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin:1px;
    height:21px;
    border: 1px solid #aeaeae;
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2) inset,1px 0 0 #004293 inset;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2) inset,1px 0 0 #004293 inset;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2) inset,1px 0 0 #004293 inset;
}
.ProgressBar .V .W
{
    background: url(/v2.0/images/warning.png) no-repeat 0 50%;
}
.ProgressBar .C
{
    width: 17px;
}
.ProgressBar .C input
{
    margin: 0 2px;    
}
.ProgressBarStage
{
    height: 24px;width: 7px;background: url(/v2.0/images/custom-progress-stage.png) no-repeat; cursor:pointer;
}
.ProgressBarStage:hover
{
    background: url(/v2.0/images/custom-progress-stage-hover.png) no-repeat;
}
.UnderView{font-size:7px; overflow:hidden;}
/*#endregion*/

/*#region Custom Group*/
.customgroup
{
    border:#bababa 1px solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin:0;
    /*position:relative;*/
    overflow:hidden;
    padding:0;
    background-color:#ffffff;
    margin:10px 5px 10px 5px;
}
div[worketc-role="CustomGroup"]
{
    text-align:left;
    position:relative;
    
}
div[worketc-role="CustomGroup"] .customgroup 
{
    overflow:hidden; /* fix for dropdowns being hit-tested when not visible */
}
div[worketc-role="CustomGroup"]:hover .customgroup ,div[worketc-role="CustomGroup"]:active .customgroup /* fix for dropdowns being truncated by fix above */
{
    overflow:visible;
}
.customgroup.placeholder{background-color:#ff0000;}
.customgroup>.legend
{
    color:#404040;
    font-size:14px;
    font-weight:bold;
    cursor:move;
    padding:12px 15px 12px 5px;
    display:block;
    -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:#f9f9f9;
    background-image: -webkit-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%);
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div[worketc-role="CustomGroup"] .GroupSettings.MenuBg
{
    display:none;
    background-color:transparent;
    box-shadow:0 0 0;
    -moz-box-shadow:0 0 0;
    -webkit-box-shadow:0 0 0;
    width:20px !important;
    height:20px;
    filter:none;
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -930px;
    cursor:pointer;
    z-index:3;/*should be bigger than right sidebar tab*/
    position:absolute !important;
    right:17px;
    top:22px;
    min-width:20px;
}
div[worketc-role="CustomGroup"] .GroupSettings.MenuBg:hover{background-position:-480px -930px;}
div[worketc-role="CustomGroup"] span.legend:hover .GroupSettings.MenuBg{display:block;}
div[worketc-role="CustomGroup"] .GroupSettings>ul{padding:0;margin:0;position:absolute;z-index:1;}
div[worketc-role="CustomGroup"] .GroupSettings.MenuBg>ul
{
    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%);
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 );IE6-9 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#6e6e6e'); IE6-8 */
	border:1px solid #cbcbcb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-collapse:separate\0;
	padding:8px;
	display:none;
	position:absolute;
	left:-96px;
	top:35px;
	width:210px;
	padding:0;
    -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);
}
div[worketc-role="CustomGroup"] .GroupSettings.MenuBg>ul ul
{
    margin:-20px 0 0 0;
    padding:25px 5px 5px 5px;
    background:url(/v3.0/images/sprite_1.png) no-repeat center -876px;
}
div[worketc-role="CustomGroup"] .GroupSettings ul ul>li{position:relative;}
div[worketc-role="CustomGroup"] .GroupSettings li>a{display:block;min-width:200px;line-height:30px;font-size:12px;font-weight:normal;white-space:nowrap;}
div[worketc-role="CustomGroup"] .GroupSettings li>a>span{display:inline-block;width:20px;height:20px;}
div[worketc-role="CustomGroup"] .GroupSettings:hover>ul{display:block;}
div[worketc-role="CustomGroup"] .GroupSettings ul ul>li:hover
{
    background-color:#218ef4;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div[worketc-role="CustomGroup"] .GroupSettings ul ul>li:hover>a
{
    color:#ffffff;
}
div[worketc-role="CustomGroup"] .GroupSettings ul ul>li>a:hover{text-decoration:none;}
div[worketc-role="CustomGroup"] .GroupSettings:hover>ul>li>ul{display:block;}
.customgroup>.content
{
    margin:0;
    padding:0;
}
.customgroup>.content.ui-resizable
{
    position:inherit;
}
div[worketc-role="CustomGroup"]>div.resizehandler
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -480px -2380px;width:20px;height:20px;right:6px;bottom:10px;position:absolute;cursor:se-resize;
}
.customgroup>.content>.contentdetail
{
    padding:10px 0 15px 10px;
    width:auto;
}
.customgroup.ungrouped{margin-top:13px;}
.customgroup th
{
    max-width:250px;
    white-space:normal !important;
}
.customgroup .Expand.ui-resizable-handle
{
    z-index:1;
}
.customgroup .Expand
{
    font-size:10px;
    background-color:#f9f9f9;
    background-image:none;
    background-image: -webkit-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%);
    height:21px;
    line-height:21px;
    border-top:1px solid #bababa;
    color:#404040;
    -webkit-text-size-adjust:none;
}
.customgroup .Expand>.Icon{width:20px;height:20px;display:inline-block;vertical-align:middle;}
.customgroup .Expand>.ArrowUp{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -442px;}
.customgroup .Expand>.ArrowDown{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -402px;}
/* firefox legend height bug
@-moz-document url-prefix()
{
    .customgroup .Expand{bottom:23px;}
    .customgroup .Expand.ffbottom{bottom:0;}
    .customgroup>.content{overflow:hidden;}
    .customgroup>.content.normalheight{height:53px;}
    .customgroup>.content.shortheight{height:41px;}
    .customgroup>.content.ffshortheight{height:65px;}
} */
/*#endregion*/

/* #region BaseGrid */
/*.BasicGrid td{white-space: nowrap; word-break: keep-all; word-wrap: normal; overflow: hidden;}resolve word break in td*/
.BasicGrid .TdBorderBottom{border-bottom: 1px solid #CDCDCD;}
.BasicGrid th input[disabled]{border: 0px;background-color:transparent;}
.BasicGrid th{white-space: nowrap; word-break: keep-all; word-wrap: normal;font-weight:normal;}
.BasicGrid td .ContentWrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; line-height:21px;}
.BasicGrid td .TextAlignRight{float:right;}
.BasicGrid td .ContentWrap>.ContentWrapDetail{min-height:23px;position:absolute;top:-5px;left:-5px;border:1px solid #cdcdcd;padding:4px;-moz-border-radius: 3px; -webkit-border-radius: 3px;borde-radius: 3px;z-index:1;-moz-box-shadow: 0 0 0.5em #aaaaaa;-webkit-box-shadow: 0 0 0.5em #aaaaaa;outline-style:none;box-shadow: 0 0 0.5em #aaaaaa;background-color:#ffffff;overflow:visible;}
.BasicGrid td .ContentWrap .VIconCenter{height: 20px;margin-top: 2px;}
.BasicGrid .ColouredTable>tbody>tr{ height:32px;}
/*.BasicGrid .ColouredTable>thead>tr{ height:35px;}*/
.BasicGrid .ColouredTable tbody td{padding:4px 3px;}
.BasicGrid .ColouredTable>tbody>tr:first-child>td, .GridHeaderShadow{-moz-box-shadow:inset 0 10px 10px -9px #dedede;-webkit-box-shadow:inset 0 10px 10px -9px #dedede;box-shadow:inset 0 10px 10px -9px #dedede;border-top:1px solid #cbcbcb;}
.BasicGrid td .ContentWrap>div{overflow:hidden;}
.BasicGrid td .ContentWrap>div.DropDownMenu{padding-top:0;padding-bottom:1px;}
.BasicGrid td .ContentWrap>div.DropDownMenuOutOfGrid{margin:0px;}
.BasicGrid .ColouredTable{table-layout:fixed;}
.BasicGrid .ColouredTable>tbody>tr{background-color:#ffffff;}
.BasicGrid tbody tr.Alt{background-color:#f6f6f6;}
tr.HoverBackground:hover>td,
tr.HoverBackground:hover>td>span,
tr.EditBackground>td,
tr.EditBackground>td>span,
.DiscussionContainer .DiscussionList .DiscussionItem.Selected
{ background-color:#fff8ab !important;}

.BasicGrid .ColouredTable>tbody>tr>td{border-top:1px solid #e1e1e1;}
.BasicGrid tbody tr td.SortedBG{ background-color:#F1F6FD;}/*background color of sorted column*/
.BasicGrid tbody tr.Alt td.SortedBG{ background-color:#DBDBDB;}
.BasicGrid thead th .MenuBg li{border-left-width:0;}
.BasicGrid .tableResizeHandler{top:0;right:0;z-index:1;position:absolute;width:3px;border-left:0;border-right:1px solid #CDCDCD;border-top:1px solid #CDCDCD;border-bottom:1px solid #CDCDCD;cursor:e-resize;}
.BasicGrid .menu,.BasicGrid .DropDownMenu{word-wrap: normal;}
.BasicGrid .ColouredTable thead .Headers th{border:1px; cursor:pointer;height:22px;}
.BasicGrid .ColouredTable .widthholder{height:0;}
.BasicGrid .ColouredTable .widthholder td{padding:0;}
.BasicGrid .ColouredTable.helpcontainer{position:absolute;}
.BasicGrid .ColouredTable .Headers th div.titlecontainer{width:100%;padding:0;margin:0;height:100%;position:relative;min-height:35px;}
.BasicGrid .ColouredTable .Headers th div.sortablehandlerClass{padding:0;margin:0;height:35px;overflow:hidden;padding-right:22px;padding-left:5px;}
.BasicGrid .ColouredTable .Headers th div.sortablehandlerClass>div{height:100%;float:left;}
.BasicGrid .ColouredTable .Headers th div.sortablehandlerClass>div>div{margin-top:22px;min-width:128px;}
.BasicGrid .ColouredTable .Headers .resizehandler, .BillableList .Head .resizehandler{width:0px;position:absolute;right:0;height:100%;cursor:e-resize;top:0px;border-left:1px solid #e1e1e1;border-right:1px solid white;}
.BasicGrid .ColouredTable .Headers .resizehandler.ui-draggable-dragging{background:#ccc;width:1px;z-index:10000;}
.BasicGrid .ColouredTable .Headers th span{padding:3px;display:block;float:left;}
.BasicGrid .ColouredTable .Headers th a span{padding-bottom:0;padding-top:0;}
.BasicGrid>.ColouredTable>tbody>td{padding:4px 3px;line-height: 30px;}
.BasicGrid .ColouredTable tbody .keyrow{background-color:#eee;}
.BasicGrid .ColouredTable tbody .keyrow td{padding-left:10px;border-bottom:1px solid #ccc;}
.BasicGrid .ColouredTable .selectedColumn{background-color:#eee;}
.BasicGrid .ColouredTable .Headers .menucontainer{position:absolute;right:0;top:0;font-weight:normal;background-image:none;}
.BasicGrid .ColouredTable .Headers .menucontainer.MenuBg>ul{padding:0;}
.BasicGrid .ColouredTable .Headers .menucontainer .menutrigger{display:block;height:22px;}
.BasicGrid .ColouredTable .Headers .menucontainer:hover .menu,.BasicGrid .ColouredTable .menucontainer .menu li:hover ul{display:block;}
.BasicGrid div.columnlist
{
    position:absolute;cursor:pointer;top:0;left:0;width:100%;background-color:transparent;
    box-shadow:0 0 0;
    -moz-box-shadow:0 0 0;
    -webkit-box-shadow:0 0 0;
    min-width:20px;
    background-image:none;
    filter:none;
    height:35px;
} /* zindex breaks overlap menus+dialogs */
.BasicGrid div.columnlist>ul{padding:0;margin:0;}
.BasicGrid div.columnlist li{position:relative;}
.BasicGrid div.columnlist>ul>li>div{min-width:0;width:16px;height:16px;}
.BasicGrid div.columnlist.MenuBg li>ul>li>ul>li>a>span{margin-right:0;}
.BasicGrid div.columnlist.MenuBg li>ul>li>ul>li{padding-right:0;}
.BasicGrid div.columnlist ul>li>ul
{
    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%);
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 );IE6-9 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#6e6e6e'); IE6-8 */
	border:1px solid #cbcbcb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-collapse:separate\0;
	padding:8px;
	display:none;
	position:absolute;
	left:30px;
	top:0;
}
.BasicGrid div.columnlist ul>li:hover>ul{display:block;}
.BasicGrid div.columnlist:hover>ul>li>ul{display:block;z-index:99;}
.BasicGrid div.columnlist ul>li>ul>li>a{display:block;min-width:200px;line-height:30px;text-align:left;padding:0;}
.BasicGrid div.columnlist ul>li>ul>li>a>span{display:inline-block;width:20px;height:20px;background-position:5px 5px;}
.BasicGrid div.columnlist ul>li>ul>li:hover
{
    background-color:#218ef4;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:0;
}
.BasicGrid div.columnlist ul>li.HasMore>ul>li:hover{padding:0;}
.BasicGrid div.columnlist ul>li.HasMore{background:url(/v3.0/images/sprite_1.png) no-repeat right -515px;}
.BasicGrid div.columnlist ul>li>ul>li:hover>a{color:#fff;}
.BasicGrid div.columnlist ul>li>ul>li>a:hover{text-decoration:none;}
.BasicGrid div.SettingsIcon{height:30px;background-position:5px -922px;width:30px;}
.BasicGrid div.SettingsIcon:hover{background-position:-475px -922px;}
.BasicGrid div.SettingsIcon div.columnlist{display:block;}

.MenuTriggerIcon{background:no-repeat url(/v2.0/images/table_heading_menu.png) 3px 3px;}
.TableGroupIcon{background:no-repeat url(/v2.0/images/table_menu_group.png) 2px 0;}
.MenuColumnsIcon{background:no-repeat url(/v2.0/images/table_menu_columns.png) 2px 0;}
.BasicGrid .ColouredTable .Headers .menucontainer .SortedAscIcon{background: url(/v2.0/images/main.png) no-repeat -4px -1792px;}
.BasicGrid .ColouredTable .Headers .menucontainer .SortedDescIcon{background: url(/v2.0/images/main.png) no-repeat -4px -1776px;}
.BasicGrid .rowCommandContainer{position:relative;z-index:1;height:23px;}
.BasicGrid .rowCommand{position:absolute;border:0;top:0;display:none;
    background-color:#fff8ab;
    border-left:0;
    border-right:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    border-top:1px solid #dfdfdf;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    white-space:nowrap;
}
.BasicGrid .rowCommand.sortHandler{background:url(/v2.0/images/sort_handler.png) no-repeat #fff;width:16px;right:-17px;cursor:n-resize;height:16px;}
.BasicGrid tr:hover>td>.rowCommandContainer>.rowCommand{display:block;}
.BasicGrid .commandIcon{width:16px;height:16px;display:inline-block;margin:2px;padding:2px;}
.BasicGrid .commandIcon:hover{background-color: #EEF3FA;width:14px;height:14px;border: #ccc 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px;borde-radius: 3px;}
.BasicGrid .rowCommandProxy {
    background-color:#fff8ab; 
    border-left:0;
    border-right:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    border-top:1px solid #dfdfdf;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index:1;
}
.BasicGrid .DragableIcon
{
    float:left;background: url(/v3.0/images/sprite_1.png) no-repeat -10px -962px;width:10px;position:absolute;height:35px !important;
}
.AscSortIcon,.DescSortIcon
{
    width: 15px;
    min-height: 18px;
    cursor: pointer;
    position:absolute;
}
.AscSortIcon
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -4px -1005px;
    right:1px;
}
.AscSortIcon:hover{background-position:-24px -1005px;}
.DescSortIcon
{
    background: url(/v3.0/images/sprite_1.png) no-repeat -4px -1053px;
    top:15px;
    right:1px;
}
.DescSortIcon:hover{background-position:-24px -1053px;}
.AscSortedIcon
{
    height:35px;
    top:0px;
    background-position: -4px -1003px;
}
.AscSortedIcon:hover{background-position: -24px -1003px;}
.DescSortedIcon
{
    height:35px;
    top:0px;
    background-position: -4px -1043px;
}
.DescSortedIcon:hover{background-position: -24px -1043px;}
.BasicGrid .SortIconContainer
{
    position:absolute;right:2px;top:1px;
}
.BasicGrid .ContactsTick
{
    height: 25px !important;
    width: 40px;
    padding: 0px;
    margin: 4px 3px;
}
.BasicGrid .titlecontainer .HelpGlyph
{
    margin:10px 0 0 0;
}
.BasicGrid .ContactsTickDrop
{
    width: 13px !important;
    min-width: 10px !important;
    height: 13px;
    margin: 0px 0px 0px -1px !important;
    padding: 3px 2px;
    display: inline-block;
    background: url(/v3.0/images/sprite_1.png) no-repeat -1px -396px !important;
}
.FooterGradientColor, .DefaultGradientBoxFooter, .BlueBoxFooter, .EmptyBoxFooter, .GrayBoxFooter, .BillableList h2
{
    background: #f3f3f3;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    background-image: -moz-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -o-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -webkit-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: linear-gradient(to bottom,#ffffff 0,#f3f3f3 100%);
}
.DefaultGradientBoxFooter, .BlueBoxFooter, .EmptyBoxFooter, .GrayBoxFooter
{
    min-height:30px;
    border: 1px solid #CBCBCB;
    border-bottom-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -webkit-border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px;
}
.BlueBox h1, .GrayBox h1, DefaultGradientBox h1
{
    font-family:Tahoma, Verdana, arial, sans-serif;
    font-size: 15px;
    color: #999999;
    padding: 10px;
}

.BlueBox > table >tbody> tr > td
{
padding: 3px 5px;
}
.BasicGrid .SearchBox
{
    border: 1px solid #aeaeae;
    padding-right: 20px;
}
.BlueBox
{
	border-radius: 8px 8px 0 0;
	border:1px solid #cbcbcb;
	border-bottom:0;
	vertical-align: middle;
	background-image: -moz-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -ms-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -o-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: -webkit-linear-gradient(top,#ffffff 0,#f3f3f3 100%);
    background-image: linear-gradient(to bottom,#ffffff 0,#f3f3f3 100%);
}
.BlueBox div div
{
    color: black;
}
.Tabs
{
	text-align: center;
	color: #666666;
    position: relative;
	margin-left: 5px;
	width: 1px;
	height:37px;
	margin-bottom:-1px;
}
.Tabs td
{
    border:0 none !important;
    list-style:none outside none;
    margin:0 0 2px 0;
    padding:0 0 0 15px;
    position:relative;
    top:1px;
    height:38px;
    white-space:nowrap; 
    z-index: 0;
}
.Tabs td.PhantomTab{
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1460px;}
.Tabs td.PhantomTab div,.Tabs td.WhiteTab div
{
    float:left;
    padding:0 17px 0 0;
    text-decoration:none;
    font-size: 12px;
    background:url(/v3.0/images/sprite_1.png) no-repeat right -1460px;
    line-height:38px;
    color:#404040;
}
.Tabs td label
{
    
}
.Tabs td.WhiteTab
{
   background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1420px;
    z-index: 1;
    margin-top:0;
}
.Tabs td.WhiteTab div
{
    background:url(/v3.0/images/sprite_1.png) no-repeat right -1420px;
   color:#404040;
   font-weight:normal;
}

.GrayBox
{
	background: #e0e0e0;
	
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    background-image: -moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -ms-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0));
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
   
	border-radius: 8px 8px 0 0;
	border:1px solid #DFDFDF;
	border-bottom:0;
	color: #666666;
	vertical-align: middle;
}

.ExtIcon
{
    width: 7px; height: 5px;margin-left:5px;
}
.BasicGrid .CollapseIcon{background: url(/v3.0/images/sprite_1.png) no-repeat -1px -887px;text-decoration:none;}
.BasicGrid .CollapseIcon:hover{ background-position:-481px -887px;}
.BasicGrid .ExtendIcon{ background: url(/v3.0/images/sprite_1.png) no-repeat -1px -1838px; text-decoration:none;}
.BasicGrid .ExtendIcon:hover{ background-position:-481px -1978px;}
.BasicGrid .ExtLoader{ background:url(/v3.0/images/inline-loader.gif) no-repeat 50% 66%;text-decoration:none;}
.BasicGrid .BranchCollapse,.BasicGrid .BranchExtend{width: 13px;height: 13px;display: inline-block;background:url(/v3.0/images/sprite_1.png) no-repeat -4px -1924px;margin-top: 3px;cursor:pointer;}
.BasicGrid .BranchExtend:hover{background-position:-484px -1924px;}
.BasicGrid .BranchCollapse{background-position:-4px -1584px;margin-top: 10px;}
.BasicGrid .BranchCollapse:hover{background-position:-484px -1584px;}

.BasicGrid .PagerContainer .SeperateLine{width:0px;border-right:1px solid #E1E1E1;border-left:1px solid white;float: left; height:43px;}
.BasicGrid .PagerContainer{min-width:400px;float:right;line-height: 30px; }
.BasicGrid .PagerContainer>div{float:left;}
.BasicGrid .PagerContainer .VCenter{line-height:43px;}
.BasicGrid .SortLoading{background: url(/v3.0/images/inline-loader.gif) no-repeat center 4px;width: 16px;height: 26px;}

.BasicGrid .Ex  
{
    width: 18px;
    height: 22px;
    display: inline-block;
    line-height: 30px;
    
}
.BasicGrid .LinkCol
{
    width: 50px;
    min-width: 50px;
    white-space: nowrap;
}
.BasicGrid .Icon{width:20px;height:20px;display:inline-block;margin:0 4px;}
.BasicGrid .Tags { font-size: 10px; -webkit-text-size-adjust:none;}
.BasicGrid tr:hover .Ex { visibility:visible;}
.BasicGrid .SortedDataCell { background: inherit; }
.BasicGrid .Alt { background: #f5f5f5; }
.BasicGrid .CD3R0 {  }
.BasicGrid .CD3R1 { white-space: nowrap; }
.BasicGrid .ExtLink{display:block;position:absolute;right:0;top:3px;}/*just for email column in contacts grid*/
.AddColumnIcon{background: url(/v2.0/images/add2.png) no-repeat;}
.RemoveColumIcon{background: url(/v2.0/images/remove.png)  no-repeat;}
.Headers-Gradient
{
    /*background: #B0B0B0;
    background: -moz-linear-gradient(top, #B0B0B0, #636363);
    background: -webkit-gradient(linear, left top, left bottom, from(#B0B0B0), to(#636363));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#B0B0B0',endColorstr='#636363',  gradientType='0');
*/
}
.HeadersSelect-Gradient
{
    background: #e6e6e6;
    background-image: -webkit-linear-gradient(top,#e6e6e6 0%,#c7c7c7 100%);
    background-image: -ms-linear-gradient(top,#e6e6e6 0%,#c7c7c7 100%);
    background-image: -moz-linear-gradient(center top,#e6e6e6 0%,#c7c7c7 100%);
    background-image: linear-gradient(top,#e6e6e6 0%,#c7c7c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#c7c7c7',GradientType=0 );
}
.NoFooter
{
    height:5px;
    border:1px solid #CBCBCB;
    border-top:0px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    
}
.BasicGrid .FooterLinkOnly{display: inline-block;/*line-height: 40px;*/padding-left: 5px;}
/*#endregion */

/*#region DashWidget*/
.DashWidgetDragging
{
	width: 300px;
	position: absolute;
	background: #EEEEEE;
	border: 1px dotted #666666;
}
#Widgets{position:relative;}
.DashWidgetHolder{border:0;width:50%;display:inline-block;overflow:visible;z-index:1;padding:10px 0;position:absolute;min-height:122px;}
.DashWidgetResizeHandle{background: url(/v3.0/images/sprite_1.png) no-repeat -480px -2380px;width:20px;height:20px;right:10px;bottom:10px;position:absolute;cursor:se-resize;z-index:1 !important;}
.DashWidget
{
	margin: 0 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;
    position:static !important;
    min-height:120px;
    min-width:160px;
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eaeaea',GradientType=0 );IE6-9 */
}
.DashWidget .Expand
{
    background-color:#f3f3f3;
    background-image:none;
    height:11px;
    color:#404040;
    -webkit-text-size-adjust:none;
    position:absolute;
    bottom:11px;
    left:11px;
    right:11px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;    
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px -5px 0px 0px #f3f3f3,0px -8px 3px 0px #f3f3f3,0px -12px 7px 0px #f3f3f3;
    -webkit-box-shadow: 0px -5px 0px 0px #f3f3f3,0px -8px 3px 0px #f3f3f3 ,0px -12px 7px 0px #f3f3f3;
    -moz-box-shadow: 0px -5px 0px 0px #f3f3f3,0px -8px 3px 0px #f3f3f3,0px -12px 7px 0px #f3f3f3 ;
}
.DashWidgetHeader
{
	padding: 15px;
	cursor: move;
	margin-bottom: 2px;
}
.DashWidgetHeader:hover
{
	background: #E8E8E8;	
}
.DashWidgetHeader h1
{
	font-size: 13px;
	color: #666666;
	margin:-15px;
	padding:15px;
}
.DashWidgetHeader .Icon
{
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
	display:block;
}
.DashWidgetSettings{width:43px;height:20px;float:right;display:none;}
.DashWidgetHeader:hover>.DashWidgetSettings{display:block;}
.DashWidget *:hover>.Icon{display:inline-block;}
.DashWidgetCloseGlyph.Icon{display:inline-block;float:none;vertical-align:middle;}
.DashWidget *:hover>.DashWidgetCloseGlyph.Icon{display:inline-block;}
.DashWidgetSettingsContainer .DashWidgetCloseButton:hover{color:#ff0000;}
.DashWidgetSettingsContainer .DashWidgetCloseButton{display:block;position: absolute;right: -3px;top:2px}
.DashWidgetSettingsContainer .DashWidgetSaveButton{display:block;color:#404040}
.DashWidgetSettingsContainer .DashWidgetSaveButton:hover{color:#ff0000;}
.DashWidgetSettingsCloseGlyph
{
    display:block;
    margin:-14px -2px 0 0;
    font-size:11px;
    -webkit-text-size-adjust:none;
    cursor:pointer;
    float:right;
}
.DashWidgetSettingsCloseGlyph:hover{color:#ff0000;text-decoration:none;}
.DashWidgetCloseGlyph
{
	background: url(/v3.0/images/sprite_1.png) no-repeat 0 -760px;
	margin-right:5px;
	margin-bottom:3px;
} 
.DashWidgetCloseGlyph:hover,*:hover>.DashWidgetCloseGlyph
{
	background-position: -480px -760px;
}
.DashWidgetSettingsGlyph
{
	background: url(/v3.0/images/sprite_1.png) no-repeat 0 -930px;
} 
.DashWidgetSettingsGlyph:hover
{
	background-position: -480px -930px;
}
.DashWidgetContent
{
    padding:0 15px 25px 15px;
}
.DashWidgetContent ul, .DashWidgetContent li
{
    padding:0px;
    margin:0px;
    list-style:none;
}
.DashWidgetContent:after
{
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: "."; 
    clear: both; 
    height: 0;
}
.DashWidgetSettingsContainer
{
    position:absolute;
    border:1px solid #aeaeae;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding:0;
    padding-bottom:20px;
    min-width:250px;
    margin:32px 0 0 -7px;
    background-color: #efefef;
    background-image: -webkit-linear-gradient(top,#efefef 0%,#c3c3c3 100%);
    background-image: -ms-linear-gradient(top,#efefef 0%,#c3c3c3 100%);
    background-image: -moz-linear-gradient(center top,#efefef 0%,#c3c3c3 100%);
    background-image: linear-gradient(top,#efefef 0%,#c3c3c3 100%);
    text-align:center;
    cursor:default;
    z-index:2;
    display:none;
}
.DashWidgetSettingsContainer.Right
{
    margin-left:-216px;
}
.DashWidgetSettingsContainer.Right .DashWidgetSettingsHeader
{
    background-position:-24px -5720px;
}
.DashWidgetSettingsHeader
{
    text-align:left;
    font-size:12px;
    font-weight:bold;
    padding:29px 10px 4px 10px;
    margin-top:-15px;
    background: url(/v3.0/images/sprite_1.png) no-repeat -233px -5720px;
}
.DashWidgetSettingsContent{padding:0 6px;}
.DashWidgetSettingsContent td{ text-align:left;}
/*for report widget*/
#ReportWidgets .DashWidgetContent{padding:0 15px 5px 15px;}
#ReportWidgets .ChartImg {border: 1px solid #cbcbcb;}
#ReportWidgets .ChartImg img{height: 135px;width: 236px;}
#ReportWidgets .TextDescribeArea {padding: 5px 0 0 0; display:inline-block;}
#ReportWidgets .DashWidgetHolder {position:relative;float:left;}
#ReportWidgets .DashWidgetHolder > .DashWidgetSettings {display: block;width: 65px;text-align: right;position: absolute;z-index: 2;opacity: 1;right:20px;top:25px;}
#ReportWidgets .DashWidgetHolder.Added .DashWidget {/*opacity:0.4;*/}
#ReportWidgets .TabNum {color: #cbcbcb;}
#ReportWidgets #MyReportsContainer .DashWidgetSettingsContainer {width:250px;}
#ReportWidgets .DashWidget {max-height:280px;min-height:280px;}
#ReportWidgets .DashWidgetHolder.Report .DashWidgetName {padding-right:65px;}
#ReportWidgets .DashWidgetSettingsContainer {z-index:3;}
#ReportWidgets .DashWidgetSettings {display:block;}
#ReportWidgets .DashWidgetHeader:hover {background:transparent;}
#ReportWidgets .DashWidgetHeader {cursor:default;}
/*#endregion*/

/*#region activityviewer embedded in tab page*/
.DulTab
{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    border: 1px solid #CBCBCB;
    border-bottom:0px;
}
.GridNoneHeaderTopBorder
{
    border-top: 0px !important;
    border-radius:0px !important;
}
.DulTab .VerticalLine
{
    border-right: 1px solid #E1E1E1;
    border-left: 1px solid white;
    height: 33px;
    position: absolute;
    min-width: 0;
    margin-left:5px;
    top:-1px;
}
.DulTabBottomLineCon
{
    background-color: #F4F4F4;
    padding-top: 2px;
}
.DulTabBottomLine
{
    margin: 0 10px;
    height: 1px;
    border-bottom: 1px solid #CBCBCB;
}
.SavedFiltersIcon
{
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(/v3.0/images/sprite_1.png) no-repeat 0px -1542px;
    vertical-align:middle;
}
.SavedFilters .SavedFiltersRemove
{
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor:pointer;
    vertical-align:middle;
    padding-right:4px;
}
.SavedFilters:hover .SavedFiltersRemove
{
    background: url(/v3.0/images/sprite_1.png) no-repeat 2px -3102px;
}
.SavedFiltersRemove:hover
{
    background-position: -478px -3102px !important;
}
.DulTab .SavedFilters>a
{
    padding:0 2px;
}
div.TabPage .AV2.Embedded>ul.AV2Menu,
.DulTab>ul 
{
    background-color: #ffffff;
    background-image: -webkit-linear-gradient(top,#ffffff 0%,#f6f6f6 100%);
    background-image: -moz-linear-gradient(center top,#ffffff 0%,#f6f6f6 100%);
    background-image: linear-gradient(top,#ffffff 0%,#f6f6f6 100%);
    color: #404040;  
    margin:1px 0 0 0;
    padding:2px 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;
}
div.TabPage .AV2.Embedded>ul.AV2Menu>li,
.DulTab>ul>li 
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin:5px 0 0 0;
    background-color:transparent;
    border:0;
    background-image:none;
    padding:0;
    height:28px;
    float:none;
    display:inline-block;
}
div.TabPage .AV2.Embedded>ul.AV2Menu>li>a,
.DulTab>ul>li>a
{
    color:#404040;
    padding:0 10px;
    background-image:none;
    line-height:28px;
    height:auto;
    margin:0;
}
.DulTab>ul>li>a:hover
{
    text-decoration:none;
}
div.TabPage>ul>li>a>span.Icon{width:20px;height:20px;display:inline-block;vertical-align:middle;}
div.TabPage .AV2.Embedded>ul.AV2Menu>li.Selected,
.DulTab>ul>li.Selected
{
    background-color: #e6e6e6;
    background-image: -webkit-linear-gradient(top,#f3f3f3 0%,#dfdfdf 100%);
    background-image: -moz-linear-gradient(center top,#f3f3f3 0%,#dfdfdf 100%);
    background-image: linear-gradient(top,#f3f3f3 0%,#dfdfdf 100%);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4) inset;
    box-shadow: 0 2px 5px rgba(0,0,0,0.4) inset;
}
#ctl00_CrumbHolder>.Buttons img,#Content>.Buttons img{cursor:pointer;margin-left:4px;}
div.TabPage .AV2.Embedded>.Options{
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border:0;
    background-color: #f4f4f4;
    background-image: -webkit-linear-gradient(top,#f6f6f6 0%,#f3f3f3 100%);
    background-image: -moz-linear-gradient(center top,#f6f6f6 0%,#f3f3f3 100%);
    background-image: linear-gradient(top,#f6f6f6 0%,#f3f3f3 100%);
    color: #404040;  
    margin:0;
    padding:2px 20px 0 10px;
    -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);
    min-height: 42px;
}
div.TabPage .AV2.Embedded>.Options td>.Link,
div.TabPage .AV2.Embedded>.Options td>#FiltersDescription,
div.TabPage .AV2.Embedded>.Options a.ExtLinkInline{color:#666;}
div.TabPage .AV2.Embedded>.Options td>#FiltersDescription>a.HelpGlyph{background: url(/v2.0/images/main.png) no-repeat -4px -1754px;}
div.TabPage .AV2.Embedded>.DataTable{border:0;box-shadow:0 0 0;-moz-box-shadow:0 0 0;-webkit-box-shadow:0 0 0;margin:0;}
/*#endregion*/

/*#region WebForms */
.WebForm{position:relative;min-width:980px;}
.WebForm #WebFormContainer
{
    clear:both;
    background:#FFFFFF;
    -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     padding:10px 0 10px 0;
     *padding-top: 5px;
     position:relative;
     border:1px solid #cbcbcb;
}
.WebForm ul{margin:0;padding:0;}
.WebForm li{margin:0;padding:0;list-style:none;}
/* tabs */
.WebForm > ul{margin-top:1px; white-space: nowrap; overflow: visible; height:37px;padding:0;margin:0 0 0 5px;}
.WebForm > ul>li { 
    border:0 none !important;
    float: left; /* must be float rather than display:inline-block for ie7*/
    list-style:none outside none;
    margin:0 0 2px 0;
    padding:0 0 0 15px;
    position:relative;
    top:4px;
    height:38px;
    white-space:nowrap; 
    z-index: 0;
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1460px;
    }
.WebForm > ul a {  
    float:left;
    padding:0 18px 0 0 !important;
    text-decoration:none;
    font-size: 12px;
    background:url(/v3.0/images/sprite_1.png) no-repeat right -1460px;
    line-height:38px;
    color:#404040;
    }
.WebForm span.form_instruction
{
    position:absolute;top:15px;left:310px;
}
.WebForm > ul > li.form_instruction > a
{
    padding:0;
    margin:0;
}
.WebForm > ul .Selected
{  
    background:url(/v3.0/images/sprite_1.png) no-repeat 0 -1420px;
    z-index: 1;
    margin-top:0;
}
.WebForm > ul .Selected a
{
   background:url(/v3.0/images/sprite_1.png) no-repeat right -1420px;
   color:#404040;
   font-weight:normal;
}
/* settings */
.WebForm > #WebFormContainer > #WebFormSettings
{
    padding:10px;
    background-color:#eeeeee;
    -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
     border-top-right-radius: 5px;
     width:330px;
     position:absolute;
     bottom:1px;
     left:1px;
     top:10px;
}
.WebForm > #WebFormContainer > #WebFormSettings p
{
    background-color:#ffffff;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     padding:10px;
     margin:0 0 10px 0;
     overflow:auto;
}
/*webform style affect RTE, need to rest*/
.WebForm > #WebFormContainer > #WebFormSettings .redactor_editor p
{
    border-radius: 0;
	padding:0 !important;
    overflow:visible;
}
.WebForm > #WebFormContainer > #WebFormSettings p span label{display:block;}
.WebForm > #WebFormContainer > #WebFormSettings ul
{
    padding:10px 0 0 5px;
}
.WebForm > #WebFormContainer > #WebFormSettings ul#TreeView,.WebForm > #WebFormContainer > #WebFormSettings ul#TreeView ul
{
    padding:0;
}
.WebForm > #WebFormContainer > #WebFormSettings .HelpGlyph
{
    margin-top:0;
}
.WebForm > #WebFormContainer > #WebFormSettings .fieldhelp
{
    display:inline-block;
    vertical-align:top;
}
/* setting field */
.WebForm > #WebFormContainer > #WebFormSettings .FormSettingFeildborder
{
    background-color:#eeeeee;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border--radius: 5px;
     padding:2px;
}
.WebForm > #WebFormContainer > #WebFormSettings .FormSettingFeildContainer
{
     background-color:#ffffff;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     padding:10px;
     overflow:auto;
}
.WebForm > #WebFormContainer > #WebFormSettings .FormSettingFeildContainer >ul
{
    padding-top:5px;
}
.WebForm > #WebFormContainer > #WebFormSettings .FormSettingFeildContainer >ul li
{
    width:200px;
    margin-bottom:8px;
}
.WebForm > #WebFormContainer > #WebFormSettings .FormSettingFeildContainer >ul .fieldhelp
{
    width:auto;
}
.WebForm > #WebFormContainer > #WebFormSettings .FormSettingFeildContainer >ul >li >ul
{
    padding:0 0 0 2px;
}
.WebForm > #WebFormContainer > #WebFormSettings .FormSettingFeildContainer >ul >li >ul >li
{
    width:133px;
    display:block;
    margin-left:67px;
}
/* priview */
.WebForm > #WebFormContainer > #WebFormPreview
{
    margin:0 0 0 350px;
    *margin-top:-9px;
    padding:15px;
    background-color:#ffffff;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     overflow:hidden;
     min-height:400px;
}

/* buttons */
.WebForm .scrollable
{
    height:100px;
    overflow-x:hidden;
    overflow-y:scroll;
}
.WebForm .scrollable .placeholder
{
    display:inline-block;
    width:100px;
    -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border:1px solid #7F9DB9;
     background-color:#fff;
     color:#999999;
     text-decoration:none;
     padding:0 0 0 30px;
     margin:0 0 15px 3px;
     cursor:pointer;
     height:18px;
     overflow:hidden;
}
.WebForm .scrollable .placeholder.loading
{
    background:url("/v3.0/images/inline-loader.gif") no-repeat scroll 10px 50% white;
}
.WebForm .scrollable .placeholder:hover
{
    color:#666666;
     -moz-box-shadow:0 0 8px rgba(0,102,204,.8);
     -webkit-box-shadow:0 0 8px rgba(0,102,204,.8);
     box-shadow:0 0 8px rgba(0,102,204,.8);
}
.WebForm .button
{
    display:inline-block;
    width:100px;
    -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border:1px solid #7F9DB9;
     background-color:#fff;
     color:#999999;
     text-decoration:none;
     padding:0 0 0 30px;
     margin:0 0 15px 3px;
     cursor:move;
     height:18px;
     overflow:hidden;
     white-space:nowrap;
}
.WebForm .button:hover
{
    color:#666666;
     -moz-box-shadow:0 0 8px rgba(0,102,204,.8);
     -webkit-box-shadow:0 0 8px rgba(0,102,204,.8);
     box-shadow:0 0 8px rgba(0,102,204,.8);
}
.WebForm .button.disabled{opacity:0.4;cursor:pointer;}
.WebForm .FullWidth
{
    width:95%;
}
/* button icons */
.WebForm .icon_singleline
{
    background:url(/v2.0/images/ico_webform.png) 10px -66px no-repeat #fff;
}
.WebForm .icon_multiline
{
    background:url(/v2.0/images/ico_webform.png) 10px -88px no-repeat #fff;
}
.WebForm .icon_dropdown
{
    background:url(/v2.0/images/ico_webform.png) 10px -110px no-repeat #fff;
}
.WebForm .icon_number
{
    background:url(/v2.0/images/ico_webform.png) 10px 0 no-repeat #fff;
}
.WebForm .icon_singlechoice
{
    background:url(/v2.0/images/ico_webform.png) 10px -44px no-repeat #fff;
}
.WebForm .icon_multichoice
{
    background:url(/v2.0/images/ico_webform.png) 10px -22px no-repeat #fff;
}
.WebForm .icon_fileupload
{
    background:url(/v2.0/images/ico_webform.png) 10px -440px no-repeat #fff;
}
.WebForm .icon_paragraph
{
    background:url(/v2.0/images/ico_webform.png) 10px -462px no-repeat #fff;
}
.WebForm .icon_h1
{
    background:url(/v2.0/images/ico_webform.png) 10px -484px no-repeat #fff;
}
.WebForm .icon_h2
{
    background:url(/v2.0/images/ico_webform.png) 10px -506px no-repeat #fff;
}
.WebForm .icon_image
{
    background:url(/v2.0/images/ico_webform.png) 10px -528px no-repeat #fff;
}
.WebForm .icon_name
{
    background:url(/v2.0/images/ico_webform.png) 10px -132px no-repeat #fff;
}
.WebForm .icon_email
{
    background:url(/v2.0/images/ico_webform.png) 10px -154px no-repeat #fff;
}
.WebForm .icon_date
{
    background:url(/v2.0/images/ico_webform.png) 10px -176px no-repeat #fff;
}
.WebForm .icon_address
{
    background:url(/v2.0/images/ico_webform.png) 10px -198px no-repeat #fff;
}
.WebForm .icon_phonenumber
{
    background:url(/v2.0/images/ico_webform.png) 10px -220px no-repeat #fff;
}
.WebForm .icon_url
{
    background:url(/v2.0/images/ico_webform.png) 10px -242px no-repeat #fff;
}
.WebForm .icon_hr
{
    background:url(/v2.0/images/ico_webform.png) 10px -352px no-repeat #fff;
}
.WebForm .icon_fieldset
{
    background:url(/v2.0/images/ico_webform.png) 10px -374px no-repeat #fff;
}
.WebForm .icon_add
{
    background:url(/v2.0/images/ico_webform.png) 0 -264px no-repeat;
}
.WebForm .icon_remove
{
    background:url(/v2.0/images/ico_webform.png) 0 -286px no-repeat;
}
.WebForm .icon_up
{
    background:url(/v2.0/images/ico_webform.png) 0 -308px no-repeat;
}
.WebForm .icon_down
{
    background:url(/v2.0/images/ico_webform.png) 0 -330px no-repeat;
}
.WebForm .icon_arrdown
{
    background:url(/v2.0/images/ico_webform.png) 0 -396px no-repeat;
}
.WebForm .icon_arrup
{
    background:url(/v2.0/images/ico_webform.png) 0 -418px no-repeat;
}
.WebForm .icon_yesno
{
    background:url(/v2.0/images/ico_webform.png) 10px -550px no-repeat;
}
.WebForm .icon_entity
{
    background:url(/v2.0/images/ico_webform.png) 10px -572px no-repeat;
}
.WebForm .icon_entry
{
    background:url(/v2.0/images/ico_webform.png) 10px -594px no-repeat;
}
.WebForm .icon_productcategory
{
    background:url(/v2.0/images/ico_webform.png) 10px -616px no-repeat;
}
.WebForm .icon_invoice
{
    background:url(/v3.0/images/sprite_2.png) no-repeat 10px -1520px;
}
.WebForm .icon_product
{
    background:url(/v2.0/images/ico_webform.png) 10px -638px no-repeat;
}
.WebForm .icon_imageupload
{
    background:url(/v2.0/images/ico_webform.png) 10px -660px no-repeat;
}
.WebForm .icon_datetime
{
    background:url(/v2.0/images/ico_webform.png) 10px -682px no-repeat;
}
.WebForm .icon_priority
{
    background:url(/v2.0/images/ico_webform.png) 10px -704px no-repeat;
}
.WebForm .icon_label
{
    background:url(/v2.0/images/ico_webform.png) 10px -726px no-repeat;
}
.WebForm .icon_tag
{
    background:url(/v2.0/images/ico_webform.png) 10px -748px no-repeat;
}
.WebForm .icon_float_right
{
    float:right;
    width:16px;
    height:16px;
    margin-right:20px;
}
.WebForm .icon{width:16px;height:16px;display:inline-block;margin:0 2px;}
.ComboBoxItem .icon{width:20px;height:20px;vertical-align:middle;display:inline-block;}
.WebForm .label_inline{display:block;float:left;font-weight:bold;margin-right:15px;vertical-align:top;width:150px;color:#555555;padding:0;}
.WebForm .label_break{display:block;font-weight:bold;margin-right:15px;color:#555555;padding:0;}
.WebForm .placeholder_sortable{outline:1px dotted #9e6214;opacity:0.5;background-color:#ff9933;filter:alpha(opacity=50);}
.WebForm .FormContainer{min-height:440px;min-width:580px;margin:0;width:600px;}
.WebForm #FormContainerTemp.FormContainer{min-height:20px;padding-bottom:0;}
.WebForm .FormContainer>li{cursor:move;padding:5px 10px;min-height:25px;margin:2px 0;background-color:#ffffff;width:580px;/*float:left;position:relative;overflow:auto;*/}
.WebForm .FormContainer>li:after{visibility: hidden; 
display: block; 
font-size: 0; 
content: "."; 
clear: both; 
height: 0; }
.WebForm .FormContainer fieldset.fieldset>ul>li{padding:5px 10px;min-height:25px;margin:2px 2px;overflow:auto;position:relative;}
.WebForm .helper_btn{padding-left:30px;outline-width:0;}
.WebForm .FormContainer h1{color:#555;font-size:16pt;font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;font-weight: normal;}
.WebForm>#WebFormContainer>#WebFormSettings .CheckList>span{width:48%;display:inline-block;overflow:hidden;}
.WebForm>#WebFormContainer>#WebFormSettings .CheckList>span>label{display:inline-block;overflow:hidden;white-space:nowrap;word-break:none;width:80%;text-overflow:ellipsis;}
.WebForm>#WebFormContainer .LabelContainer>div:hover{outline:1px solid #F7DA77;background-color:#FFF6BF;cursor:move;}
/* loading icon inline */
.WebForm .inline_loading{background:url("https://auth.worketc.com/v2.0/images/ajax-loader-on-blue.gif") no-repeat scroll 0 50% white;width:16px;height:16px;float:right;margin-right:15px;min-width:16px;}
/* control style */
.WebForm .FormContainer fieldset{border:none;margin:0;padding:0;width:68%;float:left;}/*min-width:450px;*/
.WebForm .FormContainer fieldset.fieldset{border:1px solid #bbbbbb;width:100%;float:none;overflow:hidden;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.WebForm .FormContainer fieldset.fieldset ul{min-height:50px;}
.WebForm .FormContainer fieldset.fieldset>legend{padding:4px;margin-left:10px;}
.WebForm .FormContainer.inline fieldset.fieldset>legend{float:none;width:auto;min-width:0;}
.WebForm .FormContainer fieldset div span{display:block;float:left;padding-right:4px;}
.WebForm .FormContainer fieldset span.half_width_right{float:right;}
.WebForm .FormContainer fieldset label{font-weight:normal;padding-left:4px;}
.WebForm .FormContainer fieldset div>label{display:inline-block;}
.WebForm .FormContainer fieldset span label{display:block;}
.WebForm .FormContainer li>label,.WebForm .FormContainer legend{display:block;font-weight:bold;color:#555555;padding:0;line-height:24px;}
.WebForm .FormContainer.inline li>label,.WebForm .FormContainer.inline legend{float:left;vertical-align:top;min-width:143px;width:20%;}
.WebForm .full_width{width:99%;margin:0;}
.WebForm .half_width_left{width:47%;margin:0;float:left;}
.WebForm .half_width_right{width:47%;margin:0;float:right;}
.WebForm .FormContainer fieldset>div,.WebForm .FormContainer li>div{width:68%;float:left;display:block;} /*min-width:360px;*/
.WebForm .FormContainer.inline fieldset>div,.WebForm .FormContainer.inline li>div{width:60%;float:left;display:block;} /*min-width:300px;*/
.WebForm .FormContainer.inline li>div {width:40%;float:left;display:block;}
.WebForm .FormContainer .size-min{width:20%;}
.WebForm .FormContainer .size-medium{width:75%;}
.WebForm .FormContainer .size-max{width:99%;}
.WebForm .FormContainer .namefield input[type=text] {width: 80px;}
.WebForm .FormContainer .namefieldset {width:100%;}
.WebForm .FormContainer .listfieldset {width:100%;}
.WebForm .FormContainer .namefield {width:70% !important;}
.WebForm .FormContainer li>fieldset>div>input[type="radio"], .WebForm .FormContainer li>fieldset>div>input[type="checkbox"]{ position:absolute; }
.WebForm .FormContainer li>fieldset>div>label{ display:inline-block;margin:1px 0 0 20px;}
.WebForm .FormContainer li>div.paragraph{width:100%;margin:0;padding:0;}



/* icon right */
.WebForm .icon_right{width:16px;height:16px;display:inline-block;margin-left:2px;background:url(../images/ico_webform.png) 0 -176px no-repeat;}
/* required span */
.WebForm .required{display:inline;color:#ff0000;font-weight:bold;padding:0;margin:0 0 0 3px;}
/* instructions */
.WebForm .instructions{width:27%;float:right;outline:1px solid #C2D7EF;background-color:#DFEFFF;padding:2px 10px;margin:0;overflow:auto;display:block;}
/* selected field */
.WebForm .selectedfield{outline:1px solid #F7DA77;background-color:#FFF6BF;}
/* option settings */
.WebForm .optionsettings input[type="text"]{width:60%;}
/* form info */
.WebForm .FormInfo{cursor:pointer;padding:5px;}
.WebForm .FormInfo:hover{outline:2px dotted #ff9933;}
/* field delete icon */
.WebForm .FormContainer li>div.FieldDelete{position:relative;width:100%;clear:both;}
.WebForm .FieldDelete>a
{
	width:16px;
	height:16px;
	background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5200px;
	position:absolute;
	bottom:-3px;
	right:-8px;
	display:block;
}
/* command bar */
.WebForm .CommandBar
{
    text-align:right;
    width:100%;
    color:#ffffff;
    padding-top:5px;
}
.WebForm .CommandBar a
{
    color:#ffffff;    
}
/* file upload */
.WebForm .fileupload
{
	border: 1px solid #7F9DB9;
	padding: 3px;
	margin: 0;
	margin-bottom: 2px;
	font-size: 9.25pt;
	font-family: Tahoma,Verdana,arial,sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*#endregion */

/*#region PrivilegeForms */
.PrivilegeForm{position:relative;}
.PrivilegeForm #PrivilegeFormContainer
{
    clear:both;
    background:#cbcbcb;
    -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     padding:10px;
     *padding-top: 5px;
     position:relative;
}
.PrivilegeForm ul{margin:0;padding:0;}
.PrivilegeForm li{margin:0;padding:0;list-style:none;}
/* tabs */
.PrivilegeForm > ul { line-height:20px; margin-top:1px; white-space: nowrap; overflow: hidden; height:26px;padding:0;margin:0 0 0 10px; }
.PrivilegeForm > ul a {  font-size: 9.25pt;}
.PrivilegeForm > ul .Selected
{
    background: #cbcbcb;
    z-index: 1;
    border: none;
    margin-top: 1px;
    font-weight: bold;
}
.PrivilegeForm > ul .Selected a
{
   color: White;
}
/* settings */
.PrivilegeForm > #PrivilegeFormContainer > #PrivilegeFormGroupings
{
    padding:10px;
    background-color:#EAF4F5;
    -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
     border-top-right-radius: 5px;
     width:330px;
     position:absolute;
     bottom:1px;
     left:1px;
     top:10px;
}
.PrivilegeForm > #PrivilegeFormContainer > #PrivilegeFormGroupings p
{
    background-color:#ffffff;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     padding:10px;
     margin:0 0 10px 0;
     overflow:auto;
}
.PrivilegeForm > #PrivilegeFormContainer > #PrivilegeFormGroupings p span label{display:block;}
.PrivilegeForm > #PrivilegeFormContainer > #PrivilegeFormGroupings ul
{
    padding:10px 0 0 5px;
}
/* priview */
.PrivilegeForm > #PrivilegeFormContainer > #PrivilegeFormSettings
{
    margin:0 0 0 350px;
    *margin-top:-9px;
    padding:15px;
    background-color:#ffffff;
    -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     overflow:hidden;
     min-height:400px;
}

/* buttons */
.PrivilegeForm .button
{
    display:inline-block;
    width:100px;
    -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     border:1px solid #7F9DB9;
     background-color:#fff;
     color:#999999;
     text-decoration:none;
     padding:0 0 0 30px;
     margin:0 20px 20px 0;
     cursor:pointer;
}
.PrivilegeForm .button:hover
{
    color:#666666;
     -moz-box-shadow:0 0 8px rgba(0,102,204,.8);
     -webkit-box-shadow:0 0 8px rgba(0,102,204,.8);
     box-shadow:0 0 8px rgba(0,102,204,.8);
}
.PrivilegeForm .FullWidth
{
    width:95%;
}
/* button icons */
.PrivilegeForm .icon_singleline
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -66px no-repeat #fff;
}
.PrivilegeForm .icon_multiline
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -88px no-repeat #fff;
}
.PrivilegeForm .icon_dropdown
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -110px no-repeat #fff;
}
.PrivilegeForm .icon_number
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px 0 no-repeat #fff;
}
.PrivilegeForm .icon_singlechoice
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -44px no-repeat #fff;
}
.PrivilegeForm .icon_multichoice
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -22px no-repeat #fff;
}
.PrivilegeForm .icon_name
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -132px no-repeat #fff;
}
.PrivilegeForm .icon_email
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -154px no-repeat #fff;
}
.PrivilegeForm .icon_date
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -176px no-repeat #fff;
}
.PrivilegeForm .icon_address
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -198px no-repeat #fff;
}
.PrivilegeForm .icon_phonenumber
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -220px no-repeat #fff;
}
.PrivilegeForm .icon_url
{
    background:url(/v2.0/images/ico_PrivilegeForm.png) 10px -242px no-repeat #fff;
}
.PrivilegeForm .label_inline{display:block;float:left;font-weight:bold;margin-right:15px;vertical-align:top;width:150px;color:#555555;padding:0;}
.PrivilegeForm .label_break{display:block;font-weight:bold;margin-right:15px;color:#555555;padding:0;}
.PrivilegeForm .placeholder_sortable{outline:1px dotted #9e6214;opacity:0.5;background-color:#ff9933;filter:alpha(opacity=50);}
.PrivilegeForm .FormContainer{width:100%;min-height:200px;}
.PrivilegeForm #FormContainerTemp.FormContainer{min-height:20px;padding-bottom:0;}
.PrivilegeForm .FormContainer>li{padding:5px 10px;cursor:pointer;min-height:25px;margin:2px 0;overflow:auto;}
.PrivilegeForm .FormContainer>li *{cursor:pointer;}
.PrivilegeForm .FormContainer>li:hover{outline:2px dotted #ff9933;}
.PrivilegeForm .helper_btn{padding-left:30px;outline-width:0;}
/* loading icon inline */
.PrivilegeForm .inline_loading{background:url("/v3.0/images/inline-loader.gif") no-repeat scroll 0 50% white;width:16px;height:16px;float:left;margin-right:15px;min-width:16px;}
/* control style */
.PrivilegeForm .FormContainer fieldset{border:none;margin:0;padding:0;width:72%;}
.PrivilegeForm .FormContainer fieldset span{display:block;float:left;padding-right:4px;}
.PrivilegeForm .FormContainer fieldset label{font-weight:normal;padding-left:4px;}
.PrivilegeForm .FormContainer fieldset div>label{display:inline-block;}
.PrivilegeForm .FormContainer fieldset span label{display:block;}
.PrivilegeForm .FormContainer li>label,.PrivilegeForm .FormContainer legend{display:block;font-weight:bold;color:#555555;padding:0;line-height:24px;}
.PrivilegeForm .FormContainer.inline li>label,.PrivilegeForm .FormContainer.inline legend{float:left;vertical-align:top;min-width:120px;width:20%;}
.PrivilegeForm .full_width{width:99%;margin:0;}
.PrivilegeForm .half_width_left{width:47%;margin:0;float:left;}
.PrivilegeForm .half_width_right{width:47%;margin:0;float:right;}
.PrivilegeForm .FormContainer fieldset>div,.PrivilegeForm li>div{width:50%;float:left;min-width:290px;display:block;}
.PrivilegeForm .FormContainer .size-min{width:30%;}
.PrivilegeForm .FormContainer .size-medium{width:50%;}
.PrivilegeForm .FormContainer .size-max{width:99%;}
/* icon right */
.PrivilegeForm .icon_right{width:16px;height:16px;display:inline-block;margin-left:2px;background:url(/v2.0/images/ico_PrivilegeForm.png) 0 -176px no-repeat;}
/* required span */
.PrivilegeForm .required{display:inline;color:#ff0000;font-weight:bold;padding:0;margin:0;}
/* instructions */
.PrivilegeForm .instructions{display:block;width:20%;float:right;outline:1px solid #C2D7EF;background-color:#DFEFFF;padding:2px 10px;margin:0;overflow:auto;}
/* selected field */
.PrivilegeForm .selectedfield{outline:1px solid #F7DA77;background-color:#FFF6BF;}
/*#endregion */
/*#region recent items*/
.RecentItems
{
    margin:0;
    padding:0;
    max-width:200px;
}
.RecentItems>li
{
    list-style:none;
    padding:0;
    margin:0;
}
.RecentItems>li>a>span{width:20px;height:20px;display:inline-block;vertical-align:middle;}
.RecentItems>li>a>div.FileIcon{display:inline-block;float:none;}
.RecentItems>li>a
{
    display:block;
    max-width:160px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:2px 0;
}
/*#endregion*/

/*#region bookmarks*/
 #Bookmarks,#RecentItems
 {
    background: white;
 } 
 #Bookmarks table, #Bookmarks td, #RecentItems table, #RecentItems td { border-spacing:0; padding:0;}
 #Bookmarks .CollapseLink, #Bookmarks .ExpandLink
 {
    font-size: 10px;
    text-decoration: none; 
    text-transform: lowercase;
    padding-right: 12px;
    display: block;
    background: url(/v2.0/images/glyph_down_black.gif) no-repeat center right;
 }
 #Bookmarks .CollapseLink { background-image: url(/v2.0/images/glyph_up_black.gif); }
 #Bookmarks ul, #Bookmarks li, #RecentItems ul, #RecentItems li
 {
    margin: 0;
    padding: 0;
    list-style: none;     
 }
 
#Bookmarks li.BMRow,#RecentItems li.BMRow{margin:4px 0;}
.BMRow .Icon{width:20px;height:20px;margin:1px;}
 #Bookmarks img, #RecentItems img { width: 16px; height: 16px; margin-right:4px; }
 #Bookmarks .DragHover { border-top: 2px solid red; }
 #Bookmarks li:hover .Delete
 {
     display:inline-block;
     cursor:pointer;
 }
#BookmarksInner .Delete   
{
    display: none;
}
#BookmarksInner a,#RecentItemsInner a { line-height:22px;color: #404040; display: inline-block; overflow: hidden; white-space: nowrap; max-width:170px; text-decoration: none;  }
#BookmarksInner a:hover,#RecentItemsInner a:hover { text-decoration: none;color:#067cea; }
#BookmarksInner .AddPage,  #BookmarksInner .DelPage, #RecentItemsInner .AddPage,  #RecentItemsInner .DelPage 
{
     display: block;
     padding-left: 15px;
     background: url(/v2.0/images/main.png) no-repeat -10px -1289px !important;
     font-size:10px;
     line-height: 16px;
     text-transform: lowercase;
     text-decoration: none;
     width:auto;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;    
    margin:4px 0 10px 0;
    -webkit-text-size-adjust:none;
}
#BookmarksInner .DelPage,#RecentItemsInner .DelPage  { background-position: -10px -1552px !important; }
#BookmarksInner #ViewSizes,#RecentItemsInner #ViewSizes
{
    font-size: 10px;
    text-align: center;
    width:100%;    
}
/*#endregion*/

/*#region Projects v2.6 */
.ProjectViewer
{
    background:#ecedef;
    white-space: nowrap;
}
.ProjectViewer #Shell { width: 100%; }
.ProjectViewer #TitleBox {  /*overflow: hidden;*/ margin:-60px 0 0 8px; font-weight:bold; color:#2280C8; }
.ProjectViewer #TitleBox .MenuTab {   }
.ProjectViewer #TitleBox .DragHandle { display: none !important; }
.ProjectViewer #TitleBox .ExpColLink {position: absolute; margin-top: 40px;color:#2280C8;}
.ProjectViewer #TitleBox .ProjName { white-space: normal; line-height: 14px;margin-right:14px; }
.ProjectViewer #TitleBox .ProjName .Name { display:block; overflow: hidden; height: 31px;  vertical-align: top;}
.ProjectViewer #TitleBox .ProjName table { width:100%;}
.ProjectViewer #Headers {  }
.ProjectViewer #Headers ul a {  font-size: 9.25pt;}
.ProjectViewer #Headers ul .Selected
{  
    background: #6BA6D7;
    z-index: 1;
    border-bottom: none;
    margin-top: 1px;
    font-weight: bold;
}
.ProjectViewer #Headers ul { margin-top:1px; white-space: nowrap; overflow: hidden; height:26px; }
.ProjectViewer #Headers ul .Selected a
{
   color: White;
 
}
.ProjectViewer #LeftPane { background: white; overflow: hidden; position:relative; }
.ProjectViewer .Row {  position:absolute !important;z-index:0 !important; }
.ProjectViewer .AltRow { position:absolute !important;z-index:0 !important; background-color: #ecedef; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; }

.ProjectViewer #GraphContents .DataBar { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  z-index: 10;  -webkit-user-select: none;}
.ProjectViewer .Thing  
{
    width: 16px; 
    height:16px; 
    background: url(/v2.0/images/about.png); 
    position:absolute !important; 
    z-index: 13 !important;
}
.ProjectViewer #GraphContents .InheritTimeline { background-image: url(/v2.0/images/paddlock.png); background-position: 5px 2px; background-repeat: no-repeat; }
.ProjectViewer .Pending { border: 1px dashed black; }
.ProjectViewer #GraphContents .DataBarHighlight { 
    -moz-box-shadow: 0 0 .5em #666666;
    -webkit-box-shadow: 0 0 .5em #666666;
    box-shadow: 0 0 .5em #666666;
     }
.ProjectViewer #Graph .DepLine
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.5;

}
.ProjectViewerContextMenu
{
    z-index: 23;
    white-space:nowrap;
    min-width: 180px;
    border:1px solid #cbcbcb;
	padding:3px;
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ProjectViewerContextMenu ul, .ProjectViewerContextMenu li { margin: 0; padding: 0; list-style: none; }
.ProjectViewerContextMenuTop { margin-left:-68px; margin-top: 9px; }
.ProjectViewerContextMenuTop > ul {margin-top:-14px; padding-top:14px; background: url(/v3.0/images/sprite_1.png) -50px -291px no-repeat;}
.ProjectViewerContextMenuBottom { margin-left:-68px; margin-bottom: 9px; }
.ProjectViewerContextMenuBottom > ul {margin-bottom:-14px; padding-bottom:14px; background: url(/v3.0/images/sprite_1.png) -300px -300px no-repeat;}

.ProjectViewerContextMenu .Add{width:auto;height:auto;}
.ProjectViewerContextMenu li {border: 1px solid transparent; line-height: 24px;}
.ProjectViewerContextMenu li a { font-family:inherit; text-decoration: none; color: #333333;margin:2px 0; padding: 0 10px 0 35px; line-height: 20px; display:block;cursor: pointer;background-repeat: no-repeat; background-image:url(/v3.0/images/sprite_1.png);background-position:999px 0; }
.ProjectViewerContextMenu li:hover {
    background-color:#218ef4;
    background-image: -webkit-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -ms-linear-gradient(top,#42a4ff 0%,#077dea 100%);
    background-image: -moz-linear-gradient(center top,#42a4ff 0%,#077dea 100%);
    background-image: linear-gradient(top,#42a4ff 0%,#077dea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42a4ff', endColorstr='#077dea',GradientType=0 );/* IE6-9 */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
     }
.ProjectViewerContextMenu li>a.Edit, .ProjectViewerContextMenu li>a.EditMembersLink { background: url(/v3.0/images/sprite_1.png) no-repeat 0 -5260px; }
.ProjectViewerContextMenu li:hover>a {color:#ffffff; }
.ProjectViewerContextMenu li>a.Add { background-position:0 -1090px; }
.ProjectViewerContextMenu li>a.Duplicate { background-position:0 -5240px; }
.ProjectViewerContextMenu li>a.Delete { background-position:0 -5200px; }
/*.ProjectViewerContextMenu li>a.AutoTimeline { background-image: url(/v2.0/images/clock_tick.png) !important;background-position:0 0 !important; }
.ProjectViewerContextMenu li>a.Timeless { background-image: url(/v2.0/images/clock_perpetual.png) !important;background-position:0 0 !important; }*/
.ProjectViewerContextMenu li>a.Project { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -920px; }
.ProjectViewerContextMenu li>a.SubProject { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2000px;}
.ProjectViewerContextMenu li>a.ToDo { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1040px; }
.ProjectViewerContextMenu li>a.Members {background-position: 0 -4300px;  }
.ProjectViewerContextMenu li>a.Employee { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2360px;  }
.ProjectViewerContextMenu li>a.Person { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2120px; }
.ProjectViewerContextMenu li>a.Company { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -2240px; }
.ProjectViewerContextMenu li>a.Email { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px; }
.ProjectViewerContextMenu li>a.View { background-position:-480px -340px; }
.ProjectViewerContextMenu li>a.ReminderIcon { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -440px; }
.ProjectViewerContextMenu li>a.Message { background:url(/v3.0/images/sprite_2.png) no-repeat 0 -320px; }
.ProjectViewerContextMenu li>a.Invoice{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1520px;}
.ProjectViewerContextMenu li>a.Notation{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -200px;}
.ProjectViewerContextMenu li>a.Journal{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1160px;}
.ProjectViewerContextMenu li>a.Support_Case{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1280px;}
.ProjectViewerContextMenu li>a.Event{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -560px;}
.ProjectViewerContextMenu li>a.Disbursement{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1640px;}
.ProjectViewerContextMenu li>a.Product{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1760px;}
.ProjectViewerContextMenu li>a.Subscription{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -1880px;}
.ProjectViewerContextMenu li>a.Document{background:url(/v3.0/images/sprite_2.png) no-repeat 0 -3320px;}

.ProjectViewerContextMenu li:hover>a.Edit, .ProjectViewerContextMenu li:hover>a.EditMembersLink{ background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5560px; }
.ProjectViewerContextMenu li:hover>a.Add { background:url(/v3.0/images/sprite_1.png) no-repeat -240px -1090px; }
.ProjectViewerContextMenu li:hover>a.Duplicate { background:url(/v3.0/images/sprite_1.png) no-repeat 0 -5540px; }
.ProjectViewerContextMenu li:hover>a.Delete { background:url(/v3.0/images/sprite_1.png) no-repeat -480px -5200px; }
/*.ProjectViewerContextMenu li:hover>a.AutoTimeline { background-image: url(/v2.0/images/clock_tick.png) !important;background:url(/v3.0/images/sprite_1.png) no-repeat 0 0 !important; }
.ProjectViewerContextMenu li:hover>a.Timeless { background-image: url(/v2.0/images/clock_perpetual.png) !important;background:url(/v3.0/images/sprite_1.png) no-repeat 0 0 !important; }*/
.ProjectViewerContextMenu li:hover>a.Project { background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3260px; }
.ProjectViewerContextMenu li:hover>a.SubProject { background:url(/v3.0/images/sprite_1.png) no-repeat   0 -3440px;}
.ProjectViewerContextMenu li:hover>a.ToDo { background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3280px; }
.ProjectViewerContextMenu li:hover>a.Members {background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3520px;  }
.ProjectViewerContextMenu li:hover>a.Employee { background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3500px;  }
.ProjectViewerContextMenu li:hover>a.Person { background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3460px; }
.ProjectViewerContextMenu li:hover>a.Company { background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3480px; }
.ProjectViewerContextMenu li:hover>a.Email { background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3160px; }
.ProjectViewerContextMenu li:hover>a.View { background:url(/v3.0/images/sprite_1.png) no-repeat -480px -320px; }
.ProjectViewerContextMenu li:hover>a.ReminderIcon { background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3180px; }
.ProjectViewerContextMenu li:hover>a.Message { background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3160px; }
.ProjectViewerContextMenu li:hover>a.Invoice{background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3360px;}
.ProjectViewerContextMenu li:hover>a.Notation{background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3140px;}
.ProjectViewerContextMenu li:hover>a.Journal{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3300px;}
.ProjectViewerContextMenu li:hover>a.Support_Case{background:url(/v3.0/images/sprite_1.png) no-repeat   0 -3320px;}
.ProjectViewerContextMenu li:hover>a.Event{background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3200px;}
.ProjectViewerContextMenu li:hover>a.Disbursement{background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3380px;}
.ProjectViewerContextMenu li:hover>a.Product{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3400px;}
.ProjectViewerContextMenu li:hover>a.Subscription{background:url(/v3.0/images/sprite_1.png) no-repeat  0 -3420px;}
.ProjectViewerContextMenu li:hover>a.Document{background:url(/v3.0/images/sprite_1.png) no-repeat 0 -3680px;}


.ProjectViewerContextMenu li .MoreItems
{
	display: block;
	float: right;
	background: url(/v2.0/images/glyph_right_black.gif);
	width: 4px;
	height: 7px;
	background-repeat: no-repeat;
	border:0;
	margin-top: 9px;
}
.ProjectViewerContextMenu ul ul div
{
    background: #EAEAEA;
    padding: 5px 10px;
    font-size: 10px;
    line-height: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ProjectViewerContextMenu ul ul  
{
    display: none;    
    position: absolute;
    margin-left: 160px;
    margin-top: -20px;
    z-index: 24;
    border:1px solid #cbcbcb;
	padding:3px;
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.ProjectViewerContextMenu ul li:hover ul { display: block; }

.ProjectViewerContextMenu > ul > li > a > span { display: block; float:left; width: 15px; height: 15px; margin:4px 0px 0 -30px; border:1px solid black; }

.ProjectViewer #LeftPane .Loading { padding: 0; background-position: 80% 50%; }

.ProjectViewer .ProjName .MenuTab
{
    cursor: pointer;
    border: 1px solid transparent; 
    width: 16px; 
    height: 18px; 
    display: block;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: none no-repeat 50% 50%;
}
.ProjectViewer .ProjName div { float:right; }
.ProjectViewer .ProjName div div { float:none;}
.ProjectViewer .ProjName .MenuTab:hover
{
    background-color: #EAEAEA !important;  
    border: 1px solid #CCCCCC !important;
    
    position: relative !important;
    z-index: 16 !important;
}
.ProjectViewer .ProjName .Name { cursor: pointer;}
.ProjectViewer .ProjName .MenuTab {background: white url(/v2.0/images/glyph_right_black.gif) 50% 50% no-repeat;}

.ProjectViewer .MenuTabOn
{
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    border-radius:0 !important;
    background-color: #EAEAEA !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border: 1px solid #CCCCCC !important;
    border-right: 1px solid transparent !important; 
    visibility: visible !important;
    -moz-box-shadow: -2px 0px 2px #CCCCCC;
    -webkit-box-shadow: -2px 0px 2px #CCCCCC;
    box-shadow: -2px 0px 2px #CCCCCC;
    
    z-index: 25px;
}
.ProjectViewer .ProjName em { font-size: 80%;-webkit-text-size-adjust: none; padding: 5px 5px; color: #CCCCCC; }
.ProjectViewer .ProjName small{cursor:default;}
.ProjectViewer .ProjName small,.ProjectViewer .ProjName a  
{
    color: #999999;  text-decoration:none; font-style:italic; 
    font-size: 80%; 
    -webkit-text-size-adjust: none;
}
.ProjectViewer .ProjName .Empty a 
{
    color: #2280C8;
    font-size: 90%; 
    text-decoration:underline;
}
.ProjectViewer .ProjName a:hover { text-decoration: underline; }
.ProjectViewer .LineAbove { background-image: url(/v2.0/images/proj_name_grad.png); background-repeat: repeat-x; position:relative;}

.ProjectViewer .ProjName table { position: absolute; }
.ProjectViewer .ProjName div { visibility: hidden; position:relative; }
.ProjectViewer .ProjName .DragHandle { width: 20px; background: url(/v2.0/images/drag.gif) 50% 50% no-repeat; visibility: hidden; position: absolute; margin-left: -5px; cursor:move;z-index:1; }
.ProjectViewer .ProjName:hover div { visibility: visible; }
.ProjectViewer #GraphContents div div { position:relative;z-index: 10;}
.ProjectViewer #SizeGrip { cursor:w-resize; background: #CDCDCD; width: 4px; }
.ProjectViewer #SizeGrip:hover { background: #b3b3b3; }
.ProjectViewer #DateBar { position:relative;top:-1px;overflow: hidden;cursor:w-resize;  clear:both; }
.ProjectViewer #DateBarContents { background: #EEF3FA; }
.ProjectViewer #DateBarContents div div { margin-left: 1px; overflow: hidden; text-align: center; position: relative; display:inline-block;}
.ProjectViewer #DateBarContents .Month { background: #6BA6D7; color: White; font-weight: bold; }
.ProjectViewer #DateBarContents .Day { background: #91D1F3;color: White; }
.ProjectViewer #DateBarContents .Day em {  font-size:7px; font-weight: bold; margin:-6px 1px 0 0; float:left;font-style:normal;color:#C9E3F1;}
.ProjectViewer #DateBarContents .Today { background-image: url(/v3.0/images/orange_grad.png); }


.ProjectViewer #DateBarContents .Weekend { background-color: #C9E3F1 !important; }
.ProjectViewer #DateBarContents .Weekend em { color: #EDEDED !important; }
.ProjectViewer #Graph { overflow: hidden; /*overflow-x: scroll;*/ color:White; }
.ProjectViewer #Graph .VertLines { position: absolute; border-right: 1px solid #EEEEEE; z-index:12; }
.ProjectViewer #Graph .Weekend { background: url(/v2.0/images/shade5.png) !important; }
.ProjectViewer #HeadersContent img, .AV2 .TodayLink, .AV2 .Buttons img, #ManageMenuContainer .Buttons img  { margin: 2px 1px; cursor: pointer; }
.ProjectViewer #HeadersContent .DateRange { margin: 0 5px; }
.AV2 .MovableResult .FileIcon { cursor: move; }
.AV2 .TodayLink
{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/v3.0/images/sprite_2.png) no-repeat 0px -10px;
    line-height: 19px;
    text-align: center;
    font-size: 8px;
    font-weight: bold;
    vertical-align:bottom;
    text-decoration: none;
    margin-right:3px;
}
.ProjectViewer #Graph .ProgressText
{
    position: absolute;
    z-index: 16;
    color: Black;
    font-size: 10px;
}
.ProjectViewer #Graph .ProgressRegion
{
    position: absolute;
    background: url(/v2.0/images/white50.png); 
    text-align: right;
}
.ProjectViewer #Graph .DataBar .Handle
{
    width: 2px;
    background: black;
    cursor: e-resize;
    position: absolute;
    z-index: 17;
    border: 1px solid white;
}
.ProjectViewer #Graph .DataBar .Handle:hover
{
    background: red;
}
.ProjectViewer #Graph .DataBar .HandleInherited
{
    width: 1px;
    border-left: 2px dotted black;
    position: absolute;
    z-index: 17;
}
.ProjectViewer #Graph .DataBar .OverdueLine
{
    background: #CC0000;
    position: absolute;
    opacity: 0.5;    
    color:Black;
    font-size: 10px;
    text-align: right;
}
.ProjectViewer #HScroll
{
    overflow-x: scroll;
    height: 20px;
    position: absolute;    
}
.ProjectViewer #VScroll
{
    overflow-y: scroll;
    width: 20px;
    position: absolute;    
}
.ProjectViewerResizeRight
{
    border-right: 2px solid black;
}
.ProjectViewerResizeLeft
{
     border-left: 2px solid black;
}

.ProjectViewerHighlight { margin-top:-1px; border:2px solid black; background: #cccccc; opacity: 0.8;}
.ProjectViewerDragTargetActive { /*border-top:2px solid #CCCCCC  !important;*/ }
.ProjectViewerDragTarget { border-top:2px solid red !important; z-index:100; }
.ProjectViewerDragScope {border: 2px solid #555555; border-right:0px;width: 5px; margin-left:-5px;}
.ProjectViewerHighlightHint { border: 1px solid #CCCCCC; padding:5px; font-size: 10px; background: white; }

.ProjectViewerSlider
{
        background: url(/v2.0/images/ramp.gif) 50% 50% no-repeat;
        width: 90px;
        height: 20px;
        margin: auto;
}
.ProjectViewerSlider div
{
    width: 6px;
    height: 20px;
    position: absolute;
    background: #555555;
    border: 1px solid white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 2px #CCCCCC;
    -webkit-box-shadow: 0 0 2px #CCCCCC;
    box-shadow: 0 0 2px #CCCCCC;    
}
.ProjectViewerSlider div:hover
{
    
    -moz-box-shadow: 0 0 3px black;
    -webkit-box-shadow: 0 0 3px black;
    box-shadow: 0 0 3px black;    
}
/*#endregion */

/*#region Wizard*/
#WizardBg
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(/v2.0/images/shade15.png);
    top: 0;
    left: 0;
    z-index: 98;/*z-index: 1; as some elements's z-index >1 in page, so we alert this index bigger, less than balloon z-index */
}
#Wizard /*Change it back when goes to live*/
{
    background-color:#f6f6f6;
    /*filter will set overflow:hidden, so don't allow filter in IE  */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid #aeaeae;
	padding: 0;
    min-height: 200px;
    left:50%;
    margin-left:-400px;
    position:absolute;
    top:50px;
    width:850px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;  
    z-index:99; /*we changed overlay z-index to 98*/ 
}
#Wizard td,#Wizard th{ vertical-align: top;font-weight: normal;padding-right: 10px;}
#Wizard th{ text-align:right !important;}
#LogoPreview,#SmallLogoPreview
{
    border: 1px dashed #CCCCCC;
    cursor: pointer;    
}
#Wizard .Intro
{
    color: #333333; 
    padding: 0;
    background:transparent;
    border: 0;
    margin: 0;
     border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;    
}
#Wizard .WhereNext { padding-left: 100px; }
#Wizard .WhereNext h3 { font-size: 14px; margin: 0; padding-left: 20px; display: block; background-position: top left; background-repeat: no-repeat;  }
#Wizard .WhereNext h3 a { text-decoration: none; }
#Wizard .WhereNext h3 a:hover { text-decoration: underline; }
#Wizard .WhereNext p { font-size: 12px; margin: 0 0 10px 20px; }
/*#endregion*/

/*#region CollapsibleBox*/
.CollapsibleBox{padding-bottom:30px;position:relative;}
.CollapsibleBox>.CollapsibleContent{overflow:hidden;}
.CollapsibleBox>.LinkCollapsible{display:none;position:absolute;bottom:5px;right:5px;}
/*#endregion*/

/*#region SideBar*/
#ViewSizes a, #ViewSizes span
{
    color:#067cea;
    display: inline-block;
    height: 17px;
    width: 17px;
    margin-left:3px;
}
#ViewSizes a:hover,#ViewSizes span:hover, #ViewSizes .CurrentPage
{
    background: #067cea;
    color: white;
    text-decoration: none;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}
#ViewSizes span:hover
{
    cursor:pointer;
}
#ViewSizes span.CurrentPage:hover
{
    cursor:default;
}
/*#endregion*/