/* Default CSS Stylesheet for a new Web Application project */

body {
	background-color: #fff;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	text-align: center;
	margin: 0px;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFF', EndColorStr='#80205A94');*/
}

body.header {
	background-color: #fff;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	text-align: center;
	margin: 0px;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#80205A94', EndColorStr='#FFFFFFFF');*/
}

body.dialog {
	/*background-color: #ffffee;*/
	background-color: #fff;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

body.tab-smoky {
	background-color: whitesmoke;
}

table
{
	border-width: 0px;
	border-collapse: collapse;
}

table.panel
{
	border-style: solid;
	border-width: 1px;
	border-color: #205a94;
	
	table-layout: fixed;
	white-space: nowrap;
	/*filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=1,positive=true);*/
}

table.panel-print
{
	border-style: solid;
	border-width: 1px;
	border-color: #E5E5E5;
	
	table-layout: fixed;
	white-space: nowrap;
	page-break-before: auto;
	/*filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=1,positive=true);*/
}

table.borderless-panel
{
	border: none 0px #000000;
	table-layout: fixed;
	white-space: nowrap;
}

table.popup-panel
{
	border-style: solid;
	border-width: 1px;
	border-color: #F0F0F0;
	/*filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1,offY=1,positive=true);*/
}

tr
{
	font-family: Tahoma;
	font-size: 8pt;
}

tr.panel
{
	background-color: #FFFFFF;
	color: #000000;
	overflow: hidden;	
	text-overflow: ellipsis;
	cursor: default;
}

tr.panel-header
{
	background-color: #205a94;
	color: #FFFFFF;
	overflow: hidden;	
	text-overflow: ellipsis;
	cursor: default;
}

tr.panel-chosen
{
	background-color: #CCCCCC;
	color: #000000;
	overflow: hidden;	
	text-overflow: ellipsis;
	cursor: default;
}

tr.panel-alternating
{
	background-color: #F0F0F0;
	color: #000000;	
	overflow: hidden;	
	text-overflow: ellipsis;
	cursor: default;	
}

tr.panel-bolded
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	overflow: hidden;	
	text-overflow: ellipsis;
	cursor: default;
}

tr.panel-disabled
{
	background-color: #FFFFFF;
	color: #CCCCCC;
	overflow: hidden;	
	text-overflow: ellipsis;
	cursor: default;
}

tr.panel-alternating-disabled
{
	background-color: #F0F0F0;
	color: #CCCCCC;
	overflow: hidden;	
	text-overflow: ellipsis;
	cursor: default;
}

tr.completed-call
{
	background-color: #f0fff0;
	overflow: hidden;	
	text-overflow: ellipsis;
}

th.panel, td.panel-header, table.panel-header, .panel-header
{
	padding: 2px;
	background-color: #205a94;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #F0F0F0;
	text-align: left;
}

th.panel-print, td.panel-header-print, table.panel-header-print, .panel-header-print
{
	padding: 2px;
	background-color: #E5E5E5;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

th.panel-right, td.panel-header-right, table.panel-header-right, .panel-header-right
{
	padding: 2px;
	background-color: #205a94;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #F0F0F0;
	text-align: right;
}

th.panel-center, td.panel-header-center, table.panel-header-center, .panel-header-center
{
	padding: 2px;
	background-color: #205a94;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #F0F0F0;
	text-align: center;
}

th.panel-hidden, td.panel-header-hidden, table.panel-header-hidden, .panel-header-hidden
{
	visibility: hidden;
	height: 0px;
}

th.panel a:link, th.panel a:active, th.panel a:visited
{
	color:#FFFFFF;
	background-color: #205a94;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
}

th.popup-panel, td.popup-panel-header
{
	padding: 2px;
	background-color: #F0F0F0;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

th.popup-panel-big, td.popup-panel-header-big
{
	padding: 2px;
	background-color: #F0F0F0;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

th.sliding-panel
{
	padding: 2px;
	background-color: #205a94;
	font-family: Tahoma;
	font-size: 8pt;
	color: #F0F0F0;
	text-align: left;
}

th.alternate
{
	padding: 2px;
	font-family: Tahoma;
	font-size: 8pt;
	color: #F0F0F0;
	text-align: left;
	background-color: #CCCCCC;
	font-weight: bold;
}

td.panel
{
	padding: 3px;
}

td.panel-error
{
	padding: 3px;
	color: Red 
}

td.panel-right
{
	text-align: right;
	padding: 3px;
}

td.panel-alternating
{
	padding: 3px;
	background-color: #F0F0F0;
}

td.panel-alternating-right
{
	text-align: right;
	padding: 3px;
	background-color: #F0F0F0;
}

td.panel-header a:link, td.panel-header a:active, td.panel-header a:visited, td.panel-header-right a:link, td.panel-header-right a:active, td.panel-header-right a:visited
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

td.panel-selected
{
	padding: 3px;
	color: Red;
	font-weight: bold;
}

td.panel-selected a:link, td.panel-selected a:visited, td.panel-selected a:active
{
	color: Red;
	font-weight: bold;
	text-decoration:none;	
}

td.panel-selected a:hover
{
	color: Red;
	font-weight: bold;
	text-decoration: underline;	
}

td.panel-completed
{
	padding: 3px;
	color: darkgreen;
	font-weight: normal;
}

td.panel-completed a:link, td.panel-completed a:visited, td.panel-completed a:active
{
	color: darkgreen;
	font-weight: normal;
	text-decoration: none;	
}

td.panel-completed a:hover
{
	color: darkgreen;
	font-weight: normal;
	text-decoration: underline;	
}

td.panel-inbound
{
	padding: 3px;
	color: Navy;
	font-weight: normal;
}

td.panel-inbound a:link, td.panel-inbound a:visited, td.panel-inbound a:active
{
	color: Navy;
	font-weight: normal;
	text-decoration: none;	
}

td.panel-inbound a:hover
{
	color: Navy;
	font-weight: normal;
	text-decoration: underline;	
}

td.panel-serviceappt
{
	color: Maroon;
	padding: 3px;
	font-weight: normal;
}

td.highlight
{
	background-color: #F0F0F0;
	color: #000000;
	font-weight: bold;
}

td.toolbar
{
	background-color: #F0F0F0;
	/*background-image: url(../images/gradient-gray.png);*/
	color: #000000;
	padding: 5px;
	width: 60px;
	text-align: center;
}

td.toolbar-separator
{
	background-color: #205a94;
	height: 2px;
}

td.toolbar-header
{
	padding: 4px;
}

td.alternate-header
{
	background-color: #CCCCCC;
	padding: 3px;
	color: #000000;
	font-weight: bold;
}

td.alternate-footer
{
	background-color: #DDDDDD;
	padding: 3px;
	color: #000000;
	font-weight: bold;
}

td.select-list
{
	background-color: #FFFFCC;
}

td.panel-sold
{
	padding: 3px;
	text-decoration: line-through;
}

td.panel-smoky
{
	background-color: whitesmoke;
	border: dashed 1px #CCCCCC;
}

div.panel
{
	border: solid 1px #205a94;
	background-color: #fff;
}

div.panel-solid
{
	border: solid 1px #205a94;
	background-color: #205a94;
}

div.panel-dull
{
	border: solid 1px #CCCCCC;
	background-color: #fff;
}

div.alternate-panel
{
	border: solid 1px #CCCCCC;
}

div.panel-subheader
{
	border: dashed 1px #cccccc; 
	background-color: #fff;
}

div.panel-smoky
{
	border: dashed 1px #cccccc; 
	background-color: #ffffff;
}

div.panel-grey-noborder, span.panel-grey-noborder
{ 
	background-color: #eeeeee;
}

div.panel-smokyheader
{
	border: solid 1px #cccccc; 
	background-color: #999999;
	color: #fff;
	text-align: left;
	font-weight: bold;
}

div.commandbar
{
	/*background-color: #FFFFFF;*/
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFFFF', EndColorStr='#33999999');
	margin-bottom: 4px;
	padding: 4px;
	text-align: right;
}

div.outer
{
	text-align: center;
	width: 100%;
}

div.overlay-panel
{
	background-color: #F6F6F6;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	visibility: hidden;	
	overflow: auto;
}

div.overlay
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	visibility: visible;
	overflow: auto;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	background-color: #ff00ff;
}

div.overlay-panel-bright-visible
{
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	visibility: visible;	
	overflow: auto;
}

div.overlay-panel-bright
{
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	visibility: hidden;	
	overflow: auto;
}

div.overlay-panel-bright-visible
{
	background-color: #FFFFCC;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	visibility: visible;	
	overflow: auto;
}

div.select-list
{
	background-color: #FFFFFF;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

div.sliding-panel-controller
{
	font-size: 12px;
	font-weight: bold;
	CURSOR: pointer;
	WRITING-MODE: tb-rl;
	FILTER: flipv fliph;
	BACKGROUND-COLOR: #205a94;
	COLOR: #FFFFFF;
}

div.sliding-panel
{
	BORDER: #205a94 1px solid;
	BACKGROUND-COLOR: #fff;
}

div.tab
{
	background-color: #FFFFFF;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 7px;
}

div.tab-smoky
{
	background-color: whitesmoke;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 7px;
}
div.tab-white
{
	background-color: #fff;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 7px;
	text-align: left;
}
div.tab-white-flow
{
	background-color: #fff;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	padding: 7px;
	text-align: left;
}
div.tab-smoky-withAllBorder
{
	background-color: whitesmoke;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;
	padding: 7px;
}
div.tab-nopadding
{
	background-color: #fff;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

div.tab-nopadding-smoky
{
	background-color: whitesmoke;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

div.smoky
{
	background-color: whitesmoke;
}

iframe.tab
{
	background-color: Transparent;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 6px;
	padding-right: 8px;
}

iframe.panel-smoky
{
	border: solid 1px #205a94;
	background-color: whitesmoke;
}

form.main
{
	width: 950px;
}

input,select,button
{
	font-family: Tahoma;
	font-size: 8pt;
}

input.error,select.error
{
	border-color:Red;
}

input.label
{
	border: 0px;
	background-color: #F0F0F0;
}

input.button-smokyheader
{
	border: 0px;
	color: #333333;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

select.error
{
	background-color: #eebbbb;
}

textarea.error
{
	background-color: #eebbbb;
}

button.dialog
{
	font-weight: bold;
	color: black;
	background-color: #fff;
	height: 25px;
}

input.gray,select.gray,button.gray
{
	background-color: #F0F0F0;
	font-family: Tahoma;
	font-size: 8pt;
	color: #000000;
}

font.warning
{
	color: #FF0000;
}

font.green
{
	color: #006600;
}

font.related-info
{
	color: #205a94;
}

.label-small
{
	font-size: 8pt;
	text-align: left;
	vertical-align: middle		
}

.label
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.label-selected
{
	font-weight: bold;
	text-align: left;
	color: Red;
}

.label-error
{
	font-weight: bold;
	text-align: left;
	color: Red;
}

.label-error-normal
{
	font-weight: normal;
	color: Red;
}

.label-bright
{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: red;
	background-color: whitesmoke;
}

.label-light
{
	text-align: left;
	vertical-align: middle;
	color: whitesmoke;
}

.label-non-bold
{
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

.label-non-bold-right
{
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
}

.label-non-bold-centered
{
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.label-centered
{
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle
}

.label-big
{
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

.label-small-smoky
{
	font-size: 8pt;
	text-align: left;
	background-color: whitesmoke;
	border:1px #CCCCCC solid;
	padding:3px;
}

.label-big-centered
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

.label-big-centered-smoky
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: whitesmoke;
}

.label-huge
{
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle
}

.label-huge-light
{
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: whitesmoke;
}

.label-big-light
{
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: whitesmoke;
}

.label-big-light-right
{
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	color: whitesmoke;
}

.label-huge-light-rtjst
{
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	color: whitesmoke;
}

.label-huge-centered
{
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle
}

.label-monster
{
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle
}

.label-tab-smoky-red
{
	background-color: whitesmoke;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	color:Red;
}

.label-standsout
{
	color: #0000CC;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.field-label, td.field-label
{
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

.field-label-top, td.field-label-top
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.field-label-left
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.field-label-top-left
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.field-label-centered, td.field-label-centered
{
	font-weight: bold;
	text-align: center;
	vertical-align:top;
}

.field-label-disabled
{
	text-align: left;
	color: #CCCCCC;
}

.field-label-color-red
{
	font-weight: bold;
	text-align: left;
	color: red;
}

.field-label-color-goldenrod
{
	font-weight: bold;
	text-align: left;
	color: goldenrod;
}

.field-label-big
{
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

.field-label-centered-big
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	vertical-align:top;
}

.field-label-right-big
{
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
}

.field-label-huge
{
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	color: #205a94;
}

.field-label-centered-huge
{
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #205a94;
}
.field-label-smaller
{
	font-size: 7pt;
	font-weight: bold;
	text-align: left;
	font-family: tahoma,
}

.field-value
{
	text-align: left;
}

.field-value-big
{
	font-size: 10pt;
	text-align: left;
}
.field-value-right-small
{
	font-size: 8pt;
	text-align: right;
}

a:link, a:visited, a:active
{
	text-decoration: none;
	color: #000000;
}

a:hover
{
	text-decoration: underline;
}

span.error
{
	color:Red;
}

span.changed
{
	color:Green;
}

span.important
{
	color:Red;
	text-decoration:underline;
}

span.important-header
{
	border-width:1px;
	border-color:Black;
	border-style:solid;
	background-color:Maroon;
	padding-left:4px;
	padding-right:4px;
	color:#fff;
}

image.vehicle
{
	border: solid 1px #000000;
}

blockquote, pre
{
	font-family: Courier New, monospace;
}

.panel-pager
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	background-color: #F0F0F0;
	text-align: right;
}

.sliding-panel-pager
{
	background-color: #F0F0F0;
	text-align: right;
}

.fade-in
{
	filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25,overlap=1.0);
	visibility: hidden;
}

.gradient
{
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF205A94', EndColorStr='#FFFFFFFF');
}

.important
{
	color: Red;
}

.completed 
{
	color: Green;
}

.button {
	cursor: pointer;
}
.link {
	cursor: pointer;
}

.invisible
{
	visibility:hidden
}

.gray-border
{
	border: solid 1px #999999;
}

.separator-black
{
	border-top: solid 1px #000000;
	height: 1px;
	color: Black;
}

/*sold log styles*/
.sold-problem, .search-unmatched
{
	color: Red;
	font-weight: bold;
}

.sold-pending, .search-pending
{
	color: #000080;
}

.sold-booked, .search-sold-booked
{
	color: #008000;
}

.sold-finalized, .search-sold-finalized
{
	color: #000000;
}
/*sold log styles - end*/

/*calendar styles*/
table.calendar
{
	background-color: #fff;
	border-color: #205a94;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin: 0px;
}
td.calendar-header, table.calendar-header
{
	background-color: #205a94;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin: 0px;
	padding: 3px;
}
td.calendar-day
{
	background-color: #fff;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin: 0px;
	padding: 3px;
}
td.calendar-weekend-day
{
	background-color: F0F0F0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin: 0px;
	padding: 3px;
}
td.calendar-other-month
{
	background-color: Gray;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin: 0px;
	padding: 3px;
}
td.calendar-title
{
	background-color: Whitesmoke;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	padding: 4px;
}
td.calendar-footer
{
	background-color: Whitesmoke;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	padding: 4px 2px;
}

hr
{
	color: #205a94;
}

hr.dull
{
	color: #CCCCCC;
}

table.goal-inner-tab
{
	border-bottom: none;
	border-right: none;
	border-left: none;		
}

table.goal-outer-table
{
	border: none;		
}

table.goal-div
{
	border-bottom: none;
	border-right: none;
	border-left: none;		
}

input.read-only
{
	border-style: solid;
	border-color: #205a94;
	border-width: 1px;
	background-color: #F0F0F0;
}

div.panel-tree
{
	text-align: left;
	/*border: solid 1px #205a94;*/
	background-color: #fff;
}

.loadingpleasewait
{
	background-color: Red;
	color: #fff;
	border: solid 1px black;
	font-weight: bold;
	padding: 1px 6px 2px 6px;
	/*overflow: hidden;*/
	z-index: 2000;
}

.box-dashedborder
{
	text-align: left;
	padding: 3px 5px 3px 5px;
	border: dashed 1px #cccccc; 
	background-color: #fff;
}

.NoBorder
{
	border:none;
}
.ErrorBorder
{
	border:solid 1 red;
}
.s-inactive
{
	color: #a9a9a9;
}
.s-lead, .s-prospect, .s-beback, .s-sldbkd 
{
	color: #0000cc;
}
.s-lostsale, .s-lostopp, .s-unabtofinanc, .s-deaddeal
{
	color: #ff0000;
}
.s-pending, .s-Sldfinlzd
{
	color: #66ae33;
}
.s-svconly
{
	color: #000000;
}
.s-othercust
{
	color: #daa520;
}

.tree-node-hilited
{
	background-color: #205a94;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding: 2px;
}
.tree-node-disabled
{
	color: #999999;
	cursor: pointer;
}
.tree-node-category
{
	font-weight: bold;
	cursor: pointer;
}

.planner-for {
	font-weight: bold;
}
.planner-week {
	background-color: #fff;
}
.planner-day {
	color: Black;
	font-weight: bold;
	background-color: #fff;
	border: solid 1px #205a94;
	width: 50px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	padding: 1px 0 0 2px;
	cursor: pointer;
}
.planner-day-pastdue {
	color: #fff;
	font-weight: bold;
	background-color: red;
	border: solid 1px black;
	width: 50px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	padding: 1px 0 0 2px;
	cursor: pointer;
}
.planner-day-selected {
	color: Whitesmoke;
	font-weight: bold;
	background-color: #205a94;
	border: solid 1px black;
	width: 50px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	padding: 1px 0 0 2px;
	cursor: pointer;
}
.planner-month {
	font-weight: bold;
}
.planner-panel-pastdue {
	color: #fff;
	font-weight: bold;
	background-color: red;
	text-align: left;
	padding: 4px 6px;
}
.planner-panel-info {
	color: black;
	font-weight: bold;
	background-color: #fff;
	border: solid 1px #999999; 
	text-align: left;
	padding: 3px 5px;
}
.planner-panel-today {
	color: #fff;
	font-weight: normal;
	background-color: #205a94;
	border: solid 1px black; 
	text-align: left;
}
.planner-panel-today-pastdue {
	color: #fff;
	font-weight: bold;
	background-color: red;
	border: solid 1px black; 
	text-align: left;
}
.planner-panel-customers {
	overflow: auto; 
	/*border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;*/
	direction: rtl;
}
.planner-panel-customers div {
	direction: ltr;
}
.planner-panel-customer {
	background-color: #ffffd8;
	border: solid 1px #cccccc; 
	text-align: left; 
	margin: 2px 11px 2px 2px;
	padding: 2px 3px;
	cursor: pointer;
}
.planner-panel-customer-selected {
	background-color: #fff;
	border-left: solid 2px black; 
	border-top: solid 2px black; 
	border-bottom: solid 2px black; 
	text-align: left; 
	margin: 2px 0 2px 2px;
	padding: 2px 16px 2px 3px;
	cursor: pointer;
}
.planner-panel-customer div, .planner-panel-customer-selected div {
	padding: 1px;
}	
.planner-panel-customer-inactive {
	color: #a9a9a9;
}
.planner-panel-customer-working {
	color: darkblue;
}
.planner-panel-customer-lost {
	color: darkred;
}
.planner-panel-customer-sold {
	color: darkgreen;
}
.planner-panel-customer-svconly {
	color: black;
}
.planner-action-completed {
	color: #999999;
}
.planner-label-huge-light {
	color: #cccccc;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.planner-bridge {
	border-right: solid 2px black;
}
.planner-panel-disabled {
	background-color: #fff;
	color: #666666;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
	/*filter: alpha(opacity=75);*/
}
.planner-detail {
	background-color: #fff;
	border: solid 2px black; 
	text-align: left; 
}
.planner-detail-panel {
	background-color: #fff;
	border: solid 1px #cccccc;
}
.planner-detail-panel-hilite {
	background-color: #ffffd8;
	border: solid 1px #cccccc;
}
.planner-detail-header {
	border: solid 1px #cccccc; 
	background-color: #999999;
	color: #fff;
	font-weight: bold;
	padding: 1px 0;
}
.planner-notes {
	width: 100%;
	color: black;
	/*font-weight: bold;*/
	border-bottom: 1px solid #cccccc;
	padding: 2px 4px;
}
.planner-notes-by {
	float: right; 
	color: black;
	background-color: #ffffd8;	
	padding: 2px 0 0 4px;
}
.planner-link {
	text-decoration: underline;
	cursor: pointer;
}
.planner-link-bold {
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
.planner-link-bold-white {
	text-decoration: underline;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.planner-bold {
	font-weight: bold;
}
.planner-bold-white {
	font-weight: bold;
	color: #fff;
}
.planner-bold-disabled {
	color: #999999;
	font-weight: bold;
}
.planner-loading {
	color: #fff;
	background-color: #205a94; 
	border: 2px solid black; 
	padding: 3px 20px;
}
.reports-container-panel {
	direction: ltr;
}
.report-panel {
	background-color: #ffffe5;
	border: solid 1px #cccccc; 
	text-align: left; 
	margin: 2px 11px 2px 2px;
	padding: 4px 6px;
	cursor: pointer;
}
.report-panel-selected {
	background-color: #ffffe5;
	border-left: solid 2px black; 
	border-top: solid 2px black; 
	border-bottom: solid 2px black; 
	text-align: left; 
	margin: 2px 0 2px 2px;
	padding: 4px 16px 4px 6px;
	cursor: pointer;
}
.report-panel .header, .report-panel-selected .header {
	font-weight: bold;
}
.report-panel .detail, .report-panel-selected .detail {
	margin-top: 6px;
}
.report-options-container {
	background-color: #fff;
	border: solid 2px black; 
	text-align: left; 
}
.report-options-header {
	background-color: #205a94; 
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0;
	width: 100%;
	text-align: center;
}
.money-textbox
{
 text-align:right;
}