/**
-------------------------------------------------
forms + form fields, user side
*/


.helptext { font-size:7.5pt; text-style:italic;
font-weight:normal; background:#fff6f6; padding:0.5em; }
.helpbutton { cursor:pointer; }
.helpbutton img { margin-left:0.5em;}
.clear {clear:both; }
div.forminfo { font-size:8pt; padding:1.0em 0em 1.0em 0.2em; color:#555; }

div.htmlinterface {  padding:5px; margin-bottom:2em;
/*border-bottom:1px #99a solid;
border-right:1px #99a solid;
border-top:1px #ccd solid;
border-left:1px #ccd solid;*/
}
div.htmlinterface input { border:1px #d3cdc7 solid; padding:2px; color:#4d597a; }

/** readonly display */
div.htmlinterface div.FormReadOnly input.readonly { background:#e4e4e4; color:#222;  padding:2px;  
							font-family:verdana,arial, sans-serif;font-size:8pt;}
div.htmlinterface div.FormReadOnly span.readonly { background:#e4e4e4; color:#222; padding:2px; 
							font-family:verdana,arial, sans-serif;font-size:8pt;}

div.htmlinterface input.active { border:1px #7a594d solid; }
div.htmlinterface input.error { border:1px #c30 solid; }
div.htmlinterface h4 { font-size:9pt; line-height:12pt;
color:#4d597a;
margin:0px; margin-top:0.8em; margin-bottom:0.2em;font-weight:bold;
}


div.htmlinterface div.TextValue input { width:296px; margin:1px; font-size:0.8em;  }
div.htmlinterface div.FormReadOnly input { width:296px; margin:1px; font-size:0.8em; border-color:#eef;padding:2px; }
div.htmlinterface div p { font-color:#ccc; margin:0px; font-size:0.8em; }
div.htmlinterface div.Checkbox { margin-bottom:1em; }

div.htmlinterface div.LongText textarea { width:300px; height:50px;
	font-family:verdana, sans serif; font-size:8pt; border:1px solid #d3cdc7;}
div.htmlinterface div.LongText textarea.active	{ border:1px #7a594d solid; }


div.htmlinterface  textarea.active	{ border:1px #7a594d solid; }

div.htmlinterface div.ForumTextField textarea { width:600px; height:150px;
	font-family:verdana, sans serif; font-size:8pt; border:1px solid #d3cdc7;}

div.htmlinterface select { margin:1px;  border:1px #c3cdd7 solid;  color:#4d597a; }

div.htmlinterface input.submit { margin-top:1em;
				border:1px #5F3500 solid;
				border-top:1px #FF8540 solid;
				border-left:1px #FF8540 solid;
				padding:1px;
				margin-right:2em; /* margin to nearby submit fields on the same line */
				background:#FF6500; color:#fff; }

div.htmlinterface div.error { color:#c30; }

/*form header */
div.htmlinterface div.header { }
div.htmlinterface h3 { font-size:13pt; font-weight:bold;color:#4d597a;
margin:0px;  width:90%; }
#ctrtop { float:left; }
#ctrtop img { border:0px; width:30px; }

#ctrtop1 {float:left;width:90%;}

/* messages */

.msg_error {}
.msg_info {}
.msg_succs {}
.msg_succs img, .msg_info img, .msg_error img { width:15px; margin:4px; }


 /* aktions links */
.webif_functions { margin:0.5em; }
.webif_functions a { text-decoration:none; font-size:0.80em;
color:#000; padding:4px; border:#ff8;
background:#f8eeee; }
.webif_functions a:hover  {background:#f8f8ee;}

 div.htmlinterface a.button  {
        border:1px #161f42 solid;
        border-top:1px #c3cdd7 solid;
        border-left:1px #c3cdd7 solid;
        padding:1px;
        background:#4d597a; color:#fff; }
 div.htmlinterface a.button:hover { background:#6d799a; text-decoration:none; }
/* tabs */
.webif_tabs {border-bottom:1px solid #99a;height:21px;
    margin-top:0px;	}

.webif_tabs a  { height:16px; font-size:0.9em;
    text-decoration:none; color:#444;
    padding:2px;
    border:solid 1px #444;
    border-top-color:#aaa;
        border-left-color:#999;
        background:#dde;
        margin-right:2px;
        display:block; float:left; }

.webif_tabs a.on  {background:#fff; height:17px;
  border-bottom-color:#fff;
   border-bottom:1px;
  margin-right:8px;
    margin-left:6px;
  color:#003;}



/* non-editing data display (e.g for user options) */
div.datadisplay { width:300px; }
p.changelink { }
p.changelink a { color:#c30;  margin-right:1em;}
p.changelink a:hover { border-bottom:1px dotted #d8a953;}

/* ----------------------------------------------------- -*/

/*
div.htmlinterface form.smallform { font-size:0.5em; }
*/

div.htmlinterface form.smallform div { float:left; }
div.htmlinterface form.smallform div { float:left; }
div.htmlinterface form.smallform div { width:10em; }
div.htmlinterface form.smallform input.submit  { margin-top:1.4em; }
div.htmlinterface form.smallform input.submit  { margin-top:1.4em; }
form.smallform div.ShortText input { width:6em; font-size:8pt;}
form.smallform div.ShortText input.active { border:1px #7a594d solid; }


/*
forum text edit
*/
#id_textforum_bbcode, #id_textforum_emo {  float:left;  }
.emobutton { width:15px; height:15px;
	border:1px solid #ccc; cursor:pointer;
	padding:2px; margin:2px;
	display:block; float:left;}

.bbbutton {
	 cursor:pointer;
	padding:2px; margin:2px;
	display:block; float:left;}
.bbbutton_bar { width:15px; height:15px; font-size:7pt;
	border:1px solid #ccc; cursor:pointer;
	padding:2px; margin:2px; background:#fc0;
	display:block; float:left;}
/*#id_textforum_bbcode input.bbbutton { font-size:7pt; border:0px;
	cursor:pointer; margin:0px; margin-top:4px; padding:0px;
	background:#fff;
	display:inline; }*/

#id_textforum_bbcode input.bbbutton {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #DDDDDD;
cursor:pointer;
display:inline;
font-size:7pt;
margin:2px 3px;
padding:2px;
}



/*
read only
*/
div.htmlinterface div.ReadOnly span { background:#eee;padding:4px; }

/*
forum avatar select
*/
div.htmlinterface div.AvatarSelect span.sel {
	display:block; float:left; margin:2px;
	font-size:7pt; cursor:pointer; }

div.htmlinterface div.AvatarSelect div.AvatarSelect_bar { float:left; height:50px; margin-left:1em; margin-top:0.4em; }
div.htmlinterface div.AvatarSelect  span.active { background:#fc0; }
div.htmlinterface div.AvatarSelect div.AvatarSelect_bar span img { height:45px; width:45px; border:1px solid #999;}
#idprofile_prof_avatarselbox span {
display:block; float:left;padding:4px;
cursor:pointer;}

#forum div.htmlinterface div.CheckBoxMarked { margin-bottom:0.0em; margin-top:1em; }

div.htmlinterface div.AvatarSelect div.pic {text-align:center;float:left;
border:1px solid #ccc;padding:3px; margin:3px;}
div.htmlinterface div.AvatarSelect div.pic span { height:53px;width:70px; display:block;}
div.htmlinterface div.AvatarSelect div.pic:hover {border-color:#fc0;}

#avselect { float:left; width:70px; height:70px;
	 border:1px solid #999; cursor:pointer;}

/* admin anzeige für forumthread */
#adminthreadview img { display:none; }
#adminthreadview h2  { font-size:9pt; border-bottom:1px dotted #999; margin:0px; margin-top:2em; }
#adminthreadview div   { font-size:7pt; }
#adminthreadview div.sig   { display:none; }
#adminthreadview div.usr   { display:none; }
#adminthreadview span.meta   { background:#eee; display:block; }



/* admin */

#admin div.htmlinterface { width:640px; background:#fff; border:1px solid #99c; padding:1em; margin:1em;}
#admin div.objectFolder {  background:#fff; border:1px solid #99c; padding:1em; margin:1em; width:640px;}
#admin div.objectFolder table th { text-align:left; background:#ddd; color:#555; font-size:8pt; padding:2px;}
#admin div.msg_error {background:#fda;}
#admin div.msg_info {background:#ffd;}
#admin div.msg_succs {background:#efd;}
#admin div.msg_succs , #admin div.msg_info , #admin div.msg_error
	 { border:1px solid #ddd; padding:4px; margin:2px; padding-bottom:8px; font-size:8pt; width:654px; margin-left:1em; }

#admin.wide div.htmlinterface  { width:800px; }
#admin.wide div.objectFolder  { width:800px; }

#admin.full div.htmlinterface  { width:98%; }
#admin.full div.objectFolder  { width:98%; }



/* object Folder - listenanzeige*/
/* . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */
div.objectFolder { background:#fff;font-family:verdana,arial, "sans serif";font-size:0.8em}
div.objectFolder table { font-family:verdana,arial, "sans serif";font-size:7pt; }
div.objectFolder a.active { font-weight:bold;}
.objectfolder table th { background:#ddd; color:#888; text-align:left; }
.objectFolder table a { display:block; }
/*  objectTreeFolder - */
div.objectTreeFolder div { height:1.8em; }

/* object Folder Sortable */
div.sortFolder ol { font-size:7pt; }
div.sortFolder ol li { border:1px solid #ccc; padding:0.6em; margin:0.5em; cursor:move;background:#fff;}
div.sortFolder ol li.sorthover { background:#ff0; }
div.objectFolder input.button { margin-top:1em;
        border:1px #461f12 solid;
        border-top:1px #d3cdc7 solid;
        border-left:1px #d3cdc7 solid;
        padding:1px;
        background:#ad997a; color:#fff; }
 div.sortFolder input.button {
  border:1px #d3cdc7 solid;  padding:5px;
   align:right; background:#fff;
 color:#555;}
div.sortFolder h3 { color:#4d597a; font-size:0.95em;border-bottom:1px dotted #4d597a; }
div.sortFolder p { font-size:8pt; color:#555; }

/* object Folder Diagramm */
div.objectDiagrammFolder div.balken { background:#aaf; height:13px; }

/* dir view - folder, filefolder (small) */
div.directoryView { background:#fff;}
div.directoryView table {font-size:7pt; width:500px;}
div.directoryView table th {text-align:left; background:#ddd; border-bottom:1px solid #aaa;}
div.directoryView a {display:block; color:#003;}
div.directoryView h1 a { display:inline; }
div.directoryView { margin-left:0.4em; margin-right:0.4em; border:1px solid #dde; }

div.directoryView { }
.col1filesbig div.directoryView { overflow:scroll; height:550px; width:520px; float:left;}

div.col1filesbig  h1 { font-size:11pt; margin:0.2em; }
div.col1filesbig  h1 a {  color:#003; }


.uploadform { font-size:7pt; }
div.col1filesbig .uploadform { width:330px; float:left; }

.uploadform input { font-size:7pt; margin:0px; }
.uploadform form { margin:0px; }
.uploadform h1, div.col1filesbig .uploadform h1 { font-size:8pt; margin:2px; color:#559; }
.actionform h1, div.col1filesbig .actionform h1 { font-size:8pt; margin:2px; color:#559;}
.actionform { }

select.select_action { width:300px;font-size:7pt; height:20px; font-weight:bold;}
select.select_action option {
   font-weight:normal;
  color:#333;
  padding:1em;
  border-bottom:1px dotted #666;}

select.select_action option:hover {
   background:#fc0;
   font-weight:bold; }

div.action_form_small select.select_action { width:220px; }