@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

a img {border: none; } 

* {
	margin: 0;
	padding: 0;
	font-family: sans-serif, Arial, Helvetica;
}

h1 {
	color: #C70850;
	font-weight: normal;
	padding-bottom: 10px;
}
h3 {
	font-style: italic;
	font-weight: normal;
	line-height: 24px;
	font-size: 18px;
}
p {
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

a {
	color: #C70850;
}
a:hover {
	text-decoration: none;
}

.bold {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

br.clear {
	clear: both;
}

#content {
	/*margin-right: auto;
	margin-left: auto;
	width: 940px;*/
        margin-left: 30px;
	padding-top: 20px;
}

#overlay,
#overlayblock,
#overlayloginblock{
	height: 100%;
	width: 100%;
	z-index: 100000;
	display: block;
	background: rgba(255,255,255,0.5);
	position: fixed;
	cursor: progress;
	top: 0;
}
#overlayblock span,
#overlayloginblock span{
	top: 150px;
	margin: 150px auto;
	background: white;
	border: 1px solid #a0cd52;
	height: 115px;
	width: 250px;
	display: block;
	padding: 30px;
}
#pagehead {
	width: 940px;
	float: left;
	padding-bottom: 10px;
}

#logo {
	background-image: url(images/frukt24_logo.gif);
	background-repeat: no-repeat;
	width: 117px;
	height: 125px;
	float: left;
}
#logo a {
	background-image: url(images/frukt24_logo.gif);
	background-repeat: no-repeat;
	width: 117px;
	height: 125px;
	float: left;
}

#menu {
	float: left;
	width: 550px;
	padding-left: 30px;
	padding-top: 105px;
}
#menu ul {
}
#menu li {
	display: block;
	float: left;
	list-style-type: none;
	margin-right: 25px;
}
#menu a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dadada;
}
#menu a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#menu .active {
	font-size: 14px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C70850;
}

#wrapper {
	float: left;
	width: 940px;
	padding-top: 30px;
}

#start {
	background-image: url(images/start.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 940px;
	background-position: center top;
	padding-top: 330px;
	padding-bottom: 20px;
}
#start .news {
	float: left;
	/*width: 300px;*/
	padding-left: 40px;
	padding-right: 40px;
}
#start .news h2 {
	color: #C70850;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
}
#start .news ul {
	padding-left: 15px;
}
#start .news li {
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-image: url(images/arrow.gif);
}
#start .news a {
	color: #000;
	text-decoration: none;
}
#start .news a:hover {
	text-decoration: underline;
}

#start .login {
	float: left;
	width: 220px;
	padding-left: 40px;
	padding-right: 40px;
}
#start .login h2 {
	color: #C70850;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
}
#start .login p {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 5px;
}
#start .login a {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}
form label {
	font-family:Arial, Helvetica, sans-serif;
	/*color: #000000; */
	font-size: 11px;
	padding:1px;
}
form input {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	border: 1px solid #dadada;
	padding:3px;
	margin: 0 0 5px 0;
}
form #skicka {
	cursor:pointer;
}
form #more {
	margin:0 0 5px 0;
}

#leftmenu {
	float: left;
	width: 163px;
	padding-left: 15px;
}

#leftmenu a {
    font-family: sans-serif, Arial, Helvetica;
    font-weight: bold;
}
#leftmenu ul {
}
#leftmenu li {
	padding-bottom: 8px;
	list-style-position: outside;
	/*list-style-image: url(../images/arrow.gif); */
}

#leftmenu li:nth-child(5n+1) {
	list-style-image: url(../_images/halfcircle_red.gif);
}
#leftmenu li:nth-child(5n+2) {
	list-style-image: url(../_images/halfcircle_orange.gif);
}
#leftmenu li:nth-child(5n+3) {
	list-style-image: url(../_images/halfcircle_green.gif);
}
#leftmenu li:nth-child(5n+4) {
	list-style-image: url(../_images/halfcircle_blue.gif);
}
#leftmenu li:nth-child(5n+5) {
	list-style-image: url(../_images/halfcircle_yellow.gif);
}

#leftmenu li:nth-last-child(1) {
    list-style-image: none;
}

#leftmenu a {
	color: #707070;
	text-decoration: none;
}
#leftmenu a:hover {
	text-decoration: underline;
}

#openChartLink {
	position: relative;
	top: 300px;
	cursor: pointer;
	font-weight: bold;
}

#column01 {
	float: left;
	width: 500px;
	padding-right: 52px;
	padding-left: 8px;
}

#news {
	float: left;
	width: 570px;
	padding-right: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #dadada;
	padding-left: 28px;
	min-height:250px;
	margin-bottom: 20px;
}
#news ul {
	padding-bottom: 5px;
	list-style-position: inside;
	list-style-image: url(../_images/halfcircle_red.gif);
	padding-left: 15px;
}
#news ul li .attend {
    display: none;
    cursor: pointer;
}
#news ul li .attend:before {
    content: " - ";
}
#news ul li.open .attend {
    display: inline;
}
#news ul li.attended.standingproblem {
	list-style-image: url(../_images/halfcircle_yellow.gif) !important;
}
#news ul li.attended {
	list-style-image: url(../_images/halfcircle_green.gif);
}
#news ul li.attended .attend {
/*    display: none;*/
}
#news ul li.attended .name:after {
	content: " - Reporting finished";
}
#news ul li.open .customerdetails {
    float: left;
}
#news ul li.open .customerdetails .prices,
#news ul li.open .customerdetails .temperatures.tab {
	font-weight: bold;
	cursor: pointer;
	color: #014401;
}
#news ul li.open .customerdetails .articles .article:nth-last-child(2) td {
	border-bottom-width: 1px;
}
#news ul li.open .customerdetails .prices {
	float: left;
	margin-right: 10px;
}
#news ul li.open .customerdetails .articles.prices {
	float: none;
	clear: left;
}
#news ul li.open .customerdetails td {
	vertical-align: top;
}
#news ul li.open .customerdetails td.history {
	text-align: right;
}
#news ul li.open .customerdetails tr.noborder,
#news ul li.open .customerdetails tr.noborder td:last-child {
	border: 0;
}
#news ul li.open .customerdetails .customerInfo {
	width: 110px;
}
#news ul li.open .customerdetails .articles {
	margin-bottom: 20px;
}
#news ul li.open .customerdetails .customerInfo:nth-child(3) {
	padding: 0 10px;
}
#news ul li.open .customerdetails form {
	display: inline;
}
#news ul li.open .customerdetails .opening {
	clear: both;
}
#news ul li.open button.extendCampaignButton {
    float: right;
    background: yellow;
    padding: 4px;
    border: 1px solid green;
    border-radius: 2px;
    margin-top: 42px;
    position: absolute;
    right: 10px;
}
#news ul li.open button.addCampaignButton {
    float: right;
    background: yellow;
    padding: 4px;
    border: 1px solid green;
    border-radius: 2px;
    margin-top: 72px;
    position: absolute;
    right: 10px;
}
#addcampaignPopup {
	background: white;
	position: absolute;
	width: 662px;
	height: 400px;
	z-index: 10000;
}
body.iframe {
	overflow-x: hidden;
}
body.iframe #content{
	padding: 0;
	margin: 0;
}
iframe.addcampaign {
	width: 100%;
	height: 100%;
	border: 2px solid yellow;
}
div.percent {
	display: inline-block;
	position: relative;
}
div.percent:hover::after,
div.percent:focus-within::after {
	 right: 1.8em;
 }
div.percent::after {
	position: absolute;
	top: 4px;
	right: .5em;
	transition: all .05s ease-in-out;
	content: '%';
	font-size: 11px;
}
#news li {
	padding-bottom: 10px;
}
#news a {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	position: relative;
	display: inline-block;
}
#news a.custom-combobox-toggle {
	position: absolute !important;
}
#news a:hover {
	text-decoration: underline;
}
#news a .delete {
	display: none;
	position: absolute;
	top: -6px;
	right: -8px;
	height: 12px;
	width: 12px;
	background: url(/jquery/ui/images/ui-icons_444444_256x240.png) -34px -194px no-repeat #f00;
	border-radius: 7px;
	border: 1px solid #fff;
}
#news a:hover .delete {
	display: block !important;
}
#news ul li.attended {
	list-style-image: url(../_images/halfcircle_green.gif);
}
#news table a.infoEXPIRED,
#news table a.notattended {
	height: 20px;
	width: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../_images/halfcircle_red.gif);
}
#news table a.infoOFF,
#news table a.attended {
	height: 20px;
	width: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../_images/halfcircle_green.gif);
}
#news table a.pictureproblem {
	height: 20px;
	width: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../_images/halfcircle_green_yellow.gif);
}
#news table a.infoON,
#news table a.standingproblem {
	height: 20px;
	width: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../_images/halfcircle_yellow.gif);
}
#news table a.overflowproblem,
#news table a.overtemperature {
	height: 20px;
	width: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../_images/halfcircle_purple.gif);
}
#news table a.godknows {
	height: 20px;
	width: 18px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../_images/halfcircle_orange.gif);
}

#news #customerListDateJump {
    margin-top: 10px;
    margin-bottom: 10px;
	position: absolute;
    right: 10px;
	z-index: 1;
}
#news #customerListDateJump a {
	text-decoration: underline;
}
#news .customerListHeader {
	margin-top: 10px;
	margin-bottom: 53px;
	position: relative;
}
#news .customerListHeader #search {
	position: absolute;
	right: 0;
	margin-top: 10px;
/*	top: 0;*/
}
#news .inlineclickable .ui-autocomplete-input,
#news .inlineclickableTime .ui-autocomplete-input {
	width: 400px !important;
}
#news #bigsearch {
	margin-top: 10px;
	display: none;
}
#news #bigsearch input {
	width: 300px;
}
#news #bigsearch #bigSearchInfo {
	margin-left: 5px;
}
#news #bigsearch #bigSearchInfo img {
	height: 12px;
	max-height: 12px;
}
#news #SelectIconDate {

}
.jumpto {
	display: inline
}
.jumpto button {
	margin: 5px 5px 5px 0px;
	width: 48%;
	height: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
#news #SelectIconDate:after,
.displayNextDelivery.displayOverflow:after {
	 content: "";
	 display: table;
	 clear: both;
 }
#news #infoblock,
#news #infoblock2,
#news #infoblock3 {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 220px;
}
#news #infoblock2,
#news #infoblock3 {
	display: none;
}
#news #infoblock table,
#news #infoblock2 table,
#news #infoblock3 table,
#news #infoblock td,
#news #infoblock2 td,
#news #infoblock3 td,
#news #infoblock a,
#news #infoblock2 a,
#news #infoblock3 a {
	width: 200px;
}
#news #infoblock a,
#news #infoblock2 a,
#news #infoblock3 a {
	width: 200px;
	font-size: 10px;
	padding-left: 12px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
}
#news #addeliverylink,
#news #addextralink,
#news #addreturnlink,
#news #addcampaignlink,
#news #addcustomerlink,
#news #addextraBIGlink,
#news #addmanualBIGlink,
#news #addreturnBIGlink {
	display: block;
	text-decoration: underline !important;
	padding-left: 2px;
}
#news .inlineclickable {
	padding-left: 2px;
}
.fancybox-nav {
	width: 10% !important;
}
.loupe{ z-index: 9000; }
.BMGfancybox-delete {
	color: #000;
	text-decoration: none;
	width: 100%;
	text-align: right;
    display: inline-block;
}
.BMGfancybox-close {
	right: -8px;
	height: 18px;
	width: 18px;
	background: url(/jquery/ui/images/ui-icons_444444_256x240.png) -55px -311px no-repeat #f00;
	border-radius: 10px;
	border: 1px solid #fff;
	top: -8px;
	background-size: 409px 384px;
	cursor: pointer;
	z-index: 8040;
	position: absolute;
}
#news ul li .demo {
	height: 20px;
	width: 18px;
	background-image: url(../_images/halfcircle_green.gif);
	display: inline-block;
	background-repeat: no-repeat;
	margin-left: 19px;
}
#news ul li span.days {
    width: 28px;
    min-width: 28px;
    display: inline-block;
}
#news ul li .days.campaign {
	height: 20px;
	width: 28px;
	background-image: url(../_images/halfcircle_yellow.gif);
	display: inline-block;
	background-repeat: no-repeat;
	/*margin-left: 19px;*/
	background-position-x: 10px;
}
#news ul li .days.campaign-and-demo {
	height: 20px;
	width: 18px;
	background-image: url(../_images/halfcircle_green_yellow.gif);
	display: inline-block;
	background-repeat: no-repeat;
	/*margin-left: 19px;*/
	background-position-x: 10px;
}

#news ul li.pictureson .pictures {
	height: 20px;
	width: 18px;
	background-image: url(../_images/halfcircle_green.gif);
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 19px;
}

#news ul li.picturesonish .pictures {
	height: 20px;
	width: 18px;
	background-image: url(../_images/halfcircle_orange.gif);
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 19px;
}

#news ul li.picturesoff .pictures {
	height: 20px;
	width: 18px;
	background-image: url(../_images/halfcircle_red.gif);
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 19px;
}

#news ul li.overflowon .overflow {
	height: 20px;
	width: 12px;
	background-image: url(../_images/halfcircle_red.gif);
	background-repeat: no-repeat;
	margin-left: 25px;
	display: none;
}

#news ul li.overflowoff .overflow {
	height: 20px;
	width: 12px;
	background-image: url(../_images/halfcircle_green.gif);
	background-repeat: no-repeat;
	margin-left: 25px;
	display: none;
}

#news ul li.temperatureon .temperature {
	height: 20px;
	width: 12px;
	background-image: url(../_images/halfcircle_green.gif);
	background-repeat: no-repeat;
	margin-left: 35px;
	margin-right: 15px;
	display: none;
}

#news ul li.temperatureoff .temperature {
	height: 20px;
	width: 12px;
	background-image: url(../_images/halfcircle_yellow.gif);
	background-repeat: no-repeat;
	margin-left: 35px;
	margin-right: 15px;
	display: none;
}

#news ul li .returns,
#news ul li .lastweektarget{
/*#news ul li .lastweekleft{*/
	height: 20px;
	width: 18px;
	font-weight: bold;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 21px;
	font-size: 12px;
}
#news ul li .returns {
	/* hide return */
	/*width: 25px;*/
	width: 0;
}
#news ul li.returnson .returns {
	/* hide return */
	/*color: green;*/
	text-indent: -10000px;
    display: none;
}
#news ul li.returnsonish .returns {
	/* hide return */
	/*color: orange;*/
	text-indent: -10000px;
	display: none;
}
#news ul li.returnsoff .returns {
	/* hide return */
	/*color: red;*/
	text-indent: -10000px;
	display: none;
}
#news ul li .info {
	text-indent: -10000px;
	display: none;
	height: 20px;
	width: 12px;
	background-repeat: no-repeat;
	position: relative;
	margin-left: 28px;
	/*margin-right: 18px;*/
}
#news ul li .lastweektarget {
/*#news ul li .lastweekleft {*/
	margin-left: 22px;
    margin-right: 5px;
	width: 40px;
}
#news #customerList li .articles .header th.next-deliverysuggestion,
#news #customerList li .articles .header th.next-delivery {
    display: none;
}
#news .displayNextDelivery #customerList li .articles .header th.next-deliverysuggestion,
#news .displayNextDelivery #customerList li .articles .header th.next-delivery {
    display: table-cell;
}
#news ul li.overflow,
#news ul li.nextdeliveryadjusted,
#news th.nextdeliverysuggestion,
#news td.nextdeliverysuggestion,
#news th.nextdelivery,
#news td.nextdelivery-select,
#news td.next-delivery {
	display: none;
}
#news .displayOverflow .overflow,
#news .displayNextDelivery .nextdeliveryadjusted,
#news .displayNextDelivery .nextdeliverysuggestion,
#news .displayNextDelivery .nextdelivery-select,
#news .displayNextDelivery .nextdelivery,
#news .displayNextDelivery .next-delivery {
	display: table-cell;
}
#news ul li.nextdeliveryadjustedon .returns,
#news ul li.nextdeliveryadjustedoff .returns{
	background-repeat: no-repeat;
	padding-top: 9px;
    position: relative;
	/* hide return */
    /*padding-left: 40px;*/
	padding-left: 15px;
    margin-left: 28px;
	display: none;
}
#news .displayOverflow ul li .overflow,
#news ul li.infoEXPIRED .info,
#news ul li.infoOFF .info,
#news ul li.infoON .info,
#news .displayNextDelivery ul li.nextdeliveryadjustedon .returns,
#news .displayNextDelivery ul li.nextdeliveryadjustedoff .returns,
#news ul li.temperatureon .temperature,
#news ul li.temperatureoff .temperature{
	display: inline-block;
}
#news ul li.infoON .info {
	background-image: url(../_images/halfcircle_yellow.gif);
}
#news ul li.infoOFF .info {
	background-image: url(../_images/halfcircle_green.gif);
}
#news ul li.infoEXPIRED .info {
	background-image: url(../_images/halfcircle_red.gif);
}
/*#news ul li.nextdeliveryadjustedon .returns:before,
#news ul li.nextdeliveryadjustedoff .returns:before {
	height: 20px;
	width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 19px;
	content: " ";
}*/
#news ul li.nextdeliveryadjustedon .returns {
	background-image: url(../_images/halfcircle_green.gif);
}
#news ul li.nextdeliveryadjustedoff .returns {
	background-image: url(../_images/halfcircle_red.gif);
}
#news ul li.prevsubscriptadjusted {

}
#news ul li.prevsubscriptadjustedon,
#news ul li.prevsubscriptadjustedoff {
}
#news ul li.prevsubscriptadjustedon .pictures:after,
#news ul li.prevsubscriptadjustedoff .pictures:after {
	height: 20px;
	width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 42px;
	content: " ";
}
#news ul li.prevsubscriptadjustedon .pictures,
#news ul li.prevsubscriptadjustedoff .pictures {
    margin-right: 35px;
}
#news ul li.prevsubscriptadjustedon .pictures:after {
	background-image: url(../_images/halfcircle_green.gif);
}
#news ul li.prevsubscriptadjustedoff .pictures:after {
	background-image: url(../_images/halfcircle_red.gif);
}
.newsHeader {
	margin-top: 10px;
	position: absolute;
}
.newsHeader.fixed {
	position: fixed !important;
	top: 0;
	background: white;
	z-index: 1000;
	margin-top: 0;
}
.newsHeader span {
	width: 40px;
    min-width: 40px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
	font-size: 10px;
}
.newsHeader span.days {
	width: 18px;
	min-width: 28px;
}
.newsHeader span.pictures {
}
.newsHeader span.returns {
	width: 58px;
	/* hide return */
	display: none;
}
.newsHeader span.lastweektarget {
/*.newsHeader span.lastweekleft {*/
}
.newsHeader span.nextdeliveryadjusted {
	display: none;
}
.newsHeader span.prevsubscriptadjusted {
}
.newsHeader span.returns {
	display: none;
}
.newsHeader span.overflow {
	display: none;
	cursor: default;
}
#news #allcustomerstat {

}
#news #allcustomerstat table {
	border-width: 0 0 1px 1px;
	border-color: black;
	border-style: solid;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
#news #allcustomerstat table td,
#news #allcustomerstat table th {
	border-width: 1px 1px 0 0;
	border-color: black;
	border-style: solid;
	vertical-align: bottom;
	padding: 2px;
	width: 11%;
}
#news #allcustomerstat table th {
	text-align: left;
	font-size: 12px;
}
#news #allcustomerstat table td {
	text-align: right;
}
#news .tabsBlock {
	width: 100%;
	clear: both;
	margin: 10px;
}
#news #customerList li {
	/*position: relative;*/
}
#news #customerList li .amounthistory {
	background: #fff;
	position: absolute;
	min-width: 332px;
	min-height: 100px;
	/*top: 382px;*/
	left: 230px;
	z-index: 1000000;
}
#news #customerList li .amounthistory table {
	border-width: 0 1px;
	border-color: #000;
	border-style: solid;
	border-collapse: collapse;
}
#news #customerList li .amounthistory th,
#news #customerList li .amounthistory td {
	font-size: 10px;
	border-width: 1px 0;
	border-color: #000;
	border-style: solid;
}
#driverInfo {
    margin-left: 20px;
}
#driverInfo .submitbox {
	margin-top: 10px;
	clear: both;
	width: 100%;
	text-align: center;
}
#driverInfo .submitbox button {

}
#driverInfo .name {
	clear: left;
	/*float: left;*/
	min-width: 300px;
    /*padding: 5px 10px;
    margin: 5px 0;*/
}
#driverInfo .value {
	float: left;
}
#driverInfo .title {
    width: 100%;
    clear: both;
    padding-top: 20px;
}
#driverInfo .product {
	margin-left: 10px;
}
#driverInfo .product .name {
	padding: 0;
	width: 300px;
	font-size: 12px;
}
#driverInfo .products table {
	border-collapse: collapse;
}
#driverInfo tr.product {
	border-width: 0 1px;
	border-style: solid;
	border-color: black;
}
#driverInfo table tr.product:not([style*="display: none"]):last-child th,
#driverInfo table tr.product:not([style*="display: none"]):last-child td,
#driverInfo table tr.product:last-child th,
#driverInfo table tr.product:last-child td {
	border-bottom: 1px black solid !important;
}
#driverInfo table tr.product:last-child th.empty,
#driverInfo table tr.product:last-child td.empty {
	border-bottom: 0;
	border-top: 0;
}
#driverInfo .product th,
#driverInfo .product td {
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: black;
	font-size: 12px;
	padding: 2px;
}
#driverInfo .product th.empty,
#driverInfo .product td.empty {
	border-top: 0;
	border-bottom: 0;
}
#driverInfo .product .value {
}
#driverInfo .product input.custom-combobox-input {
	width: 50px;
	border: 0;
}
#driverInfo .product .value input {
	width: 50px !important;
}
#driverInfo .leftbox {
	float: left;
	width: 50%;
	clear: both;
}
#driverInfo .rightbox {
	float: right;
	width: 50%;
}
.demoTab,
#customersTab,
#driverDataTab {
	background: white;
	color: #a0cd52;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #a0cd52;
	display: inline-block;
}
.demoTab.active,
#customersTab.active,
#driverDataTab.active {
	background: #a0cd52;
	color: white;
}
#customerprojectsDisplay {
	border: 1px solid #000;
	padding: 5px;
}
#customerprojectsDisplay #customerproject_infotext_leftblock {
	float: left;
	width: 500px;
}
#customerprojectsDisplay textarea#customerproject_infotext,
#customerprojectsDisplay textarea#customerproject_deliverymessage{
	width: 500px;
	height: 100px;
	margin-bottom: 10px;
}
#customerprojectsDisplay label#customerproject_infotext_label,
#customerprojectsDisplay label#customerproject_deliverymessage_label {
	width: 500px;
	margin-bottom: 10px;
}
#customerprojectsDisplay label#customerproject_infotext_label span,
#customerprojectsDisplay label#customerproject_deliverymessage_label span {
	font-size: 10px;
	float: right;
}
#customerprojectsDisplay .customerprojectsDisplayEnddate,
#customerprojectsDisplay .customerprojectsDisplayStartdate {
	float: right;
	clear: right;
}
#customerprojectsDisplay .customerprojectsDisplayEnddate input,
#customerprojectsDisplay .customerprojectsDisplayStartdate input{
}
#customerprojectsDisplay input.complete,
#customerprojectsDisplay input.delete,
#customerprojectsDisplay input.submit {
	float: right;
	clear: right;
}
#customerprojectsDisplay .list {
	clear: both;
	height: 80px;
	overflow-y: auto;
	width: 502px;
}
#column02 {
	float: left;
	width: 380px;
}
#gallery {
	float: left;
	width: 940px;
}
#gallery .row {
	float: left;
	border-bottom-style: none;
	width: 940px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #dadada;
}
#gallery .box {
	float: left;
	width: 277px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #dadada;
	padding-right: 20px;
	padding-left: 15px;
}
#gallery .boxright {
	float: left;
	width: 277px;
	padding-right: 20px;
	padding-left: 15px;
}
#gallery .image {
	text-align: center;
}
#gallery h1 {
	font-size: 18px;
	text-align: center;
	color: #666;
	font-weight: normal;
	padding-bottom: 2px;
	background-color: #EEE;
	padding-top: 2px;
}
#gallery h2 {
	font-size: 18px;
	text-align: center;
	color: #C70850;
	font-weight: normal;
	padding-bottom: 3px;
}
#gallery h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	line-height: 14px;
	padding-top: 11px;
	padding-bottom: 1px;
}
#gallery p {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#footer {
	background-color: #EEE;
	float: left;
	width: 940px;
	height: 18px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 20px;
	margin-top: 10px;
	clear: both;
}
#footer p {
	color: #666;
	font-size: 12px;
}

#footer a {
	color: #666;
}
#footer a:hover {
	text-decoration: none;
	
}
.historyPadding td {
	padding: 5px;
	vertical-align: top;
}
.carstatTable {
	border-collapse: collapse;
	border-left: 1px solid black;
	border-top: 1px solid black;
}
.carstatTable td,
.carstatTable th {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 2px;
}
.carstatTable th {
	font-size: 10px;
}
.carstatTable td {
	font-size: 12px;
}
.carstatTable tr td:first-child,
.carstatTable tr th:first-child {
	min-width: 82px;
}
label.choice {

}
#closeaddcronjobimage, #closeaddcampaignimage, #closeadddemoimage {
	width: 100%;
}
#information {
	text-align: center;
}
.demolink {
	display: inline-block;
}
.demolink img {
	margin-top: 1px;
	float: left;
	display: block;
}
.demolink span {
	float: left;
	display: block;
}
div.link {
	border: none;
	background: none;
	font-size: 12px;
	float: left;
	margin-top: 3px;
}
body.demo #leftmenu {
	display: none;
}
body.demo .x-brand {
	width: 100%;
	text-align: center;
}
body.demo .x-brand img {
	width: 200px;
}
body.demo h1 {
	font-size: 18px;
	font-family: "Lato",sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.077em;
	text-transform: uppercase;
	color: black;
	margin-top: 20px;
}
body.demo h2 {
	margin: 10px 0;
}
body.demo #addeliverydiv {
	padding: 5px;
	background: #aaa;
}
body.demo #addeliverydiv select {
	margin: 6px 4px 6px 4px;
}
body.demo #customerlink {
	text-decoration: underline;
}
body.demo #submit {
    margin: 20px 0;
}
@media only screen and (max-width: 800px) {
	body.demo,
	body.demo form label	{
		font-size: 18px !important;
	}
	body.demo h1 {
		font-size: 16px;
	}
	body.demo #content {
		padding: 10px !important;
		margin: 0 !important;
	}
	body.demo #wrapper {
		width: 100% !important;
		padding: 0 !important;
	}
	body.demo #news {		
		width: 100% !important;
		padding: 0 !important;
		border: none !important;
		margin: 0 !important;
	}
	body.demo .tabsBlock  {
		margin: 30px 0 0 0 !important;
		width: 100% !important;
	}
	body.demo .demoTab {
		width: 45%;
		text-align: center;
	}
    body.demo a {
        text-decoration: underline !important;
    }
	body.demo #time_work_start,
	body.demo #time_work_end {
		width: 100%;
		min-width: 90%;
		display: block;
		font-size: 20px;
	}
	body.demo select,
	body.demo option {
		font-size: 18px;
	}
	body.demo input[type=submit] {	
		margin-top: 10px;
		width: 100%;
	}
	body.demo .button {
		font-size: 16px;
		width: 45% !important;
		margin: 4px;
		display: inline-block;
		background: white;
		color: black;
		padding: 5px;
		font-weight: bold;
		border: 1px solid #a0cd52;		
		border-radius: 0 !important;
	}
	body.demo select[name='productid_new'] {
		max-width: calc(100% - 8px);
	}
}
@media only screen and (min-width: 1024px) {
#wrapper {
	width: 1196px;
}
#news {
    width: 826px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1385px) {
#wrapper {
	width: 1356px;
}
#news {
    width: 986px;
}
}
@media only screen and (min-width: 1440px) and (max-width: 1626px) {
#wrapper {
	width: 1596px;
}
#news {
    width: 1226px;
}
}@media only screen and (min-width: 1680px) and (max-width: 1866px)  {
#wrapper {
	width: 1836px;
}
#news {
    width: 1466px;
}
}
#demoOver {
	height: auto;
	width: 800px;
	z-index: 1000000;
	display: block;
	position: fixed;
	cursor: progress;
	background: #fff;
	overflow: visible;
}