@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	min-height: 520px;
}

hr {
    height: 1px;
    border: 0;
    background-color: #ccc;
}

img {
    border: 0;
}

center table {
    text-align: left;
}

.clearmca {
	clear: both;
	height: 0px !important;
	width: auto !important;
	border: 0px none !important;
	padding: 0px !important;
	margin: 0px !important;
	display: block !important;
}

:-moz-any-link:focus {outline: none;}
a {outline: none;}
a:active {outline: none;}

a {
	color: #20537b; 
}

a:hover {
	color: #346f9d; 
}

.nopadl {
	padding-left: 0px !important;
}

.nobg {
	background: transparent none !important;
}

.aunder {
	text-decoration: underline !important;
}

.layout {
  padding: 0 40px;
}

/* Header */
.header {
	min-width: 1200px;
	height: 85px;
	text-align: left;
}

.width900 > .header {
  width: 1200px !important;
}

.logo {
	display: block;
	width: 75px;
	height: 75px;
	background: transparent url(/images/MCAgrup.gif) no-repeat left top;
	float: left;
	margin-top: 10px;
}

a.logo:hover {
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	-khtml-opacity: 9;
	opacity:.9;
}

.shortcuts {
	float: right;
	width: 825px;
	text-align: left;
}

.shortcutsl {
	float: left;
	width: 390px;
	margin: 16px 0px 0px 16px;
	color: #737373;
}

.shortcutsl a {
	color: #515151;
	text-decoration: none;
}

.shortcutsl a:hover {
	color: #666666;
	text-decoration: underline;
}

.shortcutsl span {
	color: #c5c5c5;
	font-size: 9px;
	padding: 0px 7px 0px 7px;
	display: inline-block;
}

.shortcutsl strong {
	color: #D8601E;
	padding-left: 2px;
}

.shortcutsr {
	float: right;
	/*width: 390px;*/
	margin: 16px 12px 0px 0px;
	color: #535353;
	text-align: right;
}

.shortcutsr a {
	color: #535353;
	text-decoration: none;
}

.shortcutsr a:hover {
	color: #6c6c6c;
	text-decoration: underline;
}

.shortcutsr select {
	font-size: 11px;
	padding: 1px;
	border: 1px solid #a8a8a8;
	background: transparent url(/images/smallinputbgr.gif) no-repeat left top;
}

.shortcutsr span {
	color: #c4c4c4;
	font-size: 9px;
	padding: 0px 7px 0px 7px;
}

/* Messages */
.error {
	background: #FCEBDD url(/images/error_icon.gif) no-repeat 12px 10px;
	border: 1px solid #E2B18C;
	margin-bottom: 15px;
	padding: 10px 10px 15px 59px;
	color: #BE4D00;
	min-height: 30px;
}

.errormid {
	background-position: 12px center;
}

.error span {
	font-weight: bold;
	font-size: 14px;
	display: block;
}


.success {
	background: #e9ffc5 url(/images/ok_icon.gif) no-repeat 12px 10px;
	border: 1px solid #cde2aa;
	margin-bottom: 15px;
	padding: 10px 10px 15px 59px;
	color: #3f5d0d;
}

.success span {
	font-weight: bold;
	font-size: 14px;
	display: block;
}




/* Backgrounds */
.menu, .menu div , .menu div div, .footer, .footer div , .footer div div {
	background: transparent url(/images/barsprite.gif) no-repeat left top;
}

/* Menu */
.menu {
	min-width: 1200px;
	text-align: left;
	height: 34px;
	margin: 10px 0px 10px 0px;
	background-position: 0px 0px;
	background-repeat: repeat-x !important;
}

.width900 > .menu {
  width: 1200px !important;
}

.menu div {
	background-position: left -34px;
	height: 34px;
}

.menu div div {
	background-position: right -68px;
	height: 34px;
}

.menu ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 6px;
	height: 22px;
}

.menu ul li {
	float: left;
	background: transparent url(/images/bulmenu.gif) no-repeat right 8px;
	padding: 0px 8px 0px 1px;
}

.menu ul li a {
	display: block;
	height: 22px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}

.menu ul li a:hover {
	color: #FCEBDD;
}

.menu ul li a span {
	display: block;
	height: 19px;
	margin: 0px;
	padding: 0px;
	padding: 2px 7px 0px 7px;
}

a.menuon, a.menuon span {
	background: transparent url(/images/menuonsprite.gif) no-repeat left top;
}

a.menuon {
	background-position: left top;
	color: #D8601E !important;
}

a.menuon span {
	background-position: right bottom;
}

*html .menu ul li a {
	width: auto;
	float: left;
}

*html .menu ul li a span {
	width: auto;
	float: left;
}

div#project_loader{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
div#project_loader  div{
    margin: auto;
    position: relative;
    text-align: center;
    top: 50%;
    width: 50%;
}

/* Info */
.box {
	min-width: 1200px;
	text-align: left;
	position: relative;
}

.external .box {
	min-width: 900px;
}

.external.responsive .box {
	min-width: auto;
}

.width900 > .box {
  width: 1200px !important;
}

.boxt, .boxt div, .boxb, .boxb div {
	background: transparent url(/images/bigboxsprite.gif) no-repeat left top;
	height: 9px;
}

.boxt {
	background-color: #e5e5e5;
	background-position: left 0px !important;
}

.boxt div {
	background-position: right -9px !important;
}

.boxb {
	background-color: #e5e5e5;
	background-position: left -18px !important;
}

.boxb div {
	background-position: right -27px !important;
}

.boxm {
	border-left: 9px solid #e5e5e5;
	border-right: 9px solid #e5e5e5;
	padding: 15px 20px 20px 20px;
}



/* Info */
.info {
	min-height: 300px;
}

.info h1 {
	margin: 0px 0px 12px 0px;
	font-size: 22px;
	font-weight: normal;
	color: #000000;
	border-bottom: 1px solid #eaeaea;
}

.info h1 span {
	float: left;
}

.info h1 b {
	float: right;
	padding-left: 7px;
}

.info h1 strong {
	color: #D8601E;
	font-weight: normal;
}

h1.secondary-title {
    margin-bottom: 20px !important;
    border-bottom: none;
    color: #333;
    font-size: 20px;
}

.h127px {height: 27px;}

.info h2 {
	margin: 0px 0px 4px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
}

.info h3 {
	margin: 20px 0px 15px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #D8601E;
	line-height: 10px;
}

.info h4 {
	margin: 0px 0px 4px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #6d7074;
}

.info h4 span {
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}

.info h4 span a {
	color: #194c74;
}

.info h4 span a:hover {
	color: #3576A9;
}

.info h5 {
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #D8601E;
	line-height: 10px;
}

.info .title-ct {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 10px;
}

.info .title-ct h1 {
    border-bottom: none !important;
}

.info .title-ct .left-ct {
    float:left;
    max-width: 500px;
}

.info .title-ct .right-ct {
    float: right;
    margin-right: 10px;
}

.info .promo {
	color: #D8601E;
}

.bold-comments {
    font-size: 14px;
    font-weight: bold;
}


/* Mca table */
.mcatable {
	border: 1px solid #d5d5d5;
	background: #FFFFFF;
}

.mcatable th {
	border-left: 1px solid #d5d5d5;
	padding: 5px;
	color: #4f4f4f;
	font-weight: bold;
	background: #d2d2d2 url(/images/mcatableth.gif) repeat-x left top;
	line-height: 10px;
	font-size: 11px;
	text-align: left;
}

.mcatable th.tdbtredtxt, .mcatable td.tdbtredtxt {
	color: #D8601E;
	font-weight: revert;
}

th.center, td.center {
    text-align: center;
}

th.right, td.right {
    text-align: right;
}

th.left, td.left {
    text-align: left;
}

.mcatableth11 th {
	font-size: 11px !important;
	padding: 3px !important;
}

.mcatable td {
	border-left: 1px solid #d5d5d5;
	padding: 3px 5px 3px 5px;
	color: #151515;
	background: #FFFFFF none;
	font-size: 11px;
}

select.fmcatable {
	background: #FFFFFF url(/images/smallinputbgr.gif);
	border: 1px solid #8d8d8d;
	padding: 1px 1px 1px 1px;
	color: #000000;
	background: #FFFFFF none;
	font-size: 11px;
	width: 85px;
}

/*.mcatable td select. {
	background: #FFFFFF url(/images/smallinputbgr.gif);
	border: 1px solid #8d8d8d;
	padding: 1px 1px 1px 1px;
	color: #000000;
	background: #FFFFFF none;
	font-size: 11px;
	width: 85px;
}*/

input.fmcatable {
	background: #FFFFFF url(/images/smallinputbgr.gif);
	border: 1px solid #8d8d8d;
	padding: 1px 1px 1px 1px;
	color: #000000;
	background: #FFFFFF none;
	font-size: 11px;
	width: 80px;
}

/*.mcatable td input. {
	background: #FFFFFF url(/images/smallinputbgr.gif);
	border: 1px solid #8d8d8d;
	padding: 1px 1px 1px 1px;
	color: #000000;
	background: #FFFFFF none;
	font-size: 11px;
	width: 80px;
}*/

.mcatablecal {
	padding: 2px 1px 2px 1px !important;
	width: 60px !important;
	vertical-align: middle;
	background: #FFFFFF url(/images/smallinputbgr.gif);
	border: 1px solid #8d8d8d;
	color: #000000;
	background: #FFFFFF none;
	font-size: 11px;
}

.mcatable1pxpad {
	padding: 1px !important;
}

.mcatable2pxpad {
	padding: 2px !important;
}

.mcatablegrow td {
	background: #f9f9f9 none;
}

.discounts_table {
  font-size: 13px;
}

.discounts_table td {
  padding: 2px;
}

.service_door_item {
	height: 28px;
	line-height: 28px;
}

.service-door-waste-info span {
	display: inline-block;
	padding: 3px 5px;
	background-color: #f0f0f0;
	margin: 2px 5px 0 0;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
}

.financial {
    font-weight: bold;
}

.financial.good {
	color: #090 !important;
}

.financial.neutral {
	color: #000 !important;
}

.financial.bad {
	color: #c00 !important;
}

.disabled-row td {
	background: #FCEBDD;
}

.mcatable th {
    cursor: pointer;
    cursor: hand;
}

.mcatabletrow td {
	background: #dfdfdf none;
	border-left: 1px solid #c7c7c7;
	color: #D8601E !important;
}

.mcatabletrow-bold td {
	background: #dfdfdf none;
	border-left: 1px solid #c7c7c7;
	color: #D8601E !important;
    font-weight: bold;
}

.mcatabletrow-emphasize td {
	border-left: 1px solid #c7c7c7;
	color: #fff !important;
    font-weight: bold;
    font-size: 14px;
}

.mcatabletrow-emphasize.good td {
	background: #060 none;
}

.mcatabletrow-emphasize.neutral td {
	background: #666 none;
}

.mcatabletrow-emphasize.bad td {
	background: #600 none;
}

.mcatablegrayrow td {
	background: #dfdfdf none;
	border-left: 1px solid #c7c7c7;
	color: #000000 !important;
	border-top: 1px solid #c7c7c7;
}

.mcatableyelrow td {
	background: #f7eda9 none;
	border-left: 1px solid #e4d677;
	color: #000000 !important;
}

.mcatableredrow td {
	background: #FCEBDD none;
	border-left: 1px solid #E2B18C;
	color: #BE4D00 !important;
}

.mcasubtablewrow td {
	color: #000000;
	padding: 2px 5px 2px 5px;
}

.mcasubtablegrow td {
	color: #555555;
	padding: 2px 5px 2px 5px;
}

.mcasubtableopenrow td {
	padding: 3px 5px 0px 5px !important;
}

.mcasubtablepadtd {
	padding-left: 19px !important;
}

.mcatabletd3pxpad td {padding: 3px !important}

.mcatable td b {
	color: #656565;
}

.mcatable td a {
	color: #194c74;
}

.mcatable td a:hover {
	color: #3576a9;
}

.mcatable tr:hover td {
	background-color: #f0f0f0;
}

.mcatablef0 {
	border-left: 0px none !important;
}

.mcatable td.error, .mcatable td.error input, .mcatable td.error select, .mcatable td.error .chzn-container-single .chzn-single, .mcatable td.error a:hover {
	color: #BE4D00;
}

.mcatable td.error {
	border: none;
	border-left: 1px solid #d5d5d5;
}

.no-results {
    text-align: center; 
    padding: 10px !important;
}

.plusminicn {
	margin-right: 4px;
	vertical-align: middle;
	margin-top: -2px;
}

.mcatabledetail td {
	font-weight: bold;
}

.smselect80px {width: 80px !important;}

.mcatabletdgreen {color: #3a8800 !important;}
.mcatabletdred {color: #a40000 !important;}

.mcatable .comments-header {
	float: left;
}

.mcatable .comments-header div {
  position: relative;
  top: 10px;
  clear: both;	
}

.mcatable .client-status-not_viewed {       /* nevizualizat */
    font-weight: bold;
}

.mcatable .client-status-viewed {           /* vizualizat */
    font-weight: normal;
}

.listing-legend .client-status-ongoing,
.mcatable .client-status-ongoing td {       /* in derulare */
    background: #f1f279;
}

.listing-legend .client-status-completed,
.mcatable .client-status-completed td {     /* finalizat */
    background: #5dff71;
}

.listing-legend .client-status-canceled,
.mcatable .client-status-canceled td {      /* anulat / pierdut */
    background: #ff524d;
}

.listing-legend .client-status-fake_contact,
.mcatable .client-status-fake_contact td {  /* contact fals */
    background: #666;
    color: white;
}
.mcatable .client-status-fake_contact td a { color: white; }

.listing-legend .client-status-duplicate,
.mcatable .client-status-duplicate td {     /* dublura */
    background: #ccc;
}

.listing-legend .client-status-price_check,
.mcatable .client-status-price_check td {   /* verificare pret */
    background: #ffffcc;
}

.listing-legend .client-status-target_missed,
.mcatable .client-status-target_missed td { /* in afara target-ului */
    background: #ffcc99;
}

.listing-legend {}

.listing-legend ul { 
    margin: 5px 0 0 0; 
    padding: 0; 
}

.listing-legend ul li { 
    margin: 0; 
    padding: 0;
    display: inline; 
}

.listing-legend ul li span { 
    padding: 0; 
    display: inline-block;
    background: #444;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    margin: 0 5px 0 10px;
}

.listing-legend ul li.first span {
    margin-left: 0;
}

.listing-action-buttons {
    margin-bottom: 10px;
}

.crm-timing-data {
    width: 50%;
    float: left;
    overflow: hidden;
}

.crm-timing-charts {
    width: 50%;
    float: left;
    overflow: hidden;
}

.crm-project-sale-process-history {}

.crm-project-competitor-document {
    float: left;
    margin-right: 5px;
}



.crm-project-competitor-document-controls {
    display: none;
}

.crm-project-competitor-document-title {
    margin: 10px 0 15px 0;
}

/* Dashboard chart */
.google-chart-pie {
    margin: 20px;
}

.google-chart-line {
    margin: 40px;
}

#dashboard-tracking-projects-evolution-chart-div_AnnotationChart_borderDiv {
    border:0;
}

.dashboard-pie-chart-small {
    width: 350px;
    height: 200px;
}


/* Form */

.checkbox-label, label.checkbox-label, .formr label.checkbox-label {
	display: inline;
	cursor: default;
}


.formr {
	margin-bottom: 10px;
	font-size: 14px;
}

.formr.v-spaced {
    margin-top: 5px;
    margin-bottom: 20px;
}

.formr5 {
	margin-bottom: 5px !important;
}

.formr0 {
	margin-bottom: 0px !important;
}

.formr label {
	font-size: 14px;
	color: #535353;
	display: block;
}

.formr label em {
	color: #D8601E;
	font-style: normal;
}

.formr small {
	font-size: 11px;
	display: block;
	color: #6c6c6c;
}

.fnote {
	font-size: 11px;
	display: inline-block;
	color: #6c6c6c;
	vertical-align: middle;
}

.formr a {
	color: #20537b; 
	text-decoration: none;
}

.formr a:hover {
	color: #346f9d; 
}

.formr span {
	font-size: 14px;
	color: #000000;
	display: block;
	font-weight: bold;
}

span.transport_weight_price_div, span.transport_mca_price_div {
	display: inline;
	font-weight: normal;
}

.rawhtml span {
	display: inline;
}

.formr15 {
	float: left;
	min-width: 15px;
	padding-right: 5px;
}

.formr50 {
	float: left;
	min-width: 50px;
	padding-right: 5px;
}

.formr55 {
	float: left;
	min-width: 55px;
	padding-right: 5px;
}

.formr70 {
	float: left;
	min-width: 70px;
	padding-right: 5px;
}

.formr75 {
	float: left;
	min-width: 75px;
	padding-right: 5px;
}

.formr95 {
	float: left;
	min-width: 95px;
	padding-right: 5px;
}

.formr110 {
	float: left;
	min-width: 110px;
	padding-right: 5px;
}

.formr115 {
	float: left;
	min-width: 115px;
	padding-right: 5px;
}

.formr123 {
	float: left;
	min-width: 123px;
	padding-right: 5px;
}

.formr133 {
	float: left;
	min-width: 133px;
	padding-right: 5px;
}

.formr145 {
	float: left;
	min-width: 145px;
	padding-right: 5px;
}

.formr185 {
	float: left;
	min-width: 185px;
	padding-right: 5px;
}

.formr190 {
	float: left;
	min-width: 190px;
	padding-right: 5px;
}

.formr226 {
	float: left;
	min-width: 226px;
	padding-right: 5px;
}

.formr245 {
	float: left;
	min-width: 245px;
	padding-right: 5px;
}

.formr249 {
	float: left;
	min-width: 249px;
	padding-right: 5px;
}

.formr271 {
	float: left;
	min-width: 271px;
	padding-right: 5px;
}

.formr290 {
	float: left;
	min-width: 290px;
	padding-right: 5px;
}

.formr318 {
	float: left;
	min-width: 318px;
	padding-right: 5px;
}

.formr328 {
	float: left;
	min-width: 328px;
	padding-right: 5px;
}

.formr411 {
	float: left;
	min-width: 411px;
	padding-right: 5px;
}

.formr525 {
    float: left;
    min-width: 525px;
    padding-right: 5px;
}

.formr-nolabel {
    padding-top: 10px;
}

.formr-middle {
    padding-top: 21px;
}

.finput {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #a6a6a6;
	font-size: 14px;
	color: #000000;
	padding: 5px;
	width: 258px;
}

.finputon {
	background: #FFFFFF url(/images/biginputbgrfocus.gif) no-repeat left top;
}

.finput.hasDatepicker {
	height: 15px;
}

.calinput.hasDatepicker {
	height: 15px;
	margin-bottom: 2px;
}

div.finput {
	padding: 4px 5px 6px 5px;
	overflow: hidden;
	min-height: 18px;
	cursor: text;
}

.finputsm {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #a6a6a6;
	font-size: 11px;
	color: #000000;
	padding: 2px 1px 1px 1px !important;
	vertical-align: middle;
}

.finputauto {
	width: auto !important;
}

.finput30 {
	width: 30px !important;
	padding: 2px !important;
}

.finput35 {
	width: 35px !important;
}

.finput55 {
	width: 55px !important;
}

.finput70 {
	width: 70px !important;
}

.finput90 {
	width: 90px !important;
}

.finput102 {
	width: 102px !important;
}

.finput113 {
	width: 113px !important;
}

.finput127 {
	width: 127px !important;
}

.finput152 {
	width: 152px !important;
}

.finput175 {
	width: 175px !important;
}

.finput200 {
	width: 200px !important;
}

.finput213 {
	width: 213px !important;
}

.finput227 {
	width: 227px !important;
}

.finput241 {
	width: 241px !important;
}

.finput263 {
    width: 263px !important;
}

.finput266 {
	width: 266px !important;
}

.finput277 {
	width: 277px !important;
}

.finput281 {
	width: 281px !important;
}

.finput293 {
	width: 293px !important;
}

.finput304 {
	width: 304px !important;
}

.finput463 {
    width: 463px;
}

.finput500 {
	width: 458px;
}

.finput513 {
    width: 513px;
}

.finput533 {
	width: 533px;
}

.disinput {
	background: #d6d2c9 none !important;
	color: #81807e;
	text-shadow: #eae9e7 1px 1px;
}

.calinput {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #a6a6a6;
	font-size: 14px;
	color: #000000;
	padding: 5px;
	/* height: 17px; html 4.1 strict bug */ 
	font-weight: bold;
	width: 100px;
	vertical-align: middle;
}

.calinput, x:-moz-any-link {padding: 4px 5px 4px 5px;}
.calinput, x:-moz-any-link, x:default {padding: 4px 5px 4px 5px;}

.formalignm {
	margin-top: 21px;
	font-size: 14px;
}

.sformachk {
	margin-top: 4px;
	font-size: 11px;
	color: #6b6b6b;
}

.sformalignm {
	margin-top: 19px;
	font-size: 10px;
	color: #494949;
}

.sformalignmsel {
	margin-top: 25px;
}

.fselect {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #a6a6a6;
	font-size: 14px;
	color: #000000;
	padding: 4px;
	width: 270px;
}

.fselecton {
        background: #fff5af url(/images/biginputbgrfocus.gif) no-repeat left top;
}

.fselectsmall {
	border: 1px solid #a6a6a6;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	margin-bottom: 2px;
	width: 100px;
	background: #FFFFFF url(/images/smallinputbgr.gif) no-repeat left top;
}

.fselectbold {
	font-weight: bold;
}

.fselect70 {
	width: 70px !important;
}

.fselect80 {
	width: 80px !important;
}

.fselect95 {
	width: 95px !important;
}

.fselect125 {
        width: 125px !important;
}

.fselect135 {
        width: 135px !important;
}

.fselect145 {
	width: 145px !important;
}

.fselect180 {
	width: 180px;
}

.fselect215 {
	width: 215px !important;
}

.fselect225 {
	width: 225px;
}

.fselect239 {
	width: 239px;
}

.fselect281 {
	width: 281px;
}

.fselect283 {
	width: 283px;
}

.fselect293 {
	width: 293px !important;
}

.fselect316{
	width: 316px;
}

.fselect472 {
	width: 472px;
}

.fselectauto {
	width: auto !important;
}

.fselecth210 {
	height: 210px;
}

.ftextarea {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #a6a6a6;
	font-size: 14px;
	color: #000000;
	padding: 4px;
	width: 260px;
	font-family: Arial, Helvetica, sans-serif;
}

.ftextarea390 {
	width: 390px;
}

.ftextarea465 {
	width: 472px;
}

.ftextarea472 {
	width: 472px;
}

.ftextarea753 {
	width: 753px;
}

.ftextarea830 {
	width: 830px;
	height: 200px;
}

.ftextareah73 {
	height: 73px;
}

.ftextareah128 {
	height: 128px;
}

.ftextareah150 {
	height: 150px;
}

.ftextareah200 {
	height: 200px;
}

.formrgreen {
	color: #3c7500;
}

.formrgreen label {
	color: #4e8514;
}

.formrgreen input {
	background: #FFFFFF url(/images/greenbiginputbgr.gif) no-repeat left top;
	border: 1px solid #6ba12b;
	font-size: 14px;
	color: #203f00;
}

.fcheckbox {
	vertical-align: middle;
	margin: 1px 3px 3px 0px;
}

.fradio {
	vertical-align: middle;
	margin: 1px 2px 3px 0px;
}

.fradio[disabled] {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	-khtml-opacity:.70;
	opacity:.70;
}

.simplemessage {
	font-size: 14px;
}

.simplemessage strong {
	color: #D8601E;
}

.pass_strength {
	font-size: 10px;
	color: #414141;
	padding-top: 13px;
}

.pass_strength div {
	height: 6px;
	width: 225px;
	background: transparent url(/images/pass_strength.gif) no-repeat;
}

.bdrollimg {
	border: 1px solid #cbcbcb;
	margin: 16px 0px 0px 0px;
}

.graybdspacer {
	height: 1px;
	background-color: #d2d2d2;
	margin: 20px 0px 20px 0px;
}

.formfilter {
	border: 1px solid #DDDDDD;
	background: #EEEEEE none;
	padding: 8px 8px 8px 8px;
}

.formfilter .formr {
	margin-bottom: 6px;
}

.formfilter .formr>a.delete_icn {
    float: left; 
    margin: 14px 5px 0px 0px;
}

.formfilter select {
	font-size: 11px;
	padding: 1px;
}

.formfilter label {
	font-size: 11px;
}

.formfilter label.checkbox-label {
    padding-right: 10px;
}

.formfilter .mcatablecal {
	width: 110px !important;
}

.link {
	width: 8px;
	height: 62px;
	float: right;
	background: transparent url(/images/link.png) no-repeat left top;
	margin-top: 30px;
}

.linkf {
	width: 8px;
	height: 62px;
	float: left;
	background: transparent url(/images/linkf.png) no-repeat left top;
	margin-top: 30px;
	margin-right: 6px;
}


/* Rollbox */
.rollbox {
	width: 634px;
}

.rollbox em {font-style: normal; font-weight: bold; color: #575757;}

.rollboxtop3 {height: 216px; background: transparent url(/images/triplerolltop.gif) no-repeat left top;}
.rollboxtop31 {height: 182px; background: transparent url(/images/triplerolltop1.gif) no-repeat left top;}
.rollboxtop32 {height: 236px; background: transparent url(/images/triplerolltop2.gif) no-repeat left top;}
.rollboxtop32s {height: 236px; background: transparent url(/images/triplerolltop2s.gif) no-repeat left top;}
.rollboxbg3 {background: transparent url(/images/triplerollbg.gif) repeat-y left top;}
.rollboxbot3 {height: 18px;	background: transparent url(/images/triplerollbot.gif) no-repeat left top;}

.rollboxtop2 {height: 215px; background: transparent url(/images/doublerolltop.gif) no-repeat left top;}
.rollboxtop21 {height: 189px; background: transparent url(/images/doublerolltop1.gif) no-repeat left top;}
.rollboxbg2 {background: transparent url(/images/doublerollbg.gif) repeat-y left top;}
.rollboxbot2 {height: 18px;	background: transparent url(/images/doublerollbot.gif) no-repeat left top;}

.rollboxtop1 {height: 166px; background: transparent url(/images/singlerolltop.gif) no-repeat left top;}
.rollboxbg1 {background: transparent url(/images/singlerollbg.gif) repeat-y left top;}
.rollboxbot1 {height: 18px;	background: transparent url(/images/singlerollbot.gif) no-repeat left top;}

.wbarroll {
	background: transparent url(/images/wbarroll.gif) no-repeat left top;
	height: 24px;
	padding-bottom: 6px;
}

.wbarroll strong {float: left; color: #268402; font-size: 11px; font-weight: bold; margin: 7px 0px 0px 15px; max-width: 400px; white-space: nowrap; overflow: hidden;}
.wbarroll span {float: right; color: #5a86a8; font-size: 11px; font-weight: bold; margin: 4px 0px 0px 0px;}
.wbarroll em {float: right; color: #D8601E; font-size: 11px; font-weight: bold; margin: 7px 12px 0px 0px; max-width: 250px; white-space: nowrap; overflow: hidden;}

.rbarroll {
	background: transparent url(/images/rbarroll.gif) no-repeat left top;
	height: 24px;
}

.rbarroll div {padding: 4px 0px 0px 15px; color: #FFFFFF; font-weight: bold;; font-size: 12px;}
.rbarroll strong {color: #e3a6a6; font-weight: normal;}

.roll31, .roll32, .roll33 {float: left;	width: 195px; margin-top: 36px; background-repeat: repeat-x; background-position: left 37px;}
.roll31 {margin-left: 11px;}
.roll32 {margin: 36px 14px 0px 14px;}
.roll33 {margin-right: 10px;}
.rolltitle3 {height: 37px;}
.rollhradiol {float: left; width: 18px; margin-left: 9px; height: 28px; margin-top: 9px;}
.rollhradior {float: left; width: 18px; margin-right: 9px; height: 28px; margin-top: 9px;}
.rollhtitle {float: left; width: 141px; font-size: 11px; color: #565656; text-shadow: #d1d1d1 1px 1px; font-weight: bold; margin-top: 11px;}

.roll311, .roll321, .roll331 {float: left;	width: 175px; padding: 7px 10px 3px 10px;}
.roll311 {margin-left: 11px;}
.roll321 {margin: 0px 14px 0px 14px;}
.roll331 {margin-right: 10px;}
.roll311 strong, .roll321 strong, .roll331 strong {display: block;}
.roll311 span, .roll321 span, .roll331 span {float: left; margin-top: 4px;}
.roll311 em, .roll321 em, .roll331 em {float: right;}

.roll21 {float: left; width: 300px; margin: 36px 0px 0px 11px; background-repeat: repeat-x; background-position: left 37px;}
.roll22 {float: left; width: 299px; margin: 36px 0px 0px 14px; background-repeat: repeat-x; background-position: left 37px;}
.rolltitle21, .rolltitle22 {height: 37px;}
.rolltitle21 .rollhtitle {width: 246px;}
.rolltitle22 .rollhtitle {width: 245px;}
.roll211 {float: left; width: 280px; padding: 7px 10px 3px 10px; margin-left: 11px;}
.roll221 {float: left; width: 279px; padding: 7px 10px 3px 10px; margin: 0px 0px 0px 14px;}
.roll211 strong, .roll221 strong {display: block;}
.roll211 span, .roll221 span {float: left; margin-top: 4px;}
.roll211 em, .roll221 em {float: right;}

.rolldiv175 {width: 175px;}

.roll11 {float: left; width: 613px; margin: 36px 0px 0px 11px; background-repeat: repeat-x; background-position: left 37px;}
.rolltitle1 {height: 37px;}
.rolltitle1 .rollhtitle {width: 558px;}


.rollselect {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #a6a6a6;
	font-size: 11px;
	color: #333333;
	padding: 2px;
	width: 175px;
	margin-bottom: 5px;
}

.rollselect option {
	font-size: 13px;
}

option.inventory-info {
	background-color: #FCEBDD;
}

.fselecton option.inventory-info {
	background-color: #ffaaaa;
}

.rollinput {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #b0b0b0;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 3px;
	width: 50px;
	margin-bottom: 4px;
}

.rollinputqty {
	background: #FFFFFF url(/images/biginputbgr.gif) no-repeat left top;
	border: 1px solid #747474;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 2px;
	width: 30px;
	margin-bottom: 4px;
}

.rollconfiguration {
	display: inline-block;
	position: absolute;
	top: 40px;
	left: 640px;
	min-width: 23px;
	height: 20px;
	padding: 3px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ababab;
	border: 3px solid #ababab;
	border-radius: 15px;
	cursor: default;
}

.rollconfigurationerror {
	color: #D8601E;
	border-color: #D8601E;
}

.rollconfigurationsuccess {
	color: #268402;
	border-color: #268402;
}

.rollerrorbox {
	position: absolute;
	top: 91px;
	left: 638px;
	width: 103px;
	height: 80px;
}

.rollerrorbox span {
	margin: 10px 0;
}

.guidebox {height: 64px;}
.guideout {font-weight: bold; color: #053b65; text-shadow: #e2e2e2 1px 1px; padding-top: 4px; margin-left: -14px; position: relative; z-index: 2;}
.guideout input {margin-right: 12px; margin-top: 2px;}
.guideboxbg {height: 209px; margin-left: -23px; margin-top: -67px; position: absolute; width: 32px; background-repeat: no-repeat; background-position: left top; z-index: 1;}

.hiddenrolldiv {display: none;}
.flynet {background-image: url(/images/flystop.gif);}
.rollviewtxt {padding: 15px 15px 10px 15px;}
.rollview b {color: #585858;}

/* Partial insect screens */
.pis_details {padding: 20px; position: relative;}
.pis_details em {display: inline-block; width: 100px;}
.pis_preview_img {position: absolute; margin: -90px 0 0 250px; width: 250px; height: 100px; border: 1px solid #000000;}
.pis_h_img {position: absolute; margin: -90px 0 0 508px;}
.pis_metric {position: absolute; display: none; font-size: 20px; text-align: center; text-shadow: 2px 2px 9px #000000; top: 48px;}

.pis_1.pis_width1 {left: 271px; width: 112px;}
.pis_1.pis_offset2 {left: 384px; width: 138px;}
.pis_2.pis_offset1 {left: 272px; width: 81px;}
.pis_2.pis_width1 {left: 354px; width: 83px;}
.pis_2.pis_offset2 {left: 439px; width: 81px;}
.pis_3.pis_width1 {left: 272px; width: 77px;}
.pis_3.pis_offset2 {left: 351px; width: 90px;}
.pis_3.pis_width2 {left: 443px; width: 77px;}
.pis_4.pis_width1 {left: 272px; width: 127px;}
.pis_4.pis_width2 {left: 405px; width: 115px;}
.pis_5.pis_offset1 {left: 272px; width: 135px;}
.pis_5.pis_width1 {left: 409px; width: 111px;}

.pis_height {left: 538px;}
.pis_note {margin-top: 17px; color: #D8601E;}

/* Drives & Curtains */
.position_container {
	position: relative;
}
.position_container img {
	float: left;
	padding-bottom: 5px;
}
.position_container select {
	float: right;
	width: 94px;
}
.position_label {
	position: absolute;
	font-size: 13px;
}
.position_title {
	float: right;
	text-align: right;
	max-width: 105px;
	font-size: 11px;
	font-weight: bold;
}
.selected_position_label {
	color: #ff0000;
	font-weight: bold;
}

.position_container_OBX45 .position_label_OBXSR,
.position_container_OBX45 .position_label_UBX,
.position_container_OBX45 .position_label_UBXP,
.position_container_OBX45 .position_label_SBX,
.position_container_OBX45 .position_label_FOBX45,
.position_container_OBX45 .position_label_FOBXSR,
.position_container_OBX45 .position_label_FOBX90,
.position_container_OBX45 .position_label_FUBX,

.position_container_OBXSR .position_label_OBX45,
.position_container_OBXSR .position_label_UBX,
.position_container_OBXSR .position_label_UBXP,
.position_container_OBXSR .position_label_SBX,
.position_container_OBXSR .position_label_FOBX45,
.position_container_OBXSR .position_label_FOBXSR,
.position_container_OBXSR .position_label_FOBX90,
.position_container_OBXSR .position_label_FUBX,

.position_container_UBX .position_label_OBX45,
.position_container_UBX .position_label_OBXSR,
.position_container_UBX .position_label_SBX,
.position_container_UBX .position_label_UBXP,
.position_container_UBX .position_label_FOBX45,
.position_container_UBX .position_label_FOBXSR,
.position_container_UBX .position_label_FOBX90,
.position_container_UBX .position_label_FUBX,

.position_container_UBXP .position_label_OBX45,
.position_container_UBXP .position_label_OBXSR,
.position_container_UBXP .position_label_SBX,
.position_container_UBXP .position_label_UBX,
.position_container_UBXP .position_label_FOBX45,
.position_container_UBXP .position_label_FOBXSR,
.position_container_UBXP .position_label_FOBX90,
.position_container_UBXP .position_label_FUBX,

.position_container_SBX .position_label_OBX45,
.position_container_SBX .position_label_OBXSR,
.position_container_SBX .position_label_UBX,
.position_container_SBX .position_label_UBXP,
.position_container_SBX .position_label_FOBX45,
.position_container_SBX .position_label_FOBXSR,
.position_container_SBX .position_label_FOBX90,
.position_container_SBX .position_label_FUBX,

.position_container_FOBX45 .position_label_OBX45,
.position_container_FOBX45 .position_label_OBXSR,
.position_container_FOBX45 .position_label_UBX,
.position_container_FOBX45 .position_label_UBXP,
.position_container_FOBX45 .position_label_SBX,
.position_container_FOBX45 .position_label_FOBX45,
.position_container_FOBX45 .position_label_FOBXSR,
.position_container_FOBX45 .position_label_FOBX90,
.position_container_FOBX45 .position_label_FUBX,

.position_container_FOBXSR .position_label_OBX45,
.position_container_FOBXSR .position_label_OBXSR,
.position_container_FOBXSR .position_label_UBX,
.position_container_FOBXSR .position_label_UBXP,
.position_container_FOBXSR .position_label_SBX,
.position_container_FOBXSR .position_label_FOBX45,
.position_container_FOBXSR .position_label_FOBX90,
.position_container_FOBXSR .position_label_FUBX,

.position_container_FUBX .position_label_OBX45,
.position_container_FUBX .position_label_OBXSR,
.position_container_FUBX .position_label_UBX,
.position_container_FUBX .position_label_UBXP,
.position_container_FUBX .position_label_SBX,
.position_container_FUBX .position_label_FOBX45,
.position_container_FUBX .position_label_FOBXSR,
.position_container_FUBX .position_label_FOBX90 {
	display: none;
}

.drive_escape_OBX45_1 {top: 5px; left: 4px;}
.drive_escape_OBX45_2 {top: 29px; left: 4px;}
.drive_escape_OBX45_3 {top: 5px; left: 63px;}
.drive_escape_OBX45_4 {top: 35px; left: 58px;}
.drive_escape_OBX45_5 {top: 40px; left: 32px;}
.drive_escape_OBXSR_1 {top: 5px; left: 10px;}
.drive_escape_OBXSR_2 {top: 29px; left: 10px;}
.drive_escape_OBXSR_3 {display: none;}
.drive_escape_OBXSR_4 {display: none;}
.drive_escape_UBX_T {top: 6px; left: 63px;}
.drive_escape_UBX_B {top: 40px; left: 44px;}
.drive_escape_UBXP_T {top: 6px; left: 63px;}
.drive_escape_UBXP_B {top: 40px; left: 44px;}
.drive_escape_FUBX_T {top: 6px; left: 63px;}
.drive_escape_FUBX_B {top: 40px; left: 44px;}
.drive_escape_FOBX45_1 {top: 5px; left: 4px;}
.drive_escape_FOBX45_2 {top: 29px; left: 4px;}
.drive_escape_FOBX45_3 {top: 5px; left: 63px;}
.drive_escape_FOBX45_4 {top: 35px; left: 58px;}
.drive_escape_FOBX45_5 {top: 40px; left: 32px;}
.drive_escape_FOBXSR_1 {top: 5px; left: 10px;}
.drive_escape_FOBXSR_2 {top: 29px; left: 10px;}
.drive_escape_FOBXSR_3 {display: none;}
.drive_escape_FOBXSR_4 {display: none;}
.drive_escape_FOBX90_1 {top: 5px; left: 4px;}
.drive_escape_FOBX90_2 {top: 29px; left: 4px;}
.drive_escape_FOBX90_3 {top: 5px; left: 63px;}
.drive_escape_FOBX90_4 {top: 35px; left: 58px;}
.drive_escape_FOBX90_5 {top: 40px; left: 32px;}
.drive_escape_UGR_1 {top: 3px; left: 4px;}
.drive_escape_UGR_2 {top: 28px; left: 4px;}
.drive_escape_UGR_3 {top: 3px; left: 63px;}
.drive_escape_UGR_4 {top: 30px; left: 60px;}
.drive_escape_UGR_5 {top: 40px; left: 32px;}

.drive_placement_UGR_ST {top: 2px; left: 4px;}
.drive_placement_UGR_DR {top: 2px; left: 52px;}

.handle_placement_OBX45_A {top: 42px; left: 7px;}
.handle_placement_OBX45_B {top: 42px; left: 46px;}
.handle_placement_OBXSR_A {top: 42px; left: 5px;}
.handle_placement_OBXSR_B {top: 42px; left: 46px;}
.handle_placement_UBX_A {top: 42px; left: 7px;}
.handle_placement_UBX_B {top: 42px; left: 46px;}
.handle_placement_UBXP_A {top: 42px; left: 7px;}
.handle_placement_UBXP_B {top: 42px; left: 46px;}
.handle_placement_SBX_A {top: 42px; left: 7px;}
.handle_placement_SBX_B {top: 42px; left: 46px;}
.handle_placement_FOBX45_A {top: 42px; left: 7px;}
.handle_placement_FOBX45_B {top: 42px; left: 46px;}
.handle_placement_FOBXSR_A {top: 42px; left: 5px;}
.handle_placement_FOBXSR_B {top: 42px; left: 46px;}
.handle_placement_FOBX90_A {top: 42px; left: 7px;}
.handle_placement_FOBX90_B {top: 42px; left: 46px;}
.handle_placement_FUBX_A {top: 42px; left: 7px;}
.handle_placement_FUBX_B {top: 42px; left: 46px;}

.cable_escape_OBX45_Y {top: 3px; left: 6px;}
.cable_escape_OBX45_X {top: 27px; left: 7px;}
.cable_escape_OBX45_Z {top: 51px; left: 7px;}
.cable_escape_OBX45_G {top: 51px; left: 45px;}
.cable_escape_OBXSR_Y {top: 3px; left: 4px;}
.cable_escape_OBXSR_X {top: 27px; left: 5px;}
.cable_escape_OBXSR_Z {top: 51px; left: 5px;}
.cable_escape_OBXSR_G {top: 51px; left: 45px;}
.cable_escape_UBX_Y {top: 3px; left: 6px;}
.cable_escape_UBX_X {top: 27px; left: 7px;}
.cable_escape_UBX_Z {top: 51px; left: 7px;}
.cable_escape_UBX_G {top: 51px; left: 45px;}
.cable_escape_UBXP_Y {top: 3px; left: 6px;}
.cable_escape_UBXP_X {top: 27px; left: 7px;}
.cable_escape_UBXP_Z {top: 51px; left: 7px;}
.cable_escape_UBXP_G {top: 51px; left: 45px;}
.cable_escape_SBX_Y {top: 3px; left: 6px;}
.cable_escape_SBX_X {top: 27px; left: 7px;}
.cable_escape_SBX_Z {top: 51px; left: 7px;}
.cable_escape_SBX_G {top: 51px; left: 45px;}
.cable_escape_FOBX45_Y {top: 3px; left: 6px;}
.cable_escape_FOBX45_X {top: 27px; left: 7px;}
.cable_escape_FOBX45_Z {top: 51px; left: 7px;}
.cable_escape_FOBX45_G {top: 51px; left: 45px;}
.cable_escape_FOBXSR_Y {top: 3px; left: 4px;}
.cable_escape_FOBXSR_X {top: 27px; left: 5px;}
.cable_escape_FOBXSR_Z {top: 51px; left: 5px;}
.cable_escape_FOBXSR_G {top: 51px; left: 45px;}
.cable_escape_FOBX90_Y {top: 3px; left: 6px;}
.cable_escape_FOBX90_X {top: 27px; left: 7px;}
.cable_escape_FOBX90_Z {top: 51px; left: 7px;}
.cable_escape_FOBX90_G {top: 51px; left: 45px;}
.cable_escape_FUBX_Y {top: 3px; left: 6px;}
.cable_escape_FUBX_X {top: 27px; left: 7px;}
.cable_escape_FUBX_Z {top: 51px; left: 7px;}
.cable_escape_FUBX_G {top: 51px; left: 45px;}

.key_lock_placement_OBX45_A {top: 42px; left: 7px;}
.key_lock_placement_OBX45_B {top: 42px; left: 46px;}
.key_lock_placement_OBXSR_A {top: 42px; left: 5px;}
.key_lock_placement_OBXSR_B {top: 42px; left: 46px;}
.key_lock_placement_UBX_A {top: 42px; left: 7px;}
.key_lock_placement_UBX_B {top: 42px; left: 46px;}
.key_lock_placement_UBXP_A {top: 42px; left: 7px;}
.key_lock_placement_UBXP_B {top: 42px; left: 46px;}
.key_lock_placement_SBX_A {top: 42px; left: 7px;}
.key_lock_placement_SBX_B {top: 42px; left: 46px;}
.key_lock_placement_FOBX45_A {top: 42px; left: 7px;}
.key_lock_placement_FOBX45_B {top: 42px; left: 46px;}
.key_lock_placement_FOBXSR_A {top: 42px; left: 5px;}
.key_lock_placement_FOBXSR_B {top: 42px; left: 46px;}
.key_lock_placement_FOBX90_A {top: 42px; left: 7px;}
.key_lock_placement_FOBX90_B {top: 42px; left: 46px;}
.key_lock_placement_FUBX_A {top: 42px; left: 7px;}
.key_lock_placement_FUBX_B {top: 42px; left: 46px;}

.key_lock_note {border: 1px solid #a6a6a6; padding: 2px 4px; border-radius: 4px; background: #ffffff; margin: 0 0 2px 0 !important;}

/* Buttons */
.btnbar {
	/*
	height: 30px;
	padding: 15px 0px 10px 0px;
	*/
}

.btn-save-questionnaire-question {
    white-space: nowrap; 
    margin-bottom: 30px;
}

.btnbar.right {
    text-align: right;
}

.d-inline {
    display: inline;
}

.d-hidden {
    display: none;
}

.hidden {
    display: none !important;
}

.actbtn, .actbtn span, .graybtn, .graybtn span, .editbtn, .editbtn span, a.actbtn:hover, a.actbtn:hover span, a.editbtn:hover, a.editbtn:hover span, a.graybtn:hover, a.graybtn:hover span, .disbtn, .disbtn span, .graysbtn, .graysbtn span, .actsfbtn, .actsfbtn span, .graysmbtn, .graysmbtn span {
	background: transparent url(/images/btnsprite.gif) no-repeat left top;
	cursor: pointer;
	cursor: hand;
}

.actbtn, .graybtn, .editbtn, .disbtn {
	border: 1px solid #FFFFFF;
	height: 30px;
	margin: 15px 10px 10px 0px;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.actbtn:last-child, .graybtn:last-child, .editbtn:last-child, .disbtn:last-child {
	margin-right: 0;
}

.actbtn span, .graybtn span, .editbtn span, .disbtn span {
	display: inline-block;
	height: 23px;
	padding: 7px 20px 0px 20px;
}

.actbtn, .graybtn, .editbtn, .disbtn, .graysbtn, .actsfbtn, .graysmbtn, x:-moz-any-link {display: block; float: left;}
.actbtn span, .graybtn span, .editbtn span, .disbtn span, .graysbtn span, .graysmbtn span, .actsfbtn span, x:-moz-any-link {display: block; float: left;}
.actbtn, .graybtn, .editbtn, .disbtn, .graysbtn, .actsfbtn, .graysmbtn, x:-moz-any-link, x:default {display: inline-block; float: none;}
.actbtn span, .graybtn span, .editbtn span, .disbtn span, .graysbtn span, .actsfbtn span, .graysmbtn span, x:-moz-any-link, x:default {display: inline-block; float: none;}

.actbtn {
	background-position: left 0px;
}

.actbtn.right {
    float: right;
    margin: 15px 0 10px 10px;
}

.actbtn span {
	color: #FFFFFF;
	background-position: right -60px;
}

a.actbtn:hover {
	background-position: left -30px;
}

a.actbtn:hover span {
	background-position: right -90px;
	color: #FFFFFF;
}

.graybtn {
	background-position: left -120px;
}

.graybtn span {
	color: #272727;
	background-position: right -180px;
}

a.graybtn:hover {
	background-position: left -150px;
}

a.graybtn:hover span {
	background-position: right -210px;
	color: #3c3c3c;
}

.editbtn {
	background-position: left -240px;
}

.editbtn span {
	color: #000000;
	background-position: right -300px;
	padding-left: 30px;
}

a.editbtn:hover {
	background-position: left -270px;
}

a.editbtn:hover span {
	background-position: right -330px;
	color: #111111;
}

.graysbtn {
	background-position: left -420px;
	height: 22px;
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 5px;
}

.graysbtn span {
	background-position: right -464px;
	height: 18px;
	display: inline-block;
	padding: 4px 10px 0px 10px;
	color: #4c4c4c;
	margin: 0px !important;
}

a.graysbtn:hover {
	background-position: left -442px;
}

a.graysbtn:hover span {
	background-position: right -486px;
	color: #666666;
}

.actsfbtn {
	background-position: left -508px;
	height: 22px;
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 5px;
}

.actsfbtn span {
	background-position: right -552px;
	height: 18px;
	display: inline-block;
	padding: 4px 10px 0px 10px;
	color: #FFFFFF;
	margin: 0px !important;
}

a.actsfbtn:hover {
	background-position: left -530px;
}

a.actsfbtn:hover span {
	background-position: right -574px;
	color: #FFFFFF;
}

.graysmbtn {
	background-position: left -596px;
	height: 22px;
	display: inline-block;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
}

.graysmbtn span {
	background-position: right -640px;
	height: 18px;
	font-size: 11px;
	display: inline-block;
	padding: 4px 10px 0px 10px;
	color: #333333;
	margin: 0px !important;
}

a.graysmbtn:hover {
	background-position: left -618px;
}

a.graysmbtn:hover span {
	background-position: right -662px;
	color: #555555;
}

.disbtn {
	background-position: left -360px;
}

.disbtn span {
	color: #818181;
	background-position: right -390px;
	cursor: not-allowed;
}

.disfield {
        opacity: 0.7;
        cursor: not-allowed;
}

.disfield * {
        cursor: not-allowed;
}

.btnnote {
	font-size: 10px;
	color: #494949;
}

.btnnote em {
	color: #D8601E;
	font-style: normal;
}

.google_btn {
	margin: 0px;
}

.ui-datepicker-trigger {
	display: inline-block;
	width: 26px;
	height: 27px;
	background: transparent url(/images/calendarbtn.gif) no-repeat left top;
	vertical-align: middle;
	cursor: hand;
	cursor: pointer;
	margin-bottom: 2px;
}

img.ui-datepicker-trigger:hover {
	background-position: left bottom;
}

.scal .ui-datepicker-trigger {
	display: inline-block;
	width: 17px;
	height: 18px;
	background: transparent url(/images/scalbtn.gif) no-repeat left top;
	vertical-align: middle;
}

.scal img.ui-datepicker-trigger:hover {
	background-position: left bottom;
}

.ui-datepicker-trigger, x:-moz-any-link {display: inline; padding: 6px 13px 5px 13px;}
.ui-datepicker-trigger, x:-moz-any-link, x:default {display: inline-block; padding: 0px;}

.btn0mr {margin-right: 0px;}

.addarr span {
	font-size: 11px !important;
	font-weight: bold;
	text-decoration: none;
}

.addarr strong {
	background: transparent url(/images/addarr.gif) no-repeat left center;
	padding: 4px 16px 4px 0px;
}

.remarr span {
	font-size: 11px !important;
	font-weight: bold;
	text-decoration: none;
	padding-right: 13px;
}

.remarr strong {
	background: transparent url(/images/remarr.gif) no-repeat left center;
	padding: 4px 16px 4px 0px;
}


/* Icon buttons */
.view_icn, .edit_icn, .delete_icn, .close_icn, .add_icn, .ok_icn, .print_icn, 
.email_icn, .save_icn, .addfile_icn, .user_icn,  .up_icn, .dw_icn, .note_icn,
.help_icn, .downl_icn, .wapp_icn, .copy_icn, .warn_icn, .lo_icn, .co_icn, .gp_icn,
.gai_icn, .email_icn, .clip_icn {
	width: 16px;
	height: 16px;
	background: transparent url(/images/icn_sprite.gif) no-repeat left top;
	display: inline-block;
	vertical-align: middle;
  cursor: pointer;
}

.edit_icn {background-position: left -16px;}
a.edit_icn:hover {background-position: right -16px;}

.view_icn {background-position: left 0px;}
a.view_icn:hover {background-position: right 0px;}

.delete_icn {background-position: left -32px;}
a.delete_icn:hover {background-position: right -32px;}

.delete_inline_icn {display: inline-block; vertical-align: middle; margin-right: 5px;}

.close_icn {background-position: left -48px;}
a.close_icn:hover {background-position: right -48px;}

.add_icn {background-position: left -64px;}
a.add_icn:hover {background-position: right -64px;}

.ok_icn {background-position: left -80px;}
a.ok_icn:hover {background-position: right -80px;}

.print_icn {background-position: left -96px;}
a.print_icn:hover {background-position: right -96px;}

.email_icn {background-position: left -112px;}
a.email_icn:hover {background-position: right -112px;}

.save_icn {background-position: left -128px;}
a.save_icn:hover {background-position: right -128px;}

.addfile_icn {background-position: left -144px;}
a.addfile_icn:hover {background-position: right -144px;}

.user_icn {background-position: left -160px;}
a.user_icn:hover {background-position: right -160px;}

.up_icn {background-position: left -176px;}
a.up_icn:hover {background-position: right -176px;}

.dw_icn {background-position: left -192px;}
a.dw_icn:hover {background-position: right -192px;}

.note_icn {background-position: left -208px;}
a.note_icn:hover {background-position: right -208px;}

.help_icn {background-position: left -224px;}
a.help_icn:hover {background-position: right -224px;}

.downl_icn {background-position: left -240px;}
a.downl_icn:hover {background-position: right -240px;}

.wapp_icn {background-position: left -256px;}
a.wapp_icn:hover {background-position: right -256px;}

.copy_icn {background-position: left -272px;}
a.copy_icn {background-position: right -272px;}

.warn_icn {background-position: left -288px;}
a.warn_icn {background-position: right -288px;}

.lo_icn {background-position: left -304px;}
a.lo_icn {background-position: right -304px;}

.co_icn {background-position: left -320px;}
a.co_icn {background-position: right -320px;}

.gp_icn {background-position: left -336px;}
a.gp_icn {background-position: right -336px;}

.gai_icn {background-position: left -352px;}
a.gai_icn {background-position: right -352px;}

.email_icn {background-position: left -368px;}
a.email_icn {background-position: right -368px;}

.clip_icn {background-position: left -384px;}
a.clip_icn {background-position: right -384px;}

.crayon_icn {vertical-align: top;}

.attachment_icn {
	background: transparent url(/images/attach_icn.gif) no-repeat left 2px;
	padding-left: 13px;
}

.photo_icn {
    background: transparent url(/images/photo_icn.gif) no-repeat top left;
    padding-left: 16px;
}

.icn_google_maps {
    cursor: pointer;
    background: transparent url(/images/icn_google_maps.png) no-repeat left top;
}

.icn-img-cat-0 {
    background: url("/images/project_images/icn-img-cat-warning.png") no-repeat top left;
}

.icn-img-cat-1 {
    background: url("/images/project_images/icn-img-cat-ruler.png") no-repeat top left;
}

.icn-img-cat-2 {
    background: url("/images/project_images/icn-img-cat-hammer.png") no-repeat top left;
}

.icn-img-cat-3 {
    background: url("/images/project_images/icn-img-cat-brush.png") no-repeat top left;
}

.icn-img-cat-4 {
    background: url("/images/project_images/icn-img-cat-wrench.png") no-repeat top left;
}

.icn-img-cat-5 {
    background: url("/images/project_images/icn-img-cat-card.png") no-repeat top left;
}

.icn-star {
    background: url("/images/project_images/icn-star.png") no-repeat top left;
}

.icn_25 {
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    font-size: 0;
    color: transparent;
    vertical-align: middle;
    background-size: 25px 25px;
}

.editable-field-label {
    float: left;
}

.editable-field-controls {
    font-size: 0px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.editable-field-controls a {
    margin-right: 5px;
}

.tablebtn, .tablebtn span {background: transparent url(/images/smallgreenbtn.gif) no-repeat left top;}

.tablebtn {background-position: left top; display: inline-block; height: 18px; text-decoration: none;}
.tablebtn span {background-position: right -36px; display: inline-block; padding: 2px 5px 2px 5px; font-weight: bold; height: 14px; font-size: 11px; color: #ebfdcd;}
a.tablebtn:hover {background-position: left -18px;}
a.tablebtn:hover span {background-position: right -54px; color: #FFFFFF;}

/* Pop-up */
.mcalightbox {
filter:alpha(opacity=80);
-moz-opacity:.8;
-khtml-opacity: 8;
opacity:.8;
background-color: #FFFFFF;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 99000;
}

.window {
position: absolute;
left: 0px;
top: 30px;
z-index: 99001;
width: 100%;
}

.windowinfo {background-color: #FFFFFF; padding: 10px;}

.windowtl, .windowtr, .windowbl, .windowbr {background: transparent url(/images/pop_sprite.gif) left top no-repeat;}
.windowtl, .windowtr, .windowbl, .windowbr {height: 9px; width: 9px;}
.windowtl {background-position: left 0px;}
.windowtr {background-position: left -9px;}
.windowbl {background-position: left -18px;}
.windowbr {background-position: left -27px;}
.windowtl img, .windowtr img, .windowbl img, .windowbr img {height: 9px; width: 9px;}
.windowt, .windowb {background-color: #c8c8c8; height: 9px;}
.windowt img, .windowb img {height: 9px;}
.windowl {background-color: #c8c8c8; width: 9px;}
.windowl img {width: 9px;}

.window .content {
  max-height: 600px;
  overflow-y: auto;
}

/* Prod table */
.pvtable td {padding: 2px;}
.pvtable input {border: 1px solid #bebebe; padding: 3px; font-size: 11px; width: 22px;}
.pvg td {background-color: #dfdfdf;}
.pvg td input {background-color: #ececec !important;}
.pvgno {background-color: #FFFFFF !important;}
.tdbtb td {border-top: 2px solid #000000;}
.tdbtb1px td {border-right: 1px solid #000000 !important;}
td.tdbrb {border-right: 2px solid #000000 !important;}
td.tdbtbt {border-top: 2px solid #000000 !important;}
td.tdbtbb {border-bottom: 2px solid #000000 !important;}
.tdbtbno {border-top: 0px none !important;}
.tdbtbred {border-bottom: 2px dashed #D8601E !important;}
.tdbtbredl {border-left: 2px dashed #D8601E !important;}
td.tdbrbno {border-right: 0px none !important;}
.tdbtredtxt {color: #D8601E; font-weight: bold;}
.tdbtgraytxt {color: #666666; font-weight: bold;}
.tdbgrtvb {background: transparent url(/images/bgrtbp.gif) no-repeat center center;}


/* Footer */
.footer {
	min-width: 1200px;
	text-align: left;
	height: 34px;
	margin: 10px 0px 10px 0px;
	background-color: #dbdbdb;
	font-size: 11px;
}

.width900 > .footer {
  width: 1200px !important;
}

.footer div {
	background-position: left -102px;
	height: 34px;
}

.footer div div {
	background-position: right -136px;
	height: 34px;
}

.footerl {
	float: left;
	color: #818181;
	width: 430px;
	text-align: left;
	margin-left: 10px;
	background: transparent none !important;
	height: auto !important;
	margin: 10px 0px 0px 12px;
}

.footerr {
	float: right;
	width: 430px;
	color: #c2c2c2;
	text-align: right;
	margin-right: 10px;
	background: transparent none !important;
	height: auto !important;
	margin: 10px 12px 0px 0px;
}

.footerr span {
	padding: 0px 7px 0px 7px;
}

.footerr a {
	color: #194c74;
	text-decoration: none;
}

.footerr a:hover {
	color: #2a6492;
}

.tablesortarr {vertical-align: middle; margin: 1px 0px 1px 2px;}
.mcatablepag {margin-top: 2px;}
.mcatablepag a {border: 1px solid #d5d5d5; padding: 1px 5px 1px 5px; display: inline-block; margin-right: 1px; font-size: 11px; text-decoration: none; color: #555555;}
.mcatablepag a:hover {color: #999999; background-color: #f7f7f7;}
.mcatablepag b a {background-color: #ffffff; border: 1px solid #D8601E; color: #BE4D00;}
.mcatablepag b a:hover {background-color: #ffffff; border: 1px solid #D8601E; color: #BE4D00;}

.door_info, .grid_info {
	background: #DDFFDD;
	border: 2px solid #00DD00;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px;
	display: none;
}

.door_warning, .grid_warning, .awning_warning {
	background: #FCEBDD;
	border: 2px solid #D8601E;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px;
	display: none;
}

.door_list, .grid_list {
	padding: 3px 0px 3px 10px;
}

.door_list a, .grid_list a {
	text-decoration: none;
}

.door_list a:hover, .grid_list a:hover {
	text-decoration: underline;
}

.door_summary td {color: #5d5d5d !important; font-size: 12px;}
.door_summary td h2 {color: #D8601E !important; font-size: 12px;}
.door_summary_det1td {padding-right: 15px; border-right: 1px solid #cccccc;}
.door_summary_det2td {padding-right: 15px; padding-left: 15px;}
.door_summary_det3td {padding-left: 15px; border-left: 1px solid #cccccc;}


.doorpanel {
  border: 1px solid gray;
  padding: 2px;
}

.tablepose {border: 1px solid #a6a6a6;}
.tableposi {border: 2px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f6f6f6;}
.tableposi table table td {height: 30px;}

.panelbox {
  height: 30px;
  font-size: 9px;
  cursor: pointer;
  cursor: hand;
  padding: 5px;
  border-bottom: 1px solid #d2d2d2;
}

.panelbox table td {border-top: 1px solid #d2d2d2; border-right: 1px solid #858585; border-bottom: 1px solid #858585; border-left: 1px solid #d2d2d2; background: #b3b3b3 url(/images/panelboxtdoff.gif) no-repeat left top;}
.panelbox_selected table td {border-top: 1px solid #a08634; border-right: 1px solid #cdc29e; border-bottom: 1px solid #cdc29e; border-left: 1px solid #a08634; background: #f7df98 url(/images/panelboxtdon.gif) no-repeat left top;}

.window_row {display: inline;}

/* Door preview - interior */
.garage-int {
	width: 524px;
	height: 371px;
	background: transparent url(/images/preview_int/garage_wall.jpg) no-repeat left bottom;
}

.garage-int-top {
	width: 524px;
	height: 332px;
}

.garage-int-wall {
	width: 524px;
	height: 371px;
	background: transparent url(/images/preview_int/garage_wall_top.jpg) no-repeat left top;
	position: absolute;
}

.garage-int-en {
	background: transparent url(/images/preview_int/garage_int.jpg) no-repeat left top;
}

.garage-int-up {
	background: transparent url(/images/preview_int/garage_up_g.png) no-repeat left top;
}

.garage-int-up-l {
	background: transparent url(/images/preview_int/garage_l.png) no-repeat left top;
}

.garage-int-up-r {
	background: transparent url(/images/preview_int/garage_r.png) no-repeat right top;
}

.garage-int-down-l {
	background: transparent url(/images/preview_int/garage_l.png) no-repeat left bottom;
}

.garage-int-down-r {
	background: transparent url(/images/preview_int/garage_r.png) no-repeat right bottom;
}

.garage-int-arr-v {
	position: absolute;
	z-index: 5;
}

.garage-int-arr-v-arr {
	width: 9px;
	background: transparent url(/images/arrv.gif) no-repeat left top;
	margin-top: 10px;
}

.garage-int-arr-v-arr div {
	width: 9px;
	background: transparent url(/images/arrvb.gif) no-repeat left bottom;
}

.garage-int-arr-v-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
}

.garage-int-arr-vb {
	position: absolute;
	z-index: 5;
}

.garage-int-arr-vb-arr {
	width: 9px;
	background: transparent url(/images/arrv.gif) no-repeat left top;
	margin-top: 10px;
	padding-right: 200px;
}

.garage-int-arr-vb-arr div {
	width: 9px;
	background: transparent url(/images/arrvb.gif) no-repeat left bottom;
}

.garage-int-arr-vb-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
}


.garage-int-arr-h {
	position: absolute;
	z-index: 5;
}

.garage-int-arr-h-arr {
	height: 9px;
	background: transparent url(/images/arrh.gif) no-repeat left top;
	margin-right: 2px;
	margin-top: 120px;
}

.garage-int-arr-h-arr div {
	height: 9px;
	background: transparent url(/images/arrhr.gif) no-repeat right top;
}

.garage-int-arr-h-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.garage-int-arr-l {
	position: absolute;
	width: 408px;
	height: 236px;
	padding: 235px 60px 39px 57px;
	z-index: 5;
}

.garage-int-arr-l-arr {
	height: 9px;
	background: transparent url(/images/arrh.gif) no-repeat left top;
}

.garage-int-arr-l-arr div {
	height: 9px;
	background: transparent url(/images/arrhr.gif) no-repeat right top;
	padding-right: 2px;
}

.garage-int-arr-l-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 5px;
}

.garage-int-arr-r {
	position: absolute;
	width: 407px; height: 236px;
	padding: 96px 61px 39px 57px;
	z-index: 5;
}

.garage-int-arr-r-arr {
	height: 9px;
	background: transparent url(/images/arrh.gif) no-repeat left top;
	margin-top: 139px;
	float: right;
}

.garage-int-arr-r-arr div {
	height: 9px;
	background: transparent url(/images/arrhr.gif) no-repeat right top;
	padding-right: 2px;
}

.garage-int-arr-r-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 3px;
}

.garage-int-arr-vt {
	position: absolute;
	width: 407px; height: 236px;
	padding: 96px 61px 39px 57px;
	z-index: 5;
}

.garage-int-arr-vt-arr {
	width: 9px;
	background: transparent url(/images/arrv.gif) no-repeat left top;
}

.garage-int-arr-vt-arr div {
	width: 9px;
	background: transparent url(/images/arrvb.gif) no-repeat left bottom;
}

.garage-int-arr-vt-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
	margin-top: 2px;
}

.garage-int-arr-ad {
	width: 524px;
	height: 371px;
	background: transparent url(/images/preview_int/garage_arrad.png) no-repeat 345px 72px;
	position: absolute;
	z-index: 5;
}

.garage-int-arr-v {
	position: absolute;
	z-index: 5;
}

.garage-int-arr-v-arr {
	width: 9px;
	background: transparent url(/images/arrv.gif) no-repeat left top;
	margin-top: 10px;
}

.garage-int-arr-v-arr div {
	width: 9px;
	background: transparent url(/images/arrvb.gif) no-repeat left bottom;
}

.garage-int-arr-v-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
}


.garage-int-arr-vb {
	position: absolute;
	z-index: 5;
}

.garage-int-arr-vb-arr {
	width: 9px;
	background: transparent url(/images/arrv.gif) no-repeat left top;
	margin-top: 10px;
	padding-right: 200px;
}

.garage-int-arr-vb-arr div {
	width: 9px;
	background: transparent url(/images/arrvb.gif) no-repeat left bottom;
}

.garage-int-arr-vb-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
}


.garage-int-arr-h {
	position: absolute;
	z-index: 5;
}

.garage-int-arr-h-arr {
	height: 9px;
	background: transparent url(/images/arrh.gif) no-repeat left top;
	margin-right: 2px;
	margin-top: 120px;
}

.garage-int-arr-h-arr div {
	height: 9px;
	background: transparent url(/images/arrhr.gif) no-repeat right top;
}

.garage-int-arr-h-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.garage-int-arr-l {
	position: absolute;
	width: 408px;
	height: 236px;
	padding: 235px 60px 39px 57px;
	z-index: 5;
}

.garage-int-arr-l-arr {
	height: 9px;
	background: transparent url(/images/arrh.gif) no-repeat left top;
}

.garage-int-arr-l-arr div {
	height: 9px;
	background: transparent url(/images/arrhr.gif) no-repeat right top;
	padding-right: 2px;
}

.garage-int-arr-l-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 5px;
}

.garage-int-arr-r {
	position: absolute;
	width: 407px; height: 236px;
	padding: 96px 61px 39px 57px;
	z-index: 5;
}

.garage-int-arr-r-arr {
	height: 9px;
	background: transparent url(/images/arrh.gif) no-repeat left top;
	margin-top: 139px;
	float: right;
}

.garage-int-arr-r-arr div {
	height: 9px;
	background: transparent url(/images/arrhr.gif) no-repeat right top;
	padding-right: 2px;
}

.garage-int-arr-r-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 3px;
}

.garage-int-arr-vt {
	position: absolute;
	width: 407px; height: 236px;
	padding: 96px 61px 39px 57px;
	z-index: 5;
}

.garage-int-arr-vt-arr {
	width: 9px;
	background: transparent url(/images/arrv.gif) no-repeat left top;
}

.garage-int-arr-vt-arr div {
	width: 9px;
	background: transparent url(/images/arrvb.gif) no-repeat left bottom;
}

.garage-int-arr-vt-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #c02e41;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
	margin-top: 2px;
}

.garage-int-arr-ad {
	width: 524px;
	height: 371px;
	background: transparent url(/images/preview_int/garage_arrad.png) no-repeat 345px 72px;
	position: absolute;
	z-index: 5;
}

.garage-int-arr-ad-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #D8601E;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
	margin: 76px 0px 0px 350px;
}

.garage-int-dim {
	display: none;
}

.garage-int-arr-ad-no {
	width: 200px !important;
	background: transparent none !important;
	position: absolute;
	color: #D8601E;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 15px;
	margin: 76px 0px 0px 350px;
}

.garage-int-dim {
	display: none;
}

.garage-int-bricks {position: absolute;}
.garage-int-bricks-t {background: transparent url(/images/preview_int/bricks_bgr.png) center bottom;}
.garage-int-bricks-t div {background: transparent url(/images/preview_int/bricks_t.png) no-repeat center bottom;}
.garage-int-bricks-m {margin-top: -6px; position: relative;}
.garage-int-bricks-ml {position: absolute; left: 0px; top: 0px;}
.garage-int-bricks-mr { position: absolute; right: 0px; top: 0px;}
.garage-int-bricks-mlt {background: transparent url(/images/preview_int/bricks_lt.png) no-repeat right top; height: 44px;}
.garage-int-bricks-mlm {background: transparent url(/images/preview_int/bricks_lm.png) right top;}
.garage-int-bricks-mlb {background: transparent url(/images/preview_int/bricks_lb.png) no-repeat right top; height: 39px;}
.garage-int-bricks-mrt {background: transparent url(/images/preview_int/bricks_rt.png) no-repeat left top; height: 44px;}
.garage-int-bricks-mrm {background: transparent url(/images/preview_int/bricks_rm.png) left top;}
.garage-int-bricks-mrb {background: transparent url(/images/preview_int/bricks_rb.png) no-repeat left top; height: 39px;}

/* Constructie metalica */
.metal-int-wall {
	position: absolute;
}

.metal-int-up-l {
	background: transparent url(/images/preview_int/metal_up_l.gif) no-repeat left top;
}

.metal-int-up-r {
	background: transparent url(/images/preview_int/metal_up_r.gif) no-repeat right top;
}

.metal-int-updb-l {
	background: transparent url(/images/preview_int/metal_up_l.gif) no-repeat left 11px;
}

.metal-int-updb-r {
	background: transparent url(/images/preview_int/metal_up_r.gif) no-repeat right 11px;
}

.metal-int-uppop-l {
	background: transparent url(/images/preview_int/metal_up_pop_l.gif) no-repeat left 42px;
}

.metal-int-uppop-r {
	background: transparent url(/images/preview_int/metal_up_pop_r.gif) no-repeat right 42px;
} 

.metal-int-uplat-l {
	background: transparent url(/images/preview_int/metal-int-uplat-l.gif) no-repeat left top;
}

.metal-int-uplat-r {
	background: transparent url(/images/preview_int/metal-int-uplat-r.gif) no-repeat right top;
}

.metal-int-uplati-l {
	background: transparent url(/images/preview_int/metal-int-uplati-l.gif) no-repeat left top;
}

.metal-int-uplati-r {
	background: transparent url(/images/preview_int/metal-int-uplati-r.gif) no-repeat right top;
}

.metal-int-down-l {
	background: transparent url(/images/preview_int/metal_h_l_mid.gif) no-repeat left top;
}

.metal-int-down-r {
	background: transparent url(/images/preview_int/metal_h_r_mid.gif) no-repeat right top;
}

.metal-int-downlat-l {
	background: transparent url(/images/preview_int/metal-int-uplat-l.gif) no-repeat left bottom;
}

.metal-int-downlat-r {
	background: transparent url(/images/preview_int/metal-int-uplat-r.gif) no-repeat right bottom;
}

.metal-int-downlati-l {
	background: transparent url(/images/preview_int/metal-int-uplati-l.gif) no-repeat left bottom;
}

.metal-int-downlati-r {
	background: transparent url(/images/preview_int/metal-int-uplati-r.gif) no-repeat right bottom;
}

.metal-int-upcorlat-l {
	background: transparent url(/images/preview_int/metal-int-upcorlat-l.gif) no-repeat left top;
}

.metal-int-upcorlat-r {
	background: transparent url(/images/preview_int/metal-int-upcorlat-r.gif) no-repeat right top;
}

.metal-int-upcorlat-l {
	background: transparent url(/images/preview_int/metal-int-upcorlat-l.gif) no-repeat left top;
}

.metal-int-upcorlat-r {
	background: transparent url(/images/preview_int/metal-int-upcorlat-r.gif) no-repeat right top;
}

.metal-int-upcorlati-l {
	background: transparent url(/images/preview_int/metal-int-upcorlati-l.gif) no-repeat left top;
}

.metal-int-upcorlati-r {
	background: transparent url(/images/preview_int/metal-int-upcorlati-r.gif) no-repeat right top;
}

.metal-int-upcorlati-sim-l {
	background: transparent url(/images/preview_int/metal-int-upcorlati-sim-l.gif) no-repeat left top;
}

.metal-int-upcorlati-sim-r {
	background: transparent url(/images/preview_int/metal-int-upcorlati-sim-r.gif) no-repeat right top;
}

.metal_up_mot_lat_l {
	background: transparent url(/images/preview_int/metal_up_mot_lat_l.gif) no-repeat left top;
}

.metal_up_mot_lat_r {
	background: transparent url(/images/preview_int/metal_up_mot_lat_r.gif) no-repeat right top;
}

.metal_up_mot_l {
	background: transparent url(/images/preview_int/metal_up_mot_l.gif) no-repeat left top;
}

.metal_up_mot_r {
	background: transparent url(/images/preview_int/metal_up_mot_r.gif) no-repeat right top;
}

.metal_up_mot_lat_sin_l {
	background: transparent url(/images/preview_int/metal_up_mot_lat_sin_l.gif) no-repeat left top;
}

.metal_up_mot_lat_sin_r {
	background: transparent url(/images/preview_int/metal_up_mot_lat_sin_r.gif) no-repeat right top;
}

.metal_up_mot_lat_grin_l {
	background: transparent url(/images/preview_int/metal_up_mot_lat_grin_l.gif) no-repeat left top;
}

.metal_up_mot_lat_grin_r {
	background: transparent url(/images/preview_int/metal_up_mot_lat_grin_r.gif) no-repeat right top;
}

.metal_up_popgrin_l {
	background: transparent url(/images/preview_int/metal_up_popgrin_l.gif) no-repeat left top;
}

.metal_up_popgrin_r {
	background: transparent url(/images/preview_int/metal_up_popgrin_r.gif) no-repeat right top;
}

.metal_up_popgrin_lat_l {
	background: transparent url(/images/preview_int/metal_up_popgrin_lat_l.gif) no-repeat left top;
}

.metal_up_popgrin_lat_r {
	background: transparent url(/images/preview_int/metal_up_popgrin_lat_r.gif) no-repeat right top;
}

.metal_up_grin_db_l {
	background: transparent url(/images/preview_int/metal_up_grin_db_l.gif) no-repeat left top;
}

.metal_up_grin_db_r {
	background: transparent url(/images/preview_int/metal_up_grin_db_r.gif) no-repeat right top;
}

.metal_up_grin_dbi_l {
	background: transparent url(/images/preview_int/metal_up_grin_dbi_l.gif) no-repeat left top;
}

.metal_up_grin_dbi_r {
	background: transparent url(/images/preview_int/metal_up_grin_dbi_r.gif) no-repeat right top;
}

.metal_up_grin_lati_l {
	background: transparent url(/images/preview_int/metal_up_grin_lati_l.gif) no-repeat left top;
}

.metal_up_grin_lati_r {
	background: transparent url(/images/preview_int/metal_up_grin_lati_r.gif) no-repeat right top;
}

.metal_up_pop {
	background: transparent url(/images/preview_int/popic.gif) no-repeat center top;
}

.metal_up_popl {
	background: transparent url(/images/preview_int/popicl.gif) no-repeat center top;
}

.metal_up_popr {
	background: transparent url(/images/preview_int/popicr.gif) no-repeat center top;
}

.metal_mid_lat_l {
	background: transparent url(/images/preview_int/metal_mid_lat_l.gif) no-repeat left top;
}

.metal_mid_lat_r {
	background: transparent url(/images/preview_int/metal_mid_lat_r.gif) no-repeat right top;
}

.metal_mid_lati_l {
	background: transparent url(/images/preview_int/metal_mid_lati_l.gif) no-repeat left top;
}

.metal_mid_lati_r {
	background: transparent url(/images/preview_int/metal_mid_lati_r.gif) no-repeat right top;
}

.metal_mid_center_l {
	background: transparent url(/images/preview_int/metal_mid_center_l.gif) no-repeat left top;
	margin-left: 29px;
}

.metal_mid_center_r {
	background: transparent url(/images/preview_int/metal_mid_center_r.gif) no-repeat right top;
}

.metal_mid_latil_l {
	background: transparent url(/images/preview_int/metal_mid_latil_l.gif) no-repeat left top;
}

.metal_mid_latil_r {
	background: transparent url(/images/preview_int/metal_mid_latil_r.gif) no-repeat right top;
}

.metal_mid_latir_l {
	background: transparent url(/images/preview_int/metal_mid_latir_l.gif) no-repeat right top;
}

.metal_mid_latir_r {
	background: transparent url(/images/preview_int/metal_mid_latir_r.gif) no-repeat left top;
}

.metal_mid_latisinl_l {
	background: transparent url(/images/preview_int/metal_mid_latisinl_l.gif) no-repeat right top;
}

.metal_mid_latisinl_r {
	background: transparent url(/images/preview_int/metal_mid_latisinl_r.gif) no-repeat left top;
}

.metal_mid_latisinr_l {
	background: transparent url(/images/preview_int/metal_mid_latil_l.gif) no-repeat left top;
}

.metal_mid_latisinr_r {
	background: transparent url(/images/preview_int/metal_mid_latisinr_r.gif) no-repeat right top;
}

.metal-int-none {
	background: transparent none;
}




.model_div, .impression_div, .color_div {
	padding-top: 6px;
	border: 2px solid #ffffff;
	cursor: pointer;
	cursor: hand;
	float: left;
	text-align: center;
}

.model_div {
	min-height: 89px;
	width: 88px;
}

.impression_div {
	min-height: 103px;
	width: 88px;
}

.color_div {
	min-height: 125px;
	width: 87px;
}

.color_img {
	margin-bottom: 3px;
}

.ral_div, .vinyl_div {
	width: 87px;
	height: 110px;
	padding-top: 10px;
	cursor: pointer;
	cursor: hand;
	text-align: center;
}

.ral_div.small, .vinyl_div.small {
	padding-top: 10px;
	height: 50px;
	width: 70px;
}

.ral_div.small img, .vinyl_div.small img {
	height: 50px;
	width: 50px;
	margin-top: -4px;
}

.model_div_selected, .impression_div_selected, .color_div_selected {
	border: 2px solid #D8601E;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #D8601E;
}

.color_div_selected small{
	color: #D8601E;
}

#ral a {
	color: #FFFFFF;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	height: 30px;
	padding-top: 15px;
	margin: 1px;
	border: 1px solid black;
	vertical-align: middle;
	text-align: center;
	width: 96px;
	cursor: pointer;
	cursor: hand;
}

.attach_file {
	height: 22px;
	text-align: center;
	font-size: 11px;
	color: #272727;
	font-weight: bold;
	display: inline-block;
}
.attach_file.icn {
    height: 16px;
    width: 16px;
    text-align: left;
}

.attach_file_label {
    background: transparent url(/images/attach-on.png) no-repeat center top;
	height: 22px;
	padding: 5px 2px 0px 2px;
	margin-bottom: -27px;
}

.attach_file.icn .attach_file_label {
    background: none;
    padding: 0px;
    margin-bottom: -22px;
}

.icn .uploadify-button-transparent {
    visibility: hidden;
}
.icn .uploadify {
	position: relative;
}
.icn .uploadify object {
    margin: 0;
}

a.pressed {
	background: #ffffff url(/images/loader.gif) no-repeat center center !important;
	border: 1px dashed #E2B18C;
	border-radius: 4px;
}

a.pressed span {
	color: #535353 !important;
	background: none !important;
	cursor: default !important;
}

.cal_box {
	border: 4px solid #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#door_tabs #accordion .ui-accordion-content-active {
	border-bottom: 0 none;
}

.cal_table {
	border: 1px solid #dddddd;
	border-bottom: none;
}

.cal_table th {
	border-right: 1px solid #cecece;
	background: #e8e8e8;
	padding: 7px 7px 10px 7px;
}

.cal_table th div {
	width: 	153px;
	text-align: left;
	font-size: 14px;
	color: #767676;
	font-weight: bold;
	padding-bottom: 3px;
}

.cal_table th img {
	border: 4px solid #dcdcdc;
	margin: 0px;
}

.cal_table th + th + th + th + th {
  border: none;
}

.cal_table td {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #FFFFFF;
}

.cal_table td div {
  width: auto;
  padding: 7px;
}

.cal_table td div div {
  width: 153px;
  text-align: left;
  padding: 0px;
}

.cal_table td + td div {
  text-align: center;
}

.cal_table td div img {
  vertical-align: middle;
  margin-right: 8px;
}

.cal_table td div strong {
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  font-size: 11px;
  color: #484848;
  line-height: 10px;
  text-align: left;
  width: 70px;
}

.cal_table td + td div {
  width: auto;
}

.cal_table td + td + td + td + td {
  border-right: none;
}

.cal_table_door  .cal_over_in div {
	border: 0 none;
}

.cal_table_door_header th, .cal_table_door th {
	border-bottom: 1px solid #CECECE !important;
}

.cal_table_door th, .cal_table_door th.cal_red_cell {
	font-size: 12px !important;
	text-align: center !important;
	font-weight: bold;
	color: #767676 !important;
	padding: 7px 10px 6px 10px !important;
	border-bottom: 1px solid #CECECE;
	line-height: 12px;
}

.cal_table_door th div {
	font-size: 12px !important;
	width: auto !important; 
	text-align: center;
}

.cal_table_door td:last-child, .cal_table_door th:last-child, .cal_table_door_header th:last-child {
	border-right: 0 none;
}

.cal_table_door_header th:first-child {
	vertical-align: top !important;
	padding-top: 0 !important;
	color: #767676 !important;
	background: #e8e8e8 !important;
	border-bottom: 0 none !important;
}

.cal_table_door_header th.cal_red_cell {
	padding: 7px 10px 6px 10px !important;
}

th.cal_table_door_1th, th.cal_table_door_1th.cal_red_cell {
	vertical-align: top !important;
	padding-top: 0 !important;
	color: #767676 !important;
	background: #e8e8e8 !important;
	border-bottom: 1px solid #cecece !important;
}

.cal_table_door td.cal_selected_in div {
	height: 88px !important;
	padding: 6px !important;
}
.cal_table_door td div {
	height: 88px !important;
	padding: 10px !important;
}

table.cal_table_door td.cal_over_in div {
	border: 4px solid #E2B18C;
	height: 88px !important;
	padding: 6px !important;
}

.cal_table_door td div input {
	margin-top: 5px !important;
}

.cal_table_door td div span {
	display: block;
	height: 66px;
}

.cal_table_door td div span img{
	margin: 0 4px !important;
}

.door_preview_box {
	width: 520px;
	min-height: 300px;
	border: 2px solid #0a0a0c;
}

.door_preview_box img {
	margin: 0px auto;
	max-width: 520px;
	display: block;
}

.cal_over_in div {
	border: 4px solid #E2B18C;
	background: #FFFFFF;
	width: auto !important;
	height: 49px !important;
	cursor: hand;
	cursor: pointer;
}

.cal_over_in div input {
	margin-top: 20px !important;	
}

.cal_selected_in div {
	border: 4px solid #E2B18C;
	background: #FFFFFF url(/images/selected_bgr.gif) repeat-x left top;
	width: auto !important;
	height: 49px;
}

.cal_selected_in div input {
	margin-top: 20px;	
}

.cal_red_cell {
	padding: 0px !important;
}

.cal_red_cell div {
	background: #FCEBDD;
	width: auto !important;
	height: 57px;
	padding: 11px;
}

.cal_red_cell div div {
	border: 0px none;
	background: none;
	width: 153px !important;
	height: 49px;
	padding: 0px;
}

.cal_red_cell div input {
	margin-top: 24px;	
}

th.cal_red_cell {
	background: #FCEBDD !important;
	padding: 7px 7px 9px 7px !important;
	border-bottom: 1px solid #E2B18C !important;
}

th.cal_red_cell div {
	height: auto !important;
	width: 	153px !important;
	text-align: left !important;
	padding: 0px 0px 3px 0px !important;
	
}

th.cal_red_cell img {
	border: 4px solid #E2B18C !important;
}

.cal_disabled {
	background: #FFFFFF;
}

.cal_disabled div {
	background: #f1f1f1;
	height: 57px;
}

.cal_disabled div input {
	margin-top: 24px;	
}

.cal_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.cal_input_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #FFFFFF url(/images/cal_input.gif) no-repeat left top;
	padding: 6px;
	border: 1px solid #a7a7a7;
	color: #333333;
	width: 150px;
}

.cal_input_chk {
	margin: 0px;
	vertical-align: middle;
}

.spring_flange_color {
	padding: 1px 2px;
	margin: 2px;
	border-radius: 3px;
	color: #ffffff !important;
}
select.spring_flange_color {
	padding: initial;
	margin: initial;
	border-radius: initial;
}
.spring_flange_color_right {
	background-color: #dd0000 !important;
}
.spring_flange_color_left {
	background-color: #000000 !important;
}

.door-panel-result-header div {
	display: inline-block;
	vertical-align: bottom;
	border-bottom: 1px solid #aaaaaa;
	padding: 2px 5px;
	color: #4f4f4f;
	font-weight: bold;
}

.highlighted .door-panel-result-header div {
	border-bottom: 1px solid transparent;
	color: #ffffff;
}

.door-panel-result-row div {
	display: inline-block;
	vertical-align: bottom;
	border-bottom: 1px solid #aaaaaa;
	padding: 2px 5px;
}

.highlighted .door-panel-result-row div {
	border-bottom: 1px solid transparent;
}

.door-panel-result-occurrence {
	font-weight: bold;
	color: #D8601E;
}

.highlighted .door-panel-result-occurrence {
	background-color: #ffffff;
}

table.door-panel-cell-rows td {
	padding: 2px;
	white-space: nowrap;
	border: none;
}

table.door-panel-cell-rows tr.error td,
table.door-panel-cell-rows tr.error td label,
table.door-panel-cell-rows tr.error td input,
table.door-panel-cell-rows tr.error td select,
table.door-panel-cell-rows tr.error td select option {
	color: #D8601E;
	font-weight: bold;
}

.vinyl-select-header {
	/* left offset must match where cell content actually starts inside the
	   closed chosen box (1px border + 8px padding-left) and inside each open
	   dropdown row (see #vinyl_select_chzn .chzn-results li override below),
	   so the header lines up with both states instead of just one. */
	padding: 2px 0 4px 9px;
	margin-bottom: 4px;
	border-bottom: 1px solid #aaaaaa;
	color: #4f4f4f;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}

.vinyl-option-cell {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	padding: 0 5px;
	box-sizing: border-box;
}

/* Chosen's own `.chzn-container-single .chzn-single span { display: block;
   margin-right: 26px; ... }` is a descendant selector, so it also matches
   these nested spans (not just its direct child) and wins on specificity:
   it was forcing each cell onto its own line, and once that was fixed,
   still padding an extra 26px after every cell and throwing off the column
   alignment with the header/dropdown. Reset both with a selector specific
   enough to outrank it. */
#vinyl_select_chzn .chzn-single .vinyl-option-cell {
	display: inline-block;
	margin-right: 0;
}

.vinyl-option-code    { width: 230px; }
.vinyl-option-provider { width: 80px; }
.vinyl-option-group    { width: 80px; }
.vinyl-option-name     { width: 180px; }

#vinyl_select_chzn .chzn-results li {
	white-space: nowrap;
	/* chzn-drop border (1px) + .chzn-results padding-left (4px) + this = 9px,
	   matching the header's padding-left so columns line up with it. */
	padding-left: 4px;
}

#vinyl_select_chzn .chzn-single span {
	overflow: visible;
}

/* The vinyl dialog is sized to its closed content (height: 'auto'); the open
   chosen dropdown must be allowed to extend past that box instead of being
   clipped by jQuery UI's default `.ui-dialog-content { overflow: auto; }`. */
#vinyl.ui-dialog-content {
	overflow: visible;
}

.facebookmca {width:787px;}
.facebookmca .cal_table th {padding: 3px 2px 6px 2px;}
.facebookmca .cal_table th img {width:138px; height: auto;}
.facebookmca .cal_table th div {width:145px; font-size: 12px; padding-bottom: 1px;}
.facebookmca .cal_table td div div {width: 136px;}
.facebookmca .cal_table td div div img {width: 55px;}
.facebookmca th.cal_red_cell {padding: 3px 2px 5px 2px !important;}
.facebookmca .cal_table td.cal_red_cell div div {width: 136px !important;}
.facebookmca th.cal_over_in, .facebookmca td.cal_over_in {padding: 0px !important;}
.facebookmca th.cal_red_cell div {width: 145px !important; font-size: 12px; padding-bottom: 1px !important;}
.facebookmca td.cal_red_cell div input {margin-top: 23px !important;}
.facebookmca td.cal_over_in div input {margin-top: 19px !important;}
.facebookmca td.cal_selected_in div input {margin-top: 19px !important;}


.client-pf-ct.disabled {
    display: none;
}

.report-box {
    float: left; 
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	
}
#tooltip h3, 
#tooltip div,
#tooltip ul 
{ margin: 0; }

#project_questionnaire_readonly ul { margin: 0; }

#products_tab_ct .project-discounts { display: none; }

label.project-discounts.usi_de_garaj {
  max-height: 58px;
  overflow: hidden;
  z-index: 1;
  transition: max-height 0.5s ease;
}

label.project-discounts.usi_de_garaj:hover {
  max-height: 210px;
}

label.project-discounts.usi_de_garaj::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(249, 249, 249, 0) 0%, #f9f9f9 100%);
  pointer-events: none;
  transition: opacity 0.5s ease;
  z-index: 2;
}

label.project-discounts.usi_de_garaj:hover::before {
  opacity: 0;
}

label.project-discounts.usi_de_garaj::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 0;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
	border-top: 8px solid #D8601E;
  transition: opacity 0.5s ease;
  z-index: 3;
}

label.project-discounts.usi_de_garaj:hover::after {
  opacity: 0;
}

label.project-discounts.usi_de_garaj small.legend {
  display: inline-block;
  border-top: 1px solid #aaa;
  padding-top: 4px;
}

.questionnaire-help {
    display: none;
    padding: 10px;
}

.questionnaire-grid-label {
    font-weight: bold;
    display: inline;
}
.questionnaire-grid-label.min { margin: 0 10px 0 0; }
.questionnaire-grid-label.max { margin: 0 }

ol.questionnaire-answers-singleanswer li,
ol.questionnaire-answers-singleanswerinline li,
ol.questionnaire-answers-scale li,
ol.questionnaire-answers-multipleanswers li
{
    color: #999;
    font-style: italic;
    font-size: 12px;
}

.questionnaire-answers-text,
ol.questionnaire-answers-singleanswer li.active,
ol.questionnaire-answers-singleanswerinline li.active,
ol.questionnaire-answers-scale li.active,
ol.questionnaire-answers-multipleanswers li.active
{
    font-size: 12px !important;
    color: #000;
    font-style: normal;
    font-weight: bold;
}

.questionnaire-answers-paragraph {}
.questionnaire-answers-date {}

.project-image-item {
    padding: 10px;
    padding-top: 30px;
    width: 260px;
    display: inline-block;
    float: left;
}
.project-document-item {
    padding: 10px;
    padding-top: 35px;
    width: 175px;
    height: 130px;
    display: inline-block;
    float: left;
    line-height: 255px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1em;
}

.project-image-link {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.project-image-data {
}

.project-image-name {
    position: absolute;
    font-weight: bold;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.project-image-exif-date,
.project-image-date {
    font-style: italic;
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 5px;
}

.project-image-exif-map {
    margin-right: 5px;
}

.project-image-comment ul {
    padding: 0;
}

.project-image-comment ul li {
    margin-left: 90px;
}

.project-image-edit {
    margin-top: 8px;
}

.project-image-category {}

.project-image-category {
    margin-bottom: 50px;
}

.project-image-category h3 {
    font-weight: bold;
    font-size: 16px;
    clear: both;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 0;
}

.project-image-category h3 span {
    margin: -5px 15px 0 10px;
}

#projects-map {
    display: none;
    height: 600px;
}

.google-maps-infowindow-content {
    width: 300px;
}

.google-maps-infowindow-content .project-number {
    font-size: 16px;
    vertical-align: text-top;
    margin-right: 3px;
}

.google-maps-infowindow-content a {
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none;
    color: #333;
}

.google-maps-infowindow-content a:hover {
    text-decoration: underline !important;
}

.google-maps-infowindow-content a.action-icon {
    margin-left: 3px;
}

.google-maps-infowindow-content img {
    margin-right: 10px;
}

.btn-solid {
    display: inline-block;
	background-color: #D8601E;
	border: 1px solid #BE4D00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    padding: 2px 8px;
    text-decoration: none;
    font-weight: bold;
}


.question-description {
    font-size: 12px; 
    color: #777; 
    font-weight: normal; 
    font-style: italic;
    margin: -5px 0 10px;
}

#existing-question_chzn ul li.active-result {
    line-height: 135%;
}

.circle-letter {
    min-width: 70px;
}

.circle-letter div {
    background-color: #333;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
    cursor: pointer;
}

.circle-letter div.active {
	background-color: #D8601E;
}

.questionnaire-edit-question {
    border-collapse: collapse
}

.questionnaire-edit-question tr>td {
    padding: 5px;
}

.questionnaire-edit-question h2 {
    font-size: 16px;
}

.questionnaire-question-row {
    padding-bottom: 20px;
}

.questionnaire-question-row h2 {
    font-size: 16px;
    margin-top: 20px;
}

.questionnaire-question-row .checkbox-label {
    margin-right: 10px;
}

.questionnaire-question-row.question-noanswer {
    padding-bottom: 10px;
}

.questionnaire-question-row.question-noanswer h2 {
    font-size: 14px;
	color: #D8601E;
}

.questionnaire-question-row.question-noanswer .question-description {
    margin-top: 5px;
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
	color: #D8601E;
}

.grid-question-table {
    margin-top: 20px;
}

.grid-question-table th {
    text-align: center;
    padding: 5px;
    min-width: 70px;
}
.grid-question-table td {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border: 0;
}

.sortable-options {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}

.sortable-options li {
    padding-left: 20px;
    background: url("/images/sort-handle.png") no-repeat left center;
}

.questionnaire-edit-question .question-type-row {
    padding-top:10px;
}

.questionnaire-edit-question .question-info {
    width:750px;
}

.question-disabled {
    background-color: #fcc;
}

.question-edit-form {
    display: none;
}

.question-edit-form hr {
    margin-bottom: 20px;
}

.question-edit-form .question-options-list {
    width: 350px;
}

.question-option {
    
}

.question-option span {
    margin: 5px 10px 8px 0;
}

.question-option-no-answer {
    text-align: right;
}

.question-option-no-answer label {
    margin: 5px 10px 8px 0;
}

.cursor-hand {
    cursor: pointer;
}

td.up-down-btns {
    width:18px; 
    vertical-align: top; 
    padding: 15px
}
td.up-down-btns a {
    margin: 1px;
}


/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.projects_table, .opises_table {padding-bottom: 40px;}


/* CKEditor */
/* fixing ".formr span" styles */

.cke {
    margin-top: 2px !important;
}

span.cke_voice_label,
span.cke_combo_label,
span.cke_button_label {
    display: none;
}

span.cke_combo_text {
    font-weight: normal;
    font-size: 12px;
    color: #474747;
}

span.cke_button_arrow, 
span.cke_combo_open {
    display: inline-block;
}


/* Uploader: plupload */

.attach_file_label_plupload {
  background: transparent url(/images/attach-on.png) no-repeat center top;
	padding: 5px 2px 0px 2px;
  width: 121px;
  height: 22px;
  display: block;
  text-decoration: none;
  color: #272727 !important;
}

.uploader-filelist {}

.uploader-filelist .uploader-item {
    padding-left: 22px;
    background: transparent url("/images/doc-icn.png") no-repeat left center;
    min-height: 20px;
    margin: 10px 0px 10px 5px;
}

/* Google Maps */
#project-images-maps-container {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    background-color: #fff;
}

#project-images-map-nav {
    margin: 10px;
    height: 15px
}

#project-images-map-nav .map-title {
    float: left;
    display: block;
    margin: 0;
}

#project-images-map-nav .close_icn {
    float: right;
    display: block;
}

#project-images-map-content {
    width: 100%;
    height: 100%;
}

.chzn-container {
    margin-top: 2px !important;
}

.chzn-results>.active-result {
    border-top-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;

    border-top-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    
    border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;

    border-bottom-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
}

#tracking_action_chzn .chzn-drop {
    width: 276px !important;
}

#tracking_action_chzn .chzn-search input {
    width: 241px !important;
}

.subtabs.crm_subtabs ul.ui-tabs-nav {
    padding-left: 179px;
}

/* Tools */
.vmargin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hmargin {
    margin-left: 10px;
    margin-right: 10px;
}

.inputs-disabled {
    color: #aaa;
}

.spacer-bottom {
    margin-bottom: 20px;
}

/* Nested Set */

ol.nested-set {
    padding: 0;
    margin: 0;
}

.nested-set ol {
    padding-left: 30px;
}

.nested-set,
.nested-set ol {
    list-style-type: none;
}

.ns-root {}

.ns-item {
    padding-top: 20px;
}

.ns-item-content {
    position: relative; 
}


.ns-controls{
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    opacity: 0;
    outline:0 none; 
    transition: all 0.3s ease 0s; 
    -webkit-transition: all 0.3s ease 0s;
    left: 0px;
    top: -7px;
    background-color: white;
    border: 1px solid #eee;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 20px -4px #ccc;
    -moz-box-shadow:    0px 0px 20px -4px #ccc;
    box-shadow:         0px 0px 20px -4px #ccc;
}

.ns-controls:hover {
    opacity: 1;
}

/*overwrite htdocs/javascript/jquery/plugins/fg-menu/fg.menu.css */
.fg-menu-container {z-index: 100; border: 1px solid #BE4D00 !important;}

.ui-widget.observatii_tabs {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-accordion  .ui-tabs.observatii_tabs .ui-tabs-nav {
	margin: 0; padding: 0 .3em 0; background: none; border: none; border-bottom: 1px solid #D8601E; border-radius: 0px;
}
.ui-accordion .ui-tabs.observatii_tabs .ui-tabs-nav  li {
    margin:0 0.2em 1px 0!important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border:1px solid #D8601E!important;
    padding-bottom:1px;
    border-bottom: 0 none !important;
}
.ui-accordion .observatii_tabs .ui-corner-all {
	border-bottom: 1px solid #D8601E!important;
    padding: 0px!important;
}
.ui-accordion .observatii_tabs .ui-corner-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #CCCCCC!important;
    border-bottom: 0 none !important;
}
.ui-accordion .ui-tabs.observatii_tabs .ui-tabs-nav li.ui-tabs-active {
	border: 1px solid #D8601E;
    margin-bottom: 0;
    padding-bottom: 1px;
}
.ui-accordion .observatii_tabs .ui-state-default {
    background-color: #F4F4F4 !important;
    border: 1px solid #CCCCCC;
}

.ui-accordion .ui-tabs.observatii_tabs .ui-state-default a {
    color: #888888 !important;
    font-size: 13px!important;
}
.ui-accordion .ui-tabs.observatii_tabs .ui-tabs-active {
    background-color:#FFFFFF !important
}

.ui-accordion .ui-tabs.observatii_tabs .ui-state-hover a, .ui-accordion .ui-tabs.observatii_tabs .ui-state-hover a:hover {
    color: #C77405;
    text-decoration: none;
}

.grid-settings-info {
    height: 30px;
    margin: 2px 0px 10px 0px;
    border: 2px #791b29 solid;
    background-color: #eee;
    padding: 2px 20px;

    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-left-radius: 40px;

    -webkit-border-top-right-radius: 40px;
    -moz-border-radius-topright: 40px;
    border-top-right-radius: 40px;

    -moz-box-shadow: 3px 5px 8px 3px #6c4d2d;
    -webkit-box-shadow: 3px 5px 8px 3px #6c4d2d;
    box-shadow: 5px 5px 8px 0px #6c4d2d;
}

.door_preview_img {
    background: #eeeeee;
    float: right;
    padding: 5px;
    text-align: center;
    position: relative;
	z-index: 2;
	border: 2px solid #0a0a0c;
}

.door_hidden_option_div {
    position: absolute;
    top: -1200px;
    left: -1200px;
}

.navision-subgroup {
    display: inline-block;
    font-size: 80%;
    font-weight: bold;
    border: 1px solid #999999;
    padding: 3px 5px;
    margin: 1px 5px;
    background: #dddddd;
    border-radius: 4px;
}

.navision-subgroup-prefix {
    margin-left: 0;
}

.navision-subgroup-suffix {
    margin-right: 0;
}

input.manual-changed,
select.manual-changed,
textarea.manual-changed,
input[type="checkbox"].manual-changed ~ label,
input[type="radio"].manual-changed ~ label,
input[type="checkbox"].manual-changed ~ div.checkbox-label,
input[type="radio"].manual-changed ~ div.checkbox-label,
div.manual-changed .color_div_selected small,
div.manual-changed .model_div_selected,
div.manual-changed .impression_div_selected {
    color: #004422;
    text-shadow: 0 0 #00442299;
}

input[type="checkbox"].manual-changed,
input[type="radio"].manual-changed {
    accent-color: #004422;
}

input.auto-changed,
select.auto-changed,
textarea.auto-changed,
input[type="checkbox"].auto-changed ~ label,
input[type="radio"].auto-changed ~ label,
input[type="checkbox"].auto-changed ~ div.checkbox-label,
input[type="radio"].auto-changed ~ div.checkbox-label,
div.auto-changed div.color_div_selected small,
div.auto-changed div.model_div_selected, 
.auto-changed .impression_div_selected {
    color: #804000;
}

input[type="checkbox"].auto-changed,
input[type="radio"].auto-changed {
    accent-color: #804000;
}

.auto-changed-wrapper {
    background-color: rgba(255, 153, 51, 0.2);
    position: absolute;
    border: 3px solid #ff9933;
    border-radius: 8px;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 1000;
}

/* Sticky Menu */
#sticky-menu {position:fixed; width:190px; z-index:1000}
#sticky-menu ul {margin:0; padding:0; list-style-type:none;}

.sticky-menu-icons {}
.sticky-menu-icons ul {float:right;}
.sticky-menu-icons li {display:block; width:29px; height:27px; margin-bottom:5px; border:1px solid #BE4D00; border-right:none; background:#D8601E url(/images/sticky_menu/gradient-2.png) repeat-x center center; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.sticky-menu-icons li:hover {background:#BE4D00;}
.sticky-menu-icons li a {display:block; height:27px; text-indent:-999em;}
.sticky-menu-icons li.i-add a {background:url(/images/sticky_menu/i-add.png) no-repeat center center;}
.sticky-menu-icons li.i-list a {background:url(/images/sticky_menu/i-list.png) no-repeat center center;}
.sticky-menu-icons li.i-sigma a {background:url(/images/sticky_menu/i-sigma.png) no-repeat center center;}
.sticky-menu-icons li.i-sigma .pressed {border-style: none;}

#sticky-menu-tabs {max-height:600px; padding:5px 5px 0 5px; background:#A3A3A3; margin-bottom:5px}
#sticky-menu-tabs.outer { -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
#sticky-menu-tabs.inner { -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;}
#sticky-menu-tabs ul {}
#sticky-menu-tabs li {display:block; margin-bottom:5px; border:1px solid #FFF; background:#F8F8F8 url(/images/sticky_menu/gradient-1.png) repeat-x center center; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
/*#sticky-menu-tabs li:last-child {margin-bottom:0;}*/
#sticky-menu-tabs li:hover {background:#F8F8F8;}
#sticky-menu-tabs li.active {border-color:#BE4D00; background:#BE4D00 url(/images/sticky_menu/gradient-2.png) repeat-x center center;}
#sticky-menu-tabs li.active a {color:#FFF; padding-left:20px; background:url(/images/sticky_menu/arrow-1.png) no-repeat 7px 9px;}
#sticky-menu-tabs li a {display:block; padding:6px; text-decoration:none; font-size:11px; line-height:12px; color:#484848; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; overflow: hidden}

#sticky-menu-tabs li a.delete-tab {display:none;}
#sticky-menu-tabs li:hover a.delete-tab {position:absolute; display:block; width:14px; height:14px; padding:0; top:5px; right:5px; background:url(/images/sticky_menu/i-delete.png) no-repeat top left; border:none; text-indent:-999em;}
#sticky-menu-tabs li:hover a.delete-tab:hover {background-position:bottom left;}

.sticky-loader {background: rgba(250, 250, 250, 0.2); top: 0; width: 100%; height: 100%; position: absolute;  z-index: 100;}

.dellang {position: relative;}
.dellang input[type='checkbox'] {position: absolute; left: -20px; top: -2px;}

tr.pay-division-row select option.all {display: block;}
tr.pay-division-row select option.last {display: none;}
tr.pay-division-row.last select option.all {display: none;}
tr.pay-division-row.last select option.last {display: block;}

div.downpayment {height: 30px;}

.search {width: 20px; height: 20px; cursor: pointer; background: url(/images/icons/search.png); display: inline-block; float: left;}
.search-urls {position: absolute; min-width: 150px; right: 843px; display: inline-block; border: 3px solid #e5e5e5; border-radius: 5px; padding: 5px; background: #ffffff; z-index: 1;}

.inline-panel {background-color: #f9f9f9; border: 1px solid #d5d5d5; padding: 5px; margin-bottom: 10px;}

/* Clearfix */
.clearfix:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1px;}
.clearfix {display:block;}
*+html .clearfix {clear:both;}

/* Other */
.float-left {
  float: left;
}

.mime-type-icon-link {text-decoration: none;}
.mime-type-icon-link img {padding: 0 3px; vertical-align: bottom;}
.doc-list {margin: 15px; padding: 5px; float: left; text-align: center; width: 150px; height: 80px; overflow: hidden; text-overflow: ellipsis;}
.doc-list a img {display: block; margin: 0 auto;}

.responsive select, .responsive textarea, .responsive input[type="text"], .responsive input[type="password"], .responsive input[type="datetime"], .responsive input[type="datetime-local"], .responsive input[type="date"], .responsive input[type="month"], .responsive input[type="time"], .responsive input[type="week"], .responsive input[type="number"], .responsive input[type="email"], .responsive input[type="url"], .responsive input[type="search"], .responsive input[type="tel"], .responsive input[type="color"], .responsive .chzn-container-single .chzn-search input { font-size: 16px; }
.responsive .cal_box_mob {width: 100%; background: #efefef; white-space: nowrap; overflow: hidden; padding: 10px 0;}
.responsive .item2line {display: inline-block; vertical-align: top; width: 50%;} 
.responsive .item {display: inline-block; width: 50%; text-align: center; vertical-align: top;}
.responsive .item > div {text-align: center; position: relative; padding: 10px; display: inline-block; width: 145px;}
.responsive .item.highlight > div {background: #F3D7C3; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: inset 0px 0px 7px 0px rgba(50, 50, 50, 0.2); box-shadow: inset 0px 0px 7px 0px rgba(50, 50, 50, 0.2);}
.responsive .item.disabled > div {opacity: 0.5;}
.responsive .item strong {display: block; white-space: normal; text-align: center; margin: 3px 4px 0 4px; height: 29px;}
.responsive .item_checkbox {text-align: center; display: none;}
.responsive .cal_box_mob_color .item {padding: 10px 0;}
.responsive .item img {max-width: 145px; margin: 0 auto; }
.responsive .item.highlight img {-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.2);}
.responsive .cal_box_mob_color .item img {max-width: 60px; margin: 0 auto; border: 1px solid #ccc;}
.responsive .cal_box_mob_tit {padding: 0 3px; margin: 13px 0 5px 0; font-size: 15px; font-weight: bold;}
.responsive .cal_box_mob_singl {padding: 0; margin: 13px 0 5px 0; font-size: 15px; font-weight: bold;}
.responsive .cal_box_mob_inp {margin: 0 5px; position: relative;}
.responsive .cal_box_mob_inp input {box-sizing : border-box; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: #fff; padding: 6px 0; border: 1px solid #a7a7a7; color: #333333; width: 100%; padding: 6px 33px 6px 6px;}
.responsive .cal_box_mob_inp span {position:absolute; right: 7px; top: 10px;}
.responsive .btnbar {padding: 0 3px;}
@media (max-width: 670px) {.responsive .item2line {display: block; width: 100%;} .responsive .item2line:first-child {margin-bottom: 15px;} .responsive .responsive .item > div {padding: 5px;}}
@media (max-width: 500px) {.responsive .actbtn, .responsive .actbtn span, .responsive .graybtn, .responsive .graybtn span {display: block; margin-right: 0; text-align: center;}}
@media (max-width: 400px) {.responsive .item2line:first-child {margin-bottom: 0;} .responsive .item {width: 100%; display: block; position: relative; padding: 10px; text-align: center;}}
