/* GLOBAL OF CONNFIGURATION PAGE */
:focus {outline:none !important;}
h1{margin:0px 0 15px;}
p{margin:0 0 10px;}
button{ font-size:14px; line-height:30px; width:auto; background:#acacac; height: 30px;}
.button{padding:0 16px;display:block;border-radius:6px; margin:0 auto; width:auto; text-align:center; border:none; cursor:pointer; line-height:33px;  height: 33px; position:relative;}
.button:enabled:hover{background:#acacac;}
.button.backgroundBlue:enabled:hover{background:#5fb5e4; color:#fff;}
.button.left{margin-right:10px; width:auto;}
.button.right{margin-left:10px; width:auto;}
.link{ cursor:pointer;}

#configureHeader .slideContain{ padding:10px 0 10px; cursor:default}
#configureContain{ xmin-height:406px; background:#ccc url(../images/configuration/GradientGrey.png) repeat-x top center;}
#configureContain .slideContain{ padding:25px 0 30px;}
#configureContain .configurationTools{ position:relative; white-space:nowrap}

/* COLUMNS */
.row {margin:0 -1%;}
.row > div{ position:relative;}
.row > .third{ width:31.33%; margin:0 1%; padding:0;}
.row > .twothird{ width:64.33%; margin:0 1%; padding:0;}
.row > .fourth{ width:23%; margin:0 1%; padding:0;}
.row > .half{ width:48%; margin:0 1%; padding:0;}
.half{ width:50%; float:left;}
.third{ width:33%; float:left;}
#configureYourDevices .twothird{ width:56%; float:left;}
#configureYourDevices .third{ width:43%; float:right}
#configureYourInputs .twothird, #configureYourOutputs .twothird, #configureYourContacts .twothird{ width:56%; float:left;}
#configureYourInputs .third, #configureYourOutputs .third, #configureYourContacts .third{ width:43%; float:right}

.borderLeft{border-left: 1px rgba(235, 235, 235, .3) solid; margin-bottom:10px !important;}

/* TOOLTIPS */
.configureTooltip{ display:inline-block; height:15px; width:15px; position:relative; background:transparent url(../images/form/tooltip.png) no-repeat center center; margin:-2px 0 2px 12px; font-size:13px;}
.configureTooltipMessage{ position:absolute; left:50%; bottom: 25px; background:#26a1e4; color:#fff; width:160px; margin-left:-85px; padding:5px; z-index:100; border-radius:6px; display:none;}
.configureTooltip:hover .configureTooltipMessage{ display:block}
.configureTooltipMessage:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(38, 161, 228, 0); border-top-color: #26a1e4; border-width: 7px; margin-left: -7px;}
.columnHeader .configureTooltip{ position:absolute; top:1px; right:-20px;}

.configureTooltip.infoBox{ cursor:pointer;}
.message{ line-height:normal; font-style:italic;}
.messi-content{ font-size:12px; line-height:17px; overflow-y:auto; overflow-x:hidden; padding:0 35px 0px !important; text-align:center;}
.messi-titlebox{  background:transparent !important; text-shadow: none; color:#414042; text-align:center; font-size:16px; padding:35px 30px 10px; font-weight:bold;}
.messi-actions{ border-top:none; padding-top:10px;}
.messi-actions .btnbox .btn{ line-height:22px; border:none; min-width:50px; text-shadow: none; text-transform:lowercase;}
.messi-actions .btn{ margin-left:5px; background:#26a1e4; color:#fff;}
.messi-actions .btn:hover{ background:#26a1e4;color:#fff;}
.messi-actions .btn-success{float:right;margin-right:2px; background:#26a1e4;}
.messi-actions .btn-success:hover{background:#26a1e4;}
.messi-actions .btn-danger{float:left; margin-left:2px; background:#acacac}
.messi-actions .btn-danger:hover{ background:#acacac;}
.messi-box{ padding:0}
.messi-footbox{ height:75px;}
.messi-wrapper{ background:#ebebeb;}
.messi-content img{ max-width:100%; height:auto;}

.messiError .messi-titlebox {padding:35px 40px 10px; text-align:left}
.messiError .messi-titlebox img{margin:-10px 0 20px;}
.messiError .messi-footbox {padding:0px 40px 0px; text-align:left}
.messiError .messi-content { padding:0 40px 0px !important; text-align:left}
.messiError .messi-actions{margin:0}
.messiError .messi-actions .btn{margin:0 10px 0 0;}
.messiError:after {
	top: 100%;
	left: 70px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(235, 235, 235, 0);
	border-top-color: #ebebeb;
	border-width: 15px;
}

/*---------*/
/*---------*/
/*---------*/


/* ROOT OF CONFIGURATION PAGE  - INTRODUCTION */
#topBox { overflow: hidden;}
#topBox .slideContain{ padding:60px 0 76px;}
#topBox .slideContain a{font-weight:600}
#topBox .slideContain .imgcontain{ margin-bottom:-40px;}
#topBox .slideContain img{margin:25px 0 -105px; max-width:85%;}

/* CONNFIGURATION NAVIGATION */
#MainQuestionContainer .navigation{ background: rgba(137, 137, 137, 0.7); background:#898989; height:50px; white-space:nowrap;}
#MainQuestionContainer.Results .navigation{background:#242424;} 
#MainQuestionContainer .navigation > .slideContain{ padding:0;}
#MainQuestionContainer .navigation ul, #MainQuestionContainer .navigation li{margin:0 0 0 1%; padding:0; height:50px;}
#MainQuestionContainer .navigation li{ display:inline-block; margin-right:-2px; margin-left:-1.5%; width:11.3%; height:50px; color:#242424; position:relative}
#MainQuestionContainer .navigation table, #MainQuestionContainer .navigation tbody, #MainQuestionContainer .navigation td{ border: none; }
#MainQuestionContainer .navigation table{height:50px; width:100%; margin:0 -5px 0 5px;}
#MainQuestionContainer .navigation .enabled table td{background:#242424; color:#fff;}
#MainQuestionContainer .navigation .enabledSkip table td{background:#242424; color:#fff;}
#MainQuestionContainer .navigation .active table td{background:#fff; color:#242424;}
#MainQuestionContainer .navigation table td{  color:#242424; padding:0 0 0 5px; margin:0; font-size:10px; line-height:12px; font-weight:bold; vertical-align:middle; text-align:center; white-space:normal; text-transform:uppercase}
#MainQuestionContainer .navigation table td.leftCell{ backgroundx:red; width:12px;padding:0; margin:0;}
#MainQuestionContainer .navigation .first table td.leftCell{ width:5%}
#MainQuestionContainer .navigation table td.rightCell{ background: transparent url(../images/configurationBox/navRight.png) no-repeat center right; width:12px; padding:0; margin:0; }
#MainQuestionContainer .navigation .last table td.rightCell{ background-image:none}
#MainQuestionContainer .navigation .enabled table td.rightCell{ background:transparent url(../images/configurationBox/navEnabledRight.png) no-repeat center right; }
#MainQuestionContainer .navigation .enabled.last table td.rightCell{ background:#242424;}
#MainQuestionContainer .navigation .enabled:hover{ cursor:pointer;}
#MainQuestionContainer .navigation .enabledSkip table td.rightCell{ background:transparent url(../images/configurationBox/navEnabledRight.png) no-repeat center right; }
#MainQuestionContainer .navigation .enabledSkip.last table td.rightCell{ background:#242424;}
#MainQuestionContainer .navigation .enabledSkip:hover{ cursor:pointer;}
#MainQuestionContainer .navigation .active table td.rightCell{ background:transparent url(../images/configurationBox/navActiveRight.png) no-repeat center right;}
#MainQuestionContainer .navigation .active.last table td.rightCell{ background: transparent url(../images/configurationBox/navActiveRight.png) no-repeat center right;}
#MainQuestionContainer .navigation table td a{color:#242424; cursor:default;}
#MainQuestionContainer .navigation .enabled table td a{color:#fff; cursor:pointer;}
#MainQuestionContainer .navigation .enabledSkip table td a{color:#fff; cursor:default;}
#MainQuestionContainer .navigation .active table td a{color:#242424; cursor:pointer;}

#MainQuestionContainer .navigation li a{ cursor:default;}
#MainQuestionContainer .navigation li.enabled a{ cursor:pointer;}


/* GLOBAL QUESTION CONTAIN */
#MainQuestionContainer .slideContain {padding:20px 0 20px;}
#MainQuestionContainer .MainQuestionHeader{padding-bottom:15px; margin-bottom:15px; border-bottom:1px rgba(235, 235, 235, .3) solid;}
#MainQuestionContainer .MainQuestionFooter{padding-top:15px; margin-top:15px; border-top:1px rgba(235, 235, 235, .3) solid;}
#MainQuestionContainer .navNext{ width:90px;margin-left:5px}
#MainQuestionContainer .navPrev{padding:0px 15px;}

#MainQuestionForms{position: relative;}
#MainQuestionContainer h2{ line-height:19px; margin:0; font-size:19px; color:#ffffff; font-weight:300; margin-top:14px;}
#MainQuestionContainer h3{margin:0 0 30px;}
#MainQuestionContainer .row input[type="submit"]{margin:15px 0 20px ; padding: 0 20px;}

.colPadding{ padding:15px 20px;}
.columnHeader{ line-height:15px; padding-bottom:0px; position:relative; margin-right:15px;}
.half .columnHeader{ line-height:normal;}
.question{ line-height:normal; position:relative;}
.questionPadding{padding:15px 15px 25px 40px; position:relative;}
.questionPadding .question{padding-right:15px;}
.questionIcon{ position:absolute; left:15px; top:15px; height:15px; width:15px; border-radius:50%; display:block;}
.questionIcon{
	background: #222;
}
.question .configureTooltip{ position:absolute; top:1px; right:0px;}
.answer {padding:20px 0 0px}
.answer .button{float:left; width:auto; padding:0 12px; margin-right:5px; font-weight:bold; color:#fff; position:relative;}
.answer .button.active{ background:#26a1e4; background-color:#26a1e4;}
.answer .button.active:hover{background:#5fb5e4;background-color:#5fb5e4; color:#fff;}

.delete{height:15px; width:15px; display:block; background:url(../images/configurationBox/icon-delete.png) no-repeat center center; text-indent: 50px; overflow:hidden; line-height:14px; color:#fff; text-align:center; font-weight:bold; font-size:11px; padding:0 0 0 0px; cursor:pointer}


/* FORM */
label{ font-weight:300; line-height:30px; margin:5px 0 0 1px;}
#configureYourDevices label{line-height:20px; margin-top:10px;}
input{ display:block; width:90%; padding:0 5%; margin-bottom:1px; border:#dddddd 1px solid; line-height:30px; height: 30px; font-size:14px; font-weight:300; font-family: 'Neue Helvetica W01', sans-serif;}
/*select*/
.select-style {border: 1px solid #dddddd;width: 100%;  overflow: hidden; background: #fff url(../images/form/select.png) no-repeat right center; font-size:14px;}
.select-style select { font-family: 'Neue Helvetica W01', sans-serif; padding: 0 10px; line-height:30px; height: 30px; font-size:13px; width: 133%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; cursor:pointer;}
.select-style select:focus {outline: none;}
button:disabled{ opacity:.4 !important; cursor:auto !important;}
button[disabled]{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;  cursor:auto !important;}
/*radio*/
.radioSelection{padding-bottom:10px;}
.radioSelection label{ line-height:normal; cursor:pointer; margin:0 0 12px 23px}
input[type="radio"] { display:inline-block; height:12px; width:12px; margin:0px -12px -0px -25px; opacity:0;}
input[type="radio"]:checked + span { background:url(../images/form/radio2.png) no-repeat right center;}
.backgroundLight input[type="radio"]:checked + span{ background:url(../images/form/radio.png) no-repeat right center;}
.radio-style{display:inline-block; height:12px; width:12px;  margin:0px 8px -0px 0;background:url(../images/form/radio2.png) no-repeat left center;}
.backgroundLight .radio-style{background:url(../images/form/radio.png) no-repeat left center;}
input[type="radio"]:focus {outline: none;}
/*checkbox*/
.checkboxSelection{padding-bottom:10px;}
.checkboxSelection label{ line-height:normal; cursor:pointer; margin:0 0 12px 23px}
input[type="checkbox"] { visibility:hidden; display:inline-block; height:14px; width:14px; margin:0px -12px -0px -25px;}
input[type="checkbox"]:checked + span { background:url(../images/form/checkbox.png) no-repeat right center;}
.backgroundLight input[type="checkbox"]:checked + span{ background:url(../images/form/checkbox2.png) no-repeat right center;}
.checkbox-style{display:inline-block; height:14px; width:14px;  margin:0px 8px -0px 0;background:url(../images/form/checkbox.png) no-repeat left center;}
.backgroundLight .checkbox-style{background:url(../images/form/checkbox2.png) no-repeat left center;}
input[type="checkbox"]:focus {outline: none;}
/*submit*/
input[type="submit"],button[type="submit"]{ position:relative;}
.confirmIcon{ position:relative; height:12px; width:13px; background:url(../images/form/confirm.png) no-repeat center center; display:none; content: " "; margin:9px 0 0 5px;}
form.confirmed .confirmIcon, .answer.confirmed .confirmIcon{ display:inline-block; }
/*spinners*/
.numberGroup table {margin-bottom:5px;}
.numberGroup table tbody{ border:none}
.numberGroup table td{padding:0 0 12px;}
.numberGroup label{display:inline; line-height:normal; }
.numberGroup .ui-spinner input{display:block; padding:0 5%; font-size:14px; font-weight:300; line-height:20px; margin:0 15px; text-align:center; width:30px; padding:0; font-weight:bold; font-family: 'Neue Helvetica W01', sans-serif; height:20px;}
.numberGroup .ui-widget-content{ border:none; outline:none; box-shadow:none;  border:#dddddd 1px solid; border-radius:0;  width:60px; margin:0 0px;float:right; overflow:visible;}
.numberGroup .ui-spinner-up{ 	height:100%; right:0; left:auto; width:15px; border-left:#ebebeb 1px solid !important; background:#fff url(../images/form/spinnerPlus.png) 5px 6px no-repeat !important; border-radius:0;}
.numberGroup .ui-spinner-down{	height:100%; right:auto; left:0; width:15px; border-right:#ebebeb 1px solid !important; background:#fff url(../images/form/spinnerMinus.png)  5px 6px no-repeat !important; border-radius:0;}
.numberGroup .ui-spinner-button .ui-button-text{display:none;}

/* FORM - SLIDER WIDGET */
.sliderControlContain .ui-widget-content{ background:none; border:none;}
.sliderControlContain{padding:0 0 0 15px; background:url(../images/form/sliderBar.png) no-repeat center left; width:100%; max-width:350px; margin:5px 0 35px -15px; display:inline-block; position:relative;}
.sliderControlContain:after{ display:block; height:100%; position:absolute; width:15px; right:-15px; top:0; background:url(../images/form/sliderBar.png) no-repeat center right; content: " "; }
.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{ background: transparent url(../images/form/sliderDrag.png) no-repeat center center; border:none; cursor:pointer;}
.ui-slider-horizontal .ui-slider-handle{top:-.25em;}
.ui-slider-tick-mark{display:inline-block;width:1px; background-color:#fff; height:10px;position:absolute;top:100%;  color:#fff;}
.ui-slider-tick-mark span{width:15px; height:15px; text-align:center; margin-left:-7px; position:absolute; top:12px; left:0; display:block; font-size:14px; font-weight:300; cursor:pointer;}
.sliderControlContain.width340{width:340px;}

.answer.smallSlider{width:65px;}
.answer.smallSlider .sliderControlContain{margin:-4px 0 42px; padding-left:6px;}
.answer.smallSlider .sliderControlContain:after{width:6px; right:-6px;}
.answer.smallSlider .ui-slider-tick-mark{background-color:#d7d7d7; height:7px;}
.answer.smallSlider .ui-slider-tick-mark span{ color:#1a1a1a; top:5px; font-weight:bold}

.disabledCover{ background:#333; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:99; border-radius:6px; opacity:.7; display:none;}
.disabled .disabledCover{display:block;}




/*---------*/
/*---------*/
/*---------*/

/* MODULE WARNING */
.moduleWarningText{
	padding-top: 5px;
	padding-bottom: 5px;
}


/* DEFAULT CONFIG ITEM SCROLL STYLES */
.scroll-pane{height:auto;}
.jspHorizontalBar{background: transparent;}
.jspDrag{ background:#26a1e4 url(../images/configurationBox/configuratorDrag.png) no-repeat center center;}
.jspTrack{background:transparent url(../images/configurationBox/configuratorScroll.png) repeat-x center center;}
.jspVerticalBar{ display:none !important;}


/* DEFAULT CONFIG ITEM */
#toolSlider{ padding:0; position:relative; width:100%; overflow:auto; height:auto}

.configItemFloatContain{overflow:hidden; display:inline-block; position:relative; vertical-align: top; padding-bottom:20px;}
.configItemFloatContain.hide{display:none;}
.configItemFloat{width:111px; display:inline-block; margin:0 0px 30px 0px; white-space:normal; float:none; vertical-align: top; }
.configItemFloat.hide{display:none;}
.configItemContain{height:205px; position:relative;  z-index:0; padding:2px; border-radius: 10px;  }
.configItemContain .configItem{ min-width:100%; min-height:100%; position:relative; border-radius: 6px; }
.configItemFloat table{width:100%; text-align:center; font-size:13px; line-height:1em; color:#252525;}
.configItemFloat table td{padding-top:15px; height:55px; vertical-align:middle; font-weight:bold}
.configItemFloat.white table{ color:#767676}

.configItem .borderImg{ 	position:absolute; z-index:1; height:21px;}
.configItem .borderImg.tl{  top:0; 		left:0;  	width:15px;  height:15px; 	border-radius: 0 0 10px 0;}
.configItem .borderImg.tr{  top:0; 		right:0;  	width:35px;  height:15px; 	border-radius: 0 0 0 10px;}
.configItem .borderImg.bl{  bottom:0; 	left:0;  	width:35px;  height:15px; 	border-radius: 0 10px 0 0;}
.configItem .borderImg.br{  bottom:0; 	right:0;  	width:15px;  height:15px; 	border-radius: 10px 0 0 0;}

.configItemContain{border:#fff solid 3px;	background:#ccc;}
.configItemContain .configItem{background:#fff;}
.configItemContain .configItem .borderImg{ 	background:#ccc;}
.configItemContain .configItem .expandTool, .configItemContain .configItem .expandToolColumn{ 
position:absolute; bottom:-3px; left:0px; font-size:12px;color:#fff; z-index:10; padding-left:40px; cursor:pointer;
}
.configItemContain .configItem .expandTool, .configItemContain .configItem .expandToolColumn,
.configItemContain .configItem .expandTool.moreItems, .configItemContain .configItem .expandToolColumn.moreItems{
background: url(../images/configurationBox/arrow-expand.png) 8px center no-repeat;
}
.expanded .configItemContain .configItem .expandTool, .expanded .configItemContain .configItem .expandToolColumn,
.expanded .configItemContain .configItem .expandTool.moreItems, .configItemContain .configItem .expandToolColumn.moreItems{
background: url(../images/configurationBox/arrow-collapse.png) 8px center no-repeat;
}
.expanded .expandLabel,
.collapseLabel{display:none}
.expanded .collapseLabel{ display:block;}

.configureTitleArrow{ width:6px; height:11px; position:absolute; right:0; top:50%; margin-top:-6px; margin-right:3px; background:url(../images/configurationBox/arrow-configTitle.png); z-index:999; display:block;}

.configItemFloatContain .configItemTitles{position:absolute;top: 107px; left:6px; right:5px; z-index:10; overflow:hidden;}
.configItemFloatContain .configItemTitles .titleBar {background:#626262; height:24px; border-bottom:1px #242424 solid; color:#fff; line-height:25px; padding:0 10px 0 15px; font-size:13px;cursor:pointer; white-space:nowrap; display:block; position:relative;}
.configItemFloatContain .configItemTitles .titleBar.hide{display:none;}
.configItemFloatContain .configItemTitles .titleBar.height2{height:49px; line-height:49px; margin-right:1px;}
.configItemFloatContain .configItemTitles .titleBar:hover{background:#555;}
.configItemFloatContain .configItemTitles .titleBar .titleLong{ display:none;}
.titleBarCol{margin-left:16px;width:99px;} 
.titleBarCol:first-child{margin-left:0px;} 


/* VARIOUS CONFIG ITEM TYPES */
.baseConfigTool{width:217px;}
.baseConfigTool .configItemContain{ width:211px; height:211px;}
.baseConfigTool table{ color:#fff;}
.baseConfigTool .configItemContain{border:#ccc solid 0px;	background:#d9d9d9;}
.baseConfigTool .configItemContain .configItem{background:#ccc;}
.baseConfigTool .configItemContain .configItem .borderImg{ 	background:#d9d9d9;}

.touchscreen.configItemFloat{width:172px;}
.touchscreen .configItemContain{ height:110px; width:160px;}
.touchscreen .configItemContain{margin:48px 0;}

.configItemContain.purple{border:#242424 solid 3px;	background:#984795;	}
.configItemContain.purple .configItem{background:#242424;}
.configItemContain.purple .configItem .borderImg{ 	background:#984795;}

.configItemContain.grey{border:#242424 solid 3px;	background:#5d6a71;	}
.configItemContain.grey .configItem{background:#242424;}
.configItemContain.grey .configItem .borderImg{ 	background:#5d6a71;}

.configItemContain.blue{border:#242424 solid 3px;	background:#0054b6;	}
.configItemContain.blue .configItem{background:#242424;}
.configItemContain.blue .configItem .borderImg{ 	background:#0054b6;}

.configItemContain.lblue{border:#242424 solid 3px;	background:#00a5e0;	}
.configItemContain.lblue .configItem{background:#242424;}
.configItemContain.lblue .configItem .borderImg{ 	background:#00a5e0;}

.configItemContain.green{border:#242424 solid 3px;	background:#c3d600;	}
.configItemContain.green .configItem{background:#242424;}
.configItemContain.green .configItem .borderImg{ 	background:#c3d600;}

.configItemContain.orange{border:#242424 solid 3px;	background:#e55302;	}
.configItemContain.orange .configItem{background:#242424;}
.configItemContain.orange .configItem .borderImg{ 	background:#e55302;}

.configItemContain.yellow{border:#242424 solid 3px;	background:#ecaa00;	}
.configItemContain.yellow .configItem{background:#242424;}
.configItemContain.yellow .configItem .borderImg{ 	background:#ecaa00;}



.configItemContain.red{border:#242424 solid 3px;	background:#d6083b;	}
.configItemContain.red .configItem{background:#242424;}
.configItemContain.red .configItem .borderImg{ 	background:#d6083b;}

.configItemContain.white2{border:#242424 solid 3px;	background:#fff;	}
.configItemContain.white2 .configItem{background:#242424;}
.configItemContain.white2 .configItem .borderImg{ 	background:#fff;}

.configItemContain.pink{border:#242424 solid 3px;	background:#d40072;	}
.configItemContain.pink .configItem{background:#242424;}
.configItemContain.pink .configItem .borderImg{ 	background:#d40072;}

.configItemContain.forest{border:#242424 solid 3px;	background:#417630;	}
.configItemContain.forest .configItem{background:#242424;}
.configItemContain.forest .configItem .borderImg{ 	background:#417630;}

.configItemContain.teal{border:#242424 solid 3px;	background:#00a29b;	}
.configItemContain.teal .configItem{background:#242424;}
.configItemContain.teal .configItem .borderImg{ 	background:#00a29b;}



.configItemContain.light{border:#242424 solid 3px;	background:#d9d9d9;	}
.configItemContain.light .configItem{background:#242424;}
.configItemContain.light .configItem .borderImg{ 	background:#d9d9d9;}

.empty > .configItemFloat .configItemContain{border-color:#ffffff;	background-color:#cccccc;	}
.empty > .configItemFloat .configItem{background-color:#ffffff;}
.empty > .configItemFloat .configItem .borderImg{ background-color:#cccccc;}
.empty > .configItemFloat table, .empty.touchscreen table{ color:#767676}

.active > .configItemFloat .configItemContain, 
.configItemFloat.active .configItemContain{border-color:#242424;	background-color:#d9d9d9;	}
.active > .configItemFloat .configItem, 
.configItemFloat.active .configItem{background-color:#242424;}
.active > .configItemFloat .configItem .borderImg,
.configItemFloat.active .configItem .borderImg{ background-color:#d9d9d9;}
.active > .configItemFloat table,
.configItemFloat.active table{ color:#252525}

.categoryTitleCount{ float:left; display:block; height:100%; padding-right:5px; margin-left:-3px}
.configureTitleIcon{ position:absolute; left:3.5px; top:8px; height:7px; width:7px; border-radius:50%; display:block;}


/*---------*/
/*---------*/
/*---------*/






/* BURN CONTROL */

/*---------*/

.page{ width:100%; letter-spacing:.3px}
#page0 {padding:30px 0 35px;}
#page0 .button[type="submit"]{ margin-top:30px; width:90px}

/*---------*/

#page1 .column1a .colPadding{ padding:20px 20px;}
#page1 .column1a .burnerInfo{ padding-bottom:5px;}
#page1 .column1a #addBurner{padding:10px 0 0;}
#page1 .column1a .button[type="submit"]{ margin-top:15px;}
#page1 .column1a .confirmIcon{top:16px;}

.configureNavigation{ color:#1a1a1a}
.configureNavigation .configureTooltip{background:transparent url(../images/form/tooltipDark.png) no-repeat center center; }
.configureNavigation .colPadding{ border-bottom: #222 1px solid;}
.configureNavigation .configureNavigationItem{ cursor: default; position:relative;padding:15px 45px 20px 50px; line-height: normal; }
.configureNavigation .configureNavigationItem label{ line-height: 1em; padding-bottom: 8px; margin: 0;}
.configureNavigation .configureNavigationItemStatus{ display:none; padding:10px 0 0; font-style:italic; font-weight:300; font-size:12px; letter-spacing:1px}
.configureNavigation .configureNavigationItemEdit{ display:none; }
.configureNavigation .countIcon{ position:absolute; top:12px; left:12px; height:25px; width:25px; border-radius:50%; line-height:25px; text-align:center; font-weight:bold}
.configureNavigation .delete{ position:absolute; top:15px; right:15px;}
.configureNavigation .configureNavigationItem.active{background:#f3f3f3;}
.configureNavigation .configureNavigationItem.active .configureNavigationItemStatus{display:block;}
.configureNavigation .configureNavigationItem.active .countIcon{background:#838383;  color:#fff;}
.configureNavigation .configureNavigationItem.active-current .countIcon{background:#09F;  color:#fff;}
.configureNavigation .configureNavigationItem.complete{background:#626262; color:#fff;}
.configureNavigation .configureNavigationItem.complete .configureNavigationItemEdit{display:block;}
.configureNavigation .configureNavigationItem.complete .configureNavigationItemEdit a{ color:#fff; text-decoration:underline; display:block; margin:8px 0 0;}

.configureQuestions{ overflow:none;}

.configureNavigation .link > div{ display:block; padding:15px 20px; color:#fff;}


/*---------*/











/* CONFIGURATION COMPLETE */
/*---------*/
.half.right{ float:right;}
.completeConfiguration{padding:15px 0 30px;}
.completeConfiguration .BoxActions .button{ font-weight:bold}
.completeConfiguration .half{padding-top:30px; width: 47%;}
.completeConfiguration .half .font25{padding-bottom:15px;}

.orderNowBlock .slideContain{ padding:30px 0 40px}
.orderNowBlock .BoxActions .button{margin-top:0; font-weight:bold}
.orderNowBlock .half .font25{padding-bottom:5px;}
.orderNowBlock .half{ width: 47%;}



/* CONFIGURATION PDF STYLES */
/*---------*/
.block10{ display:block; height:10px;}
.block30{ display:block; height:30px;}
.block35{ display:block; height:30px;}
.comfirmHR{ display:block; background:#959595; height:1px;}

.image90 > img{ width:90% !important; display:block;} 

.orderConfiguration .slideContain{ padding:0px 0 0px}
#orderConfigurationDisplay{ margin:50px 0;}
#orderConfigurationDisplay table, tbody, thead, td, tr{ padding:0; margin:0; vertical-align:top; border:none; border-collapse:collapse;}
#orderConfigurationDisplay table{width:100%;}
.configurationTable table, .configurationTable td{ vertical-align:bottom; }
#orderConfigurationDisplay .font25{padding-bottom:10px;line-height:25px}
#orderConfigurationDisplay .font21{line-height:21px}
#orderConfigurationDisplay ul{ margin:0; padding:5px 0 0 17px;}
#orderConfigurationDisplay ul li{ padding:0; margin:0;}










.questionIcon.backgroundMedium{ 	background:#838383; }
.questionIcon.backgroundMedium2{ 	background:#626262; }
.questionIcon.backgroundGrey{		background-color:#cccccc;}
.questionIcon.backgroundLight{		background-color:#f3f3f3;}
.questionIcon.backgroundWhite{		background-color:#ffffff;}
.questionIcon.backgroundBlue{		background-color:#26a1e4;}
.questionIcon.backgroundBlueRoyal{	background-color:#004ebc;}
.questionIcon.backgroundPurple{		background:#8f489a; }
.questionIcon.backgroundGreen{		background:#c3d600; }
.questionIcon.backgroundOrange{		background:#e55302;}
.questionIcon.backgroundYellow{		background:#ecaa00;}
.questionIcon.backgroundNav{		background:#252525;}
.questionIcon.backgroundSteel{		background:#5f6a72;}
.questionIcon.backgroundRed{		background:#d6083b;} 	/*199*/
.questionIcon.backgroundPink{		background:#d40072} 	/*226*/
.questionIcon.backgroundTeal{		background:#00a29b} 	/*3272*/
.questionIcon.backgroundForest{		background:#417630} 	/*364*/
.questionIcon.backgroundBrown{		background:#5f6a72;} 	/*1535*/