﻿* 
{
   margin: 0;
   padding: 0;
   border: 0;
}

html, body 
{ 
   background: #E8E8DD;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica;
	font-size: 12px;
	padding: 0; 
	margin: 0;
	color: #666;
}

a 
{
   text-decoration: none;
}

.mandatory-field
{
   font-size: 14px;
   color: red;
   margin-left: 5px;
   vertical-align: middle;
}

.radio-button-holder
{
   line-height: 22px;
   margin-top: 3px;
   color: #444444;
   padding-left: 8px;
}

.radio-button-holder input[type="radio"]
{
   margin: -1px 0 0 0;
   vertical-align: middle;
}

a.show 
{
   background: url("images/show.png") no-repeat left center;
   padding-left: 14px;
}

a.hide
{
   background: url("images/hide.png") no-repeat left center;
   padding-left: 14px;
}

/* -------------------------------------- Content Layout Common -------------------------------------- */

.error 
{
   margin-left: 10px;
   color: Red;
   vertical-align: middle;
   text-transform: uppercase;
}

.panel, .filters
{
   background: #ffffff;
   margin: 0 0 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;            
   -moz-box-shadow: 0 0 0.75em #999999;   
   -webkit-box-shadow: 0 0 0.75em #999999;   
}

.filters h4
{
   color: Navy;
   font-size: 14px;
   font-weight: bold;
}

.filters h4.heading-pad-bottom
{
   padding-bottom: 8px;
}

.panel .caption,
.filters .caption
{
   color: #ffffff;
   font-size: 14px;
   padding: 8px;
   background: #3A4043;
   letter-spacing: 0.075em;
   text-transform: uppercase;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-left-radius: 5px;   
   -webkit-border-top-right-radius: 5px;   
}

.panel .panel-body,
.filters .filters-body
{
   padding: 8px;
}

.filters .query
{
   margin: 0 0 6px 0;
}

.filters .query input[type="text"]
{
   margin: 6px 0 4px 0;
   border: 1px solid #cecece;
   font-size: 14px;
   padding: 2px 3px;
   width: 195px;
}

.filters .checkbox-holder,
.filters .bank-account-holder,
.filters .invoice-holder,
.panel .recent-item-holder,
.panel .recent-lead-item,
.panel .recent-deal-item,
.panel .lead-summary-item,
.panel .contact-summary-item,
.panel .opportunity-summary-item,
.panel .deal-summary-item,
.panel .campaign-summary-item,
.panel .account-summary-item,
.panel .financials-summary-item
{
   line-height: 24px;
   border-bottom: 1px silver dotted;
}

.filters .calendar-task-holder
{
   border-bottom: 1px silver dotted;
   padding: 3px 8px 0 3px;
}

.panel .lead-summary-item span,
.panel .contact-summary-item span,
.panel .opportunity-summary-item span,
.panel .deal-summary-item span,
.panel .campaign-summary-item span,
.panel .account-summary-item span,
.panel .financials-summary-item span
{
   font-size: 11px;
   float: right;
   font-weight: bold;
}

.dashboard-recent-items-title 
{
   color: #342D7E;
   font-size: 11px;
   padding-bottom: 5px;
   text-align: center;
}

.panel .recent-lead-item span,
.panel .recent-deal-item span
{
   font-size: 11px;
   float: right;
}

.filters .bank-account-holder
{
   font-size: 11px;
}

.filters .checkbox-holder input
{
   position: relative;
   top: 2px;
}

.filters .summary
{
   line-height: 24px;
}

.clearboth
{
   clear: both;
}

/*
#lead-title,
#opportunity-title
{
   font-size: 18px;
}

*/

#lead-name
{
   font-size: 14px;
}

.paging-sorting-controls
{
   border-bottom: 1px solid #cacacb;
   padding: 0px 0 8px 0;
   color: #3A4043;
}

.sorting-control
{
   font-size: 11px;
}

.sorting-control select
{
   border: 1px solid #CACACB;
   font-family: 'Lucida Sans Unicode',Arial;
   font-size: 1em;
   line-height: 18px;
   margin-left: 4px;
   margin-right: 4px;
   padding: 1px 2px;
}

.sorting-control select.sort-parameter
{
   width: 120px;
}

.sorting-control select.sort-order
{
   width: 100px;
}

.sorting-control select.page-size
{
   width:50px;
   margin-left: 8px;
   margin-right: 8px;
}

.paging-control
{
   float: right;
   margin-right: 10px;
}

.paging-control #current-page
{
   margin-left: 10px;
}

.paging-control #total-pages
{
   margin-right: 10px;
}

.paging-control a,
.paging-control span
{
   background-color: #ffffff;
   border: 1px solid #cacacb;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;   
   display: inline-block;
   text-decoration: none;  
   color: #3A4043;
   padding: 2px 6px;
   font-size: 10px;
}

.paging-control a:hover,
.paging-control span.current
{
   background-color: #3A4043;
   color: #ffffff;
   border: 1px solid #3A4043;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

.paging-control a,
.paging-control span
{
   margin: 1px 2px;
}

/* -------------------------------------- Login/Register -------------------------------------- */

.login-holder
{
   width: 480px;
   margin: auto;
}

.login-standalone
{
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-box-shadow: 0 0 1em #999999;
   -webkit-box-shadow: 0 0 1em #999999;      
   background: whitesmoke;
   border: 10px solid #000000;
   margin: 75px auto 6px;
   padding: 20px;
   width: 400px;
}

.login-title
{
   border-bottom: 1px solid grey;
   color: #342d7e;
   font-size: 17px;
   font-weight: bold;
   padding-bottom: 2px;
}

.login-reset-message
{
   color: #3f3f3f;
   font-size: 14px;
   margin: 0 0 2px;
   padding: 8px 0 0 0;
}

.login-section
{
   color: #3f3f3f;
   margin: 0 0 2px;
   padding: 4px 15px 8px;
}

.login-section .label
{
   color: #3f3f3f;
   font-size: 12px;
   margin: 8px 0 0;
}

.login-section input[type="text"],
.login-section input[type="password"]
{
   font-size: 16px;
   padding: 4px 3px;
   width: 355px;
   border: 1px solid #DADADA;
   color: #3F3F3F;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
}

.button-bar
{
   border-top: 1px solid gray;
   margin: 8px auto;
   padding-top: 8px;
}

.button-bar a.reset-link
{
   float: right;
   border-bottom: 1px dotted;
   padding-top: 8px;
}

.button-bar a.reset-link:hover
{
   border-bottom: 1px solid;
}

#login-header
{
   background: #ffffff;
   height: 150px;
}

#login-header .logo-holder
{
   margin: 0 auto;
   padding-top: 15px;
   width: 540px;
}

/* -------------------------------------- Dashboard / Graphs -------------------------------------- */

.dashboard-list-control-holder
{
   float:right;
   font-size: 12px;
   height: 22px;
   margin: 7px 8px 0 0;
}

.dashboard-list-control-holder a
{
   color: #FFFFFF;
   display: block;
   float: left;
   height: 20px;
   line-height: 18px;
   margin-left: 10px;
   padding: 0 5px;   
}

.dashboard-list-control-holder a:hover,
.dashboard-list-control-holder a.active
{
   -moz-border-radius: 3px;
   background: #45cae9;
   color: #000000;
   padding: 0 5px;
}

.chart-holder
{
   width: 750px;
   height: 644px;
}

.chart-wrapper
{
}

.chart-wrapper h4,
.chart-title
{
   color: #342D7E;
   padding-bottom: 5px;
   margin-top: 15px;
   text-align: center;
   font-size:11px;
}

.chart-header
{
}

.html-template-thumbnail-header 
{
   height: 30px;
}

.chart-header a,
.html-template-thumbnail-header a
{
   float: left;
   margin-top: 8px;
   text-indent: -2000px;
   display: inline-block;
   width: 20px;
   height: 20px;
}

.chart-header a.previous,
.html-template-thumbnail-header a.previous

{
   background: url("images/back.png") no-repeat;
}

.chart-header a.next,
.html-template-thumbnail-header a.next
{
   background: url("images/next.png") no-repeat;
   float: right;
}

/* -------------------------------------- Date picker -------------------------------------- */

a.dp-choose-date {
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 3px 0;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* -------------------------------------- Buttons -------------------------------------- */

button, 
a.button, 
input[type="button"] 
{
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   /*background-color: #E3E3E3; */
   background: url(images/form-button.gif) repeat-x 0 0;
   border-color: #CCCCCC #AAAAAA #AAAAAA #CCCCCC;
   border-style: solid;
   border-width: 1px;
   color: #565656;
   cursor: pointer;
   display: inline-block;
   font-family:"Lucida Grande", "Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 14px;
   line-height: 14px;
   margin-right: 0.3em;
   overflow: visible;
   padding: 0.35em;
   text-decoration: none;
   vertical-align: baseline;
   width: auto;
}

button:hover,
a.button:hover,
input[type="button"]:hover
{
   background-position: 0 -5px;
   -moz-box-shadow: 1px 1px 2px #e3e3e3;
}

a.button:link, 
a.button:visited 
{
   color:#565656;
   padding:0.5em;
}

.gecko button, 
.gecko input[type="button"] 
{
   padding:0.58em;
}

.ie7 button, 
.ie7 input[type="button"] 
{
   display:inline;
}

.ie7 a.button 
{
   display:inline;
}

.ie8 button 
{
   padding:0.68em;
}

button[disabled] 
{
   color:#BBBBBB;
   cursor:inherit !important;
}

button[disabled] img 
{
   opacity:0.4;
}

button img, 
a.button img, 
input[type="button"] img 
{
   border:medium none;
   height:16px;
   margin:0 3px -3px 0 !important;
   padding:0;
   width:16px;
}

.ie7 button img, 
.ie7 a.button img, 
.ie7 input[type="button"] img 
{
   vertical-align:text-top;
}

.ie .hoverButton 
{
   background-color:#D6D6D6 !important;
   border:1px solid #999999 !important;
   color:#333333 !important;
}

a.button:hover, 
button:enabled:hover, 
input[type="button"]:enabled:hover 
{
   background-color:#D6D6D6 !important;
   border:1px solid #999999 !important;
   color:#333333 !important;
}

.smallButton 
{
   font-size:11px;
   padding:4px !important;
}

.buttonSeparator 
{
   border-left:1px solid #DDDDDD;
   display:inline-block;
   font-size:14px;
   height:2.6em;
   margin-right:0.25em;
   vertical-align:top;
   width:1px;
}

.ie7 .buttonSeparator 
{
   display:inline;
   margin-right:0.4em;
}


/* -------------------------------------- Header -------------------------------------- */

div#header
{
  background: #ffffff;
}

div#header .logo-holder
{
   float: left;
   padding-top: 10px;
}

#topsection
{
   height: 65px;
   padding: 8px 15px;
   color: Navy;
}

#topsection #rightsection
{
   float: right;
   font-size: 11px;
}

#topsection #rightsection #welcome_name
{
   padding: 0 10px;
   color: Navy;
   font-size: 12px;
}

#topsection #rightsection a
{
   color: Navy;
   padding: 1px 4px 2px;
}

#topsection #rightsection a:hover
{
   color: #ffffff;
   background: #777777;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}

#mainmenu
{
   height: 24px;
   padding: 0;
   text-align: center;
   width: 100%;
}

#mainmenu li
{
   float: left;
   font-size: 12px;
   list-style-type: none;
   margin: 0 3px;
}

#mainmenu li.first
{
   margin-left: 10px;
}

#mainmenu li a:link, 
#mainmenu li a:visited
{
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-topright: 3px;
   -webkit-border-top-left-radius: 3px;
   -webkit-border-top-right-radius: 3px;
   background: #cfcfcf;
   /* background: #248db9; */
   color: Navy;
   float: left;
   /* padding: 4px 10px 5px; */
   height: 24px;
   line-height: 24px;
   padding: 0 10px 0 10px;
   text-align: center;
}

#mainmenu li a:hover,
#mainmenu li a:link.active,
#mainmenu li a:visited.active
{
   background: #e5e5e5;
   color: Navy;
}

/* -------------------------------------- Footer -------------------------------------- */

div#footer
{
   clear: both;
   position: relative;
   margin-top: 5px;
   padding: 10px;
}

/* -------------------------------------- Body -------------------------------------- */

.width
{
   width: 100%;
   min-width: 1250px;
}

.content
{
   padding: 12px 12px 12px 12px;
}

* html .minwidth 
{
   padding-left: 1250px;
}

* html .container
{
   margin-left: -1250px;
   position: relative;
}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout 
{
   height:1px;
}
/**/ 

.leftcol
{
   width: 220px;
   padding: 0 12px 0 0;
   float: left;
   color: #3f3f3f;
}

.centercol
{
   margin: 0 auto;
   margin-left: 233px;
   margin-right: 233px;
}

.rightcol
{
   width: 220px;
   padding: 0;
   float: right;
   color: #3f3f3f;   
}

.rightcol .date-container
{
}

.date-container img
{
   float: left;
   margin-right: 10px;
   margin-top: 5px;
}

.date-container span.time
{
   color: #342D7E;
   font-size: 2.2em;
   font-weight: bold;
   margin-right: 10px;
   font-family: Arial;
}

.date-container span.date
{
   color: #342D7E;
   font-size: 0.85em;
   margin-top: 3px;
   line-height: 12px;
}

span.time,
span.date
{
   float: left;
   display: block;
}

span.clearfix
{
   clear :both;
   display: block;
   font-size: 0;
   height: 0;
   margin: 0;
   padding: 0;
   visibility: hidden;
   width: 100%;   
}

.calendar-container
{
   margin-top: 10px;
}

#recent-items.panel
{
   background: #ffffff;
}   
   
#main.panel
{
   background: white;
}

#main .body
{
   padding: 8px;
}

/* -------------------------------------- Body Parts -------------------------------------- */

.category-title-controls
{
   float: right;
   margin: 8px 10px 0 0;
   font-size: 12px;
}

.category-title-controls a
{
   /* color: #0033cc; */
   color: #ffffff;
   text-decoration: none;
}

.category-title-controls a:hover
{
   border-bottom: 1px dotted #ffffff;
}

.category-title-controls abbr
{
   font-size: 9px;
}

.category-title-message
{
   float: right;
   margin: 8px 20px 0 0;
   font-size: 12px;
   color: #ffffff;
}

.lead-classifier,
.opportunity-classifier,
.deal-classifier,
.account-classifier
{
   float: right;
   font-size: 12px;
   height: 22px;
   margin: 7px 50px 0 0;
}

.lead-classifier a,
.opportunity-classifier a,
.deal-classifier a,
.account-classifier a
{
   display: block;
   float: left;
   margin-left: 10px;
   padding: 0 5px;
   line-height: 18px;   
   height: 20px;
   color: #ffffff;
}

.lead-classifier a:hover,
.lead-classifier a.active,
.opportunity-classifier a:hover,
.opportunity-classifier a.active,
.deal-classifier a:hover,
.deal-classifier a.active,
.account-classifier a:hover,
.account-classifier a.active
{
   padding: 0 5px 1px 5px;
   background: #45CAE9;
   color: #000000;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;   
}

.category-title
{
   padding: 8px;
   font-size: 14px;
   letter-spacing: 0.075em;
   color: #ffffff;
   text-transform: uppercase;
   background: #3A4043;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-left-radius: 5px;   
   -webkit-border-top-right-radius: 5px;  
}

.category-subtitle
{
   border-bottom: 1px solid silver;
   color: #2f2f2f;
   font-size: 14px;
   font-weight: bold;
   margin-top: 5px;
}

.category-subtitle-tools
{
   float: right;
   font-size: 12px;
   margin: 4px 0 0;
}

.category-subtitle a
{
   color: #0707ab;
   text-decoration: none;
}

.category-subtitle span.count
{
   font-size: 11px;
   color: #0707AB;
   padding-left: 15px;
}

.category-subtitle .campaign-title
{
   font-size: 16px;
   color: #0707ab;
}

.category-subtitle-info
{
   padding-bottom: 8px;
}

.category-subtitle-info span.mandatory-field
{
   color: Red;
   font-size: 12px;
   vertical-align: top;
}

.category-list
{
   padding: 8px 0 0;
}
 
.category-list-item
{
   border-bottom: 1px dotted silver;
   color: #2f2f2f;
   font-size: 12px; 
   padding: 6px 0;
   clear: none;
   position: relative;
}

.category-list-item span.lead-referrer,
.category-list-item span.campaign-time-span,
.category-list-item span.userprofile-login-details,
.category-list-item span.role-details
{
   font-size: 11px;
}

.category-list-item img.gravatar
{
   float: left;
   padding: 0 8px 5px 0;
   width: 30px;
   height: 30px;
}

.category-list-item-controls
{
   background: #000000;
   margin-right: 5px;
   padding: 6px 3px 6px 6px;
   position: absolute;
   right: 0;
   filter: alpha(opacity=85);
   opacity: 0.85;
   -moz-opacity: 0.85;
}

.category-list-item-controls a
{
   font-size: 12px;
   background: red;
   border: 1px solid red;
   -moz-border-radius: 2px;
   padding: 1px 4px 2px 4px;
   display: inline-block;
   color: #ffffff;
   margin-right: 3px;
}

.category-list-item-controls a:hover
{
   color: #ffffff;
   background: #cc3300;
}

.category-list-item-extra-info
{
   font-size: 11px;
   padding: 2px 0 0 88px;
   color: #4f4f4f;   
}

.category-list-item-extra-info a
{
   color: #4f4f4f;
   text-decoration: none;
   font-weight: bold;
}

.category-list-item-extra-info a:hover
{
   color: #0033cc;   
   border-bottom: 1px dotted #0033cc;
}

.marker
{
   color: Black;
   float: left;
   font-size: 11px;
   margin: 0 6px 0 0;
   padding: 1px 4px 2px 3px;
   text-align: right;
   width: 75px;
   -moz-border-radius-bottomleft: 7px;
   -moz-border-radius-topleft: 7px;
   -webkit-border-bottom-left-radius: 7px;
   -webkit-border-top-left-radius: 7px;
}

.marker a
{
   color: #000000;
   text-decoration: none;
}

.marker a:hover
{
}

.new,
.low,
.planned,
.closed-won,
.paid,
.published
{
   background: palegreen;
}

.medium,
.held,
.prospecting,
.none,
.started,
.draft
{
   background: #f5b438;
}

.note,
.qualification,
.onhold,
.rejected
{
   background: #8bceea;
}

.high,
.closed-lost,
.inactive,
.calledoff,
.withdrawn
{
   background: #ae2357;
   color: #ffffff;
}

.not-held,
.analysis,
.archive-email,
.onhold,
.following-up,
.archived
{
   background: #902cec;
   color: #ffffff;
}

.presentation
{
   background: #2cecdc;
}

.proposal,
.complete,
.converted,
.completed
{
   background: #51b420;
   color: #ffffff;
}

.review,
.none,
.in-process,
.contacted
{
   background: #6b7169;
   color: #ffffff;
}

.create-item-form
{
   background: whitesmoke;
   /* border: 4px solid lightsteelblue; */
   border: 4px solid #95999b;
   margin: 0;
   padding: 0 8px 10px 8px;
   position: relative;
}

.create-item-form .button-container
{
   border-top: 1px solid gray;
   margin: 8px auto;
   padding-top: 8px;
}

.create-item-section
{
   margin: 0 0 2px;
   padding: 4px;
   height: 50px;
}

.create-item-form .form-item-holder
{
   padding: 4px 0;
}

.create-item-form .form-item-holder label
{
   color: #142fb3;
   line-height: 22px;
   vertical-align: middle;
}

.create-item-form .form-item-holder input[type="text"],
.create-item-form .form-item-holder input[type="password"],
.create-item-form .form-item-holder textarea
{
   border: 1px solid #DADADA;
   color: #3F3F3F;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
   font-size: 12px;
   padding: 4px 3px;
}

.create-item-form .form-item-holder select
{
   border: 1px solid #DADADA;
   color: #3F3F3F;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
   font-size: 12px;
   padding: 2px;
}

.create-item-form .form-item-holder input[type="checkbox"]
{
   position: relative;
   top: 2px;
   margin-right: 2px;
}

.create-item-form .name-part-holder
{
   float: left;
   width: 165px;
}

.create-item-form .title-part-holder,
.create-item-form .salutation-part-holder,
.create-item-form .opportunity-amount-part-holder,
.create-item-form .opportunity-probability-part-holder,
.create-item-form .expected-close-date-part-holder,
.create-item-form .opportunity-sales-stage-part-holder,
.create-item-form .opportunity-contact-part-holder,
.create-item-form .opportunity-account-part-holder,
.create-item-form .lead-source-part-holder,
.create-item-form .employees-part-holder,
.create-item-form .paygregistered-part-holder,
.create-item-form .task-priority-part-holder,
.create-item-form .task-status-part-holder,
.create-item-form .meeting-reminder-part-holder,
.create-item-form .meeting-status-part-holder,
.create-item-form .campaign-budget-part-holder,
.create-item-form .share-date-part-holder,
.create-item-form .document-status-part-holder,
.create-item-form .document-shared-part-holder,
.create-item-form .document-date-part-holder,
.create-item-form .document-category-part-holder,
.create-item-form .document-privacy-setting-part-holder
{
   float: left;
   width: 250px;
}

.create-item-form .login-date-part-holder
{
   float: left;
   width: 135px;
}

.create-item-form .task-start-date-part-holder
{
   float: left;
   width: 200px;
}

.create-item-form .task-end-date-part-holder
{
   float: left;
   width: 275px;
}

.create-item-form .name-part
{
   width: 140px;
}

.create-item-form .title-part,
.create-item-form .salutation-part,
.create-item-form .opportunity-amount-part,
.create-item-form .opportunity-probability-part,
.create-item-form .opportunity-sales-stage-part,
.create-item-form .opportunity-contact-part,
.create-item-form .opportunity-account-part,
.create-item-form .lead-source-part,
.create-item-form .loan-application-related-part,
.create-item-form .employees-part,
.create-item-form .meeting-status-part,
.create-item-form .campaign-budget-part,
.create-item-form .document-status,
.create-item-form .document-category,
.create-item-form .document-privacy
{
   width: 220px;
}

.create-item-form .meeting-reminder-minute
{
   width: 175px;
   margin-left: 10px;
}

.create-item-form .phone-part-holder,
.create-item-form .mobile-part-holder,
.create-item-form .fax-part-holder,
.create-item-form .city-part-holder,
.create-item-form .birth-date-part-holder,
.create-item-form .annual-revenue-part-holder,
.create-item-form .abn-part-holder,
.create-item-form .tfn-part-holder,
.create-item-form .meeting-datetime-part-holder,
.create-item-form .campaign-date-part-holder
{
   float: left;
   width: 165px;   
}

.create-item-form .business-type-part-holder
{
   float: left;
   width: 325px;
}

.create-item-form .phone-part,
.create-item-form .mobile-part,
.create-item-form .fax-part,
.create-item-form .city-part,
.create-item-form .annual-revenue-part,
.create-item-form .abn-part,
.create-item-form .tfn-part,
.create-item-form .email-datetime-part,
.create-item-form .share-date-part
{
   width: 140px;
}

.create-item-form .business-type-part
{
   width: 305px;
}

.create-item-form .task-date-part,
.create-item-form .document-date-part
{
   width: 80px;
}

.create-item-form .email-part-holder,
.create-item-form .street-part-holder,
.create-item-form .leaddescription-part-holder,
.delete-item-form .leadacceptrejectnote-part-holder,
.create-item-form .contact-description-part-holder,
.create-item-form .referrer-part-holder,
.create-item-form .opportunity-name-part-holder,
.create-item-form .opportunity-description-part-holder,
.create-item-form .document-name-part-holder,
.create-item-form .document-revision-part-holder,
.create-item-form .document-description-part-holder,
.create-item-form .account-name-part-holder,
.create-item-form .account-description-part-holder,
.create-item-form .website-part-holder,
.create-item-form .business-name-part-holder,
.create-item-form .deal-name-part-holder,
.create-item-form .deal-description-part-holder,
.create-item-form .account-part-holder,
.create-item-form .loan-application-related-part-holder,
.create-item-form .note-subject-part-holder,
.create-item-form .note-description-part-holder,
.create-item-form .note-attachments-part-holder,
.create-item-form .email-datetime-part-holder,
.create-item-form .email-from-part-holder,
.create-item-form .email-to-part-holder,
.create-item-form .email-cc-part-holder,
.create-item-form .email-bcc-part-holder,
.create-item-form .email-subject-part-holder,
.create-item-form .email-body-part-holder,
.create-item-form .email-savedraft-part-holder,
.create-item-form .email-attachments-part-holder,
.create-item-form .task-subject-part-holder,
.create-item-form .task-description-part-holder,
.create-item-form .task-reminder-part-holder,
.create-item-form .meeting-subject-part-holder,
.create-item-form .meeting-location-part-holder,
.create-item-form .meeting-duration-part-holder,
.create-item-form .meeting-description-part-holder,
.create-item-form .invitees-meeting-reminder-part-holder,
.create-item-form .campaign-name-part-holder,
.create-item-form .campaign-objective-part-holder,
.create-item-form .campaign-description-part-holder,
.create-item-form .campaign-recipient-manual-list-holder,
.create-item-form .campaign-email-part-holder,
.create-item-form .role-name-part-holder,
.create-item-form .share-user-part-holder,
.create-item-form .region-name-part-holder,
.create-item-form .profile-region-part-holder,
.create-item-form .profile-role-part-holder
{
   float: left;
   width: 500px;
}

.create-item-form .note-attachments-part-holder ul.attachments-list,
.create-item-form .mail-attachments-part-holder ul.attachments-list
{
   list-style-type: none;
   margin-top: 8px;
   padding-bottom: 8px;
}

.create-item-form .note-attachments-part-holder ul.attachments-list li,
.create-item-form .mail-attachments-part-holder ul.attachments-list li
{
   line-height: 20px;
   font-size: 11px;
   color: #142FB3;
   padding-left: 24px;
   background: url(images/file.png) no-repeat left top;
}

.create-item-form .email-part,
.create-item-form .street-part,
.create-item-form .referrer-part,
.create-item-form .opportunity-name-part,
.create-item-form .document-name-part,
.create-item-form .document-revision-part,
.create-item-form .account-name-part,
.create-item-form .website-part,
.create-item-form .deal-name-part,
.create-item-form .account-part,
.create-item-form .business-name-part,
.create-item-form .note-subject-part,
.create-item-form .email-from-part,
.create-item-form .email-to-part,
.create-item-form .email-cc-part,
.create-item-form .email-bcc-part,
.create-item-form .email-subject-part,
.create-item-form .task-subject-part,
.create-item-form .meeting-subject-part,
.create-item-form .meeting-location-part,
.create-item-form .campaign-name-part,
.create-item-form .campaign-objective-part,
.create-item-form .campaign-email-part,
.create-item-form .role-name-part,
.create-item-form .share-user-list,
.create-item-form .campaign-compose-method,
.create-item-form .campaign-recipient-method,
.create-item-form .region-name-part,
.create-item-form .profile-region-part,
.create-item-form .profile-role-part
{
   width: 470px;
}

.create-item-form .profile-region-part
{
   margin-bottom: 5px;
}

.create-item-form .meeting-startdate-part,
.create-item-form .birth-date-part,
.create-item-form .expected-close-date-part,
.create-item-form .campaign-date-part
{
   width: 100px;
}

.create-item-form .meeting-starthour-part,
.create-item-form .meeting-startminute-part,
.create-item-form .meeting-duration-minute-part,
.create-item-form .task-starthour-part,
.create-item-form .task-startminute-part
{
   width: 60px;
}

.create-item-form .task-starthour-part
{
   margin-left: 10px;
}

.create-item-form .meeting-duration-hours-part
{
   width: 40px;
}

.create-item-form .meeting-startminute-part,
.create-item-form .meeting-duration-minute-part
{
   margin-left: 15px;
}

.create-item-form .state-part-holder,
.create-item-form .country-part-holder
{
   float: left;
   width: 120px;   
}

.create-item-form .postcode-part-holder
{
   float: left;
   width: 85px;   
}

.create-item-form .state-part,
.create-item-form .country-part
{
   width: 100px;
}

.create-item-form .postcode-part
{
   width: 65px;
}

.create-item-form .leaddescription-part,
.delete-item-form .leadacceptrejectnote-part,
.create-item-form .contact-description-part,
.create-item-form .opportunity-description-part,
.create-item-form .document-description-part,
.create-item-form .account-description-part,
.create-item-form .deal-description-part,
.create-item-form .note-description-part,
.create-item-form .email-body-part,
.create-item-form .task-description-part,
.create-item-form .meeting-description-part,
.create-item-form .campaign-description-part,
.create-item-form .campaign-recipient-manual-list-part
{
   width: 470px;
   height: 100px;
}

.create-item-form .isemailcontactable-part-holder,
.create-item-form .isphonecontactable-part-holder,
.create-item-form .ismobilecontactable-part-holder,
.create-item-form .ispostalmailcontactable-part-holder
{
   float: left;
   width: 150px;
}

.create-item-form .lead-contact-part-holder,
.create-item-form .account-contact-part-holder
{
   float: left;
   width: 150px;
   margin-top: 20px;
}

.create-item-form .lead-contact-message-holder,
.create-item-form .account-contact-message-holder
{
   float: left;
   width: 500px;
}

.create-item-form .lead-contact-message-holder label,
.create-item-form .account-contact-message-holder label
{
   color: Red !important;
   text-transform: uppercase;
}

.create-item-form .lead-contact-message-holder a,
.create-item-form .account-contact-message-holder a
{
   color: Red;
   border-bottom: 1px dotted Red;
}

.create-item-form .lead-contact-message-holder a:hover,
.create-item-form .account-contact-message-holder a:hover
{
   color: Red;
   border-bottom: 1px solid Red;
}

.create-item-form .leadcategory-part-holder,
.create-item-form .leadtype-part-holder,
.create-item-form .leadstatus-part-holder,
.create-item-form .leadsource-part-holder,
.create-item-form .lead-privacy-setting-part-holder,
.create-item-form .lead-rating-part-holder,
.create-item-form .contact-category-part-holder,
.create-item-form .contact-privacy-setting-part-holder,
.create-item-form .loan-application-related-holder,
.create-item-form .account-industry-part-holder,
.create-item-form .account-rating-part-holder,
.create-item-form .account-type-part-holder,
.create-item-form .deal-amount-part-holder,
.create-item-form .deal-status-part-holder,
.create-item-form .campaign-type-part-holder,
.create-item-form .campaign-status-part-holder,
.create-item-form .login-part-holder,
.create-item-form .share-permission-part-holder,
.create-item-form .profile-settings-checkbox-part-holder
{
   float: left;
   width: 250px;
}

.create-item-form .lead-category,
.create-item-form .lead-type,
.create-item-form .lead-status,
.create-item-form .lead-source,
.create-item-form .sales-stage,
.create-item-form .lead-privacy,
.create-item-form .lead-rating,
.create-item-form .contact-category,
.create-item-form .contact-privacy,
.create-item-form .account-industry,
.create-item-form .account-rating,
.create-item-form .account-type,
.create-item-form .deal-status-part,
.create-item-form .deal-amount-part,
.create-item-form .task-priority,
.create-item-form .task-status,
.create-item-form .campaign-type-part,
.create-item-form .campaign-status-part
{
   width: 230px;
}

.create-item-form .login-part
{
   width: 220px;
}

.create-item-form .campaignrecpt-title-part-holder
{
   float: left;
   width: 60px;
}

.create-item-form .campaignrecpt-name-part-holder
{
   float: left;
   width: 210px;
}

.create-item-form .campaignrecpt-phone-part-holder
{
   float: left;
   width: 125px;
}

.create-item-form .campaignrecpt-email-part-holder
{
   float: left;
   width: 220px;
}

.create-item-form .campaignrecpt-title-part
{
   width: 35px;
}

.create-item-form .campaignrecpt-phone-part
{
   width: 100px;
}

.create-item-form .campaignrecpt-name-part
{
   width: 185px;
}

.create-item-form .campaignrecpt-email-part
{
   width: 205px;
}

.form-item-holder .remove-lead-document,
a.remove-product-item
{
   background: url("images/trash.gif") no-repeat center center;
   margin-left: 10px;
   display:inline-block;
   margin-left:10px;  
   width: 16px;
   text-indent: -9999px;
}

#lead-address a,
#contact-address a
{
   float: left;
   margin-top: -1px;
   padding-right: 5px;
}

.email-body-part-holder a
{
   color: #142FB3;
   line-height: 22px;
   vertical-align: middle;
   text-decoration: none;
   cursor: default;
   margin-left: 10px;
   font-size: 10px;
   padding-top: 2px;
}

.email-body-part-holder a:hover
{
   border-bottom: 1px dotted #142FB3;
}

.delete-item-form
{
   background: whitesmoke;
   border: 4px solid #AE2357;
   margin: 0;
   padding: 0 8px 10px 8px;
   position: relative;   
}

.delete-item-section
{
   margin: 0 0 2px;
   padding: 4px;
   height: 25px;
}

.delete-item-form .form-item-holder
{
   padding: 4px 0;
}

.delete-item-form .form-item-holder label
{
   color: #142fb3;
   line-height: 22px;
   vertical-align: middle;
}

.delete-item-form .button-container
{
   border-top: 1px solid gray;
   margin: 8px auto;
   padding-top: 8px;
}

.delete-item-form .delete-user-part-holder
{
   float: left;
/*   width: 500px;   */
}

.delete-item-form .delete-opportunity-part-holder,
.delete-item-form .delete-deal-part-holder
{
   float: left;
   /* width: 600px; */
}

.delete-item-form .delete-opportunity-part-holder label,
.delete-item-form .delete-deal-part-holder label
{
   width: 600px !important;
}

.delete-item-form .form-item-holder input[type="text"],
.delete-item-form .form-item-holder input[type="password"],
.delete-item-form .form-item-holder textarea
{
   border: 1px solid #DADADA;
   color: #3F3F3F;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
   font-size: 12px;
   padding: 4px 3px;
}

.delete-item-form .password-part
{
   float: left;
   width: 470px;
}

/* -------------------------------------- Tasks -------------------------------------- */


.task-classifier
{
   padding-top: 5px;
   border-top: 1px solid #3A4043;
   height: 24px;
   margin-top: 8px;
}

.task-classifier a
{
   display: block;
   float: left;
   padding:  2px 6px;
   line-height: 18px;   
   height: 20px;
   color: #ffffff;
   background: #5C6467
}

.task-classifier a:hover,
.task-classifier a.active
{
   background: #7b8588;
   color: #131415;
}

.task-classifier a.left
{
   -moz-border-radius-bottomleft: 3px;
   -moz-border-radius-topleft: 3px;
   -webkit-border-radius-bottom-left: 3px;   
   -webkit-border-radius-top-left: 3px;   
   margin-left: 4px;
}

.task-classifier a.right
{
   -moz-border-radius-bottomright: 3px;
   -moz-border-radius-topright: 3px;
   -webkit-border-radius-bottom-right: 3px;   
   -webkit-border-radius-top-right: 3px;   
}

#current-tasks div input[type="checkbox"],
.complete-task-check,
.complete-meeting-check
{
   margin: 0 3px 2px 3px; 
   vertical-align: middle;
}

.current-task-details
{
   padding: 2px 0 0 3px;
}

.due-by
{
   font-size: 11px; 
}

.calendar-task-holder span
{
   padding-left: 2px;
}

/* -------------------------------------- Meetings -------------------------------------- */


/* -------------------------------------- Contacts -------------------------------------- */

.contact-classifier
{
   font-size: 12px;
   margin: 7px 0 0 0;
   height: 115px;
}

.contact-classifier a
{
   display: block;
   float: left;
   margin: 0 0 8px 8px;
   padding: 0 5px 1px 6px;
   line-height: 18px;   
   height: 20px;
   color: #ffffff;
   background: #3A4043;
   height: 20px;
   width: 10px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;      
}

.contact-classifier a.all
{
   width: 30px;
   padding-left: 14px;
}

.contact-classifier a:hover,
.contact-classifier a.active
{
   background: #7b8588;
   color: #131415;
}

.filters .contact-option
{
   border-bottom: 1px solid #3A4043;
   padding-bottom: 3px;
}

.filters .contact-count
{
   line-height: 26px;
   border-top: 1px solid #3A4043;
}

.existing-regions,
.existing-campaign-recipients
{
   list-style-type: none;
   width: 477px;
   height: 200px !important;
   background-color: #FFFFFF;
   border: 1px solid #DADADA;
   overflow: auto;
}

.existing-regions li,
.existing-campaign-recipients li
{
   overflow: hidden; 
   height: auto !important; 
   height: 1%;
   margin: 3px;
   padding: 1px 3px;
   background-color: #eff2f7;
   color: #000000;
   cursor: default;
   border: 1px solid #ccd5e4;
   font-size: 11px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   float: left;   
}

.existing-regions li a,
.existing-campaign-recipients li a
{
   text-decoration: none;
   color: #000000;
}

.existing-regions li a:hover,
.existing-campaign-recipients li a:hover
{
   color: #FFFFFF;
}

.existing-regions li:hover,
.existing-campaign-recipients li:hover
{
   background-color: #5670A6;
   border: 1px solid #3B5998;
}

.category-list-item-extra-info a.misc-doc-link
{
   background: url("images/file.png") no-repeat left top;
   padding-left:20px;
   padding-bottom: 4px;
   line-height: 24px;
}

.category-list-item-extra-info a.ppt-doc-link
{
   background: url("images/ppt-doc-icon.png") no-repeat left top;
   padding-left:20px;
   padding-bottom: 4px;
   line-height: 24px;
}

.category-list-item-extra-info a.word-doc-link
{
   background: url("images/word-doc-icon.png") no-repeat left top;
   padding-left:20px;
   padding-bottom: 4px;
   line-height: 24px;
}

.category-list-item-extra-info a.xls-doc-link
{
   background: url("images/xls-doc-icon.png") no-repeat left top;
   padding-left:20px;
   padding-bottom: 4px;
   line-height: 24px;
}

.category-list-item-extra-info a.pdf-doc-link
{
   background: url("images/pdf-doc-icon.png") no-repeat left top;
   padding-left:20px;
   padding-bottom: 4px;
   line-height: 24px;
}

.category-list-item-extra-info a.pic-doc-link
{
   background: url("images/pic-doc-icon.png") no-repeat left top;
   padding-left:20px;
   padding-bottom: 4px;
   line-height: 24px;
}

a.delete-current-document-version,
a.delete-imported-lead,
a.delete-imported-contact
{
   text-decoration: none !important;
   -moz-border-radius: 3px;
   padding: 1px 3px;
   border: 1px solid #CCD5E4;
   background: snow;
   font-weight: normal;  
   margin-left: 8px;
}

a.delete-current-document-version:hover,
a.delete-imported-lead:hover,
a.delete-imported-contact:hover
{
   background-color: #5670A6;
   border: 1px solid #3B5998;
   color: #ffffff;
}

/* ------------------------------ Lead import styles ------------------------------- */

.lead-import-header-list
{
   list-style-type:none;
}

.lead-import-header-list li
{
   float: left;
   margin-right: 10px;
   padding: 3px;
   color: #142FB3;
   line-height: 14px;
}


/* ------------- Deal create styles --------------- */

.create-item-section .clientfirstname-part-holder,
.create-item-section .clientlastname-part-holder,
.create-item-section .phonenumber-part-holder,
.create-item-section .faxnumber-part-holder,
.create-item-section .monthlyfee-part-holder,
.create-item-section .dedicatedtelephonenumber-part-holder,
.create-item-section .emailmessaging-part-holder,
.create-item-section .smsmessaging-part-holder,
.create-item-section .mailservice-part-holder,
.create-item-section .directoryboard-part-holder,
.create-item-section .securitydeposit-part-holder,
.create-item-section .directoryboadsetupfee-part-holder,
.create-item-section .staff1jobtitle-part-holder,
.create-item-section .staff1mobile-part-holder,
.create-item-section .diversioncallnumber1-part-holder,
.create-item-section .diversioncallnumber2-part-holder,
.create-item-section .afterhoursdiverttovoicemailflag-part-holder,
.create-item-section .afterhoursforwardtonumberflag-part-holder,
.create-item-section .afterhoursforwardtonumber-part-holder,
.create-item-section .faxpickupflag-part-holder,
.create-item-section .faxforwardedflag-part-holder,
.create-item-section .faxforwardnumber-part-holder,
.create-item-section .faxforwardemail-part-holder,
.create-item-section .mailcollectionflag-part-holder,
.create-item-section .mailredirectflag-part-holder
{
   float: left;
   width: 250px;
}

.create-item-section .clientfirstname-part,
.create-item-section .clientlastname-part,
.create-item-section .phonenumber-part,
.create-item-section .faxnumber-part,
.create-item-section .monthlyfee-part,
.create-item-section .dedicatedtelephonenumber-part,
.create-item-section .securitydeposit-part,
.create-item-section .directoryboadsetupfee-part,
.create-item-section .staff1jobtitle-part,
.create-item-section .staff1mobile-part,
.create-item-section .diversioncallnumber1-part,
.create-item-section .diversioncallnumber2-part,
.create-item-section .afterhoursforwardtonumber-part,
.create-item-section .faxforwardnumber-part
{
   width: 220px;
}

.create-item-section .tradingname-part-holder,
.create-item-section .abnoracn-part-holder,
.create-item-section .registeredaddress-part-holder,
.create-item-section .email-part-holder,
.create-item-section .website-part-holder,
.create-item-section .nametobelisted-part-holder,
.create-item-section .bankaccountname-part-holder,
.create-item-section .bankname-part-holder,
.create-item-section .creditcardtype-part-holder,
.create-item-section .cardholdername-part-holder,
.create-item-section .debitamount-part-holder,
.create-item-section .debitfrequency-part-holder,
.create-item-section .startingon-part-holder,
.create-item-section .companyactivities-part-holder,
.create-item-section .staff1name-part-holder,
.create-item-section .staff1email-part-holder,
.create-item-section .callanswersalutation-part-holder,
.create-item-section .mailredirectaddress-part-holder
{
   float: left;
   width: 500px;
}

.create-item-section .startdate-part-holder,
.create-item-section .bankaccountbsbnumber-part-holder
{
   float: left;
   width: 170px;
}

.create-item-section .term-part-holder,
.create-item-section .bankaccountnumber-part-holder
{
   float: left;
   width: 310px;
}

.create-item-section .tradingname-part,
.create-item-section .abnoracn-part,
.create-item-section .email-part,
.create-item-section .website-part,
.create-item-section .nametobelisted-part,
.create-item-section .bankaccountname-part,
.create-item-section .bankname-part,
.create-item-section .cardholdername-part,
.create-item-section .debitamount-part,
.create-item-section .debitfrequency-part,
.create-item-section .startingon-part,
.create-item-section .companyactivities-part,
.create-item-section .staff1name-part,
.create-item-section .staff1email-part
{
   width: 470px;
}

.create-item-section .registeredaddress-part,
.create-item-section .callanswersalutation-part,
.create-item-section .mailredirectaddress-part
{
   width: 470px;
   height: 100px;
}

.create-item-section .startdate-part,
.create-item-section .bankaccountbsbnumber-part
{
   width: 100px;
}

.create-item-section .term-part,
.create-item-section .bankaccountnumber-part
{
   width: 300px;
}

.create-item-section .monthlychargeotherdetails1-part-holder,
.create-item-section .monthlychargeotherdetails2-part-holder,
.create-item-section .oneoffchargeotherdetails1-part-holder,
.create-item-section .oneoffchargeotherdetails2-part-holder
{
   float: left;
   width: 350px;
}

.create-item-section .monthlychargeotherdetailsvalue1-part-holder,
.create-item-section .monthlychargeotherdetailsvalue2-part-holder
.create-item-section .oneoffchargeotherdetailsvalue2-part-holder,
.create-item-section .oneoffchargeotherdetailsvalue1-part-holder
{
   float: left;
   width: 150px;
}

.create-item-section .monthlychargeotherdetails1-part,
.create-item-section .monthlychargeotherdetails2-part,
.create-item-section .oneoffchargeotherdetails1-part,
.create-item-section .oneoffchargeotherdetails2-part
{
   float: left;
   width: 320px;
}

.create-item-section .monthlychargeotherdetailsvalue1-part,
.create-item-section .monthlychargeotherdetailsvalue2-part,
.create-item-section .oneoffchargeotherdetailsvalue2-part,
.create-item-section .oneoffchargeotherdetailsvalue1-part
{
   float: left;
   width: 120px;
}

.create-item-section .creditcardnumber-part-holder
{
   float: left;
   width: 170px;
}

.create-item-section .creditcardnumber-part
{
   width: 140px;
}

.create-item-section .expirydate-part-holder
{
   float: left;
   width: 170px;
}

.create-item-section .expirydate-part
{
   width: 100px;
}

.create-item-section .cvvnumber-part-holder
{
   float: left;
   width: 150px;
}

.create-item-section .cvvnumber-part
{
   width: 130px;
}




