﻿* {
	/*margin: 0px;*/
	
}
p, h1, h2, h3, h4, h5
{
    margin: 0px;
    display: block !important; /* FF doing weird inlines on Hx tags */
}
html 
{
	height: 100%;
	min-height: 100%;
	padding: 0px;
}
body
{
	color: #555555;
	line-height: 1.5em;
	font-family: Tahoma, Verdana, arial, sans-serif;
	font-size: 9.25pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 100%;
	min-height: 100%;
	padding: 0px;
}
td
{
	font-size: 9.25pt;	
}
form 
{
	height: 100%;
	min-height: 100%;
}
hr
{
	border: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #EBEBEB;
	height: 1px;
	line-height: normal;
	margin: 5px 0px 5px 0px;
	padding: 0;
}
table
{
	/*border-collapse: collapse;	*/
}
textarea
{
    font-family: arial, sans-serif;
	font-size: 9.25pt;
	width: 300px;
	height: 80px;
}
img
{
	border: 0px;	
}
/*
ul li {
		list-style-image:url(../v2.0/images/bullet.gif);
}*/

input[type=text], input[type=password], select, textarea
{
	border: 1px solid #7F9DB9;
	padding: 3px;
	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;
}

#Header
{
	background: #ffffff;	
	min-height: 70px;
}

a
{
	text-decoration: underline;	
	color: #2280C8;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
	/*color: #555555;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: 1px dotted #555555;*/
}
input[disabled]
{
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #CCCCCC;
}
#ctl00_ModuleHolder
{
	padding: 10px;
    min-height:400px;
	height: auto !important;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	/*width: 720px;*/
	width: auto;
}
#ModuleHolderTable
{
	/*height: 100%;
	min-height: 100%; */
    border-spacing: 0px;
    
}
#ctl00_Footer
{
	font-size: 10px;
	text-align: left;
	padding: 10px;
	height: 40px;
	position: relative;
	margin-top:-60px;
	background: #f4f4f4 url(/v2.0/images/foot.gif) repeat-x;
	/*z-index: -1;*/
}
#ctl00_Footer a
{
    color: #555555;
    font-size: 10px; 
}

html {height: 100%;}
body {height: 100%;margin: 0;}
#Container 
{
    min-height: 100%; 
    min-width:750px;
    background: url(/v2.0/images/widgets_bg2.gif) right top repeat-y;
}
* html #Container {min-height: 100%;height: 100%; }
#Header {/*height: 127px;*/ background: #ffffff;}
#Main{min-height: 100%;height: 100%;}
* html #main{height: 100%;}
#Content 
{
	padding-bottom: 60px;
	height: 100%;
	
}
.Rounded5
{
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.Rounded10
{
	-moz-border-radius: 10px;	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/*
 * Menu Style
 */
.MenuBg
{
	background: url(/v2.0/images/menu_bar.gif) repeat-x;
	height: 37px;
}

.MenuBg ul /* menu bar */
{
	list-style-type: none;
	margin: 0;
	padding: 1px 0px 0px 15px;
	
}

.MenuBg ul li
{
	list-style-image: none !important; /*ie7*/
	border-left: 1px solid #E2E2E2;
	display: inline-block;
	
}
.DropDownMenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
.DropDownMenu ul li
{
	list-style-image: none !important; /*ie7*/
	margin: 0;
	overflow:hidden;
}
.DropDownMenu
{
	background: url(/v2.0/images/drop.gif) no-repeat right center;
	cursor: pointer;
}
.DropDownMenu:hover
{
	background: url(/v2.0/images/drop_hover.gif)no-repeat right center;
	cursor: pointer;
}
.MenuBg ul li div
{
	height: 35px;
	padding: 0 10px 0 10px;
	display: table-cell;	
	vertical-align: middle;
	cursor: default;
}
.DropDownMenu ul li div
{
	display: table-cell;	
	vertical-align: middle;
}

.MenuBg ul li li div
{
	height: auto;
	padding:0;
	display: block;
	float: right;
}
.MenuBg ul ul, .DropDownMenu ul ul /* second-level lists */
{

	padding: 0;
	position: absolute;
	border: 1px solid #DEDEDE;
	background: white;
	left: -999em;
	z-index: 998; /* new netry balloon on top */
	
}
.MenuBg ul ul ul, .DropDownMenu ul ul ul  /* third-and-above-level lists */
{
	margin: -25px 0 0 190px;
	z-index: 999; /* new netry balloon on top */
}
.MenuBg li li
{
	display: block;	
	background: white url(/v2.0/images/menu/bg.gif) repeat-y;
	border: none;
	margin: 0;
}
.DropDownMenu li li
{
	display: block;	background: #ffffff; border: none; margin: 0;
}
.MenuBg li li a span, .DropDownMenu li li a span
{
	width: 16px;
	padding: 0;
	height: 16px;
	display: inline-block;	
	margin: 0 15px 0 0px;
	/*background: #CCCCCC;*/
}
.MenuBg ul ul a, .DropDownMenu ul ul a
{
	text-decoration: none;
	text-align: left;
	display: block;
	
	white-space:nowrap;
	margin: 0px 0px 0px 0px;
	height: auto;
	padding: 4px 75px 4px 5px;
	color: #000000;
	border: 1px solid transparent;
	font-family: Tahoma, Verdana, arial, sans-serif;
}
.DropDownMenu ul ul a
{
	padding-right: 15px;
}
.DropDownMenu ul ul a
{
	width: auto;
	display: block;	
}
.MenuBg ul ul a:hover, .DropDownMenu ul ul a:hover
{
	background: #C1D2EE url(/v2.0/images/menu/highlight.gif) repeat-x;
	border: 1px solid #98B5E2;
}
.MenuBg li:hover ul ul, .MenuBg li:hover ul ul ul, .MenuBg li.sfhover ul ul, .MenuBg li.sfhover ul ul ul,    .DropDownMenu li:hover ul ul, .DropDownMenu li:hover ul ul ul, .DropDownMenu li.sfhover ul ul, .DropDownMenu li.sfhover ul ul ul
{
	left: -999em;
}
.MenuBg li:hover ul, .MenuBg li li:hover ul, .MenuBg li li li:hover ul,.MenuBg li.sfhover ul, .MenuBg li li.sfhover ul, .MenuBg li li li.sfhover ul,        .DropDownMenu li:hover ul, .DropDownMenu li li:hover ul, .DropDownMenu li li li:hover ul,.DropDownMenu li.sfhover ul, .DropDownMenu li li.sfhover ul, .DropDownMenu li li li.sfhover ul 
{ 
	left: auto;
	display: block;
}
.MenuBg .Glyph
{
	
}
.MenuBg .HasMore
{
	background: url(/v2.0/images/menu/bg-more.gif) no-repeat 0px 50% !important;
	cursor: default;
}
.DropDownMenu .Notation { background: url(/v2.0/images/CalendarViewType_Notation.png) no-repeat 50% 50%; }
.DropDownMenu .Subscription { background: url(/v2.0/images/CalendarViewType_subscription.png) no-repeat 50% 50%; }
.DropDownMenu .Product { background: url(/v2.0/images/CalendarViewType_product.png) no-repeat 50% 50%; }
.DropDownMenu .Invoice { background: url(/v2.0/images/menu/unbilledcharges.png) no-repeat 50% 50%; }
.DropDownMenu .Reminder { background: url(/v2.0/images/alarmclock.png) no-repeat 50% 50%; }
.DropDownMenu .Create { background: url(/v2.0/images/unread.gif) no-repeat 50% 50%; display:inline-block; width:20px; }
.DropDownMenu .Message { background: url(/v2.0/images/CalendarViewType_Message.png) no-repeat 50% 50%; display:inline-block; width:20px; }

.MenuBg .Timesheets, .DropDownMenu .Timesheets { background: url(/v2.0/images/menu/timesheet.png) no-repeat 50% 50%; }
.MenuBg .Tasks, .DropDownMenu .Tasks { background: url(/v2.0/images/menu/task.png) no-repeat 50% 50%; }
.MenuBg .Projects, .DropDownMenu .Projects  { background: url(/v2.0/images/menu/project.png) no-repeat 50% 50%; }
.MenuBg .Support, .DropDownMenu .Support { background: url(/v2.0/images/menu/support.png) no-repeat 50% 50%; }
.MenuBg .Files, .DropDownMenu .Files { background: url(/v2.0/images/menu/documents.png) no-repeat 50% 50%; }
.MenuBg .KB { background: url(/v2.0/images/menu/knowledgebase.png) no-repeat 50% 50%; }
.MenuBg .Blogs { background: url(/v2.0/images/menu/blogs.png) no-repeat 50% 50%; }
.MenuBg .People { background: url(/v2.0/images/menu/people.png) no-repeat 50% 50%; }
.MenuBg .Companies { background: url(/v2.0/images/menu/companies.png) no-repeat 50% 50%; }
.MenuBg .Employees { background: url(/v2.0/images/menu/employees.png) no-repeat 50% 50%; }
.MenuBg .Purchases { background: url(/v2.0/images/menu/purchasehistory.png) no-repeat 50% 50%; }
.MenuBg .LeadPool { background: url(/v2.0/images/menu/leadpool.png) no-repeat 50% 50%; }
.MenuBg .Leads { background: url(/v2.0/images/menu/leads.png) no-repeat 50% 50%; }
.MenuBg .Actions { background: url(/v2.0/images/menu/salesactions.png) no-repeat 50% 50%; }
.MenuBg .Pipeline { background: url(/v2.0/images/menu/salespipeline.png) no-repeat 50% 50%; }
/*formexplorer*/
.MenuBg .Quotes { background: url(/v2.0/images/menu/quotes.png) no-repeat 50% 50%; }
.MenuBg .Reports { background: url(/v2.0/images/menu/reports.png) no-repeat 50% 50%; }
.MenuBg .Catalog { background: url(/v2.0/images/menu/productcatalog.png) no-repeat 50% 50%; }
.MenuBg .Calendar, .DropDownMenu .Calendar { background: url(/v2.0/images/menu/calendar.png) no-repeat 50% 50%; }
.MenuBg .UnbilledCharges { background: url(/v2.0/images/menu/unbilledcharges.png) no-repeat 50% 50%; }
.MenuBg .IssuedInvoices { background: url(/v2.0/images/menu/issuedinvoices.png) no-repeat 50% 50%; }
.MenuBg .InvoiceHistory { background: url(/v2.0/images/menu/invoicehistory.png) no-repeat 50% 50%; }
.MenuBg .Expenses, .DropDownMenu .Expenses { background: url(/v2.0/images/menu/expenses.png) no-repeat 50% 50%; }
.MenuBg .Accounts { background: url(/v2.0/images/menu/accounts.png) no-repeat 50% 50%; }
.MenuBg .Export { background: url(/v2.0/images/menu/export.png) no-repeat 50% 50%; }
.MenuBg .WebForms { background: url(/v2.0/images/menu/webforms.png) no-repeat 50% 50%; }

.MenuBg .Create
{
    width: 70px;
    text-align: right;
    float: right !important;
	margin-top: -24px;
}
.MenuBg .Create a
{
	font-size: 10px !important;
	width: auto !important;
	height: 15px;
	padding: 0;
	margin: 5px 5px 0px 0px;
	display: inline;
	background: none !important;
	border: 0 !important;
	color: #666666;
	
}

.MenuBg .Create a:hover
{
	border: 0 !important;
	background: none !important;
	color: green;
	text-decoration: underline;	
}
.MenuBreak
{
  background: #EAEAEA !important;
  height:1px  !important;
  border: 0 !important;
  line-height: 1px !important; /*ie7*/
}

.MinorMenu
{
    margin-right:6px;
    margin-top:1px;
}
.MinorMenu td
{
	color:#666666;
    font-size:11px;
    text-align: right;
    font-family: Arial, Helvetica;
    text-transform:lowercase;
}
.MinorMenu b
{
    text-transform:none;
}
.MinorMenu a
{
	color: #666666;
	font-family: Arial, Helvetica;
}

.CreateNew
{
	line-height: 230%;	
	/*font-size: 110%;*/
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
}

#ctl00_SubHead
{
	background: #C6D9E7 url(/v2.0/images/menu/sub_bg.gif) repeat-x; 
	height: 55px;
}
#ctl00_SubHead table
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#ctl00_SubHead table td
{
	/*padding: 0px;		
	margin: 0px;*/
}
#ctl00_SubHead h1
{
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
	font-weight: normal;
	font-size:170%;
	color: #555555;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	height:1.2em;
	line-height:normal;
	overflow:hidden;
}
.ToolBar
{
	width: 420px;
	background: url(../v2.0/images/menu/tools_bg.gif) repeat-x;
	padding: 0px 0px 0px 0px;
}
.ToolBar strong
{
	margin: 15px 5px 5px 0px;
	display: block;
	float: left;
	font-weight: normal;
}
.ToolBarLeftBg
{
	background: url(../v2.0/images/menu/tools_left.gif);
	width: 14px;
	height: 55px;
	float: left;
	/*margin-top: -2px;*/
}
.ToolBarRightBg
{
	background: url(../v2.0/images/menu/tools_right.gif);
	width: 14px;
	height: 55px;
	float: right;
	/*margin-top: -2px;*/
}
.ToolBar .TextBox
{
	color: #cccccc;
	position: relative;
	top: 8px;
	border: 1px solid #cccccc;
	padding: 2px;
	width: 130px;
}
.ToolBar .TextBox:hover, .TextBox:active, .TextBox:focus
{
	color: #555555;
	border: 1px solid #555555;
	padding: 2px;
	width: 130px;
}
.ToolBar img
{
	position: relative;
	/*margin-top: 14px;	*/
	top: 13px;
	width: 24px;
	height: 23px;
}
.ToolBar .Button
{
	position: relative;
	/*height: 22px;*/
	top: 8px;
}

/*
 * Grid Style
 */
 
.Grid 
{ 
  /*border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;*/
  cursor: pointer;
  line-height: normal;
}

.GridHeader
{
  /*background-image: url(../v2.0/images/grid/grid_headerBg.gif); 
  background-color: #8988A5; */
  border-bottom: 1px solid #57566F; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
}

.GridHeaderText
{
  color: #555555;  
  font-weight: bold;
 /* font-size: 10px;*/
}

.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-family:"Trebuchet MS", Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-size:140%;
	color: #2280C8; /*#F8A52F;*/
	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;
}
#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: white; }
#PreviewBalloon .Tags {margin-top:4px; padding: 4px 0px; font-size: 10px; line-height: 11px; }
.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;
}


.HtmlEditor
{
	border: 1px solid #7F9DB9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.HtmlEditor .Toolbar
{
	background: #C6D9E7 url(../v2.0/images/tool_bg.gif) repeat-x; 
	border-bottom: 1px solid #D4D4D4;
	width: 100%;
	font-size: 10px;
}
/*.HtmlEditor .Toolbar img
{
	cursor: pointer;
}*/
.HtmlEditor .Toolbar img
{
	opacity: 0.75;
	/*border: 1px solid transparent;*/
	cursor: pointer;
}
.HtmlEditor .Toolbar img:hover
{
	opacity: 1.0;
	background-color: #E6EFF6;
	/*border: 1px solid #ffffff;*/
}
.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;	
	/*border: 1px solid #555555;*/
	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;
	/*border: 1px solid #555555;
	font-family: Tahoma, Verdana, arial, sans-serif;*/
	/*
		font-size: 9.25pt;*/
	padding: 2px;
}
.Form select
{
	/*border: 1px solid #555555;
	padding: 1px;*/
font-size:9.25pt;
}
.Form textarea
{
	width: 300px;	
	/*border: 1px solid #555555;*/
	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;
}
.Button
{
	/*background: url(../v2.0/images/green_grad.gif) repeat-x;*/
	background: url(../v2.0/images/orange_grad.gif) repeat-x;
	border-top: 1px solid #FBB949;
	border-left: 1px solid #FBB949;
	border-right: 1px solid #FBB949;
	border-bottom: 1px solid #F69419;
	color: #FFFFFF;
	font-weight: bold;	
	font-size: 100%;
	padding: 1px 6px 2px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.Button:active
{
		background: #FFD095 url(../v2.0/images/orange_grad_down.gif) repeat-x;
		color: black;
		border: 1px solid #FF9600;
}
.Button:hover
{
	border: 1px solid #FF9600;
}
.ScrollBar
{
  background-image: url(../v2.0/images/grid/scroller_bg.gif); 
}

.ScrollGrip
{
  background-image: url(../v2.0/images/grid/scroll_gripBg.gif); 
}

.SearchBox
{
	background: #ffffff url(/v2.0/images/search.gif) 100% 50% no-repeat; 
}
.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;
	/*border: 1px solid #555555;
	background: #FFFFF1;	*/
	background: url(/v2.0/images/baloon.gif) no-repeat;
	margin-left: -15px;
	margin-top: -2px;
}
.ValidatorMessage .Inner
{
	margin-left: 14px;
	padding: 10px 10px 10px 10px;
	max-width: 300px;
	width: auto !important;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	background: transparent !important;
}

.ValidatorMessageRight
{
	position: absolute;
	/*border: 1px solid #555555;
	background: #FFFFF1;	*/
	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;
}
.FeedbackError, .FeedbackSuccess, .FeedbackInfo, .FeedbackInfoTiny
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px;	
	margin-bottom:10px;
}
.FeedbackError
{
	background: #FFBCB3;
}
.FeedbackError ul
{
	margin: 0;
	padding:0;
}
.FeedbackError li
{
	margin-left: 20px;	
	list-style: square;	
}
.FeedbackSuccess
{
	background: #DAF2C2;
}
.FeedbackInfo
{
	background: #DDDDDD;
}
.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;
}
/*.AddressType
{
	padding: 3px;
	background: #EBEBEB;
	display: block;
	line-height: normal;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
	margin-bottom: 7px;
}*/
.AltRow1
{
	background: #FFFFFF;
	margin: 0;
	border: 0px none;
}
.AltRow1 td, .AltRow2 td
{
	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(/v2.0/images/close_up.gif) no-repeat;
	width: 15px;
	height: 15px;
	display: block;
	cursor: pointer;
	border: none;
	margin-left:10px;
}
.NoLinkLine
{
	border: none;
	text-decoration: none;
}
.Close:hover
{
	background: url(/v2.0/images/close_hover.gif) no-repeat;
}
.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;
}
/*.Editable
{
	background-image: url(/v2.0/images/editable.gif); 
	background-position: 0% 40%; 
	background-repeat: no-repeat;
	padding-left: 16px;
}
.Editable:hover
{
	background-image: url(/v2.0/images/editable_over.gif); 
}*/
.InlineEditField
{
    border-collapse: collapse;
    /*border-spacing: 0px;    */
}
.InlineEditLink
{
	color: #bbbbbb;
	font-size: 10px;
	white-space: nowrap;
	padding-left: 5px;
}
.InlineEditLink:hover
{
	color: #555555;
}
.InlineEditLink a
{
	color: #bbbbbb;
}
.InlineEditLink:hover a
{
	color: #2280C8;
}
.WidgetsHolder
{
	width: 220px;
	/*padding: 10px;*/
	/*background: #FFFFFF url(/v2.0/images/widgets_bg.gif) repeat-y*/;
	vertical-align: top;
	/*border-left: 3px solid #cccccc;*/
}
.WidgetsHolder h1
{
	font-size: 120%;	
}

.AddressEditorTable td
{
	padding: 3px;
}
.AddressEditorTable table td
{
	padding: 0;	
}
.EmptyTextBox
{
	color: #aaaaaa;
	font-style: italic;	
}

/* ACTIVE WIDGET */
.WidgetActive input
{
	/*width: 200px;
	border: 1px solid #555555;
	font-family: Tahoma, Verdana, arial, sans-serif;
	padding: 2px;
	margin-top: 3px;*/
}
.WidgetActive select
{
	border: 1px solid #555555;
	padding: 1px;
	margin-top: 3px;
	width: 208px;
}
.WidgetActive textarea
{
	width: 200px;	
	height: 50px;
	/*border: 1px solid #555555;
	
	font-family: Tahoma, Verdana, arial, sans-serif;
	font-size: 9.25pt;
	padding: 3px;
	margin-top: 3px;*/
}
.WidgetActive .Button
{
	background: url(../v2.0/images/orange_grad.gif) repeat-x;
	border-top: 1px solid #FCD793;
	border-left: 1px solid #FCD793;
	border-right: 1px solid #F9B35D;
	border-bottom: 1px solid #F9B35D;
	color: #FFFFFF;
	font-weight: bold;	
	border: 0px;
	padding: 2px;
}

/* INACTIVE WIDGET */
.WidgetInactive 
{
	color: #cccccc;	
}
.WidgetInactive h1
{
	color: #cccccc;	
}
.WidgetInactive input
{
	width: 200px;
	border: 1px solid #cccccc;
	color:#CCCCCC;
	/*font-family: Tahoma, Verdana, arial, sans-serif;
	padding: 2px;
	margin-top: 3px;*/
}
.WidgetInactive select
{
	border: 1px solid #cccccc;
	padding: 1px;
	width: 208px;
	margin-top: 3px;
	color: #cccccc;
}
.WidgetInactive textarea
{
	width: 200px;	
	border: 1px solid #cccccc;
	height: 50px;
	/*font-family: Tahoma, Verdana, arial, sans-serif;
	font-size: 9.25pt;
	padding: 3px;
	margin-top: 3px;*/
}
.WidgetInactive .Button
{
	background: url(../v2.0/images/gray_grad.gif) repeat-x;
	color: #FFFFFF;
	font-weight: bold;	
	border: 0px;
	padding: 2px;
}
.WidgetInactive a
{
	color: #cccccc;	
}
.ImportGrid input
{
	margin: 0px 5px 3px 0px;
	width: 150px;	
}
.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 .AllDayEntry a
{
	color: #555555;
	text-decoration: none;
	padding-bottom: 0px;
	border-bottom: 1px dotted #555555;
}*/
#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, .NavArrowRight
{
    background: url(/v2.0/images/navarrows.png) no-repeat;
    width: 19px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}
.NavArrowLeft { background-position: 0 0; }
.NavArrowRight { background-position: -19px 0; }
.NavArrowLeft:hover { background-position: 0 -24px; }
.NavArrowRight:hover { background-position: -19px -24px; }
.BlueBox
{
	width: 100%;
	background: url(/v2.0/images/Box_Blue_Top_Bg.gif) repeat-x;
}
.BlueBox .InnerLeft
{
	background: url(/v2.0/images/Box_Blue_Top_Left.gif) 0% 0% no-repeat;
}
.BlueBox .InnerRight
{
	background: url(/v2.0/images/Box_Blue_Top_Right.gif) 100% 0% no-repeat;
	min-height: 44px;
	color: #666666;
	
	/*line-height: normal;*/
	vertical-align: middle;
}
.BlueBox .InnerRight small
{
	font-weight: bold;
}
.BlueBox .InnerRight h1
{
	padding: 10px;	
	text-align: left;
	white-space: nowrap;
}
.BlueBox .InnerRight label
{
	display:block;
	padding:5px;
}
.Tabs
{
	text-align: center;
	color: #666666;
	margin-top: -44px;
	position: absolute; 
	height:44px;
	margin-left: 5px;
	width: 1px;
}

.BlueBoxFooter
{
	width: 100%;
	background: url(/v2.0/images/Box_Blue_Bottom_Bg.gif) repeat-x 100% 100%;
}
.BlueBoxFooter .InnerLeft
{
	background: url(/v2.0/images/Box_Blue_Bottom_Left.gif) 0% 100% no-repeat;
}
.BlueBoxFooter .InnerRight
{
	background: url(/v2.0/images/Box_Blue_Bottom_Right.gif) 100% 100% no-repeat;
	min-height: 44px;
	color: #666666;
	text-align: center;
	/*line-height: normal;*/
	vertical-align: middle;
}


.GrayBox
{
	width: 100%;
	background: url(/v2.0/images/Box_Gray_Top_Bg.gif) repeat-x;
}
.GrayBox .InnerLeft
{
	background: url(/v2.0/images/Box_Gray_Top_Left.gif) 0% 0% no-repeat;
}
.GrayBox .InnerRight
{
	background: url(/v2.0/images/Box_Gray_Top_Right.gif) 100% 0% no-repeat;
	min-height: 44px;
	color: #666666;
	text-align: center;
	/*line-height: normal;*/
	vertical-align: middle;
}
.GrayBox .InnerRight h1
{
	color: #B7B7B7;
	padding: 10px;	
	text-align: left;
	white-space: nowrap;
}
.GrayBox .InnerRight small
{
	font-weight: bold;
}
.EmptyBoxFooter, .GrayBoxFooter
{
	width: 100%;
	background: url(/v2.0/images/Box_Empty_Bottom_Bg.gif) repeat-x 0% 100%;
}
.EmptyBoxFooter .InnerLeft, .GrayBoxFooter .InnerLeft
{
	background: url(/v2.0/images/Box_Empty_Bottom_Left.gif) 0% 100% no-repeat;
}
.EmptyBoxFooter .InnerRight, .GrayBoxFooter .InnerRight
{
	background: url(/v2.0/images/Box_Empty_Bottom_Right.gif) 100% 100% no-repeat;
	min-height: 44px;
	color: #666666;
	text-align: center;
	/*line-height: normal;*/
	vertical-align: middle;
}
.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;   
    /*background: #F9F0C0; */
}
.DatePickerHeadMonth
{
	display: block;
	background: #6C6869;
	border-left: 1px solid #565253;
	border-right: 1px solid #565253;
	border-top: 1px solid #565253;
	color: #ffffff;
	text-align: center;	
	font-weight: bold;
	margin: 0px;
}
.DatePickerHeadYear
{
	display: block;
	background: #6C6869;
	border-left: 1px solid #565253;
	border-top: 1px solid #565253;
	border-right: 1px solid #565253;
	border-bottom: 1px solid #565253;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	margin: 0px;
}

.DatePickerLeftArrow
{
	display: block;
	width: 12px;
	height: 18px;
	background: url(/v2.0/images/DatePickerLeftArrow.gif) no-repeat;
	text-decoration: none;
	float: left;
	cursor: pointer;
}

.DatePickerLeftArrow:hover
{
	background: url(/v2.0/images/DatePickerLeftArrow_Hover.gif) no-repeat;
}

.DatePickerRightArrow
{
	display: block;
	width: 12px;
	height: 18px;
	background: url(/v2.0/images/DatePickerRightArrow.gif) no-repeat;
	text-decoration: none;
	float: right;
	cursor: pointer;
}

.DatePickerRightArrow:hover
{
	background: url(/v2.0/images/DatePickerRightArrow_Hover.gif) no-repeat;
}

.DatePickerMonthSelector
{
	width: 29px !important;
	cursor: pointer!important;
	background: url(/v2.0/images/DatePickerMonthSelector.gif) no-repeat !important;
}
.DatePickerMonthSelector:hover
{
	width: 29px !important;
	cursor: pointer;
	background: url(/v2.0/images/DatePickerMonthSelector_Hover.gif) no-repeat !important;
}

.DatePickerDayHeader
{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: #474747 url(/v2.0/images/DatePickerDayHeader.gif) repeat-x;
	width: 22px;
	height: 20px;
	text-align: center;
	cursor: default;
}

.DatePickerWeekSelector
{
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	background: #E9E9EB;
	width: 29px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #ffffff;
}
.DatePickerWeekSelector:hover
{
	width: 29px;
}
.DatePickerDay
{
	font-size: 12px;
	color: black;
	cursor: pointer;
	text-align: center;
	width: 22px;
	height: 20px;
	border: 1px solid #ffffff;
	padding: 0px !important;
}

.DatePickerOtherMonthDay
{
	color:#B2B1CA;
}

.DatePickerSelectedDay
{
  font-size: 12px;
  background: #C1D2EE;
  color: black;
  cursor: pointer;
  text-align: center;
  /*border: 1px solid #98B5E2;*/
  width: 22px;
  height: 20px;
 
}

.DatePickerDayHover, .DatePickerSelectedDayHover, .DatePickerDay:hover
{
  font-size: 12px;
  background: #C1D2EE url(/v2.0/images/menu/highlight.gif) repeat-x;
  color: black;
  cursor: pointer;
  text-align: center;
  border: 1px solid #98B5E2;
  width: 20px;
  height: 20px;
}

.DatePickerOtherMonthDayHover
{
	font-size: 12px;
	/*background: #C1D2EE url(/v2.0/images/menu/highlight.gif) repeat-x;*/
	color: black;
	cursor: pointer;
	text-align: center;
	border: 1px solid #98B5E2;
	width: 20px;
	height: 20px;
}

.DatePickerFoot
{
	background: url(/v2.0/images/DatePickerFoot.gif) repeat-x;
}
.DatePickerFootLeft
{
	background: url(/v2.0/images/DatePickerFootLeft.gif) 0% 0% no-repeat;
}
.DatePickerFootRight
{
	height: 19px;
	background: url(/v2.0/images/DatePickerFootRight.gif) 100% 0% no-repeat;
}
.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;	
}
/*
.Note
{
	background-color: #E4E072;
	color: #555555;
}
.ToDo
{
	background-color: #E47272;
	color: #555555;
}
.Event
{
	background-color: #9372E4;
	color: #555555;
}
.Timesheet
{
	background-color: #E6E6E6;
	color: #555555;
}
.Project
{
	background-color: #B0E472;
	color: #555555;
}*/
.CheckBoxContainer > input
{
	width: 20px;
	/*border: normal;*/
}
.CheckBoxContainer input
{
	width: 20px;
	/*border: normal;*/
}

.CheckBoxContainer .DatePicker
{
	width: 120px;
	text-decoration: underline;
	cursor: pointer;
	color: #2280C8;
}
.ProgressBar
{
	height: 18px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF url(/v2.0/images/progress_tick_out.gif) no-repeat right center; 
	width: 100px;
	padding: 0px 9px 0px 0px;
	
}
.ProgressBar:hover, .ProgressBar:active
{
	background: #FFFFFF url(/v2.0/images/progress_tick_over.gif) no-repeat right center; 
}
.ProgressBar .Inner, .NewEntryBaloon .ProgressBar .Inner
{
	height: 18px;
	background: #DAF2C2 url(/v2.0/images/progress_bg.gif) repeat-x; 
	padding: 0px;
	border-right: 1px solid #DEDEDE;
}
.ProgressBar .Value
{
	color: #666666;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	position: absolute;
	line-height: normal;
	margin-left: 2px;
	white-space: nowrap;
	margin-top: 3px;
}
.ProgressBar img
{
	margin-top: 1px;	
	margin-left: 1px;
}
.ProgressBar .Overdue
{
	background: #FFBCB3 url(/v2.0/images/progress_bg_overdue.gif) repeat-x; 
}
.ProgressBar .Complete
{
	background: #AFD1EA url(/v2.0/images/progress_bg_complete.gif) repeat-x; 
	border-right: none;
}
.ProgressBar .Review
{
	background: #F9E5B2 url(/v2.0/images/progress_bg_review.gif) repeat-x; 
	border-right: none;
	
}
.ProgressBar .Complete .Value
{
	color: #FFFFFF;
}
.BorderLR
{
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-top:1px solid #DFDFDF;
}
.WhiteTab
{
	background:transparent url(/v2.0/images/cnr_tl_inverted.gif) no-repeat scroll 0px 0px;
	/*margin-top:10px;*/
	padding: 0px 0px 0px 9px;
	height: 9px;
	line-height: normal;
	margin-right: 2px;
	margin-bottom: -5px;
	
}
.WhiteTab div
{
	background: url(/v2.0/images/cnr_tr_inverted.gif) no-repeat scroll 100% 0px;
	padding: 0px 9px 0px 0px;
	height: 9px;
	line-height: normal;
	margin-bottom: 0px;
}
.WhiteTab div div
{
	background:transparent url(/v2.0/images/cnr_t_inverted.gif) repeat-x scroll 0px 0px;
	height: 9px;
	line-height: normal;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}
.WhiteTabContent
{
	background: #ffffff;
	white-space: nowrap;
	padding: 5px 10px 3px 10px;
	margin: 0px 2px 0px 0px;
	line-height: normal;
	font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
}
.PhantomTab
{
	white-space: nowrap;
	padding: 5px 10px 3px 10px;
	margin: 0px 2px 0px 0px;
	line-height: normal;
	font-family: "Trebuchet MS",Tahoma,Arial,Helvetica;
}
.Headers th,.ColouredTable .Headers td {vertical-align:bottom !important; line-height: 1em;}
.Headers th th { vertical-align: middle;}
.Headers table { width:100%; border-collapse: collapse;}
.Headers table .H { padding: 3px 3px 6px 3px; }
.Headers table td { padding: 0; }
.Headers { background: #EEF3FA url(/v2.0/images/table_heading_shade.gif) repeat-x 0 100%; }
.Headers .FilterOn, .ColouredTable .Headers .FilterOff, .ColouredTable .Headers .DropDown
{
    min-width:18px;
    width:18px;
    background-position: bottom;
    background-repeat:no-repeat;
}
.Headers .Filter div, .Headers .DropDown div 
{ 
    background: white; padding: 8px; border:1px solid #CCCCCC;
    position: absolute;
    font-size: 10px;
    text-align: left;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.Headers .FilterOn {  background-image: url(/v2.0/images/grid_filteron.png); }
.Headers .FilterOn:hover { background-image: url(/v2.0/images/grid_filteron_hover.png); }
.Headers .FilterOff {  background-image: url(/v2.0/images/grid_filteroff.png); }
.Headers .FilterOff:hover { background-image: url(/v2.0/images/grid_filteroff_hover.png); }
.Headers .DropDown {  background-image: url(/v2.0/images/grid_drop.png); }
.Headers .DropDown:hover { background-image: url(/v2.0/images/grid_drop_hover.png); }
.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 th, .ContactEditorTable .ColouredTable th
{
	
	padding: 3px; 
	border-bottom: 1px solid #C6E1F4;
	text-align: left !important;
	vertical-align:bottom !important;
	line-height:normal !important;
	width: auto !important;
}*/
.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: #FFFFFF url(/v2.0/images/ajax-loader.gif) no-repeat 3px 3px;
    vertical-align: text-top;
    text-align: left;
}
.InlineEditFieldValue
{
	font-weight: bold;	
	color: black;
}
.InlineEditFieldValueNoBold
{
	color: black;
}
.InlineEditFieldValue a
{
	font-weight: normal;
}
.EntryListItem
{
	padding-top: 4px;
	padding-bottom: 2px;	
	list-style: none;
	margin-top: 5px;
	clear: both;
	margin-left: 0px;
	list-style-image: none;
	
	
}
.EntryListItem .Title
{
	margin-left: 80px;
}
.Message
{
	background: url(/uiimage?t=glyph&bg=9F9E78&fg=555555&text=WORD_EMAIL&w=75&h=18&s=7.25&i=message.png) 0px 2px no-repeat;	
}
.Notation
{
	background: url(/uiimage?t=glyph&bg=97B389&fg=ffffff&text=WORD_COMMENT&w=75&h=18&s=7.25) 0px 2px no-repeat;	
}
.Journal
{
	background: url(/uiimage?t=glyph&bg=A6A6A6&fg=555555&text=WORD_CALENDAR_VIEW_TYPE_SINGULAR_JOURNAL&w=75&h=18&s=7.25&i=timesheet.png) 0px 2px no-repeat;	
}
.Support_Case
{
	background: url(/uiimage?t=glyph&bg=CBDAF0&fg=555555&text=WORD_CALENDAR_VIEW_TYPE_SINGULAR_SUPPORT_CASE&w=75&h=18&s=7.25&i=support.png) 0px 2px no-repeat;	
}
.Project
{
	background: url(/uiimage?t=glyph&bg=CEC2E5&fg=555555&text=WORD_SUBPROJECT&w=75&h=18&s=7.25&i=project.png) 0px 2px no-repeat;	
}
.Event
{
	background: url(/uiimage?t=glyph&bg=D1CF8C&fg=555555&text=WORD_CALENDAR_VIEW_TYPE_SINGULAR_EVENT&w=75&h=18&s=7.25&i=event.png) 0px 2px no-repeat;
}
.ToDo
{
	background: url(/uiimage?t=glyph&bg=FFC7C2&fg=555555&text=WORD_CALENDAR_VIEW_TYPE_SINGULAR_TODO&w=75&h=18&s=7.25&i=task.png) 0px 2px no-repeat;	
}
.Company
{
	background: url(/uiimage?t=glyph&bg=E8C445&fg=555555&text=WORD_COMPANY&w=75&h=18&s=7.25&i=company.png) 0px 2px no-repeat;	
}
.Person
{
	background: url(/uiimage?t=glyph&bg=79B863&fg=555555&text=WORD_PERSON&w=75&h=18&s=7.25&i=person.png) 0px 2px no-repeat;	
}
.Invoice
{
	background: url(/uiimage?t=glyph&bg=B9B9B9&fg=555555&text=WORD_INVOICE&w=75&h=18&s=7.25&i=unbilledcharges.png) 0px 2px no-repeat;	
}
.Product
{
	background: url(/uiimage?t=glyph&bg=C4DF9B&fg=555555&text=WORD_CALENDAR_VIEW_TYPE_SINGULAR_PRODUCT&w=75&h=18&s=7.25&i=products.png) 0px 2px no-repeat;	
}
.Document
{
	background: url(/uiimage?t=glyph&bg=FBB7F9&fg=555555&text=WORD_DOCUMENT&w=75&h=18&s=7.25&i=documents.png) 0px 2px no-repeat;	
}
.Article
{
	background: url(/uiimage?t=glyph&bg=FFC7C2&fg=D1D1D1&text=WORD_KB_ARTICLE&w=75&h=18&s=7.25) 0px 2px no-repeat;	
}
.Disbursement
{
	background: url(/uiimage?t=glyph&bg=F2BE59&fg=555555&text=WORD_DISBURSEMENT&w=75&h=18&s=7.25&i=expenses.png) 0px 2px no-repeat;	
}
.Subscription
{
	background: url(/uiimage?t=glyph&bg=F29888&fg=555555&text=WORD_CALENDAR_VIEW_TYPE_SINGULAR_SUBSCRIPTION&w=75&h=18&s=7.25&i=subscriptions.png) 0px 2px no-repeat;	
}
.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: #FEFEFE url(/v2.0/images/comment_bg.gif) 100% 0px no-repeat;
}
.EntryListItem .InnerNotationUnread
{
	background: #FEFEFE url(/v2.0/images/comment_bg_unread.gif) 100% 0px no-repeat;
}
.EntryListItem .InnerMessage
{
	background: #FEFEFE url(/v2.0/images/email_bg.gif) 100% 0px no-repeat;
}
.EntryListItem .InnerMessageUnread
{
	background: #FEFEFE url(/v2.0/images/email_bg_unread.gif) 100% 0px no-repeat;
}
.EntryListItem .Date
{
	font-size: 10px;
}
.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;	
}
.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: 10px 0px 5px 0px;
}
.UserHtml h1
{
	font-size: 210%;
}
.UserHtml h2
{
	font-size: 180%;
}
.UserHtml h3
{
	font-size: 150%;
}
.UserHtml h4
{
	font-size: 125%;
}
.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: 7px;
	/*text-transform: lowercase;*/
	background: url(/v2.0/images/edit_glyph.gif) no-repeat 0px 6px;	
	white-space: nowrap;
}
.ArchiveLink
{
	font-size: 10px;
	padding-left: 10px;
	background: url(/v2.0/images/archive_glyph.gif) no-repeat 0px 6px;	
	white-space: nowrap;
}
.UnarchiveLink
{
	font-size: 10px;
	padding-left: 10px;
	background: url(/v2.0/images/unarchive_glyph.gif) no-repeat 0px 6px;	
	white-space: nowrap;
}
.RemoveLink
{
	font-size: 10px;
	padding-left: 7px;
	/*text-transform: lowercase;*/
	background: url(/v2.0/images/remove_glyph.gif) no-repeat 0px 6px;	
	white-space: nowrap;
}
.ViewLink
{
	font-size: 10px;
	padding-left: 8px;
	/*text-transform: lowercase;*/
	background: url(/v2.0/images/view_glyph.gif) no-repeat 0px 5px;	
	white-space: nowrap;
}
.EmailLink
{
	font-size: 10px;
	padding-left: 10px;
	/*text-transform: lowercase;*/
	background: url(/v2.0/images/email_glyph.gif) no-repeat 0px 5px;	
	white-space: nowrap;
}
.AddLink
{
	font-size: 10px;
	padding-left: 8px;
	/*text-transform: lowercase;*/
	background: url(/v2.0/images/add_glyph.gif) no-repeat 0px 5px;	
	white-space: nowrap;
}
.ViewLinkRegular
{
	padding-left: 8px;
	/*text-transform: lowercase;*/
	background: url(/v2.0/images/view_glyph.gif) no-repeat 0px 5px;	
	white-space: nowrap;
}
.FileLink
{
	padding-left: 20px;
	background: url(/v2.0/images/filelink.gif) no-repeat 0px 1px;	
}

.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;*/
}
.PriorityNone, .PriorityMedium 
{
	display: block;
	width: 16px;
	height: 16px;
	float: left;	
}
.PriorityLow
{
	display: block;
	width: 16px;
	height: 16px;
	background: url(/v2.0/images/priority_low.gif) no-repeat 50% 50%;
	float: left;	
}

.PriorityHigh
{
	display: block;
	width: 16px;
	height: 16px;
	background: url(/v2.0/images/priority_high.gif) no-repeat 50% 50%;
	float: left;	
}
.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;
}
.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;	
	/*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;
}

.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%;
}*/

.ComboBoxTextBox
{
	font-family: Tahoma,Verdana,arial,sans-serif;
	font-size: 9.25pt;
	background: white url(/v2.0/images/drop.gif) no-repeat right center;
	border: 1px solid #7F9DB9;
	padding: 3px 20px 3px 3px !important;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*height: 16px;*/
}
.ComboBoxTextBox div
{
    line-height: 14px;
    padding: 0px;
    font-family: Tahoma,Verdana,arial,sans-serif;
	font-size: 9.25pt;
}
.ComboBoxTextBox:hover, .ComboBoxTextBoxActive
{
	background: white url(/v2.0/images/drop_hover.gif) no-repeat 100% 50%;
}

.ComboBoxItem
{
	background-color: #ffffff;
	padding: 1px;
	cursor: pointer;
	border: 1px solid #ffffff;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}
.ComboBoxItem:hover
{
	
	/*background: #C1D2EE url(/v2.0/images/menu/highlight.gif) repeat-x;*/
	background: Highlight;
	color: HighlightText;
	/*border: 1px solid #98B5E2;
	color: HighlightText;*/
}

.ComboBoxItem .Price {  color: green; font-size: 10px; margin-right: 5px; width: 45px; display: block; float:left; text-align: right; }

.ComboBoxItemSelected
{
	/*border: 1px dotted #555555;*/
	padding: 1px;
	/*color: HighlightText;*/
	/*background: #C1D2EE url(/v2.0/images/menu/highlight.gif) repeat-x;*/
	background: Highlight;
	color: HighlightText;

	/*border: 1px dotted #333333;*/
	overflow: hidden;
	white-space: nowrap;
	
}
.MiniProgressBar
{
    display:inline-block;
    margin-left:5px;
    margin-top:0px;
}
.MiniProgressBar div
{
	height: 5px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF; 
	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 #DEDEDE;

}
.CurrencyGlyph
{
	padding: 3px;
}
.DashWidgetDragging
{
	width: 300px;
	position: absolute;	
	background: #EEEEEE;
	border: 1px dotted #666666;
}
.DashWidget
{
	width: 45%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.DashWidgetHeader
{
	border-bottom: 1px solid #E8E8E8;	
	padding: 2px;
	cursor: move;
	margin-bottom: 2px;
}
.DashWidgetHeader:hover
{
	background: #E8E8E8;	
}
.DashWidgetHeader h1
{
	font-size: 13px;
	color: #666666;	
}
.DashWidgetCloseGlyph
{
	background: url(/v2.0/images/Dash_Widget_Close_Off.gif)	no-repeat;
	width: 15px;
	height: 15px;
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	cursor: pointer;
	z-index: 1000;
} 
.DashWidgetCloseGlyph:hover, .DashWidgetHeader:hover .DashWidgetCloseGlyph
{
	background: url(/v2.0/images/Dash_Widget_Close_On.gif)	no-repeat;
}
#Reminders
{
	margin-top: -20px;
}
.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;
}
#ReportArea
{
	
}
#ReportArea .FieldTable
{
	float: left; 
	height: 40px;
	margin-right:20px;
}
.ContactEditorTable 
{
    border-spacing: 0px;    
    margin-left: auto;
    margin-right: auto;
}
.ContactEditorTable th
{
    text-align: right !important; /* important needed by ie*/
    font-weight: normal;
    padding-right: 10px;
    padding-top: 1px;
    width: 160px;
    white-space:nowrap;
}

.NoCentre
{
	margin-left: 0 !important;
}
#PreviewBalloonHolder, #DialogBalloonHolder
{
    z-index: 100;    
}
.IconLink
{
    padding-left: 20px;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: left center !important;
    
}
.MessageIcon
{
	background: url(/v2.0/images/CalendarViewType_Message.png) 0px 2px no-repeat;	
}
.NotationIconIcon
{
	background:  url(/v2.0/images/CalendarViewType_Notation.png) 0px 2px no-repeat;	
}
.JournalIcon
{
	background:  url(/v2.0/images/CalendarViewType_Journal.png) 0px 2px no-repeat;	
}
.Support_CaseIcon
{
	background:  url(/v2.0/images/CalendarViewType_Support_Case.png) 0px 2px no-repeat;	
}
.ProjectIcon
{
	background:  url(/v2.0/images/CalendarViewType_Project.png) 0px 2px no-repeat;	
}
.EventIcon
{
	background:  url(/v2.0/images/CalendarViewType_Event.png) 0px 2px no-repeat;
}
.ToDoIcon
{
	background:  url(/v2.0/images/CalendarViewType_ToDo.png) 0px 2px no-repeat;	
}
.DisbursementIcon
{
	background:  url(/v2.0/images/CalendarViewType_Disbursement.png) 0px 2px no-repeat;	
}
.ProductIcon
{
	background:  url(/v2.0/images/CalendarViewType_Product.png) 0px 2px no-repeat;	
}
.SubscriptionIcon
{
	background:  url(/v2.0/images/CalendarViewType_Subscription.png) 0px 2px no-repeat;	
}
.DocumentIcon
{
	background:  url(/v2.0/images/CalendarViewType_Document.png) 0px 2px no-repeat;	
}
.AddressType
{
    width: 60px;    
}
.Mobile
{
    background:  url(/v2.0/images/mobile.png) 0px 50% no-repeat;
    padding-left: 20px;	
}
.Landline
{
    background:  url(/v2.0/images/landline.png) 0px 50% no-repeat;
    padding-left: 20px;
}
.Fax
{
    background:  url(/v2.0/images/fax.png) 0px 50% no-repeat;
    padding-left: 20px;
}
.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;
}
.CmbPerson { display: inline-block; width: 20px; background: url(/v2.0/images/cmb_person.png) no-repeat 1px center; }
.CmbCompany { display: inline-block; width: 20px; background: url(/v2.0/images/cmb_company.png) no-repeat 1px center; }
.CmbEmployee { display: inline-block; width: 20px; background: url(/v2.0/images/cmb_employee.png) no-repeat 1px center; }
.InlineHeader
{
	display:inline !important;
	margin-right: 5px;	
}
.DropDownMenuOutOfGrid
{
	background: white url(/v2.0/images/drop.gif) no-repeat right center !important;
	cursor: pointer;
	padding: 1px 5px 1px 3px;
	border: 1px solid #7F9DB9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.DropDownMenuOutOfGrid ul ul
{
	margin-left: -4px;
}
.DropDownMenuOutOfGrid:hover
{
	background: white url(/v2.0/images/drop_hover.gif) no-repeat right center !important;
	cursor: pointer;
}
.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 th
{
    vertical-align: middle !important;
    text-align: left !important;
    font-weight: bold !important;
    padding: 2px 4px !important;
}
.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: #EEF3FA;
	padding:10px;
}
.InvInlineBackground
{
	background: #E6EFFA url(/v2.0/images/bluegrad2.gif) repeat-x;
}
.HighPriorityText
{
	color: #CC0000;	
	font-weight: bold;
}
#LoadingGlyph
{
	background: #999999; 
	padding: 0px 10px; 
	font-size: 11px; 
	position: fixed; 
	bottom: 0px; 
	right: 50px; 
	color: White;
	display: none;
}
.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
{
        background:#EAF4F5 none repeat scroll 0 0;
border:1px solid #C8D4E0;
font-size:11px;
line-height:13px;
padding:10px;
text-align:left;
margin:2px;
z-index:0;
-moz-border-radius: 2px;	
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.TrialNotice a { color: #555555;}
.Shade15
{
    background: url(/v2.0/images/shade15.png);
}
#WizardBg
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(/v2.0/images/shade15.png);
    top: 0;
    left: 0;
}
#Wizard
{
    background:white none repeat scroll 0 0;
    border:2px solid #333333;
    min-height: 200px;
    left:50%;
    margin-left:-400px;
    padding:20px;
    position:absolute;
    top:50px;
    width:750px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;    
}
#Wizard .Steps { margin-left: 10px; }
#Wizard .Steps a
{
    padding: 2px 8px;
    margin: 0 1px 0 0;
    background: #EEEEEE;    
    /*border: 1px solid #ffffff;)*/
    text-decoration: none;
    color: Black;
}
#Wizard .Steps a:hover { text-decoration: underline; }
#Wizard .Steps .CurrentStep
{
    background: url(/v2.0/images/orange_grad.gif) repeat-x;
	font-weight: bold;
	color: White;
}
#Wizard td,#Wizard th{ vertical-align: top;}
#LogoPreview
{
    border: 1px dashed #CCCCCC;
    cursor: pointer;    
}
#Wizard .Intro
{
    padding: 30px 200px 30px 30px;
    background: #f5f5f5;
    border-top: 5px solid #F69419;
    margin: 1px 0 10px 0;
    color: #333333;
     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}
#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; }
.Watermark { font-style: italic; color: #CCCCCC;  padding: 1px; overflow:hidden; }
#QuickAddContact {padding: 0 5px; }
#QuickAddContact input[type=text], #QuickAddContact textarea { width: 180px; }
#QuickAddContact p { margin 0 0 5px 0; }
.CD3AddressBox
{
    
}

.CD3AddressBox em { padding-right: 5px; }
.ContactDirectory .Ex { float: right;}
.ContactDirectory .SortedDataCell { background: inherit; }
.ContactDirectory .Alt { background: #f5f5f5; }
.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;
}
.CD3AddressBox .AddrSelected { font-weight: bold; color: #666666; text-decoration:none;  background: white; }
.NewEntryBaloon .ContactEditorTable th { width: auto; white-space:normal; min-width:90px;}
.NewEntryBaloon .ContactEditorTable .PopupCalendarHolder th { min-width:inherit;  }
.AdvancedDetails { display: none; }
.AdvancedDetailsToggle 
{ 
    display: inline-block;
    color: #555555;
    font-weight: bold;
    padding: 0 0 0 20px;
    background: url(/v2.0/images/expand.png) no-repeat 0 1px;
    font-size: 12px;
    font-family: Tahoma, Verdana, arial, sans-serif;
    text-decoration:none;
    float: right;
    margin-bottom:5px;
    position:relative;
    z-index: 100;
}
.AdvancedDetailsToggle:hover
{
    text-decoration:underline;
}
.NewEntryBaloon .HtmlEditor iframe { height: 120px !important; }
#SummaryField_editor  input[type=text] { min-width: 200px; }
.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: 0 0 1em #666666;
    -webkit-box-shadow: 0 0 1em #666666;
    box-shadow: 0 0 1em #666666;    
}

.NewEntryBaloon
{
	position: absolute;
	border: 1px solid #7DBCEB;
	background:  #ffffff;
	padding: 10px;
	z-index: 1000;
	width: 350px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.NewEntryBaloon .TitleBar 
{
     color: White; 
     background: #7DBCEB; 
     padding: 5px 10px 2px 10px; 
     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;
}
.NewEntryBaloon .TitleBar .Close
{
    background-image: url(/v2.0/images/close_white_up.gif); 
}
.NewEntryBaloon .TitleBar .Close:hover
{
    background-image: url(/v2.0/images/close_white_hover.gif); 
}
.NewEntryBaloon .Triangle
{
	background: url(/v2.0/images/baloon_bottom.png); 
	width: 45px; 
	height: 30px; 
	position: absolute; 
	margin-top: 10px; 
	margin-left: 100px;	
}
.NewEntryBaloon .IconGlyph
{
   
    width: 20px;
    height: 20px;
   float: left;

}
.NewEntryBaloon .TriangleTop
{
	background: url(/v2.0/images/baloon_top.png); 
	width: 45px; 
	height: 30px; 
	position: absolute; 
	margin-top: -40px; 
	margin-left: 100px;	
}
.NewEntryBaloon .TriangleTopRight
{
	background: url(/v2.0/images/baloon_top_right.png); 
	width: 45px; 
	height: 30px; 
	position: absolute; 
	margin-top: -40px; 
	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
{
	background: #ffffff;
	width: 100%;
}
.SaveChanges { min-width: 90px; }
.ActivityBox
{
    background: none no-repeat 50% 50%;
    overflow: auto;
    height: 400px;
}
.ActivityBoxRemainder
{
    background: none no-repeat 99% 50% #EEF3FA;
    padding: 5px 30px 0 10px; 
    font-style: italic;
    text-align: right;
    height: 20px;
    font-size: 10px;
}
.MoreItemsBox
{
    background:white;
    display:none; 
    position: absolute;
    border:1px solid #CCCCCC;
    z-index:500;
    padding:10px;
    -moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.Drop, .DropLink
{
    background: url(/v2.0/images/drop.png) no-repeat 0 center white;
    
}
.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; }

/*
.ActivityToolbar { background: white url(/v2.0/images/EBEBEB.gif) repeat-x 0 12px; }
.ActivityToolbar td { white-space: nowrap;}
.ActivityToolbar td h1, .ActivityToolbar td span {background:white;float:left; padding: 0 5px;}
.ActivityToolbar td h1 { line-height: 23px; }
*/
.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*/
}
.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
{
    background: white;
    border: 1px solid #EBEBEB;
    border-bottom:0 none !important;
    float:left;
    list-style:none outside none;
    margin:0 -6px 2px 0;
    padding:0;
    position:relative;
    top:1px;
    white-space:nowrap;   
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 0;
}
.ui-tabs .ui-tabs-nav 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;
    background-color: White;
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.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: 100px; }
.ui-tabs-panel td { vertical-align: top;}
.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(/v2.0/images/allflags.png) no-repeat 0px 50%; padding: 2px 6px; margin-right: 2px; }
.Landline em { background-position: 0px 50% !important; }
.Fax em { background-position: -16px 50% !important; }
.Mobile em { background-position: -32px 50% !important; }
.Mobile span { padding: 0 !important; margin: 0 !important; }
.Phone span
{
   background: url(/v2.0/images/allflags.png) no-repeat 100px 50%;
   display: inline;
   padding: 2px 6px;
   margin-right: 4px;
}
.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;
}


.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;
}
.GridLoading
{
    background:url("/v2.0/images/ajax-loader.gif") no-repeat scroll 99% 50%;    
}
.ExtLink
{
    display:inline-block;
    vertical-align: middle;
    margin-left: 2px;
    width: 13px;
    height: 13px;
    text-decoration: none;
    background: url(/v2.0/images/extlink.gif) no-repeat;
}
.ExtLink:hover
{
    background-position:right;
}
.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); }
.LoadingTextBox
{
    background: #FFFFFF url(/v2.0/images/ajax-loader.gif) no-repeat 99% 3px;
}
.SuccessLinks
{
    text-align:right;    
}
.SuccessLinks div
{
    display: inline;
    padding: 2px 8px;
    color:#CCCCCC;
}