@charset "utf-8";
/* CSS Document */

/*********************************
	Editor (img upload ...)
**********************************/
#admin{
	width:200px;
	border:1px solid #444444;
	overflow-y:no-scroll;
	margin:20px 0px 0px 30px;
	float:left;
}
#admin h2{
	margin:5px 8px 5px 5px;
	font-weight:normal;
	font-size:1em;
	font-variant:small-caps;
}
#admin input.button{
	height:18px;
	border:1px dotted #999999;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
/*Image List*/
#imgOverview h2{
	float:left;
}
#unlinkImgButton{
	width:15px;
	position:relative;
	top:5px;
	background-image:url(../img/editor/menu/delete.jpg);
}
#imgList{
	width:190px;
	height:180px;
	margin:10px 0 0 0;
	overflow-y:scroll;
	position:relative;
	padding:5px;
	border-top:1px dashed #444444;
	border-bottom:1px solid #444444;
}
#imgList div.imgListItem{
	width:80px;
	height:60px;
	position:relative;
	text-align:center;
	float:left;
	margin:8px 2px 0px 2px;
}
#imgList img{
	max-width:60px;
	max-height:60px;
}
#imgList input.checkbox{
	position:absolute;
	top:-5px;
	left:0;
}

/*Image Upload*/
#imgUpload{
	width:200px;
	border-bottom:1px solid #444444;
}
#imgUpload h2{
	float:left;
}
#uploadInput{
	font-size:9px;
	margin:5px;
}
#imgUploadButton{
	width:18px;
	position:relative;
	top:5px;
	background-image:url(../img/editor/menu/upload.jpg);
}
#errors{
	text-align:center;
	color:#FF0000;
	font-size:0.8em;
	margin:0 0 5px 0;
}
/*Edit Menu*/
#editMenu{
	margin:10px 0 0 0;
	border-bottom:1px solid #444444;
	padding-bottom:10px;
}
#editMenu input{
	margin:0px 0px 0px 5px;
	font-size:0.9em;
}
#editMenu input:hover{
	border:1px solid #999999;
}
#addDivButton{
	width:60px;
	background-image:url(../img/editor/menu/addText.jpg);
}
#removeAllButton{
	width:18px;
	background-image:url(../img/editor/menu/delete.jpg);
}
#saveButton{
	width:80px;
	background-image:url(../img/editor/menu/save.jpg);
}

/* Infos */
#instructions{
	width:200px;
	height:320px;
	overflow-y:scroll;
	/*background-image:url(../img/editor/help.png);*/
	background-position:center;
	background-repeat:no-repeat;
}
#instructions ul{
	width:155px;
	margin:0 0 20px 20px;
}
#instructions li{
	text-align:justify;
	font-size:1em;
	line-height:1.5em;
	list-style:disc;
	margin:0 0 5px 0;
	clear:both;
}
#instructions li.noStyle{
	list-style:none;
	text-align:left;
	margin:0 0 10px 0;
}
#instructions img{
	border:1px solid #444444;
	float:left;
	margin:0 4px 0  0;
}

/*********************************
	Toolbar
**********************************/
#toolbar{
	min-width:50px;
	max-Width:230px;
	min-height:16px;
	background-color:#FFFFFF;
	position:absolute;
	display:none;
	z-index:100;
	padding:2px;
}
#toolbar input{
	width:15px;
	height:15px;
	border:none;
	padding:0;
	margin:0;
	background-position:center;
	background-repeat:no-repeat;
}
#toolbar #toolbarMove{
	background-image:url(../img/editor/toolbar/move.jpg);
}
#toolbar #toolbarResizeInc{
	background-image:url(../img/editor/toolbar/inc.jpg);
}
#toolbar #toolbarResizeDec{
	background-image:url(../img/editor/toolbar/dec.jpg);
}
#toolbar #toolbarRemoveElement{
	background-image:url(../img/editor/toolbar/delete.jpg);
}
#toolbar #toolbarBorder{
	background-image:url(../img/editor/toolbar/border.jpg);
}
#toolbar #toolbarSetClickable{
	background-image:url(../img/editor/toolbar/popup.jpg);
}
#toolbar #toolbarSetClickable.active{
	background-image:url(../img/editor/toolbar/popupRemove.jpg);
}
#toolbar #toolbarBold{
	background-image:url(../img/editor/toolbar/bold.jpg);
}
#toolbar #toolbarItalic{
	background-image:url(../img/editor/toolbar/italic.jpg);
}
#toolbar #toolbarHeader1{
	background-image:url(../img/editor/toolbar/header.jpg);
}
#toolbar #toolbarHeader2{
	background-image:url(../img/editor/toolbar/footer.jpg);
}
#toolbar #toolbarHeader3{
	background-image:url(../img/editor/toolbar/normal.jpg);
}
#toolbar #toolbarJustifyLeft{
	background-image:url(../img/editor/toolbar/left.jpg);
}
#toolbar #toolbarJustifyRight{
	background-image:url(../img/editor/toolbar/right.jpg);
}
#toolbar #toolbarJustifyCenter{
	background-image:url(../img/editor/toolbar/center.jpg);
}
#toolbar #toolbarJustifyFull{
	background-image:url(../img/editor/toolbar/block.jpg);
}
#toolbar #toolbarList{
	background-image:url(../img/editor/toolbar/list.jpg);
}
#toolbar #toolbarLinkUrl{
	width:90px;
	height:13px;
	background-image:none;
	border:1px solid #EEEEEE;
	color:#0099FF;
	font-size:0.9em;
	line-height:0.8em;
	vertical-align:top;
	padding:0px;
	
}
#toolbar #toolbarLink{
	background-image:url(../img/editor/toolbar/link.jpg);
}
#toolbar #toolbarSetFirstLetter{
	background-image:url(../img/editor/toolbar/capital.jpg);
}
#toolbar #toolbarColor{
	width:40px;
	height:16px;
	font-size:0.9em;
	padding:0;
	margin:0;
	border:1px solid #EEEEEE;
	line-height:0.8em;
	vertical-align:top;
}
#toolbar #toolbarColor option{
	border:1px solid #FFFFFF;
}

/*********************************
	Popup
**********************************/
#popup{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;	
	display:none;
	background-image:url(../img/trans.png);
	background-repeat:repeat;
	text-align:center;
}
#popup img{
	max-width:800px;
	max-height:500px;
	margin:100px 0 0 0;
	vertical-align:middle;
}
#popup p{
	color:#666666;
	font-size:0.9em;
}