/* ############## ORDER ASSISTENT ############## */
ul.order-assistents:after,
.assisted-project-add:after,
.sup-menu:after,
.tabs ul:after,
td.product-type:after
.pb-part-type-options:after,
.dialog #cylinder-choice:after,
.dialog #cylinder-choice li:after,
div.cilinder-type-edit:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* ############## OVERRULE GLOBAL SHEET ############## */
/* NOTE: do check whether we can remove these styles from global 
   without creating problems on the main website */
#content {
	width: auto;
}

/* ############## ORDER ASSISTENT ############## */
#order-assistents-wrap {
    background: url(/images/stripe_tile.gif) top left;
}
ul.order-assistents {
    position: relative;
    margin: 10px 0 0;
    padding: 0 0 182px 179px;
    border-top: 2px solid #ccc;
	border-left: 2px solid #fff;
}
    ul.helper-selected {
		padding-bottom: 353px; 
		border-bottom: 2px solid #fff; 
	}
    ul.order-assistents li {
        float: left;
		height: 176px;
        width: 162px;
		margin: 0;
        padding: 5px 7px 7px 15px;
        overflow: hidden;
        background: #f3f3f3;
        border: 1px solid #fff;
        border-width: 0px 0px 2px 2px;
    }
    ul.order-assistents li.sel, 
	ul.order-assistents li.hover-active { background-color: #e4e4e4; }

    ul.order-assistents li h2,
    ul.order-assistents li p { margin: 0; font-size: 93%; }
    ul.order-assistents li img { display: block; margin: 7px 0px 5px; }
    ul.order-assistents li a { display: block; white-space: nowrap; text-decoration: underline; }
    ul.order-assistents li a:hover { text-decoration: none; }
	#helper-2 .illustration img { margin-top: 20px; }

    ul.order-assistents li .more-info {
        display: none;
        position: absolute;
        left: 0px;
        bottom: 0;
        padding: 5px 20px;
		width: 697px;
        height: 152px;
        overflow: hidden;
        background-color: #e4e4e4;
    }
	ul.order-assistents.more-info li.sel .more-info { 
		display: none;
	}
    ul.order-assistents li .more-info .text {
		position: relative;
		float: right;
        width: 540px;
        overflow: hidden;
    }
	ul.order-assistents li .more-info .text .close-description {
		position: absolute;
		top: 0;
		right: 0;
	}
    html.small ul.order-assistents li .more-info .text { width: 340px; }

        ul.order-assistents li .more-info h3 {
            margin: 5px 0px 7px;
            font-size: 120%;
        }
        ul.order-assistents li .more-info h3 .sub {
            display: block;
            font-size: 77%;
        }
        ul.order-assistents li .more-info p {
            font-size: 100%;
        }
        ul.order-assistents li .more-info img {
            float: left;
            display: block;
            margin: 10px 0 7px;
        }
        ul.order-assistents li .thickbox-wrapper {        	
        	width: 140px;
        	height: 1%;
        }
        ul.order-assistents li .thickbox-wrapper:after {        	
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
        }        
        ul.order-assistents li .more-info a {
            float: left;
            display: block;
            clear: both;
            font-size: 93%;
        }
		ul.order-assistents li .more-info .text a {
			float: none;
			display: inline;
		}
         ul.order-assistents li .more-info a.thickbox {
         	float: none;
         	display: inline;
         }
.save-project-name {	
	height: 20px;
	background-color: #00a4e3;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
#edit-a-project {
	margin: 5px 0 0 0;
	padding: 7px;
	font-size: 1.1em;
}
#project-finished {
	padding: 3px 8px 1px 8px;
	font-weight: bold;
	color: #fff;
	background-color: #00A4E3;					
}
#header-archived-projects {
	border-top: 5px solid #fff;
}
#archive-message {
	padding: 4px 4px 0 4px;
	border: 2px solid #00a4e3;
	background-color: #f3f3f3;
	font-weight: bold;
}

/* assisted-projects table */
table.assisted-projects {
    margin: 0 0 20px 0;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid white;
}
    table.assisted-projects th,
    table.assisted-projects td {
        padding: 5px 7px;
        background-color: #f3f3f3;
        font-size: 93%;
        border-left: 2px solid white;
        border-bottom: 2px solid white;
    }
    table.assisted-projects th {
        text-align: left;
        line-height: 120%;
    }
    
    table.assisted-projects .last-update {
    	clear: both;    	
    }	
 
	table.assisted-projects ul li {
		margin-right: 8px;
		padding-left: 0; 
		background: none; 
		float: left;
	}
	table.assisted-projects a.edit { padding-left: 20px; }
    table.assisted-projects td { width: 170px; }
    table.assisted-projects td.sel, 
    table.assisted-projects td.hover-active { background-color: #e4e4e4; }    
    table.assisted-projects td span.disabled { color: #b9b9b9; }
    table.assisted-projects td .button { margin: 5px 0px; }

/* add project */
.assisted-project-add {
    padding: 5px 1%;
    width: 98%;
    overflow: hidden;
    background-color: #f3f3f3;
}
    .assisted-project-add label {
        display: block;
        float: left;
        margin-top: 5px;
        width: 25%;
        font-weight: bold;
        font-size: 93%;
    }
    .assisted-project-add input {
        display: block;
        float: left;
        margin-top: 5px;
        width: 60%;
        font-size: 93%;
    }

/* right column ordered materials */
.all-ordered-materials {
    margin-bottom: 2px;
    padding: 1px 2% 10px 3%;
    width: 95%;
    overflow: hidden;
    border-top: 2px solid #ccc;
    background-color: #f3f3f3;
}
    .all-ordered-materials h4 {
        font-size: 100%;
    }
    .all-ordered-materials ul {
        margin-top: 0px;
        margin-bottom: 10px;
    }
        .all-ordered-materials ul li {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding: 1px 0px 2px 0px;
            background-image: none;
        }

/* right column quick-link */
.quick-link {
    margin-bottom: 2px;
    padding: 7px 2% 10px 3%;
    width: 95%;
    overflow: hidden;
    background: #f3f3f3;
}
	#brand {
		margin-left: 33px;
	}
	#skg-label, #certificate-label {
		float: left;
		display: block;
		width: 145px;
	}
	#certificate-label {
		width: 146px;
	}
	#total-keys {
		width: 25px;
		margin-left: 53px;
	}
	#total-keys, #final-comment {
		border: 1px solid #7f9db9;
	}
    .quick-link h4 {
        font-size: 100%;
    }
    .quick-link .button {
        margin-top: 5px;
    }


/* superscript top menu  */
ul.sup-menu {
    position: absolute;
    top: -30px;
    right: 0px;
    width: auto;
    overflow: hidden;
}
    ul.sup-menu li {
        float: left;
        padding-left: 15px;
        background-image: none;
    }
        ul.sup-menu li.print {
            padding-left: 18px;
            background: url('../images/icon_print.gif') no-repeat 0em 50%;
        }
        ul.sup-menu li.delete {
            height: 18px;
        }
    ul.sup-menu li a {
        position: static !important;
        float: left;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 16px;
        font-size: 93%;
        text-decoration: underline;
    }
        ul.sup-menu li a:hover {
            text-decoration: none;
        }

/* dialog print screen */
body.dialog ul.sup-menu {
    top: -37px;
    right: 0px;
}
body.dialog .project-group ul.menu {
    padding-top: 6px;
    width: auto;
}
.project-group ul.menu li {
	width: 15px;
}
.project-group ul.menu li a {
	padding-top: 3px;
}
.project-group ul.menu li input.delete, 
.project-group ul.menu li input.edit {
position: static; top: 0; left: 0; vertical-align: middle;
}
.project-group ul.menu li input.edit {
	background: url(images/icon_edit.gif) top left no-repeat;
}
body.dialog_small #content,
body.dialog_small h1,
body.dialog_small #columnleft {
  padding-right: 0;
  width: 233px;
}

h1.description a {
	display: block;
	font-size: 50%;
}

/* project group */
.planner {
    clear: both;
}
.project-group:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.project-group, .project-group-selection {    
    margin-bottom: 24px;
    border-top: 2px solid #ccc;
    background-color: #f3f3f3;
    width: 100%;
}

.project-group.incomplete h2 a {
    color: #FF0000;
}

.loader{
  margin:5px 0 0 4px;
  float:left;
  display:none;
}

    .project-group h2, .project-group-selection h2 {
        float: left;
        margin: 0;
        font-size: 127%;
        padding: 5px 0px 7px 1%;
        line-height: 16px;
        /*width: 38%;*/
    }
        .project-group h2 a, .project-group-selection h2 a {
            background-position: 0px 3px;
        }
        .project-group h2 a:hover {
            color: black;
            text-decoration: none;
        }

    /* product group menu  */
    .project-group ul.menu {
        float: left;
        margin: 0px;
        padding-top: 4px;
        overflow: hidden;
		width: 100px;
    }
    .project-group ul.menu.second-menu {
		width: 150px;
		float: right;
    }
        .project-group ul.menu li {
            float: left;
            padding: 0;
            margin: 0 0 0 10px;
            background-image: none;
        }
		.project-group ul.second-menu li {
			float: right;
		}
			.project-group ul.menu li a {
                display: block;
                line-height: 18px;
                font-size: 93%;
            }
            /* menu items */
            .project-group ul.menu li a.printicon,
            .project-group ul.menu li a.move-up,
            .project-group ul.menu li a.move-down {
                margin: 0px;
                padding: 0px 19px 0px 0px;
                width: 1px;
                text-indent: -999em;
                overflow: hidden;
            }
			.first-group ul.menu li a.move-up,
			.last-group ul.menu li a.move-down {
				display: none;
			}
                .project-group ul.menu li a.printicon     { background-position: 0px 4px; }
                .project-group ul.menu li a.move-up   { background-position: 0px 7px; }
                .project-group ul.menu li a.move-down { background-position: 0px 7px; }

            .project-group ul.menu li a.text {
                padding-right: 20px;
            }
            .project-group ul.menu li.group-multiplicity {
                float: left;
                width: auto;
                padding-right: 20px;
                white-space: nowrap;
                font-size: 93%;
                line-height: 18px;
            }
            .project-group.print ul.menu li.group-multiplicity {
                padding-right: 8px;
            }
                .project-group ul.menu li.group-multiplicity input {
                    margin: 2px 0px 0px 7px;
                    padding: 0px 3px 1px;
                    width: 14px;
                    height: 14px;
                    font-size: 100%;
                    vertical-align: middle;
                    border: 1px solid #ccc;
                }
            
            .project-group ul.menu li.group-copy {
              font-size: 100%;
            }
            .project-group ul.menu li.group-copy a {
              display: inline;
              padding-right: 0;
            }
            .project-group ul.menu li.group-copy input {
              width: 50px;
            }

/* choose-product */
.choose-product {
	display:none;
    float: left;
    clear: left;
    width: 98%;
    padding: 5px 1%;
    overflow: hidden;
    background-color: #ccc;
}
    /* anchors */
    .choose-product a {
        text-decoration: underline;
    }
        .choose-product a:hover {
            text-decoration: none;
        }

    /* list toggler */
    .choose-product .list-toggler {
        float: right;
        width: auto;
        overflow: hidden;
    }
        .choose-product .list-toggler .caption {
            float: left;
            font-size: 93%;
            padding: 4px 0px 0px 0px;
        }
        .choose-product .list-toggler ul.menu {
            float: left;
            padding-right: 30px;
            width: auto;
        }
            .choose-product .list-toggler ul.menu li {
                padding-left: 15px;
                background: transparent url('../images/arrow_blue.gif') no-repeat 5px 50%;
            }
            .choose-product .list-toggler ul.menu li.sel {
                font-weight: bold;
                background-position: 2px 50%;
                background-image: url('../images/arrow_blue_down.gif');
            }
        .choose-product .list-toggler ul.menu li a {
            padding: 0px 5px 0px 0px;
        }

    /* product list */
    .choose-product ul.product-list {
        clear: both;
    }
        .choose-product ul.product-list li {
            background: none;
        }
        .choose-product ul.product-list li span {
            font-size: 93%;
            line-height: 16px;
        }

        /* image view */
        .choose-product ul.product-list.image-view li {
            float: left;
            padding: 5px 6px;
        }
        .choose-product ul.product-list.image-view li img {
            display: block;
            margin-bottom: 3px;
            border: 2px solid #999;
        }
        .choose-product ul.product-list.image-view li span {
            display: block;
            padding-left: 2px;
        }
        /* list view */
        .choose-product ul.product-list.list-view li img {
            display: none;
        }


.project-group-body {
    clear: both;
}

/* product data table general styles */
.project-group table.product-data {
    clear: both;
    width: 100%;
    background-color: white;
}
    table.product-data th,
    table.product-data td {
        border-color: white;
        border-style: solid;
        background-color: #00a4e3;
		color: white;
    }
    table.product-data th {
        padding: 5px 10px 5px 10px;
        font-size: 93%;
        line-height: 14px;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
		border-width: 0px 1px 1px 0px;
    }
	table.product-data tbody th {
		border-width: 0 1px 0 0;
	}	
	table.product-data tbody.disabled .pb_part_type {
		border-width: 1px 1px 1px 0;
	}
	table.product-data tbody .pb_part_type {
		border-width: 1px 1px 1px 0;
	}
		table.product-data .pb_part_desc {
			display: block;
			float: left;			
			width: 155px;
		}
		table.product-data .pb_part_type h3 {
			margin: 0;
			padding: 0;
			font-size: 1.1em;
			float: left;
			display: inline;
		}
		table.product-data .toggle-pb-part-type {			
			padding-left: 20px;			
		}
		table.product-data span.pb-part-type-number {
			padding-right: 4px;			
		}
		table.product-data .disabled .toggle-pb-part-type,
		table.product-data .disabled .toggle-pb-part-type:hover {
			color: #000;
		}
		table.product-data .toggle-pb-part-type,
		table.product-data .toggle-pb-part-type:hover {
			color: #fff;
		}
		.pb-part-type-options {
			float: left;
			margin: 1px 0 0 3px;
			padding: 0;
			width: 50px;
		}
		.pb-part-type-options li {
			margin: 0;
			padding: 0 4px;
			float: left;
			background: none;
		}

    table.product-data td {
        padding: 6px 10px 8px;
        font-size: 93%;
        vertical-align: top;
	    border-width: 1px 1px 0px 0px;
    }
	table.product-data td.available-materials table.subtable {
		margin: 0;
		padding: 0;
		border-style: 0;
		border-collapse: collapse;
		border: 0;
		font-size: 1.1em;
	}
		table.product-data td.available-materials table.subtable th,
		table.product-data td.available-materials table.subtable td {
			border: 0;
			margin: 0;
			padding: 0;
		}
		table.subtable th { padding-bottom: 4px; }
		table.subtable th.sub-amount { width: 80px; }
		table.subtable th.sub-type { width: 140px; }
		table.subtable th.sub-chosen { width: 180px; }

		table.subtable td.delete-col {
			text-align: right;
		}
			table.subtable td.delete-col .delete { position: static; }
		
		table.product-data td.available-materials table.subtable .add-extra-material-wrap td {
			padding-top: 3px;			
		}

		/* inside buttons */
        table.product-data td .button {
            osition: absolute;
            top: 0;
            right: 0;
            font-size: 106%;
            margin: 0;
            background-image: url(../images/buttons/blue-right-negative.gif);
        }
        table.product-data td .inner {
        	background-image: url(../images/buttons/blue-left-negative.gif);
        }
        table.product-data .button input {
        	color: #00A4E3;        	
        }
		
		/* disabled*/
		table.product-data tbody.disabled th,
		table.product-data tbody.disabled td {
			background-color: #ccc;
			color: black;
		}
		table.product-data .incomplete {
			color: red;
			font-style: italic;
		}

		table.product-data tr td.footer {
			padding: 4px 8px;
			text-align: right;
		}
			td.footer .draft-toggle-wrap {
				margin: 0;
				padding: 0;
				float: left;
				width: 100px;
				text-align: left;
			}
			td.footer p.last-update-wrap {
				float: right;
				width: 270px;
				text-align: right;
			}
			td.footer p.last-update-wrap span {
				float: left;
			}
			td.footer p.last-update-wrap .last-update {
				padding-right: 4px;
			}
		table.product-data tbody.disabled input,
		tbody.disabled textarea {
			background-color: #ccc;
			border: none;
		}
		
		table.product-data td a {
			color: #fff;
		}
		table.product-data td a:hover {
			text-decoration: none;
			color: #fff;
		}
		table.product-data tbody.disabled td a {
			color: #000;
			text-decoration: none;
		}

        /* list styles */
        table.product-data td ul li {
            position: relative;
            padding: 0;
            margin: 0px 0px 3px 0px;
            overflow: hidden;
            width: 100%;
            background-image: none;
        }
            table.product-data td ul li span.quantity,
            table.product-data td ul li span.name {
                display: block;
                float: left;
            }
                table.product-data td ul li span.quantity {
                    clear: left;
                    width: 25px;
                    text-align: center;
                }

        /* toggle links */
        table.product-data td a.toggle {
            display: block;
            padding-left: 13px;
            font-weight: bold;
            text-decoration: none;
            background: transparent url('../images/arrow_white.gif') no-repeat 3px 50%;
        }
        table.product-data.edit td a.toggle.down {
            background-image: url('../images/arrow_white_down.gif');
            background-position: 0px 50%;
        }
        table.product-data.edit td a.toggle:hover {
            color: white;
        }

        /* data inputs */
        table.product-data td input.text,
        table.product-data td select {
            padding: 0;
            margin: 0;
            line-height: 15px;
            font-size: 100%;
        }
        table.product-data td input.text {
			padding: 1px;
		}
        table.product-data td select option {
            padding: 1px 4px 0px 6px;
        }
        table.product-data td input.text.freefield{
          width: 150px;
        }
        /* paragraph */
        table.product-data td p {
            width: 100%;
            overflow: hidden;
        }

/* hang en sluit data table */
table.product-data .product-multiplicity { width: 35px; }
table.product-data .product-type { width: 255px; }
table.product-data .door-skg { width: 120px; }
table.product-data .door-skg-plan-only { width: 265px; }
table.product-data .door-cilinders-set-only { width: 275px; }
table.product-data .product-swing-direction { width: 100px; }
table.product-data .product-dimensions { width: 78px; }
table.product-data .available-materials { width: 400px; }
table.product-data .product-doorwindow-details { width: 166px; }
table.product-data .totals { border-right-width: 0px; }

	td.available-materials dl { position: relative; margin: 0 0 15px 0; padding: 0; line-height: 1.6; }
	td.available-materials dt { position: absolute; display: block; width: 150px; }
	td.available-materials dd { margin-left: 170px; position: relative; display: block; clear: left; }
	td.available-materials a.invalid { color: red; }

	/* inputs */
	table.product-data .product-type input.delete { bottom: 0px; }
    td.product-multiplicity input.plus-highlight { position: static; top: 0; left: 0; vertical-align: middle; margin: -2px 0 0 2px; }
	td.product-multiplicity input.text { width: 19px; }
	
	td.product-type input.text,
	td.door-skg-plan-only input.text,
	td.door-cilinders-set-only input.text { 
		width: 110px;
	}
	td.product-type p.material-notice {
		margin-top: 10px;
	}
	
	td.product-type .fireproof { width: 40px; }
	td.product-type li { clear: left; }
	td.product-type li input.buildingpart { width: 90px; }
    td.product-swing-direction select { width: 100px; }
    td.product-dimensions input.text { width: 66px; }
    td.available-materials input.text { width: 19px; margin-right: 4px; }
    td.available-materials input.search-material { width: 57px; }
    td.available-materials input.plus-highlight { position: static; top: 0; left: 0; vertical-align: middle; }
	
	td.product-type h3 { margin: 0 0 3px 0; padding: 0; font-size: 1em; color: #fff; }
	.disabled td.product-type h3 { color: #000; }
	td.product-type .add-new-space { position: relative; }

	.comments { clear: left; margin-top: 10px; }
	.comments img { margin-right: 3px; }
	label.leading { display: block; }

	td.product-type .new-buildingpart-group { width: 139px; }
	td.product-type label,
	td.door-skg label { 
		display: block; clear: left; float: left; width: 110px;
	}
	td.door-skg label { width: 60px; }
	td.door-cilinders label {
		width: 70px;
	}
	td.door-skg-plan-only label,
	td.door-cilinders-set-only label { 
		width: 110px;
		display: block;
	}
	
	td.door-skg label.skg-checkbox { 
		display: inline;
		float: none;
	}
	td.product-type label.leading { float: none; }
	
	td.product-type input.dimensions,
	td.product-type input.pb_part_number,
	td.door-skg input.dimensions,
	td.door-cilinders-set-only input.pb_part_number { 
		width: 33px; 
	}

    /* add product name */
    td.product-type li { width: 100%; overflow: hidden; }
    td.product-type li input { margin-top: 5px; }

    /* product swing direction combo */
    td.product-swing-direction input.combobox { width: 91px; }
    td.product-swing-direction ul.combobox { width: 92px; }

    /* material toggler */
    td a.toggle.materials {
        float: left;
        clear: left;
        margin: 10px 0px 0px 25px;
    }

	td.totals ul { text-align: right; }


/* sluitplan data table */
table.product-data .door-space { width: 110px; }
table.product-data .door-type { width: 120px; }

/*table.product-data .door-cilinders { width: 265px; }*/

table.product-data .door-usergroups { width: 190px;}
table.product-data .door-monokeys { width: auto; border-right-width: 0px; position: relative; }

	/* tooltips */
	th.door-monokeys .tooltip { color: #fff; }
	th.door-monokeys .tooltip:hover { color: green; }
	th.door-monokeys .tooltip span.tooltip-text { display: none; }

    /* door-type */
    td.door-type input.text { width: 100px; }
    td.door-type input.multiplicity { width: 14px; }

    /* cilinders */
    td.door-cilinders input.text { margin-right: 5px; }
    td.door-cilinders label { padding-right: 10px; }
    td.door-cilinders .cilinder-dimensions strong { padding: 0px 4px; }
    td.door-cilinders p a.toggle.add-cilinder { font-weight: bold; text-decoration: none; }
    td.door-cilinders .add-cilinder p {
        float: left;
        clear: left;
        padding: 0;
        margin: 0 0 5px 0;
    }
	.door-cilinders-settings {
		float: left;
		width: 290px;
	}
	.door-cilinders-help {
		float: left;
		margin-left: 10px;
	}
	.door-cilinders-help img {
		border: 1px solid #fff;
	}
    td.door-cilinders .cilinder-dimensions-edit {
		position: relative;
    }
    td.door-cilinders label {
		float: left;
		
    }
	td.door-cilinders .cilinder-dimensions-edit label {
		width: 67px;
    }
        td.door-cilinders .cilinder-length label {
            float: left;
            margin-bottom: 5px;
            width: 30px;
			display: block;
            font-weight: bold;
        }
        td.door-cilinders .cilinder-length span {
        	float: left;
        	display: block;
        	padding: 0 5px 0 2px;
        }
        td.door-cilinders .cilinder-length div.combobox {
            display: block;
            float: left;
            margin: 0 4px 5px 0;
            width: 55px;
        }
		td.door-cilinders .cilinder-length div.combobox ul {
			top: 18px;
		}
        td.door-cilinders .cilinder-length span.combobox-display {
        	width: 45px;
        }
	td.door-cilinders .cilinder-type-edit {
		height: 20px;
	}
	td.door-cilinders .cilinder-type-edit label  {
		float: left;
    }
	td.door-cilinders .cilinder-type-edit div.combobox  {
		width: 115px;
		display: block;
		float: left;
    }
	.cilinder-type-edit .monokeys, .cilinder-type-edit .cilinder-multiplicity {
		border: 1px solid #999;
		width: 25px;
		text-align: center;
	}
	td.door-cilinders .cilinder-type-edit p {
		margin-top: 5px;
	}
	td.door-cilinders .cilinder-type-edit {
		clear: left;
	}
    td.door-cilinders .add-cilinder .button-save {
      clear: both;
      position: relative;
      height: 20px;
      padding-top: 10px;
    }
    td.door-cilinders .add-cilinder .button-save .button {
      top: 10px;
    }

    /* cilinder type combo */
    td.door-cilinders select { width: 115px; }
    td.door-cilinders input.combobox { width: 105px; }
    td.door-cilinders ul.combobox { width: 106px; }

    td.door-cilinders input.text { margin-left: 60px; border: 1px solid #999; }

    /* door-usergroups */
    td.door-usergroups ul.usergroups { padding-bottom: 10px; width: 100%; overflow: hidden; }
    td.door-usergroups ul.usergroups li { position: relative; padding: 2px 0px 3px; }
	td.door-usergroups li input { position: absolute; right: 0px; }
		
    td.door-usergroups .add-usergroup h4 {
        padding: 0px;
        color: white;
        font-size: 100%;
    }
    td.door-usergroups .add-usergroup label { }
    td.door-usergroups .add-usergroup input.text { width: 70px; }
    td.door-usergroups .add-usergroup input.multiplicity { width: 10px; }
    td.door-usergroups .add-usergroup input.plus-highlight { position: static; top: 0; left: 0; vertical-align: middle; }

    /* door-monokeys */
    td.door-monokeys label { padding-right: 10px; }
    td.door-monokeys input.multiplicity { width: 14px; }

table.product-data input.invalid { border: 1px solid red; }
/* usergroup manager */
table.product-data .usergroup-name  { width: 160px; }
table.product-data .usergroup-doors { width: auto; border-right-width: 0px; }

    /* column widths */
    td.usergroup-name input.text { width: 100px; }
    td.usergroup-name input.multiplicity { width: 14px; }

    /* door sub data table */
    td.usergroup-doors table { width: 100%; margin-bottom: 10px; }
    td.usergroup-doors table td { padding: 0; border: none; font-size: 100%; }
        td.usergroup-doors table td.door-name { width: 30%; }
        td.usergroup-doors table td.door-project-group { width: 30%; }
        td.usergroup-doors table td.door-delete { width: 40%; }
        td.usergroup-doors table td.door-delete input.delete { position: static; margin-top: 3px; float: right; }

    /* select door */
    td.usergroup-doors .select-door { width: 100%; overflow: hidden; margin-bottom: 25px; }
    td.usergroup-doors .select-door select { float: left; margin-right: 5px; }
    td.usergroup-doors .select-door input.plus-highlight { position: static; margin-top: 3px; left: 0px; float: left; }

    /* add-door */
    td.usergroup-doors .add-door { width: 100%; overflow: hidden; }
    td.usergroup-doors .add-door label { float: left; padding-right: 10px; }
    td.usergroup-doors .add-door input.text { float: left; margin-right: 5px; width: 130px; }
    td.usergroup-doors .add-door input.multiplicity { float: left; width: 10px; }
    td.usergroup-doors .add-door input.plus-highlight { position: static; margin-top: 3px; left: 0px; float: left; }

/* product-summary table */
#container table.product-summary {
    width: auto;
    margin: 5px 0px 15px 0;
}
    table.product-summary td {
        padding: 3px 7px;
        font-weight: bold;
        background-color: #ccc;
        border-bottom: 2px solid white;
    }
    table.product-summary td.product-checkbox { padding-left: 5px; width: 12px;}
    table.product-summary td.product-multiplicity { width: 20px; }
    table.product-summary td.product-type { width: 170px; }
    table.product-summary td.product-swing-direction { width: 60px; }
    table.product-summary td.product-group { width: 150px; }
    table.product-summary td.product-name { width: auto; }

/* add new group below data table */
.group-add {
    float: left;
    padding: 1px 0px 2px 3%;
    font-size: 93%;
    width: 97%;
    overflow: hidden;
    background-color: #ccc;
}
    .group-add label {
        padding-right: 10px;
        line-height: 18px;
        font-weight: bold;
    }
    .group-add input.text {
        border-color: #999;
        font-size: 100%;
        width: 230px;
    }
    .group-add input.plus {
        position: static;
        top: 0;
        left: 0;
        vertical-align: text-bottom;
    }

#manage-usergroups-form {
	border-top: 2px solid #ccc;
}
#manage-usergroups-form .bottom .button {
	margin: 4px 4px 0 0;
	float: right;
}
#manage-usergroups {
	border-bottom: 2px solid #ccc;
	width: 740px;
}
	#manage-usergroups th.usergroup {
		margin: 0;
		padding: 5px 0 0 0;
		width: 60px;
		text-align: center;
		vertical-align: top;
			
	}
		th.usergroup img {
			margin: 0 auto 5px auto;
			display: block;		
		}
	#manage-usergroups th.headers-left {
		
	}	
	#manage-usergroups th, #manage-usergroups td {
		padding: 5px 3px;
	}
	#manage-usergroups th.groupheader,
	#manage-usergroups th.user-doors,
	#manage-usergroups th.user-keys,
	#manage-usergroups th.subheader {
		text-align: left;
	}
	#manage-usergroups th.groupheader {
		position: relative;
		text-indent: 0.5em;
		color: #fff;
	}
	#manage-usergroups th.groupheader span {
		margin-top: -18px;
		float: right;		
		font-size: 0.85em;
	}
	#manage-usergroups th.subheader {
		text-indent: 2em;
	}
	#manage-usergroups th.highlite, #manage-usergroups td.highlite {
		background-color: #ccc;
	}
	#manage-usergroups .pb_group {
		background-color: #000;
	}
	#manage-usergroups .pb_group td {
		padding-top: 5px;	
	}
	#manage-usergroups td {
		text-align: center;
	}
	#manage-usergroups input.keys {
		width: 20px;
		text-align: center;
	}
#saving-status, #last-saved {
	padding: 2px 0;
	border-bottom: 2px solid #ccc;
	text-align: right;
}

/* project-group bottom menu */
.project-group .top {
    float: left;
    padding: 0px 1%;
    width: 98%;
    overflow: hidden;
}
.project-group .bottom {
    float: left;
    padding: 0px 1%;
    width: 98%;
    overflow: hidden;
    border-top: 2px solid white;
    border-bottom: 2px solid #ccc;
}
    .project-group .bottom .button {
        margin: 5px 0px 5px 5px;
    }

#new-plan-or-set-message {
	margin-bottom: 10px;
	padding: 5px;
	border-top: 2px solid #ccc;
}
#new-plan-or-set-message p {
	margin: 0;
	padding: 0;
}

/* add new project group*/
.project-group-add {
    margin-top: 15px;
	padding: 4px 10px 0 10px;
    width: 97.5%;
    overflow: hidden;
    background-color: #ccc;
}
	.add-standalone-cilinder {
		cursor: pointer;
	}
    .project-group-add .button {
        margin: 6px 0px 0px;
    }
    .project-group-add input.multiplicity,
    .project-group-add input.name {
        margin: 9px 0px;
        padding: 0px 3px 0px;
        height: 16px;
        line-height: 16px;
        font-size: 93%;
        border: 1px solid #999;
    }
        .project-group-add input.multiplicity {
            width: 14px;
        }
        .project-group-add input.name {
            width: 350px;
        }

/* tabbed menu */
ul.tabbed-menu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 29px;
    float: left;
    clear: left;
    width: auto;
    overflow: hidden;
    vertical-align: bottom;
}
    ul.tabbed-menu li {
        float: left;
        margin: 10px 11px 0px 0px;
        padding: 0;
        background: transparent url('../images/tab-right.gif') no-repeat top right;
    }
    ul.tabbed-menu li.sel { 
        margin-top: 1px;
        background-image: url('../images/tab-right-sel.gif');
    }
        ul.tabbed-menu li a,
        ul.tabbed-menu li a:hover {
            float: left;
            padding: 0px 8px 2px 8px;
            display: block;
            width: auto;
            overflow: hidden;
            font-size: 93%;
            height: 18px;
            line-height: 18px;
            font-weight: bold;
            color: white;
            white-space: nowrap;
            background: transparent url('../images/tab-left.gif') no-repeat top left;
        }
        ul.tabbed-menu li.sel a,
        ul.tabbed-menu li.sel a:hover {
            padding: 8px 12px 3px 12px;
            font-size: 110%;
            color: black;
            background-image: url('../images/tab-left-sel.gif');
        }

/* plus input buttons */
input.plus,
input.plus-highlight {
    position: absolute;
    bottom: 2px;
    right: 0px;
    width: 13px;
    height: 13px;
    border: none;
    line-height: 999em;
    text-indent: -999em;
    overflow: hidden;
    background: transparent url('../images/icon_plus.gif') no-repeat 0px 0px;
    cursor: pointer;
}
    input.plus:hover {
        background-image: url('../images/icon_plus.gif');
    }
    input.plus-highlight {
        background-image: url('../images/icon_plus_highlight.gif');
    }
    /* table.product-data td.product-type input.hover, /* IE6 */
    input.plus-highlight:hover {
        background-image: url('../images/icon_plus_highlight_grey.gif');
    }
	.PB_part .plus {
		background-image: url('../images/icon_plus_negative.gif');
	}
	.PB_part .min {
		background-image: url('../images/icon_min_negative.gif');
	}

/* customized select combo box */

div.combobox {
	
}

div.combobox span.combobox-display {
    display: block;
    padding: 1px 4px 0px 3px !important;
    height: 15px;
    font-size: 100%;
    line-height: 14px;
    border: 1px solid #999;
    background: white url('../images/bg_select.gif') no-repeat right top;
    cursor: pointer;
    color: black;
}
.disabled div.combobox span.combobox-display {
	background: none;
	border: none;
}

ul.combobox-menu {
    position:absolute;  
    display:none;
    padding: 4px 3px;
    background-color: white;
    border: 1px solid #999;
    border-width: 0px 1px 1px 1px;
	-index: 100;
}

ul.combobox-menu li.combobox-item  {
    color: black;
    background-image:none;
    margin:0px 0px 3px;
    overflow:hidden;
    padding:0pt;
    position:relative;
    width:100%;
}


ul.combobox-menu li.combobox-item input{
  display: none;
}

ul.combobox-menu li.combobox-item a {
    display: block;
    width: 100%;
    overflow: hidden;
    font-size: 100%;
    text-decoration: none !important;
    color: black !important;
}

ul.combobox-menu li.combobox-item a:hover {
    background-color: #f3f3f3;
}

ul.combobox-menu li.combobox-item img {
    border: 2px solid #ccc;
    vertical-align: text-top;
}


/* choose product menu's */
ul.set-standard li,
ul.more-products li {
    background-image: none;
    font-size: 93%;
}
ul.set-standard li {
    float: left;
    clear: left;
    padding: 0px 0px 5px 2px;
}
ul.set-standard li label {
    padding-left: 5px;
}
ul.set-standard li input,
ul.set-standard li label {
    float: left;
    display: block;
    height: 18px;
    line-height: 18px;
}
ul.more-products {
    width: 250px;
    float: right;
    padding-right: 8px;
}
    ul.more-products li a {
        display: block;
        width: 100%;
        overflow: hidden;
        line-height: 18px;
        text-decoration: underline;
        text-align: right;
    }
    ul.more-products li a:hover { text-decoration: none; }
    
.closed {
  display:none;
}

.product .config{ min-width:auto; }

/* ##################### DIALOG BOX - CYLINDER CHOICE ################### */
.dialog #cylinder-choice {
	list-style-type: none;
}
.dialog #cylinder-choice li {
	padding-top: 5px;
	clear: left;
	background: none;
}
.dialog #cylinder-choice li a {
	font-weight: bold;
}
.dialog #cylinder-choice img {
	float: left;
	margin-right: 10px;
}

/* ##################### DIALOG BOX - MATERIAL CHOICE ################### */
.material-choice .search-filters .search-filter-sliders {
	width: 100%;	
}
.material-choice .pager {
	width: 97.5%;	
}
.material-choice-header {	
	padding: 5px;
	color: #fff;
	font-size: 100%;
	background-color: #00A4E3;
	clear: both;
}
.material-choice-advise-header {
	padding-top: 5px;
}
div.product-advise .product {
		width: 98%;
		position: relative;
	}
	div.product-advise .technical-details {
		float: right;
		margin: -24px 18px 0 0;
		width: 160px;
		padding-bottom: 10px;
	}
	div.product-advise .product-bullets {
		width: 300px;
	}
	div.product-advise div.details {
		padding: 0;
		float: left !important;
		width: 160px;
	}
	div.details .griddb {
		margin-right: 0;
	}
	.product-advise .unit {
		line-height: 24px;
	}
	.product-advise .description {	
		font-size: 110%;	
	}
	.product-advise .product .config {
		padding-top: 10px;
		float: left;
	}
	.product-advise .product .config .quantity {
		margin-right: 5px;
	}
	.product-advise .quantity-wrap {		
		width: 110px;
		margin-bottom: 5px;
	}
	.product-advise .product .details ul {
		margin-left: 0;
	}
#material-search {
	margin-top: 5px;
}
#material-search p {
	width: 200px;
}
#material-search p, #material-search .button {
	float: left;	
}
#material-search #criteria-wrap {
	border: 1px solid #00a4e3;
	background: url(../images/hs_arrow_down.gif) 98.5% 50% no-repeat;
	cursor: pointer;
}
#criteria-wrap #criteria-wrap-value {
	border: 1px solid #fff;
}
#material-search #criteria-wrap, 
#material-search #criteria-old-wrap,
#material-search #new-criteria-wrap {
	float: left;	
	margin-right: 10px;
}
#material-search #criteria-old {
	width: 200px !important;
	border: 1px solid #00a4e3;
}
#material-search #criteria-wrap-value {
	width: 200px;
}
#material-search .button {
	float: left;
}
#material-search #criteria-wrap, #material-search #criteria-old-wrap {
	padding-right: 20px;
}
#material-search label {
	float: left;
	display: block;
}
#material-search .criteria-label {
	margin-right: 20px;
	float: left;
}
#material-search #criteria-old-label {
	float: none;
}
#material-choice-step2 p {
	margin-bottom: 10px;	
}
#related-pbparttypes {
	margin-bottom: 5px;
	border-collapse: collapse;
	border-spacing: 0;	
}
#related-pbparttypes td {
	padding: 2px;
	border-bottom: 1px solid #fff;
	background-color: #ccc;	
}
#related-pbparttypes th { 
	padding: 2px;
	text-align: left;
	color: #fff;
	background-color: #00A4E3;
	border-bottom: 1px solid #fff;
}
#related-parts-info {
	margin-top: 15px;	
}

/* ##################### DIALOG BOX - CHANGE USERGROUP ################### */
.change-usergroup-name h1 {
	float: none;
}
.change-usergroup-name .button {
	margin-top: 5px;
	float: right;		
} 
#edit-usergroup-wrap .button {
	float: left;
}

/* ##################### FOOTER ############################# */
.msgspecial {
	margin: 0 auto;
	width: 975px;
}
#footer {
	margin: 0 auto;
}