@import "../fonts/stylesheet.css";

/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 11px; font-family: inherit;}


a:active
{
outline: none;
}

a:focus
{
	outline: none;
	-moz-outline-style: none;
}


html
{
	position:relative;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

body
{
	position:relative;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background: #fff url(../images/crm/bg.png) repeat-y top left;
	font-family:Arial;
	font-size:12px;
	color:#333;
	
}

#container
{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	height:100%;
	right:0px;
	overflow-x:hidden;
	}
.logo
{
	display:block;
	float:left;
	width:200px;
	height:69px;
	background:url(../images/crm/logo.png) no-repeat center center;
	margin:0 0 0 64px;
	text-decoration:none;
	}
.left
{
	width:200px;
	float:left;
	min-height:100%;
	bottom:0px;
	}
.right
{
	position:absolute;
	margin-left:200px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	float:left;
	padding:0;
	overflow:visible;
	background: #fff;
	z-index:2;
	}

form
{
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;

}
.topHeader
{
    position:relative;
	width:100%;
	left:0px;
	right:0px;
	top:0px;
	height:69px;
	background:#333;
	border-bottom:1px solid #4f4f4f;
	font-family: Arial;
	font-size:14px;
	color:#777;
	z-index:100;
}

.masterContent
{
    position:absolute;
    bottom:0px;
    top: 70px;
    width:100%;
    overflow-y: scroll;
}
	
.topHeaderContent
{
	float:right;
	height:69px;
	margin:0 15px 0 0;
}
	
.topHeaderContent span
{
	display:block;
	float:left;
	margin:0px 10px 0 0;
}

.dBtn
{
	margin:0 20px 0 20px;
	display:block;
	height:69px;
	font:normal normal 300 16px/69px 'Source Sans Pro', sans-serif;
	color:#999;
	padding:0 0 0 30px;
	float:left;
}
	
.addOffer
{
	background:url(../images/crm/addOffer.png) no-repeat left center;
}

.addClient
{
	background:url(../images/crm/addClient.png) no-repeat left center;
}

.addMailing
{
	background:url(../images/crm/addMailing.png) no-repeat left center;
}

.addOffer:hover
{
	background:url(../images/crm/addOfferH.png) no-repeat left center;
	color:#fff;
	}

.addClient:hover
{
	background:url(../images/crm/addClientH.png) no-repeat left center;
	color:#fff;
}

.addMailing:hover
{
	background:url(../images/crm/addMailingH.png) no-repeat left center;
	color:#fff;
}
	
.pannel
{
	position:absolute;
	z-index:1000;
	background:url(../images/panelBg.png) repeat-y;
	width:386px;
	top:0;
	bottom:0;
	padding:30px 0 30px 60px;
	}
	
ul.menu
{
	float:right;
	margin:0px 0 0 0;
	width:200;
	}
	
ul.menu li
{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	width:200px;
	min-height:39px;
	text-align:right;
	border-bottom:1px solid #4f4f4f;
	}

ul.menu li a
{
    font:normal normal 300 16px/13px 'Source Sans Pro', sans-serif;
    padding:13px 20px 13px 0;
	text-transform:uppercase;
	text-decoration:none;
	width:180px;
	display:block;
	color:#999;
}

ul.menu li a b
{
	 font:normal normal 300 16px/14px 'Source Sans Pro', sans-serif;	
}

li ul.submenu
{
	font:normal normal 300 13px/12px 'Source Sans Pro', sans-serif;	
	color:#999;
	padding-bottom:10px;
	}

ul.submenu li
{
    padding:0px;
	background:none;
	border-top:1px solid #3F3F3F;
	border-bottom:none;
	min-height:27px;
}
li ul.submenu li a 
{
	text-transform:none;
	font:normal normal 300 16px/13px 'Source Sans Pro', sans-serif;
    padding:7px 0px 7px 0;
    
	}

ul.menu li a:hover, ul.menu li a.active
{
	color:#eebb00;
}

ul.submenu li a:hover, ul.submenu li a.active
{
	color:#fff;
}


h1
{
	color:#666;
	font-size:20px;
	font-family:Arial;
	margin:0px;
	padding:0px;
	font-weight:normal;
	}

h1 span a
{
	color:#eebb00;
	text-decoration:none;
	}

.offer
{
	display:block;
	margin:20px 0 0 0px;
	background:#fff;
	border:solid 1px #999;
	width:800px;
	height:800px;
	}
	
.button
{
	border:solid 1px #666;
	background:#ccc;
	color:#333;
	}
	
ul.customers
{
	width:365px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/crm/dottedline.png) repeat-x top left;
	}

ul.customers li
{
	margin:0;
	padding:5px 0 5px 0;
	list-style:none;
	display:block;
	width:365px;
	text-align:left;
	background:url(../images/crm/dottedline.png) repeat-x bottom left;
	}

ul.customers li a
{
	font-size:14px;
	font-family:Arial;
	text-decoration:none;
	width:365px;
	display:block;
	color:#666;
}
ul.customers li a span
{
	color:#999;
}

ul.customers li a:hover, ul.customers li a.active
{
	color:#eebb00;
}

.searchField
{
	height:16px;
	border:solid 1px #dfdfd8;
	width:355px;
	font-family:Arial;
	font-size:14px;
	color:#666;
	padding:10px 0px 11px 10px;
	}
	
a.btnClose
{
	display:block;
	height:44px;
	width:44px;
	top:5px;
	right:5px;
	position: absolute;
	background:url(../images/crm/btnClose.png) no-repeat top left;
	text-decoration:none;
	}
	
a.btnClose:hover
{
	background:url(../images/crm/btnClose.png) no-repeat bottom left;
	}
	

ul.carList
{
	width:365px;
	display:block;
	margin:0;
	padding:0;
	background:url(../images/crm/dottedline.png) repeat-x top left;
	}

ul.carList li
{
	margin:0;
	padding:1px 0 0 0;
	list-style:none;
	display:block;
	width:365px;
	text-align:left;
	}

ul.carList li a
{
	font-size:14px;
	font-family:Arial;
	text-decoration:none;
	width:365px;
	display:block;
	color:#666;
}
ul.carList li a img
{
	display:block;
	max-width:110px;
	height:73px;
	float:left;
	border:none;
}

ul.carList li a span.details
{
	float:left;
	width:140px;
	padding-left:15px;
}

ul.carList li a span.price
{
	float:right;
	text-align:right;
	width:90px;
	font-size:16px;
}


ul.carList li a:hover, ul.customers li a.active
{
	color:#eebb00;
}

.offer
{
	display:block;
	margin:20px 0 0 0px;
	background:#fff;
	border:solid 1px #999;
	width:680px;
	height:800px;
	color:#666;
	font-size:12px;
	font-family:Arial;
	}
	
.offer .left
{
	float:left;
	height:auto;
	min-height:0px;
	background:none;
	}
.offer .logo
{
	float:left;
	display:block;
	margin:28px 0px 0px 17px;
	width:121px;
	height:64px;
	background:url(../images/crm/offerLogo.jpg) repeat-x top left;
	}

.offer .customer
{
	float:right;
	display:block;
	margin:28px 10px 0px 0px;
	width:190px;
	height:130px;
}

.offer .qcars
{
	float:left;
	display:block;
	margin:25px 0px 0px 17px;
	width:160px;
	height:40px;
	}

.offer .box
{
	width:626px;
	border:solid 1px #ddd;
	margin-left:17px;
	padding:10px;
	}
.offer .box a
{
	display:block;
	font-size:14px;
	color:#666;
	text-decoration:none;
	padding-bottom:4px;
	}	

	
.offer .rightBox
{
	width:180px;
	border:solid 1px #ddd;
	float:right;
	margin:10px 15px 10px 0;
	padding-left:10px;
	}

.offer .offerNr
{
	margin:50px 0px 10px 17px;
	}

.offer .carDetails td.left
{
	font-weight:bold;
	width:100px;
	}
	
.offer .priceTable
{
	width:180px;
	}

.offer .priceTable td.left
{
	width:80px;
	text-align:left;
	}

.offer .priceTable td
{
	text-align:right;
	}
	
.todoTable
{
	padding:20px;
	}
	
h3
{
    display:inline-block!important;
	text-transform:uppercase;
	font-family: Arial;
	font-size:14px;
	line-height:18px;
	padding: 4px 10px 10px 0;
	}
/* Generic classes */
.clear
{
	clear:both;
	font-size:0px;
	margin:0;
	padding:0;
	line-height:0px;
	}

.floatRight
{
	float:right!important;
	margin-right:15px;
	}

table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

hr {display: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* basic links properties */
a {text-decoration: none; color: #333;}
a.alt,
.altbox .content a {border-color: #f0d0d0; color: #900f0f;}
a:hover, a:active, a:focus,
a.alt:hover, a.alt:active, a.alt:focus,
.altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {border-color: #ffc2c2; color: #d30a0a;}
a img {border: none;}

/* abstract classes
======================================*/
/* autocleaning (use for parent of floated element, but take care, it has some limitations) */
.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
/* float helpers */
.fl {float: left;}
.fr {float: right;}
/* classic cleaner */
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
/* safe cleaning, use eg. for parent of floated element */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* image replacement (see <h1 id="logo"> section in index.html for example) */
.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

/* text align helpers */
.tl {text-align: left !important;padding:0 0 0 10px!important;}
.tr {text-align: right !important;padding:0 10px 0 0!important;}
.tc {text-align: center !important;padding:0!important;}
.ttop {vertical-align: top !important;}

/* for buttons etc. */
.hand {cursor: hand; cursor: pointer;}

/* accessible hiding of elements */
.a-hidden {position: absolute; top: -10000em;}

/* first and last helpers, mainly for table cells */
.first {border-left: 0 !important;}
.last {border-right: 0 !important;}

/* layout
======================================*/

.inner-container {width: 960px; margin: 0 auto;}


/* content styling
--------------------------------------*/

/* stylish buttons with rounded corners */
.button {border: 1px solid #7a0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #8e0f0f url("../images/crm/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #5d0101 1px 1px 0; color: #fff; cursor: pointer;}
	.button:hover,
	.button:focus,
	.button:active {border-color: #272727; background: #2a2a2a url("../images/crm/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}
	/* alternative colors */
	.altbox .button {border: 1px solid #272727; background: #2a2a2a url("../images/crm/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbox .button:hover,
	.altbox .button:focus,
	.altbox .button:active {border-color: #7a0000; background: #8e0f0f url("../images/crm/button.gif") repeat-x; text-shadow: #5d0101 1px 1px 0; color: #fff;}
	.altbutton {border: 1px solid #272727; background: #2a2a2a url("../images/crm/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbutton:hover,
	.altbutton:focus,
	.altbutton:active {border-color: #7a0000; background: #8e0f0f url("../images/crm/button.gif") repeat-x; text-shadow: #5d0101 1px 1px 0; color: #fff;}
	.altbox .altbutton {border: 1px solid #7a0000; background: #8e0f0f url("../images/crm/button.gif") repeat-x; text-shadow: #5d0101 1px 1px 0;}
	.altbox .altbutton:hover,
	.altbox .altbutton:focus,
	.altbox .altbutton:active {border-color: #272727; background: #2a2a2a url("../images/crm/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}

/* icons for content links etc. */
.ico { border: 0 !important; }
.ico-a { border: 0 !important; padding-left: 20px !important; }

/* tags, filetypes */
.tag {
	padding: 4px 7px; color: #fff !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.tag-gray { /* feel free to add more tag types, just change the colors of gradients/borders */
	border-bottom: 1px solid #666;
	background: #999;
	background: gradient(linear, left top, left bottom, from(#bbb), to(#999));
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
}

/* error/information messages */
.msg {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px;
}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("/assets/images/crm/msg-ok.png") repeat-x; color: #336801;}
.msg-error {border-color: #f3abab; background: #f9c9c9 url("/assets/images/crm/msg-error.png") repeat-x; color: #8d0d0d;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("/assets/images/crm/msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff url("/assets/images/crm/msg-info.png") repeat-x; color: #005898;}
.msg-ok p {background: url("/assets/images/crm/accept.png") 0 50% no-repeat;}
.msg-error p {background: url("/assets/images/crm/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("/assets/images/crm/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("/assets/images/crm/exclamation.png") 0 50% no-repeat;}
.error {color: #b70b0b;}
/* forms */

div.plain {padding: 0;} 
/* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
div.plain fieldset {border: 0 !important; padding: 0 !important;}


label.check,
label.radio {margin-right: 5px;}
form small {color: #999;}
.txt,
textarea {
	border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
	border: 1px solid #ccc; background:#fff; padding:10px 0 10px 5px;
	font:normal normal normal 12px/16px Arial;
	height:16px;
	width:403px;
}
.txt.date
{
    width:374px;
    border-right:none;
    }

.txt.e
{
    background:#fff url(/assets/images/crm/txtEuro.png) no-repeat right center;
    }
select.txt{padding:10px 5px 10px 5px;height:38px;}



select.datePart{width:32%!important;margin-right:2px;}
select.datePartYear{width:34%!important;margin-left:1px;}
div.basic textarea {height:100px;}
div.basic select.txt {width: 100%;}
div.basic span {color:#333;}
input.error,
select.error,
textarea.error {border-color: #d35757; background-image: url("/assets/images/crm/txt-error.gif");}
span.loading {background: url("../images/crm/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;}
div.fields {} 
/* plain and clean layout for forms */
div.fields fieldset {
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
div.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
div.fields fieldset legend {padding: 0 10px; font-size: 110%;}
div.fields label,
div.fields div.sep {display: block; margin-top: 6px;}
div.fields label.check,
div.fields label.radio {display: inline; margin-top: 0;}
div.fields span.loading {margin-left: 10px;}
/* lists for actions (remove, modify) */
ul.actions {margin: 0;}
ul.actions li {display: inline; margin-right: 5px;}

/* content boxes */
.box {width: 100%; margin: 0;}
	
	.altbox {} 
	/* class for alternative (emphasized) boxes (blue headings and colors) */
	/* wrap of box's content */
	.boxin {margin-top:50px}
	/* boxes' headers */
	.box .header 
	{
	    position:fixed;
	    top:70px;
	    left:200px;
	    right:16px;
		background: #dedede;
		font-size:10px;
        height:49px;
        border-bottom:1px solid #b2b2b2;
        z-index:10;
	}
	.box .header h3 
	{
	    position: relative;
	    display:block;
	    float:left;
	    padding:0 0 0 15px;
	    font:normal normal 300 20px/49px 'Source Sans Pro',sans serif;
        color:#666;
}
	
	.altbox .header {border-top-color: #be0000; background: #8e0f0f url("../images/crm/altheaderbox.png") repeat-x;}
	.altbox .header h3 {text-shadow: #6c0000 0 1px 0;}
	
	.box .header .button {margin-left: 15px;}
	/* tabs in the header */
	ul.tabs 
	{
	    display:block;
	    height:29px;
	    background:#f7f7f7;
	    border-bottom:1px solid #ccc;
	}
	ul.tabs li {display:block;float:left; margin-top:0;height:29px;overflow:visible;}
	ul.tabs a 
	{
	    display:block;
		font:normal normal 300 14px/29px Arial; 
		color: #666;
		position: relative;
		padding:0 15px 0 15px;
		border-right:1px solid #ccc;
		height:29px;
	}
	
	ul.tabs a.active 
	{
	    
		line-height:30px;
		height:30px;
		color: #edbb1b;
		position: relative;
		padding:0 15px 0 15px;
		border-right:1px solid #ccc;
		background:#fff;
	}
	
	.box table 
	{
	    border:none;
	    }
	 .box table td
	{
	    color:#666;
	    padding:0 0 0 10px;
	    font:normal normal normal 11px/34px 'Source Sans Pro',sans serif;
	    border-bottom:1px solid #dedede;
	    vertical-align:middle;
	    min-height:34px;
	    } 
	.box table td select
	{
	    padding:8px 5px 8px 0;
	    font:normal normal normal 11px/17px 'Source Sans Pro',sans serif;
	    color:#666;
	    border:none;
	    width:100%;
	    }  
	.box table .header
	{
	    position:relative;
	    background:#f7f7f7;
	    height:23px;
	    z-index:0;
	} 
	.box table .header td
	{
	    height:23px;
	    border:none;
	    border-bottom:1px solid #dedede;
	    border-right:1px solid #dedede;
	    color:#999;
	    padding:0 0 0 10px;
	    font:normal normal normal 11px/23px 'Source Sans Pro',sans serif;
	    }
	.box table .header td a
	{
	    color:#999;
	    font:normal normal normal 11px/23px 'Source Sans Pro',sans serif;
	 }
	.box table .header td.last
	{
	    border-right:none;
	    }
	
	/* boxes' content types – tabular */
	.box .content table {width: 100%;font-size:11px;}
	
	/* boxes' pagination */
	.pagination {border-bottom: 1px solid #dedede;
	             text-align: center; 
	             color: #333 !important; 
	             padding:4px;
	             }
	.pagination ul {position: relative; top: -1px; padding: 12px 10px 6px;}
	.pagination ul li {display: inline;}
	.pagination a {
		border: 0; background: #ebebeb; margin: 0 5px; padding: 6px 10px; color: #333 !important;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	}
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus {color: #b10d0d !important;}
	.pagination strong {background: url("../images/crm/pagination-arrow.gif") 50% 0 no-repeat; padding: 15px 10px 8px;}
	
	
/* Form styles */
.box .basic	
{
    width:760px;
    padding:20px 0 20px 0;
    }

.box .basic.half
{
    width:380px;
    float:left;
    }
	
	
/* calendar */
	table.calendar {width: 100%;}
	table.calendar thead {zoom: 1;}
	table.calendar thead tr {zoom: 1;}
	table.calendar thead th.month {border-bottom: 1px solid #bbb; font-weight: bold; font-size: 120%; zoom: 1;}
	table.calendar thead th.month a {border: none; position: relative; top: 5px; margin: 0 10px; zoom: 1;}
	table.calendar th,
	table.calendar td {width: 14.3%; text-align: center;}
	table.calendar tbody td,
	table.calendar tbody th {border: 1px solid #ddd; border-top-color: #fff; border-left-color: #fff;}
	table.calendar strong {font-size: 140%;}
	table.calendar .inactive {color: #aaa;}
	table.calendar div.items a {border: 0; margin: 0 1px;}


.calDay
{
	color:#999;
	font-size:13px;
	background:url(../images/crm/calDay.png) repeat-x;
	height:24px;
	text-align:center;
	}

.calDay a
{
	color:#999!important;
	font-size:13px;
	background:url(../images/crm/calDay.png) repeat-x;
	height:24px;
	line-height:24px;
	text-align:center;
	}

.calSelectedDay 
{
	color:#999!important;
	font-size:13px;
	background:#555!important;
	height:24px;
	text-align:center;
	}

.calSelectedDay a
{
	color:#999!important;
	background:#555!important;
	line-height:24px;
	}

.cal
{
	margin:0px 0 0 15px;
	}

.calOtherMonth, .calOtherMonth a
{
	background:#1e1e1e!important;
	color:#303030!important;
	font-size:13px;
	height:24px;
	line-height:24px;
	text-align:center;
	}
	
.calDayHeader, .calDayHeader a
{
	background:none;
	color:#474747!important;
	font-size:11px;
	height:24px;
	line-height:24px;
	text-align:center;
	text-transform:uppercase;
	}

.calWeek, .calWeek a
{
	color:#474747!important;
	}

.calHeader, .calHeader a, .calHeader td
{
	background:none;
	color:#fff!important;
	text-align:center;
	}
	
.calToday
{
	color:#999!important;
	font-size:13px;
	background:url(../images/crm/calToday.png) repeat-x;
	height:24px;
	line-height:24px;
	text-align:center;
	}

.calToday a
{
	color:#fff!important;
	font-size:13px;
	height:24px;
	line-height:24px;
	text-align:center;
	}
	
.searchBox
{
	display:block;
	float:left;
	height:49px;
	width:350px;
	font-family:Arial;
	font-size:12px;
	float:right;
	color:#999;
	padding:0px 2px 0 5px;
	text-transform:uppercase;
	
	}

.searchBox span.search
{
	background:none;
	border:none;
	line-height:37px;
	font-family:Arial;
	font-size:12px;
	color:#999;
	text-transform:none;
	}

.searchBox a.search
{
	display:block;
	float:right;
	background:url(../images/crm/btnGreen.png) repeat-x top left;
	height:31px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	}

.searchBox a.search span
{
	display:block;
	height:31px;
	width: 36px;
	background:url(../images/crm/magnifier.png) no-repeat 45% 50%;
}

.ui-trigger, .ui-datepicker-trigger
{
	display:block;
	height:38px;
	border-radius: 0px;
	width:30px;
	float:right;
	margin:0px;
	padding:0 5px 0 5px;
	border:1px solid #ccc;
	border-left:none;
	background:#fff;
	}


.ui-datepicker-trigger img
{
	display:block;
	height:27px;
	width:20px;
	background:url(../images/crm/calendar.png) no-repeat center center;
	}
	
.msg-error ul
{
	display:none;
	visibility:hidden;
	}

small.red
{
	color:#ff3333;
	}

.small
{
    font-size:10px!important;
    }
	
.subSection
{
	height:49px;
	border-bottom:solid 1px #dedede;
	border-top:solid 1px #dedede;
	font:normal normal 300 20px/49px 'Source Sans Pro',sans serif;
	color:#666;
	padding-left:20px;
	}

.subSection a
{
    margin-top:5px!important;
    }
	
.subSection .btnMinPlus
{
    background: #666;
    }

.chkList input{margin:8px 10px 0 0;display:inline-block;}
.chkList label{color:#666;}

a.btnMinPlus
{
	display:block;
	height:auto;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background:url(../images/crm/btnMinPlus.png) repeat-x;
	float:right;
	margin:4px 7px 0 0;
	}

a.btnMinPlus.min span
{
	display:block;
	height:20px;
	width:20px;
	background:url(../images/crm/min.png) no-repeat center center;

	}

a.btnMinPlus.plus span
{
	display:block;
	height:20px;
	width:20px;
	background:url(../images/crm/plus.png) no-repeat center center;
	}

a.btnMinPlus.export span
{
	display:block;
	height:20px;
	padding-left:20px;
	background:url(../images/crm/exportIcon.png) no-repeat left center;
	}

a.btnMinPlus.search span
{
	display:block;
	height:27px;
	width:27px;
	background:url(../images/crm/magnifierWhite.png) no-repeat center center;
	}
.subSection a.btnMinPlus.search span
{
	display:block;
	height:20px;
	width:20px;
	background:url(../images/crm/magnifierWhite.png) no-repeat center center;
	}

.subTitle
{
	display:block;
	padding-top:8px;
	padding-bottom:5px;
	width:100%;
	font-size:14px;
	color:#666;
	}

.smaller
{
	width:50%!important;
	}

div.basic dl dd a.btnMinPlus
{
	margin:0px;
	}
	
.overlay
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:url(../images/crm/blk80.png);
	z-index:1000;
	}

.overlayLight
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	min-height:100%;
	min-width:100%;
	bottom:0px;
	/*background:url(../images/crm/optionsHover.png);*/
	z-index:1000;
	}

.popUp
{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-240px;
	margin-top:-120px;
	}

.hdrBtn
{
	display:block;
	float:left;
	width:41px;
	height:49px;
	}

.hdrBtn.cancel
{
	background:url(../images/crm/iconClose.png) no-repeat 50% 50%;
	}
.hdrBtn.save
{
	background:url(../images/crm/iconSave.png) no-repeat 50% 50%;
	}
	
.hdrBtn.import
{
	background:url(../images/crm/iconImport.png) no-repeat 50% 50%;
	}
.hdrBtn.export
{
	background:url(../images/crm/iconExport.png) no-repeat 50% 50%;
	}	
.hdrBtn.search
{
	background:url(../images/crm/iconSearch.png) no-repeat 50% 50%;
	}

.hdrBtn.print
{
	background:url(../images/crm/iconPrint.png) no-repeat 50% 50%;
	}
.hdrBtn.delete
{
	background:url(../images/btnImgClose.png) no-repeat 50% 50%;
	}
	
.hdrBtn.transfer
{
	background:url(../images/crm/iconTransferGrey.png) no-repeat 50% 50%;
	}


.hdrBtn.todo
{
	background:url(../images/crm/TaskType1.png) no-repeat 50% 50%;
	}

.hdrBtn.detail
{
	background:url(../images/crm/iconDetail.png) no-repeat 50% 50%;
	}

.hdrBtn.done
{
	background:url(../images/crm/iconDone.png) no-repeat 50% 50%;
	}

.hdrBtn.followUp
{
	background:url(../images/crm/iconFollowUp.png) no-repeat 50% 50%;
	}
.hdrBtn.back
{
	background:url(../images/crm/iconBack.png) no-repeat 50% 50%;
	}
.hdrBtn.add
{
	background:#cadb0a url(../images/crm/iconAdd.png) no-repeat 50% 50%;
	width:29px;
	margin:0 0 0 10px;
	}

.hdrBtn.list
{
	background:url(../images/crm/iconList.png) no-repeat 50% 50%;
	}

.hdrDevider
{
	display:block;
	float:left;
	width:2px;
	height:39px;
	margin-top:2px;
	background:url(../images/crm/hdrDevider.png) repeat-y;
	}

.hdrButtons
{
	float:right;
	}

.floatLeft
{
	float:left!important;
	}
	
.logoSmall
{
	display:block;
	height:50px;
	width:230px;
	padding-bottom:10px;
	background: url(../images/crm/logoSmall.png) no-repeat;
	}

.offerDate span
{
    padding-top:3px;
	float:left;
	font-size:18px;
	}

div.basic INPUT.txt.offerDateSelect
{
	float:left;
	margin-left:17px;
	width:138px!important;
	}

div.basic dt label{white-space:nowrap;}

a.btnSearch
{
	display:block;
	height:27px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background:url(../images/crm/btnGreenBg.png) repeat-x;
	float:right;
	margin:4px 7px 0 0;
	}

a.btnSearch span
{
	display:block;
	height:27px;
	width:27px;
	background:url(../images/crm/searchPlus.png) no-repeat center center;

	}

.salesDropdown
{
	padding:10px 0 10px 0;
	}

.smallFont
{
	font-size:11px;
	color:#666;
	}

div.offerLeft
{
	position:relative;
	float:left;
	width:43%;
	font-size:11px;
	color:#666;
	padding-right:0px;
	min-height:230px;
	}

.offerLeft h1
{
	padding:0px;
	margin:0px;
	color:#eebb00;
	font-size:14px;
	font-weight:normal;
	padding-bottom:10px;
	}

.offerLeft td, .clientDetail td
{
    padding-bottom:3px;
	width:30%;
	color:#666;
	}
.offerLeft td.label, .clientDetail td.label
{
	width:15%;
	color:#999;
	vertical-align:top;
	text-align:right;
	padding-right:5px;
	}

div.offerRight
{
	float:left;
	width:40%;
	padding-left:10px;
	padding-right:10px;
	}
	
.offerRight img
{
	width:300px;
	}

.offerRight table
{
	width:310px;
	padding:15px 0 15px 0;
	border-bottom:solid 1px #c3c8ce;
	}

.offerRight td.tdLeft
{
	width:132px;
	font-size:12px;
	color:#666;
	text-align:right;
	padding:0 0 2px 0;
	}

.offerRight td.tdLeft span
{
	display:inline-block;
	padding:0 10px 0 0;
	width:30px;
	color:#333;
}

.offerRight td 
{
	padding:0 3px 2px 0;
}

.offerRight input
{
	text-align:right;
	width:140px!important;
	margin-right:29px;
}
.qPrice td input
{
	float:right;
	margin-right:2px;
	}

table.qPrice
{
	border:none;
	}

.qPrice td
{
	}
.qPrice td.tdLeft
{
	padding-bottom:6px!important;
	font-size:16px;
	font-family:Arial;
	}

.qPrice td.tdLeft span.q
{
	padding:0;
	color:#eebb00;
	font-size:20px;
	font-family:Arial;
	}

.posCenter
{
	position:absolute;
	top:50%;
	left:20%;
	font-size:24px;
	color:#666;
	font-family:Arial;
	margin-top:-40px;
	}

.posCenter span
{
	display:inline!important;
}

.posCenter span.q
{
	color:#eebb00;
	font-family:Arial;
	font-size:40px;
	}

.posCenter span.qReduction
{
	font-family:Arial;
	}


a.btnDarkGrey
{
	display:block;
	height:27px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background:url(../images/crm/btnDarkGreyBg.png) repeat-x;
	float:right;
	margin:0;
	}

a.btnDarkGrey.plus span
{
	display:block;
	height:27px;
	width:27px;
	background:url(../images/crm/plus.png) no-repeat center center;

	}

a.btnDarkGrey.calendar span
{
	display:block;
	height:27px;
	width:27px;
	background:url(../images/crm/calendar.png) no-repeat center center;

	}
a.btnDarkGrey.refresh
{
	float:right;
	}
a.btnDarkGrey.refresh span
{
	display:block;
	height:27px;
	width:27px;
	background:url(../images/crm/iconRefresh.png) no-repeat center center;

	}

a.btnGreen
{
	display:block;
	height:37px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background:url(../images/crm/btnGreenBgLarge.png) repeat-x;
	float:right;
	margin:4px 7px 0 0;
	padding:0px;
	}
	

a.btnRed
{
    position:absolute;
    right:10px;
    top:30px;
    display:block;
	color:#eebb00;
	text-transform:uppercase;
	text-decoration:underline;
	}
	


a.btnRed span
{
	display:block;
	line-height:20px;
	padding:0 10px 0 10px;
	color:#eebb00;
	text-transform:uppercase;
	text-decoration:underline;
	}

a.btnGreen span
{
	display:block;
	line-height:37px;
	padding:0 10px 0 10px;
	color:#fff;
	text-transform:uppercase;
	}

a.btnGreen.iconSaveWhite span, a.btnGreen span.iconSaveWhite
{
	display:block;
	height:37px;
	width:40px;
	background:url(../images/crm/iconSaveWhite.png) no-repeat center center;

	}
	
a.btnGreen27
{
	display:block;
	height:27px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background:url(../images/crm/btnGreenBg.png) repeat-x;
	float:right;
	margin:0px 7px 0 0;
	padding:0px;
	line-height:27px;
	color:#fff!important;
	}

a.btnGreen27 span
{
    padding:0px 5px 0 5px;
    font-weight:bold;
    }

a.btnRed27
{
	display:block;
	height:27px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	background: #8e0f0f url("../images/crm/button.gif") repeat-x;
	float:right;
	margin:0px 7px 0 0;
	padding:0px;
	line-height:27px;
	color:#fff!important;
	}

a.btnRed27 span
{
    padding:0px 5px 0 5px;
    font-weight:bold;
    }
a.btnRed27:hover
{
    color:#fff!important;
    }

a.btnGreen27.iconSaveWhite span
{
    padding:0px;
	display:block;
	height:27px;
	width:30px;
	background:url(../images/crm/iconSaveWhite.png) no-repeat center center;

	}

a.btnGreen27.iconPlus span
{
    padding:0px;
	display:block;
	height:27px;
	width:30px;
	background:url(../images/crm/plus.png) no-repeat center center;

	}
	
a.btnGreen27.iconRefresh span
{
    padding:0px;
	display:block;
	height:27px;
	width:30px;
	background:url(../images/crm/refresh.png) no-repeat center center;

	}

.twoCol td
{
	width:40%;
	color:#666;
	padding-bottom:15px;
	}
.twoCol td.label
{
	width:10%;
	color:#999;
	vertical-align:top;
	text-align:right;
	padding-right:5px;
	}

.box .content table td.noPadding
{
	padding:0px 0px 0px 0px!important;
	}



span#btnCancel a {
float:left !important;
margin-left:0;
clear:both !important;
}

a.btnDeleteImg {
float:right;
background:url(../images/crm/delete.png);
display:block;
width:16px;
height:16px;
text-decoration:none;
margin:2px 2px 0 0;
}

a.btnEditImg {
float:left;
background:url(../images/crm/iconEditGreen.png);
display:block;
width:16px;
height:16px;
text-decoration:none;
margin:2px 0 0 2px;
}
table.AddImgHolder {
border:solid 1px #FFF;
width:138px!important;
height:138px;

background-color:#F0F0F0;
}

table.AddImgHolder td
{
    padding:0px!important;
    }

table.AddImgHolder img {
display:block;
margin:auto;
}

table.AddImgHolder label {
position:relative;
top:0;
padding-left:3px;
font-size:10px;
}



.AjaxUploaderQueueTable {
margin-top:40px;
}

.hBtn
{
    display:block;
    float:left;
    height:69px;
    width:50px;
    font:normal normal 300 16px/69px 'Source Sans Pro', sans-serif;
    background:url(/assets/images/crm/profile.png) no-repeat center center;
    }
.hBtn.profile
{
    background:url(/assets/images/crm/profile.png) no-repeat center center;
    }
  
.hBtn.profile:hover
{
    background:url(/assets/images/crm/profileH.png) no-repeat center center;
    }

.hBtn.logOff
{
    background:url(/assets/images/crm/logoff.png) no-repeat center center;
    }
.hBtn.logOff:hover
{
    background:url(/assets/images/crm/logoffH.png) no-repeat center center;
    }

table.stats tbody td
{
    padding:0px 0px 0px 0px!important;
    height:31px;
    line-height:31px;
    border-top:1px solid #dbdbdb;
    }

table.stats tbody td.first
{
    vertical-align:middle;
    }

table.stats tbody td img
{
    margin-left:15px;
    
    }

.ddHeight
{
    Height:19px;
    padding-top:3px;
    }

.small{font-size:11px;}

.subSection select
{
    margin-top:5px;
    }

.chkList span
{
    display:inline!important;
    }

.red
{
    color:#eebb00;
    }

.optionDiv
{
    height:20px;
    width:340px;
    font-size:11px;
    float:left;
    margin-left:20px;
    margin-right:10px;
    line-height:20px;
    background:url(../images/crm/optionsHover.png) top left;
    border-bottom: 1px solid #ebebeb;
    }
.ui-sortable
{
    background:none;
    }

.frmOption .ui-state-default
{
     height:20px;
    width:340px;
    font-size:11px;
    float:left;
    margin-left:20px;
    margin-right:10px;
    line-height:20px;
    background:url(../images/crm/optionsHover.png) top left;
    border-bottom: 1px solid #ebebeb;
    }

.ui-state-default
{
    height:20px;
    font: normal normal normal 12px/20px Arial,Helvetica,sans;
    padding:0 0 0 10px;
    }
 .frmOption dt
 {
     width:18%;display:block;text-align:right;vertical-align:top;float:left;
     margin:0 0 2px 0;
     padding:10px 20px 0 0;
     color:#999999;
     
     }
 .frmOption dd
 {
     width:75%;display:block;float:left;
      margin:0 0 2px 0;
     padding:0;
     
     }
 .boxOption {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 600px;
    height: auto;
    margin-left: -301px;
    background: #fff;
    font-size: 11px;
    color: #333;
    box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: #333 0 0 10px;
    -moz-box-shadow: #333 0 0 10px;
    border: 1px solid #999;
}
    .boxOption .msgHeader {
        width:auto;
    }
     
.msgBox
 {
     
     position:fixed;
     top:150px;
     left:50%;
     width:500px;
     height:auto;
     margin-left:-250px;
     background:#fff;
     font-size:11px;
     color:#333;
     box-shadow: #333 0 0 10px; -webkit-box-shadow: #333 0 0 10px; -moz-box-shadow: #333 0 0 10px; border: 1px solid #999;
     }

 
 
.msgHeader
 {
     display:block;
     position:relative;
     width:460px;
     height:69px;
     border-bottom: 1px solid #e9e9e9;
     font-family:Arial;
     font-size:20px!important;
     color:#eebb00;
     line-height:69px;
     padding:0px 20px 0 20px;
     }
 
 .msgHeader span{font-size:20px!important;}
    

 a.msgClose
  {
      background:url(../images/btnImgClose.png) no-repeat top right;
      position:absolute;
      right:20px;
      top:20px;
      display:block;
      width:10px;
      height:11px;
      }
 
 .msgContent
  {
      padding:10px 20px 20px 20px;
      }
 
 .msgContent p
 {
     padding:0 0 10px 0;
     }
 
 .msgContent.paddingLeft p
 {
     padding-left:104px;
     }
 
 .boxOption hr
 {
     display:block;
     margin:10px -20px 10px -20px;
     border:none;
     border-bottom:1px solid #e9e9e9;
     height:1px;
 }
 
 .boxOption .msgFooter
 {
     display:block;
     text-align:center;
     position:relative;
     width:auto;
     height:38px;
     border-top: 1px solid #e9e9e9;
     padding:16px 20px 20px 20px;
     }
 
.msgBox .msgFooter
 {
     display:block;
     text-align:center;
     position:relative;
     width:460px;
     height:30px;
     margin-top:10px;
     border-top: 1px solid #e9e9e9;
     padding:16px 20px 10px 20px;
     }
 
.optionTbl
{
    width:100%;
    }

.optionTbl td
{
    color:#666666;
    font-size:11px;
    padding-bottom:3px!important;
    }
.optionTbl td label
{
    color:#333;
    font-size:12px;
}

.box table td.cmsLeft
{
    padding:0!important;
    width:170px;
    vertical-align:top;
    background:#f7f7f7;
    }

.box table td.cmsRight
{
   vertical-align:top;
    }

dl
{
    display:block;
    width:590px;
    }
dl dt
{
    font:normal normal 300 11px/15px 'Source Sans Pro',sans serif;
    display:block;
    float:left;
    width:170px;
    text-align:right;
    padding:11px 10px 12px 0;
    margin:1px 0 1px 0;
    color:#999;
    }
dl dd
{
    position:relative;
    font:normal normal 300 11px/15px 'Source Sans Pro',sans serif;
    display:block;
    float:left;
    width:410px;
    text-align:left;
    padding:0;
    margin:1px 0 1px 0;
    }   
.cmsLeft ul, li
{
    padding:0px;
    margin:0px;
    list-style:none;
    }

.cmsLeft li
{
    width:170px;
    height:36px;
    padding:0;
    border-bottom:1px solid #f6f6f6;
    text-align:right;
    }
.cmsLeft li a
{
    font:normal normal 300 14px/36px 'Source Sans Pro',sans serif;
    display:block;
    width:150px;
    height:36px;
    background:#f7f7f7;
    padding:0 20px 0 0;
    }

.cmsLeft li a.active
{
    color:#edbb1b;
    background:#fff;
    }

.graph .overlay
{
    position:inherit;
    background:none;
    }

table.sold dl dt{width:15%;}

td.top{vertical-align:top;}

#progress {
   background-color:#CF4342;
   color:#fff;
   top:0px;
   right:0px;
   position:fixed;
 }

#progress img {
   vertical-align:middle;
   margin:2px;
 }

.cmsLeft td
{
    font-size:11px;
    border-bottom:1px solid #bbb;
    }
.cmsLeft td.tr
{
    font-size:14px;
    }

.cmsLeft td.smaller
{
    font-size:12px;
    text-align:right;
    white-space:nowrap;
    }

.cmsLeft td.statsHeader
{
    height:35px;
    font-size:14px;
    line-height:35px;
    }
 span.hTime
{
    display:block;
    height:35px;
    background: url("../images/crm/timeIcon.png") no-repeat left center;
    padding-left:30px;
    }
  span.hStats
{
    display:block;
    height:35px;
    background: url("../images/crm/statsIcon.png") no-repeat left center;
    padding-left:30px;
    }
    
  span.hSales
{
    display:block;
    height:35px;
    background: url("../images/crm/salesIcon.png") no-repeat left center;
    padding-left:30px;
    }
    
  span.hCars
{
    display:block;
    height:35px;
    background: url("../images/crm/carIcon.png") no-repeat left center;
    padding-left:30px;
    }
 
   span.hPeople
{
    display:block;
    height:35px;
    background: url("../images/crm/peopleIcon.png") no-repeat left center;
    padding-left:30px;
    }
    

 span.legend
 {
     display:block;
     padding-left:30px;
     font-size:11px;
     padding:0 0 0 11px;
     margin:6px 0 10px 0;
     float:left;
     }
 span.space
 {
     padding-right:10px;
     }
 span.legend.red
 {
     background: url("../images/crm/bulletRed.png") no-repeat left center;
     }
 
  span.legend.green
 {
     background: url("../images/crm/bulletGreen.png") no-repeat left center;
     }

  span.legend.blue
 {
     background: url("../images/crm/bulletBlue.png") no-repeat left center;
     }
 
 
 a.btnGrey
{
	display:block;
	height:22px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background:url(../images/crm/btnGrey.png) repeat-x;
	border:1px solid #d9dad8;
	float:right;
	margin:0 0 5px 10px;
	padding: 0 5px 0 5px;
	}

a.btnGrey.export span
{
	display:block;
	padding-left:15px;
	line-height:22px;
	font-size:11px;
	color:#888;
	background:url(../images/crm/exportIcon.png) no-repeat left center;
	}
	
a.btnGrey.previous span
{
	display:block;
	padding-left:15px;
	line-height:22px;
	font-size:11px;
	color:#888;
	background:url(../images/crm/previousIcon.png) no-repeat left center;
	}

a.btnGrey.next span
{
	display:block;
	padding-right:15px;
	line-height:22px;
	font-size:11px;
	color:#888;
	background:url(../images/crm/nextIcon.png) no-repeat right center;
	}

a.btnGrey.delete span
{
	display:block;
	padding-right:15px;
	line-height:22px;
	font-size:11px;
	color:#888;
	background:url(../images/crm/deleteIcon.png) no-repeat right center;
	}
	
/* Sales search */
.SalesSimpleSearch{float:left; background:url(../images/SalesSimpleSearch.png); width:924px; padding:0px 20px 0 20px; margin-left:10px; margin-top:10px; height:93px; position:relative; overflow:hidden;}
.SalesSimpleSearch h1{padding:0; margin:0; position:absolute; left:20px; top:10px; text-shadow:1px 1px #F4F4F4;}
.SalesSimpleSearch .textfieldTrefwoord{position:absolute; height:18px; line-height:18px;right:22px; top:10px; border:0; width:402px; padding-left:10px; font-weight:bold;}
.SalesSimpleSearch .textfieldTrefwoord:focus{background:#DBF6FC;}
.SalesSimpleSearch  img.btnDivider{height:24px; width:1px; padding-top:1px; display:none;}
.tblSalesSimpleSearch{position:absolute; left:15px; bottom:13px; width:810px;}
.tblSalesSimpleSearch tr {height:30px;}
.tblSalesSimpleSearch .tdLabel{width:30px;}
.tblSalesSimpleSearch .tdChkLabel{text-align:right; height:23px;padding-top:7px;text-shadow:1px 1px #dcdcdc; padding-right:4px;}
.tblSalesSimpleSearch select {height:22px;padding-top:1px;padding-bottom:1px;background:#fff;border:solid 1px #999;}
.SalesSimpleSearch .dropdown {width:190px;}
.SalesSimpleSearch .langDropdown {width:50px;}
img.btnDivider{float:left;}
.positionSalesSearchButton{position:absolute; right:20px; bottom:15px; z-index:10;_background:none;}

.subscribe
{
    display:inline-block;
    width:10px;
    height:7px;
    }

.subscribe.inactive
{
    background:#d20202;
    }
.subscribe.active
{
    background:#9fc602;
    }



    
.contentRight, .contentLeft
{
    vertical-align:top!important;
    padding-top:10px!important;
    }

.contentRight .content
{
    position:relative;
    }

.contentRight .content td
{
    vertical-align:top!important;
    }
.contentRight .box, .contentRight .box-100
{
    width:700px!important;
    }

.contentRight .hdrButtons
{
    margin-right:10px;
    }

.pnl.margin
{
    padding-left:10px;
    }

table.mailer tr td.SearchBox div, div.SearchBox 
{
    position:relative;
    height:28px;
    border:1px solid #b2b2b2;
    background:#fff;
    padding:0;
	margin-top:10px;
	float:left;
	width:450px;
    }

div.SearchBox select,div.SearchBox select.txt 
{
    margin:0 10px 0 0;
    border:none;
    background:none;
    font-size:12px;
    color:#666;
    height:28px;
    line-height:18px;
    padding:5px 0 5px 10px;
	display:block;
	float:left;
	width:270px;
	border-radius:0;
}

div.SearchBox a.search
{
    display:block;
    width:25px;
    height:28px;
    background:url(/assets/images/crm/iconSearch.png) no-repeat center center;
    float:right;
    }


table.mailer tr td.SearchBox div input, div.SearchBox  input
{
    border:none;
    font-size:12px;
    color:#666;
    height:28px;
    line-height:29px;
    padding:0 0 0 10px;
	display:block;
	float:left;
	width:270px;
}

table.tablesorter tr td
{
    border-bottom: 1px dotted #f4f4f4;
    height:28px!important;
    padding:0!important;
    }


div.dropdown
{
	position:relative;
	display:block;
	width:145px;
	height:40px;
	float:left;
	padding-left:10px;
	padding-right:15px;
	line-height:40px;
	font-size:12px;
	color:#fff;
	text-transform:capitalize;
	background:url(../images/crm/searchddlBg.png) no-repeat top right;
	 border-radius: 3px;
	-moz-border-radius: 3px;
}
.ddlBox 
{
	position:absolute;
	display:block;
	z-index:2000;
	top:37px;
	left:0px;
	height:auto;
	width:170px;
	margin:0;
	list-style:none;
	background:#191919;
	max-height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	}
.ddlBox a.item 
{
	float:none;
	list-style:none;
	height:24px;
	padding:0;
	margin:0;
	display:block;
	width:150px;
	line-height:24px;
	border:none;
	padding:0 10px 0 10px;
	margin:0;
	color:#9b9b9b;
	background:#191919 none;
	text-transform: capitalize;
}

.ddlBox a.item:hover
{
	background:#2b2b2b;
}

.ddlBTBox{}

.btnSearchBox
{
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    width:30px;
    height:30px;
    z-index:10;
    }
.btnSearchBox img
{
    display:block;
    width:30px;
    height:30px;
    }
	
.ddlHolder
{
    position:relative;
    display:block;
    height:auto;
    width:170px;
    float:left;
    margin-right:5px;
    }
    
.hand, .hand td
{
    cursor:pointer;
    background:#ddd!important;
    }
    
 tr.header.hand, tr.header.hand td   
 {
     cursor:pointer;
 }

.carSearchBox
{
    width:688px;
    border:1px solid #999;
    border-radius:3px;
    -moz-border-radius: 3px;
    margin-top:15px;
    }

.sHeader
{
    background:#3d3d3d;
    margin:-1px -1px 0px -1px;
    border-radius:3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    height:34px;
    }

.sContent
{
    padding-bottom:10px;
    }

.sHeader h3
{
    margin:4px 0 0 10px;
    color:#fff;
    }

.textfieldTrefwoord
{
    display:block;
    height:29px;
    border-radius:3px;
    -moz-border-radius: 3px;
    padding:3px 3px 3px 10px;
    border: 1px solid #ccc;
    background: url(../images/crm/carSearchInputBg.png) repeat-x;
    margin:10px;
    width:653px;
    }
	
.content table td.tdBig
{
    padding:0 37px 3px 10px;
    width:310px;
    }

.content table td.tdSmall
{
    padding:0 2px 3px 0;
    width:160px;
    }
.content table td.tdBig .dropdown, .content table td.tdSmall .dropdown
{
    border-radius:3px;
    -moz-border-radius: 3px;
    padding:3px;
    border: 1px solid #ccc;
    background: url(../images/crm/txt.gif) repeat-x;
    
    }

.content table td.tdBig .dropdown
{
    width:310px;
    }

.content table td.tdSmall .dropdown
{
    width:160px;
    }

.content table td.tdButtons
{
    padding:0px;
    }
.positionSearchButton
{
    float:right;
    }

.positionSearchButton a
{
    
    height:27px;
    line-height:27px;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    display:block;
    float:left;
    padding:0;
    margin:0px;
    width:75px;
    text-align:center;
    }
 
.positionSearchButton a.btnReset
{
    border-radius:3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    background: url(../images/crm/searchResetBg.png) repeat-x;
    }

 .positionSearchButton a.btnSearch
{
    border-radius:0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    background: url(../images/crm/carSearchBg.png) repeat-x;
    }
 
 .box .content table.carResult td
 {
     padding:0px;
     }
     
.conflict td
{
    color:#ff0000!important;
    }

.weekPrevious
{
    display:block;
    float:left;
    height:27px;
    width:29px;
    background:url(../images/crm/btnLeft.png) no-repeat;
    }

.weekNext
{
    display:block;
    float:left;
    height:27px;
    width:29px;
    background:url(../images/crm/btnRight.png) no-repeat;
    }

.weekPeriod
{
    margin-top:5px;
   display:block;
    float:left;
    height:23px;
    width:120px;
    border: 1px solid #999;
    background: #fff url(../images/crm/txt.gif) repeat-x;
    line-height:23px;
    padding-top:2px;
    font-size:12px;
    }
    
dl.checkList dd
{
    padding-top:5px!important;
    }

.panelHolder
{
    position: relative;
    height:0px;
    }
.vatPanel
{
    display:block;
    position:absolute;
    top:0px;
    background:#fff;
    border: 1px solid #ccc;
    padding:10px 10px 10px 40px;
    }

.vatPanel .boxClose
{
    display:block;
    position:absolute;
    right:0px;
    top:0px;
    height:19px;
    width:19px;
    background: url(../images/crm/iconRemove.png) no-repeat;
    }

.vatPanel.ok
{
    background: #fff url(../images/accept.png) no-repeat 10px 10px;
    width:150px;
    }

.vatPanel.err
{
    background: #fff url(../images/exclamation.png) no-repeat 10px 10px;
    width:150px;
    }


.cropPopUp
{
    position:fixed;
    z-index:10000;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background:url(../images/blackOpacity80.png);
    }

.cropPopUp .cropImage
{
    position:absolute;
    width:1200px;
    left:50%;
    margin-left:-600px;
    top:50px;
    }


.chk label, .chk input
{
    float:left;
    display:block;
    height:15px;
    }
.chk label
{
    padding:4px 10px 0 0;
    }

a.btnMinPlus
{
	display:block;
	height:auto;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background:url(../images/crm/btnMinPlus.png) repeat-x;
	float:right;
	margin:4px 7px 0 0;
	}

a.btnMinPlus.min span
{
	display:block;
	height:20px;
	width:20px;
	background:url(../images/crm/min.png) no-repeat center center;

	}

a.btnMinPlus.plus span
{
	display:block;
	height:20px;
	width:20px;
	background:url(../images/crm/plus.png) no-repeat center center;
	}

a.btnMinPlus.export span
{
	display:block;
	height:20px;
	padding-left:20px;
	background:url(../images/crm/exportIcon.png) no-repeat left center;
	}

a.btnMinPlus.search span
{
	display:block;
	height:27px;
	width:27px;
	background:url(../images/crm/magnifierWhite.png) no-repeat center center;
	}

.loading
{
    position:fixed;
    top:50%;
    left:50%;
    width:220px;
    padding:5px;
    margin:-25px 0 0 -115px;
    font:normal normal 300 13px/18px 'Source Sans Pro', sans-serif;	
	color:#666;
	border:1px solid #666;
	z-index:10000;
	background:#fff;
	display:none;
    }

.loading span
{
    font:normal normal 300 13px/18px 'Source Sans Pro', sans-serif;	
	color:#666;
    display:block;
    padding:0 0 0 5px;
    }

.automatch {
   background:#dfffc1;
}

.missing {
    background:#ffeaea;
}

.cms tr td {
    padding:0 0 0 10px;
    border-right:1px solid #dedede;
}

.cms tr td input.txt {
    border:none;
    padding:10px 0 10px 0;
    width:100%;
}
.box table td.smalldt {
    padding:0;
}

.basic dd input[type="checkbox"] {
    display:block;
    margin:13px 0 13px 0;
}

.sortable ul li {
    display:block;
    padding:0;
    font: normal normal normal 11px/34px 'Source Sans Pro',sans serif;
    border-bottom:1px solid #dedede;
}
.sortable ul li a {
        padding-left:10px;
        display:inline-block;
    }
.sortable ul li ul li {
    border-bottom:none;
    }
.sortable ul li ul li a {
        padding-left:40px;
        
        border-top:1px solid #dedede;
        display:block;
    }