/* 
September 2007
Door : Koen Haarbosch  |  Bit Squad

Deze stylesheet is allen van toepassing op inside editing elementen.

*/

/* ------------------------------- Font sizes ------------------------- */
#ToolBarWrapper, #EditContent 
{
	font-size: 0.9em;
}
#EditContent h1 
{
	font-size: 1.6em;
}
/* ------------------------------- EditButtons ------------------------- */
#ToolBarWrapper 
{
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF url(../images/inside_editing/bgToolBarWrapper.jpg) repeat-x left top;
	border-bottom: solid 3px #666666;
}
#EditToolbar
{
	
	width: 908px; /* Breedte gelijk houden aan width site wrapper */
	margin-left: auto; 
	margin-right: auto;
	padding: 0 20px 0 20px;
	text-align: left;
}
#LogOut 
{
	float: left;
}

#EditBarButtons 
{
	float: right;

}

#EditBarButtons a
{
	
	background: #FFFFFF url(../images/inside_editing/bgButtons.jpg) repeat-x left top;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 7px 5px 7px;
	border: solid 1px #C2C2C2;
	
}
#LogOut a 
{
	border-left: solid 1px #000000;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	color: #000000;
	}
#EditBarButtons a:hover
{
	background: #000000;
	color: #CCCCCC;
}


/* ------------------------------- DocumentEdit ------------------------- */

#EditContent 
{
	float: left;
	width: 500px;
	background: #FFFFFF;
	border: solid 3px #666666;	
	padding: 10px;
}

#EditContent h1
{
	display: block;
	margin: 0 0 10px 0;
}
#EditContent label 
{
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
}
#EditAttachments 
{
	float: right;
}
#EditProperties
{
float: right;
}
#popupProperties 
{
	float: right;
}
#EditProperties label
{

}
#ChooseLanguage 
{
}
#EditTitle 
{
	float: left;
	width: 460px;
}
#EditTitle input { width: 460px; border: solid 1px #666666; padding: 3px;}
#EditTeaserText
{
	float: left;
	width: 460px;
	
	margin: 0 0 20px 0;
}

#EditTeaserText textarea { width: 460px; height: 100px; border: solid 1px #666666; font-size: 1.2em;}
#EditTeaserImage 
{
	float: left;
	width: 440px;
	margin: 20px 0 0 0;
	padding: 10px;
	border: solid 1px #666666;
}
#EditContentArticle 
{
}


#EditButtons 
{
	
}


#transparantTop
{
	display: block;
	top: 40px; /* standaard hoogte  ToolBarWrapper */
	left: 0px;
	width: 100%;
	margin-left: auto; 
	margin-right: auto; 
	position: absolute;
	z-index: 2;
	/* background: url(../images/transparant2.gif) repeat 0px 0px;
	background: #FFCCCC; */
}
#transparantLeft
{
	display: block;
	/* top: 254px; */
	left: 0px;
	margin-left: auto; 
	margin-right: auto; 
	position: absolute;
	z-index: 2;
	/* background: url(../images/transparant2.gif) repeat 0px 0px;
	background: #FFCCCC; */
}

#transparantRight
{
	display: block;
	top: 254px;
	margin-left: auto; 
	margin-right: auto; 
	position: absolute;
	z-index: 2;
	/* background: url(../images/transparant2.gif) repeat 0px 0px;
	background: #FFCCCC; */
}
.set_png { background: url(../images/inside_editing/transparant.png) repeat 0px 0px; }
.set_gif { background: url(../images/inside_editing/transparant2.gif) repeat 0px 0px; }

/* --------------------------------------------- // -------- Authentication */
.inputText 
{
	border: solid 1px #7A1939;
	width: 90%;	
}
.sendButton 
{
	
	border: solid 1px #7A1939;
	background: #ECEBEB;
	color: #7A1939;
	margin: 10px 0 0 0;
	font-weight: bold;
	cursor: hand;
}

/* --------------------------------------------- // -------- Extra deel Blog */
#steden 
{
	float: left;
	width: 460px;
	border-bottom: solid 2px #666;
	padding: 20px 0 20px 0;
	margin: 20px 0 0 0;
	background: #f1f1f1;
}
#steden label  
{
	margin: 0 0 0 10px;
}
#steden table 
{
	width: 400px;
}
#steden table tr td 
{
	width: 400px;
}
#steden table tr td input, #steden table tr td label
{
	float: left;
	margin: 0;
	padding: 0;
}
#steden table tr td input 
{
	width: 30px;
	margin-top: 3px;
}
#steden table tr td label 
{
	width: 150px;
}

#advertentie 
{
	float: left;
	width: 440px;
	border-bottom: solid 2px #666;
	padding: 20px 10px 20px 10px;
	margin: 20px 0 20px 0;
	background: #f1f1f1;
	
}

#EditAdvertentieImage 
{
	float: left;
	width: 420px;
	margin: 20px 0 0 0;
	padding: 10px;
	border: solid 1px #666666;
	background: #fff;
}

#EditAdvertentieTitle, #EditDateLocation
{
	float: left;
	width: 440px;
}
#EditAdvertentieTitle input, #EditDateLocation input
{
	width: 440px; 
	border: solid 1px #666666;
	padding: 3px;
}

.buttonEdit 
{
	font-weight: bold;
	color: #666;
	cursor: pointer;
	border: solid 2px #CCCCCC;
	margin: 20px  5px 0 0;
	background: #FFFFFF;
}