/* CSS Document 
Colors:

Oranje: #f9981d;
Licht blauw: #0095da;
MessageBlue: #e0ecf4;
LoginBlue: #98c1db;
*/

#boxInsite {
	height:25px;
	padding: 5px;
	border-bottom: 1px solid white;
	background: #f9981d;
	width:970px;
	margin: 0 auto;
	}

.editorBg {
	color:white;
	font-size: 95%;
	padding: 1px 0;
	}

.ToolBarBtn {
	text-align:left;
	padding: 0;
	}

.ToolBarBtn .btn span { display:none; }

.ToolBarBtn a.btn,
.ToolBarBtn a.btn:link  {
        display:block;
        float:left;
        width:150px; 
        height:22px;
        margin:0 5px 0 0;
        padding:0; 
        }
.ToolBarBtn a.btn:hover,
.ToolBarBtn a.btn:active
    { background-position: 0 0; }
        
.ToolBarBtn a.editLink {background: url(../images/editBtns/editBtn.gif) no-repeat 0 0; }       
.ToolBarBtn a.addLink {background: url(../images/editBtns/addBtn.gif) no-repeat 0 0;}
.ToolBarBtn a.deleteLink {background: url(../images/editBtns/deleteBtn.gif) no-repeat 0 0;}
.ToolBarBtn a.quizLink {background: url(../images/editBtns/quizBtn.gif) no-repeat 0 0;}
.ToolBarBtn a.pollLink {background: url(../images/editBtns/pollBtn.gif) no-repeat 0 0;}

.editLink { font-size: 70%; }


.contentArticle {
	height:auto;
	padding: 2px 5px;
	background: #f9981d;
	border-top: solid 1px white;
	}

.teaserImage,
.backgroundImage {
	width:450px;
	color:black;
	padding:5px 0;
	line-height:2em;
	clear:both;
}

.backGround { width:600px; }

.backGround .lbl {  }

.backgroundImage { width:600px; }
	.backgroundImage .lbl { height:470px; }

.AnswerSelector table {background: red; width:100%; }
.AnswerSelector input, .AnswerSelector select {width:300px; border:none; }

.EditControlteaserImage,
.EditControlBackgroundImage,
.EditControlShopResultImage,
.EditControlShopImage {
	border: solid 1px #666;
	float:left;
	width:250px;
	height:150px;
	overflow:hidden;
	margin:0;
}

.EditControlBackgroundImage {
	width:210px;
	height:141px;
	margin: 5px 5px 5px 0;
	}

.EditControlShopImage {
	width:106px;
	height:140px;
	margin: 5px 5px 5px 0;
	}

.EditControlShopResultImage {
	width:103px;
	height:250px;
	margin: 5px 5px 5px 0;
	}

.Btn {
	float:right;
	}

/* my editor */

.myEditor,
.myEditorDetail,
.myEditorPassport,
.myEditorPhoto {
        margin: 15px 0 15px 10px; 
        padding:5px 15px 5px 15px;
        display:block; 
        float:left;
        height:100%;
        background:#f9981d;
        color:White;
        }
        .myEditor .title,
        .myEditorDetail .title,
        .myEditorPhoto .title {color:Black; font-weight:bold; }

.myEditorDetail {margin:0;}
.myEditorPassport,
.myEditorPhoto 
{
        height: auto; 
        float: none;
        margin: 0 -5px;
        padding: 5px;
        }

.myEditor a,
.myEditorDetail a,
.myEditorPassport a,
.myEditorPhoto a { color:White; }

.myEditor a:hover,
.myEditorDetail a:hover,
.myEditorPassport a:hover,
.myEditorPhoto a:hover { color:White; text-decoration:none; }


/* --------------------------------------------- // -------- Editor loading frame */	
    
    *+html .positionRelative { position:relative; }
    * html .positionRelative {
            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;
    }
.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: #000;
	font-weight: normal;
	background-color: #dcddde;
}

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

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

#barTd {
	width: 100%;
	background:#dcddde;
}

#statusDiv {
	border: 1px solid #ff8500;
	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;
}