/* 
    Stijlen van alle editors.
*/

/* --------------------------------------------- // -------- Toolbar */
#boxInsite 
{
	font-size: 0.8em;}

#boxInsite #menu {padding:3px 3px 0 10px; width: 965px;}

#boxInsite #menu a,
#boxInsite #menu a:link,
#boxInsite #menu a:visited
{
    color:#012063;
    text-decoration:underline;
    }

#boxInsite #menu a:hover,
#boxInsite #menu a:active,
#boxInsite #menu a:focus
{
    text-decoration:none;
    }
    
.editorBg #menu {
	text-align:left;
		}
		


	
/* --------------------------------------------- // -------- Excel download */

.resultsField 
{
    width: 690px;
    white-space:pre-wrap; 
    overflow:auto; 
    height:280px; 
    border: solid 1px #9E1627;
    padding:5px;
    }
    
.ProgressBar 
{
    margin:10px 0 10px 0;
    padding:0; 
    width:452px;
    height:35px;
    }
body.progressBody {
	margin: 0px;
	border: 0px none;
	padding: 0px;
	font-family:Arial;
	color: #012063;
	font-weight: normal;
	background-color: #F3F3F3;
}

#progressDisplayCenterer {
	vertical-align: middle;
	width: 100%;
}

#progressDisplay {
	vertical-align: middle;
	width: 100%;
}

#barTd {
	width: 100%;
}

#statusDiv {
	border: 1px solid #9E1627;
	padding: 0px;
	position: relative;
	width: 300px;
	text-align: center;
	z-index: 1; 
}

#barDiv,#barDetailsDiv {
	border: 0px none ; 
	margin: 0px; 
	padding: 0px; 
	position: absolute; 
	top: 0pt; 
	left: 0pt; 
	z-index: -1; 
	height: 100%;
	width: 75%;
}

.ProgressDisplay {
	font-weight: normal;
	font-size:80%;
}

.ProgressDisplay .StatusMessage {
	margin: 1px;
	height: 1.5em;
}

.ProgressDisplay .ProgressBar {
	background-color: rgb(204, 204, 204);
}

.ProgressDisplay .ImageButton {
	border-width: 0px; 
	margin: 0px; 
	padding: 0px;
	background-color: inherit;
}

.ProgressDisplay .ImageButton img {
	border-width: 2px; 
	border-style: outset;
	border-color: white;
	margin: 0px; 
	padding: 0px;
	height: 1.5em;
	vertical-align: top;
}
/* --------------------------------------------- // -------- End Excel download */

.resultsField 
{
    width: 690px;
    white-space:pre-wrap; 
    overflow:auto; 
    height:280px; 
    border: solid 1px #9E1627;
    padding:5px;
    }
	

/* --------------------------------------------- // -------- beheer */

.backToOverview {
	float:right;
	margin: 0 15px 0 0;
	}	

.functionBar {
	border-bottom: solid 1px #9e1627;
	width:730px;
	padding: 0 0 3px 5px;
	margin: 0 0 5px 0;
	}

table.prodTable {margin: 0 0 5px 0;}

table.prodTable td,
table.prodTable th { height:20px; padding:5px; }
table.prodTable tr.alternative td {background: #dae0e9;}


/* --------------------------------------------- // -------- pop-in's */

body.popin {background:none; text-align:left; margin:10px 0 0 10px; font-size:90%;}

body.popin h1 { font-size: 160%; margin: 0 0 10px 5px;}

.prodGroupEditor { 
	width:700px;
	height:100%;
	}
	.value { width: 350px; }

	.prodGroupEditor .left,
	.prodGroupEditor .right { 
		width:342px; 
		float:left;
		border-left:4px white solid; 
		}
		
	.prodGroupEditor .oneClmn {
		width:342px;
		}
		
	.prodGroupEditor .oneClmnLarge {
		width: 730px;
		}
				
	.prodGroupEditor label { 
		width:100px;
		display:block;
		float:left;
		margin: 4px;
		}
		.prodGroupEditor .oneClmnLarge label { width:200px; }
	
	.popin .checkbox input,
	.popin .prodTable td input,
	.detailSelector input,
	.popin .prodGroupEditor input {width:auto; float:left;}
	
	.popin .checkbox label {width:auto;}
	
	.prodGroupEditor input,
	.prodGroupEditor select { 
		margin: 1px 0 1px 0;
		width:225px;
		}
		.prodGroupEditor input.checkbox,
		.prodGroupEditor input.radio {width:10px;}
		.prodGroupEditor input.colorInput {width:197px;}
		.prodGroupEditor select.colorSelect {width:215px;}
	
	.prodGroupEditor .title,
	#webshopOverview .title
	 {
		font-weight:bold;
		margin: 4px 0 0 4px;
		}
		
	.prodGroupEditor .row,
	.prodGroupEditor .alternative,
	.prodGroupEditor .title,
	#webshopOverview .row,
	#webshopOverview .alternative,
	#webshopOverview .title	 {
		height:25px; 
		}	
	
	.prodGroupEditor .alternative,
	#webshopOverview .alternative
	 {
		background: #dae0e9;
		}
	
	.Btn {
		text-align:right;
		margin: 15px 5px 0 0;
		}


/* --------------------------------------------- // -------- Lijsten module */

.sortingList {
	border: solid 1px black;
	height:250px;
	width:245px;
	}
	
.btnEditor {
	width:75px;
	}


/* --------------------------------------------- // -------- Insite editor */
#webshopOverview label { 
	width:150px;
	display:block;
	float:left;
	margin: 4px;
	}

#webshopOverview .mainImage {
	border: solid 1px #9e1627;
	background:white;
	height:80px;
	width:80px;
	margin:5px;
	}
#webshopOverview .image {height:120px;}
#webshopOverview .color {height:auto;}
#webshopOverview .color ul {display:block; margin-left:160px;}

#webshopOverview .tabContainer 
{
    border-bottom: solid 1px #9E1627;
    height:31px;
    clear:both;
    margin: 0 0 0 0;
}

.editor_summary  
{
    font-size: 1em;
    padding: 2px;
    }

#webshopOverview .tabContainer a,
#webshopOverview .tabContainer a:link,
#webshopOverview .tabContainer a:visited,
#webshopOverview .tabContainer a.selectedItm,
#webshopOverview .tabContainer a.selectedItm:link,
#webshopOverview .tabContainer a.selectedItm:visited
{
	width: 134px; 
}

#webshopOverview  ul { 
	margin:0 0 0 10px;
	}
	
#webshopOverview  li {
	list-style-type:none;
	margin:0; 
	
	}

.detailSelector { 
	border: solid #9E1627;
	border-width: 0 1px 1px 1px;
	padding:15px 0 15px 0;
	}
	
	
/* --------------------------------------------- // -------- Editor loading frame */	
    
    *+html .loaderIE { position:relative }
    
    .editorBlockContainer { 
	    Z-INDEX: 999; 
	    FILTER: alpha(opacity=50);
	    LEFT: 0px; 
	    POSITION: absolute; 
	    TOP: 0px; 
	    BACKGROUND-COLOR: gray; 
	    opacity: 0.5;
    }
    
    .editorBlockContainer .editorLoadingCover {
	    background-color:#ff6600;
    }
    
    .editorLoading {
	    position:absolute; 
	    top:0px; 
	    left:0px;
	    z-index:999; 
	    color:white;
	    font-size:24px;
	    font-weight:bold;
	    vertical-align:middle; 
	    text-align:center;
    }