body {
    margin:0px;
	font-family: Tahoma, Arial, Sans-serif;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.gradientDarkBlue {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
	background: #606c88; /* Old browsers */
	background: -moz-linear-gradient(top,  #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #606c88 0%,#3f4c6b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #606c88 0%,#3f4c6b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}

.gradientBlack {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#10111c+0,393449+100 */
	background: #10111c; /* Old browsers */
	background: -moz-linear-gradient(top,  #10111c 0%, #393449 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10111c), color-stop(100%,#393449)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #10111c 0%,#393449 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #10111c 0%,#393449 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #10111c 0%,#393449 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #10111c 0%,#393449 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10111c', endColorstr='#393449',GradientType=0 ); /* IE6-9 */
}

.fixedWidth {
    position:absolute;
	left:50%;
	margin-left:-500px;
	width:1000px;
}

.cmsScreenBlocker {
    position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
	z-index:1001;
}

.cmsDialogContainer {
    position:fixed;
	left:50%;
	top:50%;
	background-color:#fff;
	color:#000;
	border:3px solid black;
	box-shadow:0px 0px 30px #000;
	padding:10px;
	z-index:1002;
	overflow:visible;
	font-size:14px;
	font-weight:normal;
}

.cmsDialogCloseIcon {
    position:absolute;
	right:0px;
	top:0px;
	margin-top:-10px;
	margin-right:-10px;
	width:32px;
	height:32px;
	background-image:url(/images/dlgclose.png);
}

.cmsDialogContainer .buttonBar {
    position:absolute;
	bottom:15px;
	left:15px;
	right:15px;
	padding-top:10px;
	border-top:1px solid #ccc;
	text-align:right;
}

.cmsDialogContainer .form2columns {
}

.cmsDialogContainer .form2columns label {
    clear:left;
	display:inline-block;
	width:100px;
	line-height:30px;
}

.cmsDialogContainer .form2columns input.text {
	border:0px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #ced6da;
	display:inline-block;
	width:150px;
	line-height:30px;
    clear:right;
}

a {
    cursor:pointer;
}

.cmsTableContainer th i.sortup {
}

.cmsTableContainer th i.sortdown {
}

/**** fixed header table ****/
.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
    margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	overflow: hidden;
	position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
    overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
	overflow: hidden;
    height: 1px;
}
	
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
    top: 0;
    left: 0;
    position: absolute;
}
	    
.fht-table-wrapper .fht-fixed-column {
    z-index: 1;
}

.cmsTableContainer td[field="@"] {
	width:16px;
}

.cmsTableContainer th[field="@"] {
	width:16px;
}
#popupMenuBlocker {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:200;
	background-color:#fff;
	opacity:0.05;
}

#popupMenu {
	position:absolute;
	height:72px;
	padding-top:27px;
	padding-left:14px;
	padding-right:14px;
	z-index:210;
}

#popupMenu.x2 {
	height:142px;
}

#popupMenu .bgCenter {
	position:absolute;
	left:40px;
	right:40px;
	top:0;
	bottom:0;
	background-image:url(images/popupBgCenter.png);
}

#popupMenu.x2 .bgCenter {
	background-image:url(images/popupBgCenter_x2.png);
}

#popupMenu .bgLeft {
	position:absolute;
	left:0px;
	width:40px;
	top:0;
	bottom:0;
	background-image:url(images/popupBgLeft.png);
}

#popupMenu.x2 .bgLeft {
	background-image:url(images/popupBgLeft_x2.png);
}

#popupMenu .bgRight {
	position:absolute;
	right:0px;
	width:40px;
	top:0;
	bottom:0;
	background-image:url(images/popupBgRight.png);
}

#popupMenu.x2 .bgRight {
	background-image:url(images/popupBgRight_x2.png);
}

#popupMenu .bgArrow {
	position:absolute;
	z-index:250;
	left:50%;
	margin-left:-20px;
	width:40px;
	top:0;
	bottom:0;
	background-image:url(images/popupBgArrow.png);
}

#popupMenu.x2 .bgArrow {
	background-image:url(images/popupBgArrow_x2.png);
}

#popupMenu .cmd {
	cursor:pointer;
	position:relative;
	width:32px;
	height:32px;
	margin-right:8px;
	z-index:260;
}

#popupMenu span.cmd {
	line-height:32px;
	text-align:center;
	display:inline-block;
	font-size:80%;
}

#popupMenu .cmd:hover {
	background-color:#ddf;
}

#infoPopupMenu {
	position:absolute;
	left:50%;
	top:50%;
	height:400px;
	width:600px;
	margin-left:-500px;
	margin-top:-150px;
	z-index:210;
	background-color:#fff;
	border:1px solid #d7c1ac;
}

#infoPopupMenu .close {
	position:absolute;
	right:15px;
	top:15px;
	width:32px;
	height:32px;
	cursor:pointer;
	background-image:url(images/popupClose.png);
}

#infoPopupMenu img {
	position:absolute;
	left:30px;
	top:50px;
	height:300px;
	width:300px;
}

#infoPopupMenu span {
	position:absolute;
	display:block;
	left:350px;
	top:50px;
	width:230px;
	color:#000;
}

#yesnoPopupMenu {
	position:absolute;
	left:50%;
	top:50%;
	height:400px;
	width:600px;
	margin-left:-500px;
	margin-top:-150px;
	z-index:210;
	background-color:#fff;
	border:1px solid #d7c1ac;
}

#yesnoPopupMenu .close {
	position:absolute;
	right:15px;
	top:15px;
	width:32px;
	height:32px;
	cursor:pointer;
	background-image:url(images/popupClose.png);
}

#yesnoPopupMenu span {
	position:absolute;
	display:block;
	left:50px;
	top:150px;
	width:500px;
	color:#000;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

#yesnoPopupMenu button {
	position:absolute;
	bottom:100px;
	height:50px;
	width:100px;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	background-color:#e3d4c5;
	color:#000;
	left:50%;
	border:0;
}

#yesnoPopupMenu button:hover {
	color:#fff;
}

#yesnoPopupMenu button.yes {
	margin-left:-120px;
}

#yesnoPopupMenu button.no {
    margin-left:20px;
}








#termMenuBlocker {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:200;
	background-color:#fff;
	background-color:#f1ede9;
}

#termPopupMenu {
	position:absolute;
	left:50%;
	top:50%;
	height:400px;
	width:600px;
	margin-left:0px;
	margin-top:-150px;
	z-index:210;
	background-color:#f1ede9;
	border:2px solid #000;
}

#termPopupImage {
	position:absolute;
	z-index:210;
	left:50%;
	top:50%;
	height:400px;
	width:400px;
	margin-left:-420px;
	margin-top:-150px;
}

#termPopupMenu>span {
	position:absolute;
	display:block;
	left:40px;
	top:40px;
	width:500px;
	color:#000;
	text-align:left;
	font-size:18px;
}

#termPopupMenu button {
	position:absolute;
	bottom:40px;
	height:70px;
	width:140px;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
	background-color:#e3d4c5;
	color:#000;
	left:50%;
	border:0;
}

#termPopupMenu button:hover {
	color:#fff;
}

#termPopupMenu button.print {
	margin-left:-295px;
}

#termPopupMenu button.save {
    margin-left:-145px;
}

#termPopupMenu button.order {
    margin-left:5px;
}

#termPopupMenu button.cancel {
    margin-left:155px;
}

#termPopupMenu button.skip {
	margin-left:-145px;
}

#termPopupMenu button.send {
    margin-left:5px;
}

#termPopupMenu .emailBlock {
	position:absolute;
	left:40px;
	top:180px;
}

#termPopupMenu .emailBlock span {
	font-size:75%;
}

#termPopupMenu .emailBlock input {
	width:500px;
}

#termPopupMenu .emailBlock textarea {
	width:500px;
}

#bigDiv {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
}

#view3dcontainer {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:310px;
}

#menuContainer {
	position:absolute;
	right:0px;
	width:400px;
	top:0;
	bottom:0;
	z-index:20;
	background-image:url(images/emptyBackV.jpg);
	background-size:400px auto;
	background-position:center bottom;
	overflow:none;
}

#menuContainer .menuTabs {
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:100px;
	padding-top:10px;
	background-color:#e5dace;
}

#menuContainer .menuTabs .tab {
	position:relative;
	display:inline-block;
	text-align:center;
	font-weight:bold;
	padding-top:60px;
	cursor:pointer;
	height:70px;
	width:70px;
	color:#fff;
	font-size:12px;
	background-size:75% auto;
	background-repeat: no-repeat;
	background-position:center top;
}

#menuContainer .menuTabs .tab.selected {
	color:#000;
}

#menuContainer .menuTabs .tab[ref="tubesPalette"] {
	background-image:url(images/pipeVUnselected.png);
}

#menuContainer .menuTabs .tab.selected[ref="tubesPalette"] {
	background-image:url(images/pipeVSelected.png);
}

#menuContainer .menuTabs .tab[ref="tubesPaletteH"] {
	background-image:url(images/pipeHUnselected.png);
}

#menuContainer .menuTabs .tab.selected[ref="tubesPaletteH"] {
	background-image:url(images/pipeHSelected.png);
}

#menuContainer .menuTabs .tab[ref="materialsPaletteLegno"] {
	background-image:url(images/essenzeUnselected.png);
}

#menuContainer .menuTabs .tab.selected[ref="materialsPaletteLegno"] {
	background-image:url(images/essenzeSelected.png);
}

#menuContainer .menuTabs .tab[ref="materialsPaletteStruttura"] {
	background-image:url(images/strutturaUnselected.png);
}

#menuContainer .menuTabs .tab.selected[ref="materialsPaletteStruttura"] {
	background-image:url(images/strutturaSelected.png);
}

#menuContainer .menuTabs .tab[ref="componentsPalette"] {
	background-image:url(images/optionsUnselected.png);
}

#menuContainer .menuTabs .tab.selected[ref="componentsPalette"] {
	background-image:url(images/optionsSelected.png);
}

#menuContainer .bottomCommands {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:120px;
	width:350px;
	border-top:5px solid #fff;
}

#menuContainer .bottomCommands .priceLabel {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	left:10px;
	top:4px;
}

#menuContainer .bottomCommands .priceLabel span {
	font-size:70%;
}

#menuContainer .bottomCommands #priceSummary {
	position:absolute;
	display:block;
	text-align:right;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	left:150px;
	width:200px;
	top:4px;
}

#renderCanvas {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
}

#toolPalette {
	position:absolute;
	top:2px;
	right:410px;
}

#toolPalette img {
	width:40px;
	height:40px;
	opacity:0.7;
	cursor:pointer;
}

#toolPalette img:hover {
	opacity:1.0;
}

#macroCommandsPanel {
	position:absolute;
	right:400px;
	bottom:0;
	height:150px;
	width:250px;
}

#macroCommandsPanel .bg {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#fff;
	opacity:0.3;
}

#macroCommandsPanel .title {
	font-size:16px;
	font-weight:bold;
	position:absolute;
	left:4px;
	top:6px;
}

#currentSize {
	font-size:16px;
	font-weight:bold;
	position:absolute;
	left:4px;
	top:40px;
	color:#6f7073;	
}

#macroCommandsPanel .divLine {
	position:absolute;
	top:30px;
	left:0;
	right:0;
	height:5px;
	background-color:#d7c1ac;
}

#macroCommandsPanel button {
	position:absolute;
	right:10px;
	background-color:#d7c1ac;
	border:0;
	border-raduis:0;
	color:#fff;
	font-size:14px;
	font-weight: normal;
	width:80px;
	height:30px;
	display:block;
}

#macroCommandsPanel #newButton {
	top:39px;
}

#macroCommandsPanel #cancelButton {
	top:72px;
}

#macroCommandsPanel #closeButton {
	top:105px;
}.paletteScrollable {
	position:absolute;
	top:100px;
	bottom:140px;
	left:6px;
	right:6px;
	overflow:auto;
	background-color:#e5dace;
}

.paletteScrollable .item {
	position:relative;
	display:block;
	width:80px;
	height:50px;
	margin:10px;
	z-index:30;
	cursor:pointer;
	background-color:#efe9e2;
	border:2px solid #efe9e2;
	color:#000;
	line-height:50px;
	text-align:center;
	font-size:14px;
}

.paletteScrollable .itemOpt {
	position:relative;
	display:block;
	width:280px;
	height:50px;
	margin:10px;
	margin-left:70px;
	z-index:30;
	cursor:pointer;
	background-color:#efe9e2;
	border:2px solid #efe9e2;
	color:#000;
	line-height:20px;
	text-align:right;
	font-size:14px;
	padding:5px;
}

.paletteScrollable .item:hover {
	background-color:#e1d6ca;
	border:2px solid #423e3f;
	color:#000;
}

.paletteScrollable .itemOpt:hover {
	background-color:#e1d6ca;
	border:2px solid #423e3f;
	color:#000;
}

#materialsPaletteLegno .align {
	margin-left:-30px;
}

#materialsPaletteLegno .align .matitem {
	text-align:center;
	margin:10px;
}

#materialsPaletteLegno .align .matitem img {
	width:60px;
	height:60px;
}

#materialsPaletteLegno .align .matTitle {
	clear:left;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	__width:150px;
}






#materialsPaletteStruttura .align {
	margin-left:140px;
}

#materialsPaletteStruttura .align .matitem {
	text-align:center;
	margin:10px;
}

#materialsPaletteStruttura .align .matitem img {
	width:60px;
	height:60px;
}

#materialsPaletteStruttura .align .matTitle {
	clear:left;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	__width:150px;
}
#startChoicesScreen {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:2000;
}

#startChoicesScreen div.page {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:#fff;
}

#startChoicesScreen .manualOrAutoPage {
	background-image:url(images/emptyBack.jpg);
	background-size:auto 100%;
	background-position:center center;
}

#startChoicesScreen .manualOrAutoPage .center {
	position:absolute;
	left:50%;
	top:50%;
	width:300px;
	height:160px;
	margin-left:-150px;
	margin-top:-80px;
}

#startChoicesScreen .manualOrAutoPage .center button {
	position:absolute;
	font-size:16px;
	font-weight:bold;
	padding:10px;
	width:100%;
	border:2px solid black;
	height:60px;
	background-color: transparent;
}

#startChoicesScreen .manualOrAutoPage .center button:hover {
	text-decoration: underline;
}

#startChoicesScreen .manualOrAutoPage .center button.buttonCustom {
	top:10px;
}

#startChoicesScreen .manualOrAutoPage .center button.buttonPredefined {
	top:90px;
}

#startChoicesScreen .manualOrAutoPage img.accountIcon {
	position:absolute;	
	top:50px;
	right:100px;
	width:40px;
	height:40px;
	opacity:0.7;
	cursor:pointer;
}

#startChoicesScreen .manualOrAutoPage img.accountIcon:hover {
	opacity:1.0;
}

#startChoicesScreen .title {
	position:absolute;
	left:0;
	right:0;
	top:60px;
	display:block;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

#startChoicesScreen .customSizePage .gallery {
	position:absolute;
	left:50%;
	width:720px;
	margin-left:-360px;
	top:100px;
	text-align:center;
}

#startChoicesScreen .customSizePage .gallery div {
	position:relative;
	display:inline-block;
	width:160px;
	height:140px;
	border:3px solid #d7c1ac;
	background-size:200px;
	background-position:center center;
	margin:10px;
	cursor:pointer;
}

#startChoicesScreen .customSizePage .gallery div:hover {
	border:3px solid #000;
}

#startChoicesScreen .customSizePage .gallery div span {
	position:absolute;
	display:block;
	bottom:10px;
	left:2px;
	right:2px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#startChoicesScreen .readyCompositions .compGallery {
	position:absolute;
	left:50%;
	top:50%;
	width:1100px;
	height:470px;
	margin-left:-550px;
	margin-top:-235px;
	background-color:#d7c1ac;
	padding:60px;
}

#startChoicesScreen .readyCompositions .compGallery div {
	cursor:pointer;
	display:inline-block;
}

#startChoicesScreen .readyCompositions .compGallery div img.compB {
	display:none;
}

#startChoicesScreen .readyCompositions .compGallery div img.compW {
	display:inline;
}

#startChoicesScreen .readyCompositions .compGallery div:hover img.compB {
	display:inline;
}

#startChoicesScreen .readyCompositions .compGallery div:hover img.compW {
	display:none;
}

#startChoicesScreen .readyCompositions .compGallery .comp1 img {
	height:300px;
}

#startChoicesScreen .readyCompositions .compGallery .comp2 img {
	height:300px;
	margin-left:20px;
}

#startChoicesScreen .readyCompositions .compGallery .comp3 img {
	height:350px;
	margin-left:20px;
}