@font-face {font-family: 'locals_logo';	src: url('locals.woff') format('woff');}


body, table, div, input, button, option, select, textarea {
	font-size: 12px; 
	font-family: "Raleway";
	letter-spacing: 1px;
	color: #555555;
}

arrow1:before, arrow2:before, .arrow1:before, .arrow2:before 	{ content: "\2937"; font-size: 180%; }
arrow1:before,.arrow1:before					{ padding: 0px 5px 0px 10px; }
arrow2:before,.arrow2:before					{ padding: 0px 5px 0px 30px; }

.md-close { 
	text-transform: uppercase; 
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 600;
	height: 30px;
	color: #ffffff;
	background-color: #5c1915;
	border-radius: 4px;
	border: 0px solid;
}

body, table, div  {
	margin: 0px;
}

body {
	background: #f5f1e9;
	margin-top: 40px;
	
}

.navibox	{ background-color: #5c1915; box-shadow: 0px 4px 6px -4px #555555; width: 100%; height: 40px; top: 0px;z-index: 3000; position: fixed;}
.navibox * 	{ }

.logo_title { font-family: "locals_logo"; color: #5c1915; text-transform: capitalize; font-size: 200pt; position: fixed; bottom: 50px; right: 50px; z-index: -1; opacity: .1; }

a { color: #7b6e5c; text-decoration: none;}

div.dotted {
    
	border-bottom: 1px solid #7b6e5c;
	border-radius: 4px;

}


	
input.label {
	height: 30px;
	padding: 0px 10px;
	border: 0px solid #dcdcdc;
	box-shadow: inset 0px 0px 3px -1px #555555;
	border-radius: 4px;
	margin: 10px 0 0 0;
}

input.admin,
textarea.admin {
	padding: 0px 10px;
	border: 0px solid #dcdcdc;
	box-shadow: inset 0px 0px 3px -1px #555555;
	border-radius: 4px;
	margin: 5px 0 10px 0;
}

input.admin { height: 30px; }
textarea.admin { padding: 10px; }

.edit_input {
	width: 600px;
	display: block;	
}

.edit_input2 {
	display: inline-block;	

}

.ib {
	display: inline-block;	
	border: 1px solid red;
}

select.admin {
	display: block;
	margin: 5px 0 10px 0;
	border: 0px solid #dcdcdc;
	box-shadow: inset 0px 0px 3px -1px #555555;
	border-radius: 4px;
	padding: 10px;
	height: 40px;
	
}

select.admin2 {
	display: block;
	margin: 5px 0 10px 0;
	border: 0px solid #dcdcdc;
	box-shadow: inset 0px 0px 3px -1px #555555;
	border-radius: 4px;
	padding: 6px;
	height: 30px;
	
}

select.admin option {
	margin: 0px;
	padding: 10px;
}




textarea {
	padding: 3px;
	border: 1px solid #dcdcdc;
	vertical-align: top;
	box-shadow: 1px 1px 2px -2px #555555;
	resize:vertical;
	}
	
textarea.noresize {
	resize:none;
}

tr.info_tr 			{ display: none; height: 50px; box-shadow: 0px 0px 50px -6px #000; border-radius: 4px;}
div.info_tr_div 	{ display: inline-block; margin: 0 5px 0 0; vertical-align: top;}
tr.info_tr td 		{ padding: 10px 0!important; }

tr.edit_tr { display: none; height: 50px; box-shadow: 0px 0px 50px -6px #000; border-radius: 4px;}

div.edit_tr_div { display: inline-block; margin: 0 5px 0 0; vertical-align: top;}
tr.edit_tr td { padding: 10px 0!important; }
input.admin3,
select.admin3 {
	height: 25px;
	padding: 0px 3px 0 10px;
	border: 0px solid #dcdcdc;
	box-shadow: inset 0px 0px 3px -1px #555555;
	border-radius: 4px;
	margin: 3px 0 0 0;
	display: block;
}
select.admin3 { padding: 0px 3px 0 3px }

div.titel {
	margin: 40px 0px 0px 0px;
	background-color: #ffffff;
	padding: 20px 0 10px 30px;
	position: relative;
	box-shadow: 0px 4px 6px -4px #555555;
}
div.titel span { font-weight: 600; }

.md-trigger { display: none;}
.typ1 {
	
}

.typ1 h3 { text-align: center; text-transform: uppercase;}
.typ1 h4 { padding: 0; margin: 0; font-size: 16px; text-transform: uppercase; font-weight: 600;  }
.typ1 h4.error {color: #d11a0f; }
.typ1 h4.done {color: #189600; }


div.outerbox {
	margin: 20px;

}

.mainbox {
	margin-right: 20px;
	background-color: #ffffff;
	display: inline-block;
	border-radius: 10px 10px 0px 0px;

	
}

.mainbox_head {
	background-color: #5c1915;
	border-radius: 4px 4px 0px 0px;
	padding: 10px;
	height: 30px;
	line-height: 30px;
}

.mainbox_head,
.mainbox_head a { text-transform: uppercase; color: #f5f1e9; text-decoration: none; }
.mainbox_head a { font-weight: 700;}
.mainbox_head a span { font-size: 16px;}

table.main { margin: 10px; }
table.main tr { height: 25px;}
table.main td { padding: 2px; }


.input_short_1 	{ height: 100%;width: 93%;position: absolute; padding: 0px; top: 0px; border: 0; z-index: 1; background: transparent; }
.input_short_2 	{ height: 100%;width: 93%;position: absolute; padding: 0px; top: 0px; border: 0; z-index: 1; background: transparent;}
.input_short_3 	{ height: 100%;width: 93%;position: absolute; padding: 0px 4px; top: 0px; left: 0px;border: 0; z-index: 1; background: transparent; text-align: left; resize: none; outline: none; box-shadow: none; line-height: 20px;}
.input_long 	{ height: 100%;width: 500px; position: absolute; padding: 0px; top: 0px; border: 0;z-index: 2; box-shadow: 0px 0px 10px -6px #000;  }
.input_long_3 	{ height: 100%;width: 1400px; position: absolute; padding: 0px; top: 0px; right: 0px;border: 0;z-index: 2; box-shadow: 0px 0px 100px -6px #000; text-align: right;overflow: hidden; }

.input_short_3.show_all 	{ 
	width: 200%; 
	box-shadow: 0px 0px 100px -6px #000; 
	background: #fff; vertical-align: top;
	z-index: 2;
	border-right: 5px solid #5C1915;
	border-top: 10px solid #5C1915;
	right: 0;
	left: auto;
	padding: 10px 15px;
	border-radius: 20px 0 20px 20px;
	height: 200px;
	overflow: auto;
}
.input_short_1.show_all,
.input_short_2.show_all {  
	width: 200%; 
	box-shadow: 0px 0px 100px -6px #000; 
	background: #fff; vertical-align: top;
	z-index: 2;
}

 
 

/* HELP BOX */
div.mainbox_help_box {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
}

div.mainbox_help_box div.body {
	border: 1px solid #7b6e5c;
	border-bottom: 4px solid #7b6e5c;
	*background-color: #fbfbfb;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 4px 4px 6px -4px #555555;
	position: absolute;
	top: 38px;
	right: 0px;
	opacity: 0.9;
}

div.mainbox_help_box div.title {
 	border: 1px solid #7b6e5c;
	*background-color: #7b6e5c;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.mainbox_help_box div.title div {
    display: table-cell;
    vertical-align: middle;
	color: #ffffff;
	height: 32px;
	padding-left: 10px;
}



/* PREVIEW BOX */
.mainbox_preview_box {
	float: left;
	margin: 0px 20px 20px 0px;
	border: 0px solid green;
}

.mainbox_preview {
	margin: 0px 0px 0px 0px;
	border: 1px solid #7b6e5c;
	border-bottom: 4px solid #7b6e5c;
	*background-color: #fbfbfb;
	padding:0px;
	border-radius:  0px 0px 8px 8px;
}
.mainbox_preview_head {
	border: 1px solid #7b6e5c;
	*background-color: #7b6e5c;
	margin-right: 0px;
	border-radius:  4px 20px 0px 0px;

}
.mainbox_preview_head div {
    display: table-cell;
    vertical-align: middle;
	color: #ffffff;
	height: 30px;
	padding-left: 10px;
}


div.line1 {
    margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #7b6e5c;
}

div.line2 {
    margin: 5px 0px 10px 0px;
	border-bottom: 1px solid #7b6e5c;
}

div.line3 {
    margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #e2e2e2;
}

div.line4 {
    margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #e2e2e2;
}

div.messagebox {
	margin: 20px 0px 10px 0px;
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0px 15px 0px;
}





span.title_typ1 {
    font-weight:bold;
	color:#99CC33;
	*background:none;
	font-family:arial,helvetica;
	position:relative;
	clear:both;
	margin: 0px 0px 0px 0px;
	font-size: 1.4em;
	padding: 10px 0px 5px 0px;
}

span.title_typ2 {
	font-weight:bold;
	color:#99CC33;
	*background:none;
	font-family:arial,helvetica;
	position:relative;
	clear:both;
	font-size: 1.3em;
	padding: 10px 0px 5px 0px;
}

span.title_typ3 {
	*background:none;
	font-family:arial,helvetica;
	position:relative;
	clear:both;
	font-size: 1.1em;
	color:#333;
	font-weight:normal;
	padding: 10px 0px 5px 0px;
}

span.title_typ4 {
	*background:none;
	font-family:arial,helvetica;
	position:relative;
	clear:both;
	font-size: 1.1em;
	color:#9c3;
	font-weight:bold;
	padding: 10px 0px 5px 0px;
}

span.title_typ5{
	*background:none;
	font-family:arial,helvetica;
	position:relative;
	clear:both;

	font-size: 1.0em;
  color:#333;
	font-weight:bold;
	padding: 10px 0px 5px 0px;
}

span.title_typ6{


	font-family:arial,helvetica;
	position:relative;
	clear:both;

	font-size: 1.0em;
  color:#9c3;
	font-weight:normal;
	padding: 10px 0px 5px 0px;
}



#submits {
	height: 20px;
	}
	
#submits input.submit1,
#submits input.submit3 { 
	
	text-transform: uppercase; 
	font-size: 12px;
	letter-spacing: 2px;
	
	height: 30px;

	border-radius: 4px;
	border: 0px solid;

	*display: none; 
}

#submits input.submit1 { color: #f5f1e9; background-color: #5c1915; font-weight: 600;}
#submits input.submit3 { color: #5c1915; background-color: #f5f1e9; font-weight: 300;}


#wait_button {
	text-transform: uppercase; 
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 300;
	height: 30px;
	
	color: #5c1915;
	background-color: #f5f1e9;
	
	border-radius: 4px;
	border: 0px solid;

	display: none;
}

#waiting {
	height: 30px;
	line-height: 28px;

}

#waiting img {
margin: 0px 10px 0 10px;
vertical-align: middle;

}

table.valign_top td { vertical-align: top; padding: 10px 30px 10px 10px!important; border-right: 1px solid #e3e3e3; line-height: 14pt;}
table.valign_top td:last-child { border: none; padding: 10px 10px 10px 10px;!important;}


.button_type1 {
	width: auto;
	height: 30px;
	color: #5C1915;
	background-color: #F5F1E9;
	border-radius: 4px;
	text-transform: uppercase;
	padding: 0px 10px;
	cursor: pointer;
	display: inline-block;	
}

.fa { cursor: pointer!important;}

.update_warning {background: rgb(237, 237, 175) none repeat scroll 0% 0%;padding: 20px 20px 20px 80px;border-radius: 20px; position: relative; margin-bottom: 20px;}
.update_warning strong {display: block; margin-bottom: 10px; font-size: 110%;}
.update_warning:before {content: "\f071";font-family: "fontawesome";position: absolute;left: 20px;font-size: 300%;color: #cf3f3f;top: 15px;}

.update_ok {
    background: rgb(181, 213, 183) none repeat scroll 0% 0%;
    padding: 20px;
    border-radius: 20px;
    position: relative;
}
.update_ok .fa { margin-right: 26px; }
.update_preview_img {display: inline-block;
width: 100px;
height: 100px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin: 5px;
border-radius: 10px;
box-shadow: inset 0px 0px 50px -30px #000;}