/*****
	 *	LED deSIGNer
     */
#content #innercontent .ledArea ul li {
	padding: 0px;
	margin: 0px;
	background: transparent none !important;
}

#content #innercontent .ledArea ul li.row {
	background: #F2F5F7 !important;
}

#innercontent .ledArea {
	width: 448px;
	overflow: auto;
	margin: 0;
}

.ledAreaTitle {
	padding: 10px 0 10px 134px;
}

.ledAreaLeft {
	padding: 0 10px 0 10px;
	width: 100px;
	float: left;
}

#innercontent .ledAreaLeft ul {
	margin-bottom: 0px;
}

.ledImage {
	width: 100px;
	height: 100px;
	background-color: #ffffff;
	text-align: center;
	float: left;
}

.ledAreaDetails {
	display: none;
	width: 290px;
	float: left;
	padding: 0 10px;
}

.ledAreaProduct {
	display: none;
	width: 285px;
	padding: 0 10px 0 15px;
	float: left;
}

#innercontent .ledArea div.foreground {
	height: 80px;
	width: 50px;
}

.label {
	float: left;
	clear: both;
	width: 170px;
	margin: 0;
	padding: 2px 5px;
}

.details {
	float: left;
	width: 38px;
	text-align: right;
	padding: 2px 5px;
	margin: 0;
	color: #194775;
}

.compare {
	float: left;
	width: 38px;
	color: #CC0000;
	text-align: right;
	padding: 2px 5px;
	margin: 0;
}

.detailsFull {
	float: left;
	width: 80px;
	text-align: left;
	padding: 2px 5px;
	margin: 0;
	color: #194775;
}

.option {
	background: #F2F5F7;
	padding: 2px 5px;
	margin: 0;
	color: #194775;
	width: 86px;
	float: left;
	text-align: center;
}

.link,.linkEx {
	clear: both;
	background: #ffffff;
	padding: 2px 3px;
	margin: 2px 0 0;
	font-weight: bold;
}

.noborder {
	border: 0 !important;
}

/* Step 1 */
div#ledText,div#ledForm,div#ledLogo {
	display: none;
	margin: 0 !important;
	padding: 0 !important;
}

#ledText.showThis,#ledForm.showThis,#ledLogo.showThis,.showThis {
	display: block;
}

#ledForm .ledFormGalleryLabel {
	padding: 20px 0 0 0;
}

#ledForm fieldset ul li ul.ledFormGallery {
	float: left !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}

#ledForm .ledFormGallery li {
	background: none !important;
	border-bottom: 0px solid #000000 !important;
	/*border: none !important;*/
	display: block;
	float: left;
	margin: 0 0 0 8px !important;
	padding: 0 0 0 0 !important;
	clear: none;
	cursor: pointer;
}

#ledForm .ledFormGallery li img {
	border: 2px solid #efefef;
}

#ledForm .ledFormGallery li img.active {
	border: 2px solid #194775;
}

#innercontent .ledDesignerNav {
	list-style: none;
	margin: 0 !important;
}

#innercontent .ledDesignerNav li {
	background: none;
	margin: 0 0 0 0;
	margin-bottom: 0px;
	padding: 0;
	clear: none;
	float: left;
	cursor: pointer;
	text-align: center;
}

#innercontent .ledDesignerNav li h4 {
	display: block;
	padding: 2px 6px 0;
}

#innercontent .ledDesignerNav li label {
	padding: 68px 6px 4px;
	display: block;
}

#innercontent .ledDesignerNav li#ledNavText {
	background: #efefef url("../img/frontend/ledNav_text.jpg") no-repeat 0
		16px !important;
	width: 149px;
	height: 120px;
}

#innercontent .ledDesignerNav li#ledNavLogo {
	background: #efefef url("../img/frontend/ledNav_logo.jpg") no-repeat 0
		16px !important;
	width: 151px;
	height: 120px;
}

#innercontent .ledDesignerNav li#ledNavForm {
	background: #efefef url("../img/frontend/ledNav_form.jpg") no-repeat 0
		16px !important;
	width: 148px;
	height: 120px;
}

.t75 {
	width: 30px;
	display: block;
	float: left;
	text-align: right;
}

.optMinus,.optPlus {
	float: left;
	width: 20px;
	padding: 3px 0;
	text-align: center;
	cursor: pointer;
}

.inputHigh .optMinus,.inputHigh .optPlus {
	float: left;
	width: 20px;
	text-align: center;
	cursor: pointer;
	padding: 25px 0;
}

div.inputHigh {
	line-height: 60px;
	width: 45%;
	float: left;
}

div.inputHighLeft {
	float: left;
	width: 45%;
	padding: 14px 0;
}

#form div.inputHighLeft label.letterValue,div.inputHighLeft label.letterValue
	{
	width: 50px;
}

div.inputHigh input {
	margin: 23px 0 0 0;
}

.cursor {
	cursor: pointer;
}

/** Slider **/
.ui-slider {
	width: 200px;
	height: 23px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 20px;
}

.ui-slider-handle {
	position: absolute;
	z-index: 1;
	height: 12px;
	width: 12px;
	top: 0px;
	left: 0px;
	background: url(../img/frontend/sc_slider.gif) no-repeat;
}

.ui-slider-handle-active {
	border: 1px dotted black;
}

#sliderX a,#sliderX a:link,#sliderX a:visited,#sliderX a:active,#sliderY a,#sliderY a:link,#sliderY a:visited,#sliderY a:active,#sliderZ a,#sliderZ a:link,#sliderZ a:visited,#sliderZ a:active,#sliderL a,#sliderL a:link,#sliderL a:visited,#sliderL a:active
	{
	background: none;
}

/* Default slider backgrounds */
.ui-slider,.ui-slider-1,.ui-slider-2 {
	background: url(../img/frontend/sc_bar.gif) repeat-x;
}

#sliderX,#sliderY,#sliderZ,#sliderL {
	float: left;
	width: 100px;
}

/* Form tweak */
input.text {
	display: block;
	float: left;
}

.form {
	margin: 0;
}

.form li {
	margin: 0px !important;
	padding: 0px !important;
	clear: both;
	list-style: none !important;
	background: none !important;
	border-bottom: 6px solid #efefef;
}

.form fieldset {
	margin: 0px;
	padding: 8px 24px;
	border-top: 1px solid #fff;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	background-color: #efefef;
	clear: both;
}

.form fieldset ul {
	padding-top: 15px;
}

.form .error {
	color: #c00;
}

.form .error span,#form .error span { /*display: block;
	float: left;
	clear: both;
	*/
	
}

.form .error span:after,#form .error span:after { /*clear: both;*/
	
}

.form .error p {
	padding: 0px 24px;
}

.form .error option,td.error {
	color: #c00 !important;
}

.form li.error input,.form div.error input,td.error input {
	border: 1px solid #c00;
}

.form label {
	float: left;
	width: 118px;
}

#center .form li.spacing {
	padding-top: 6px !important;
}

.form p {
	margin: 8px 0px;
}

.form ul select {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #595959;
	border: 1px solid #d5d5d5;
	line-height: 14px;
}

.form em {
	font-weight: bold;
	font-style: normal;
}

.form textarea {
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 370px;
	color: #595959;
	height: 120px;
	border: 1px solid #d5d5d5;
	overflow: auto;
}

#form fieldset.radios div,.form fieldset.radios div {
	margin-left: 0px;
}

#form fieldset.radios label,.form fieldset.radios label {
	width: 132px;
	margin: 0 0 0 0;
}

#form fieldset.radios label.ledRadio {
	float: none;
	/*position: relative;
	bottom: 3px;*/
	margin: 0 14px 0 0px;
}

.form fieldset.radios input {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.form fieldset.checkboxes label {
	width: 350px;
}

.form fieldset.checkboxes input {
	margin-right: 5px;
	float: left;
	width: 20px;
}

.form fieldset .formbtn {
	text-align: right;
}

.form .text {
	width: 250px;
}

.form .t20 {
	width: 20px;
}

.form .t50 {
	width: 50px;
}

.form .t100 {
	width: 100px;
}

.form .t160 {
	width: 160px;
}

#form fieldset.radios label.t100 {
	width: 131px !important;
}

#form fieldset.radios label.t160 {
	width: 135px !important;
}

.form .t190 {
	width: 190px;
}

#form form.nospace {
	margin: 0;
}

/* Step 2 related */
.t20 {
	width: 20px !important;
}

.previewImage {
	background: url("../img/frontend/preivew.jpg") no-repeat;
	width: 448px;
	height: 150px;
	border-bottom: 1px solid #D5D5D5;
}

.imageDetails {
	width: 448px;
	height: 170px;
	text-align: center;
	border-bottom: 1px solid #D5D5D5;
}

.previewImageX {
	background: url("../img/frontend/preivew_x.jpg") no-repeat !important;
}

.previewImageY {
	background: url("../img/frontend/preivew_y.jpg") no-repeat !important;
}

.previewImageZ {
	background: url("../img/frontend/preivew_z.jpg") no-repeat !important;
}

.previewImageL {
	background: url("../img/frontend/preivew_l.jpg") no-repeat !important;
}

.Triangle {
	background: url("../img/frontend/preview_dreieck.jpg") no-repeat;
}

.previewImageTriangleX {
	background: url("../img/frontend/preview_dreieck_x.jpg") no-repeat;
}

.previewImageTriangleY {
	background: url("../img/frontend/preview_dreieck_y.jpg") no-repeat;
}

.previewImageTriangleZ {
	background: url("../img/frontend/preview_dreieck_z.jpg") no-repeat;
}

.Ellypse {
	background: url("../img/frontend/preview_ellypse.jpg") no-repeat !important;
}

.previewImageEllypseX {
	background: url("../img/frontend/preview_ellypse_x.jpg") no-repeat !important;
}

.previewImageEllypseY {
	background: url("../img/frontend/preview_ellypse_y.jpg") no-repeat !important;
}

.previewImageEllypseZ {
	background: url("../img/frontend/preview_ellypse_z.jpg") no-repeat !important;
}

.Circle {
	background: url("../img/frontend/preview_kreis.jpg") no-repeat;
}

.previewImageCircleR {
	background: url("../img/frontend/preview_kreis_r.jpg") no-repeat
		!important;
}

.previewImageCircleZ {
	background: url("../img/frontend/preview_kreis_z.jpg") no-repeat
		!important;
}

.Text {
	background: url("../img/frontend/preview_a.jpg") no-repeat;
}

.previewImageTextY {
	background: url("../img/frontend/preview_a_y.jpg") no-repeat !important;
}

.previewImageTextZ {
	background: url("../img/frontend/preview_a_z.jpg") no-repeat !important;
}

/* Step 5: EVG Rechner Balken */
.scale {
	width: 60px;
	height: 60px;
	background: url("../img/frontend/scale/0.gif") no-repeat;
	text-align: center;
	font-weight: bold;
	float: left;
}

.s10 {
	background: url("../img/frontend/scale/10.gif") no-repeat !important;
}

.s20 {
	background: url("../img/frontend/scale/20.gif") no-repeat !important;
}

.s30 {
	background: url("../img/frontend/scale/30.gif") no-repeat !important;
}

.s40 {
	background: url("../img/frontend/scale/40.gif") no-repeat !important;
}

.s50 {
	background: url("../img/frontend/scale/50.gif") no-repeat !important;
}

.s60 {
	background: url("../img/frontend/scale/60.gif") no-repeat !important;
}

.s70 {
	background: url("../img/frontend/scale/70.gif") no-repeat !important;
}

.s80 {
	background: url("../img/frontend/scale/80.gif") no-repeat !important;
}

.s90 {
	background: url("../img/frontend/scale/90.gif") no-repeat !important;
}

.s100 {
	background: url("../img/frontend/scale/100.gif") no-repeat !important;
}

.s110 {
	background: url("../img/frontend/scale/110.gif") no-repeat !important;
}

.inputHigh {
	line-height: 60px;
}

.inputHigh input {
	margin: 23px 0 0 0;
}

.hideThis {
	display: none !important;
}

/* ToolTip */
.cluetip-tooltip {
	border: 1px solid #D5D5D5;
	padding: 12px;
	background: #ffffff;
	width: 140px;
	text-align: left;
	margin: 0;
}

#cluetip-waitimage {
	width: 140px;
	height: 30px;
	position: absolute;
	background: #ffffff url(../img/frontend/loader.gif) 50% 50% no-repeat;
}

h3#cluetip-title {
	margin-bottom: 1px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #036;
}

div.tool {
	float: right;
	clear: none !important;
	padding: 4px 0 4px 0;
}

div.tool a.jt {
	text-decoration: none !important;
	color: #595959 !important;
	padding: 1px 0 1px 10px !important;
	background: transparent url("../img/frontend/icon_help.gif") no-repeat
		100% 50% !important;
	position: relative;
	bottom: 3px;
}

div.tool a.nohelp {
	background: transparent url("../img/frontend/icon_help_off.gif")
		no-repeat 100% 50% !important;
}

div.high a.jt {
	height: 54px !important;
	display: block;
	padding: 0 0 0 15px !important;
}

div.formGallery a.jt {
	height: 55px !important;
	display: block;
	padding: 0 0 0 15px !important;
}

.helpCheck {
	float: left;
}

.helpCheck label input {
	position: relative;
	top: 2px;
	margin-right: 4px;
}

.formbtnleft {
	float: left;
}

.border {
	margin: 0 0 14px;
}

/* Rightbar */
ul.ledlist li.active {
	color: #000000 !important;
}

ul.ledlist li.inactive {
	color: #999999 !important;
}

#right ul.ledlist li.inactive h4 {
	color: #999999 !important;
}

#right ul.ledlist li h4 {
	margin: 0 !important;
	padding: 0 !important;
}

#content ul.ledlist {
	list-style: none;
}

#content ul.ledlist li {
	color: #313131;
	padding-left: 0px;
	background: none;
	margin: 0 0 4px;
}

#content .floated {
	width: 190px;
	float: left;
	overflow: hidden;
}

#imageFileName {
	
}

#content ul.ledlist li a:link,#content ul.ledlist li a:visited,#content ul.ledlist li a:active
	{
	
}

.logoBox {
	position: relative;
	height: 150px;
	width: 385px;
	border: 1px solid #cccccc;
	background-image: url(../img/frontend/default_logo.jpg);
}

.logoBox #disabledImageZone {
	display: none;
	position: absolute;
	height: 150px;
	width: 385px;
	z-index: 55;
	background-image: url(../img/ajax_bg.png);
	left: 0;
}

.logoBox #waitIndicator {
	position: relative;
	z-index: 1000;
	margin-top: 100px;
	margin-left: 140px;
}

.formbg input.btn {
	width: 90px;
}

form fieldset .formbtn .btn {
	display: block;
	float: right;
	margin: 0;
}

form fieldset .formbtn .btnLeft {
	display: block;
	float: left;
	margin: 0;
}

#content #ledDesigner .headline {
	margin-bottom: 0;
}

#ajaxContainer {
	height: 3px;
}

* html #ajaxContainer {
	overflow: hidden;
}

#ajaxLoader {
	position: relative;
	bottom: 42px;
	height: 1px;
	text-align: center;
	display: none;
	z-index: 20;
}

#ajaxLoader .aContainer {
	padding: 5px 0;
	margin: 0 auto;
	background: #efefef url(/appsinfo/led-designer/img/ajaxRow.gif)
		no-repeat right top;
	text-align: left;
}

#ajaxLoader .aContainer h4 {
	padding: 0 16px !important;
	margin: 0 !important;
}

#content .error a:link,#content .error a,#content .error a:visited,#content .error a:active
	{
	background: transparent url(../img/bullet.gif) no-repeat scroll 0 5px;
	color: #FF8533;
	padding-left: 8px;
	text-decoration: none;
}

#content .error a:hover {
	text-decoration: underline;
}

/*******************
/* ToolTip        **
/*******************/
#cluetip-close img {
	border: 0;
}

#cluetip-title {
	overflow: hidden;
}

#cluetip-title #cluetip-close {
	float: right;
	position: relative;
}

#cluetip-waitimage {
	width: 100px;
	height: 100px;
	position: absolute;
	background: #EFEFEF url(/appsinfo/led-designer/img/ajaxRow.gif)
		no-repeat scroll center center;
}

#cluetip-extra {
	display: none;
}

.cluetip-default {
	background-color: #d9d9c2;
}

.cluetip-default #cluetip-outer {
	position: relative;
	margin: 0;
	background-color: #d9d9c2;
}

.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #87876a;
	color: #fff;
}

.cluetip-default #cluetip-title a {
	color: #d9d9c2;
	font-size: 0.95em;
}

.cluetip-default #cluetip-inner {
	padding: 10px;
}

.cluetip-default div#cluetip-close {
	text-align: right;
	margin: 0 5px 5px;
	color: #900;
}

div.radioPick {
	white-space: nowrap;
	float: left;
}

.legendIcon{
	float: left;
	line-height: 12px;
	width: 14px;
	text-align: center;
	font: Bold 10.5px Arial;
	background: #efefef;
	border: 1px solid #d5d5d5;
	color: #595959;
	margin: 0 6px 0 0;
}

.keyplanImage{
text-align: center;
}

/* Traffic lights */
label.tl {
	border: 1px solid #999999;
	width: 70px;
	margin: 0 10px 0 0;
	padding: 1.5px;
	display: block;
    text-align: center;    
}

label.calcHomogeneous {
	color: #ffffff;
    background-color: #89BA18;	
}

label.calcNotHomogeneous {
	color: #ffffff;
    background-color: #D60000;    
}

.textPreviewBox {
	position: relative;
	height: 50px;
	width: 395px;
	border: 1px solid #cccccc;
	background-color: #fff;
}