body {
	/*font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;*/
	font-family: arial, times, geneva, helvetica, sans-serif;
	font-size: 12px;
}

input, select, option { font-size: 12px; }
input, select, a, option { color: #444; }

.middle { font-size: 11px; }
.small {	font-size: 10px; }

.red, .red a { color: #E83A75; }
.orange { color: #F1AE39; }
.green { color: #6BB555; }
.error_failed { color: #D81428; }
.error_success { color: #87B50D; }
.error_pending { color: #7CA3C9; }

.nowrap { white-space: nowrap; }

.inline_block { display:inline-block; }
.left { float: left; }
.right { float: right; }
td.left, td.right, th.left, th.right { float: none; }
td.center, th.center, .text_center { text-align: center; }
td.left, th.left, .text_left { text-align: left; }
td.right, th.right, .text_right { text-align: right; }
tr.top { vertical-align: top; }
tr.middle { vertical-align: middle; }

h1, h2, h3 {
	font-weight: bold;
	padding: 0px;
	margin: 0px 2px 0px 0px;
}
h1 { font-size: 14px; }
h2 { font-size: 13px; }

h4 { margin-bottom: 5px; }

form { margin:0px; padding:0px; }

a { text-decoration: none; }
a:hover, a:active { outline: none; text-decoration: underline; }

ul, ol, li, p { margin: 0px; padding: 0px; }

pre { text-align: left; margin:0px; }
hr { border-top: 1px solid #ccc; height: 1px; margin-bottom: 10px; clear: both; }
img { vertical-align: middle; border: 0px none; }
a img { margin-top:-1px; }
.password_eye { left:-24px; opacity:0.65; }
.password_eye img { width:16px; }
a.list_csv_link img { margin-left:4px; }

span input.submit { border: 1px solid #333; }
span border_red input.submit, span.button_delete input.submit { border: 1px solid #c00; }
span.border_green input.submit { border: 1px solid #090 ; }

input.submit, a.submit { 
	width: 139px; height: 23px;
	font-weight: bold; color: #6E6E6E; transition: color 0.2s;
	cursor: pointer;
	background: linear-gradient(to top, #d5d5d5 0%, #fff 45%, #fff 55%, #d5d5d5 100%) !important;
	border: 1px solid #ccc;
}
input.submit:hover, a.submit:hover { color:#111; }

.small input.submit { width: 100px; font-size: 11px; height: auto; }

.language { font-size: 11px; margin: auto auto; color:#999; text-align:left; }
.system_nav { padding-top: 45px; }

#nav_breadcrumb { margin-left:20px; line-height:21px; }

a.category {
	border: 1px solid #ccc; 
	padding: 8px 20px;
	display: block;
	color: #333 !important;
	background: #fafafa;
	margin-bottom:5px;
}
a.category:hover { 
	background-color:#eee; border:1px solid #aaa;
	color:#000 !important; text-decoration:none;
}
a.category:active { background-color:#dcdcdc; }
a.category:focus { background-color:#dcdcdc; border:1px solid #aaa; }

.clear { clear: both; font-size: 1px; }

/********************************* css.css ******************/

.opac_light, .opac_light img, a.opac_light { opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4; }
.opac_medium, .opac_medium img, a.opac_medium { opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60; }

a.b, a.b_active { }
a.b_active { color: red; font-size: 15px; font-weight: bold; }
a.b:hover, a.b:active, a.b_active:hover, a.b_active:active { color: red; }
a.b_active:hover, a.b_active:active { }

img.overlib_img { cursor: help; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; }
img.overlib_img:hover { cursor: help; opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; }

div#overDiv { text-align: left; }
div#overDiv .help_header {
	height: 13px;
	font-size: 10px; font-weight: bold;
	padding: 1px 1px 0px 1px; 
	background: #A2C6ED url(../gfx/bg/overlib_header.gif) left repeat-y; color: white;
	border: 1px solid #999; border-bottom: 0px none;
}
div#overDiv .help_header img.close { cursor: pointer; float: right; }

div#overDiv .help_content {
	padding: 2px; padding-bottom: 7px; font-size: 12px; font-family: monospace; color: #333;
	background: #EEF1E8 url(../gfx/header_bg.gif) bottom repeat-x; border: 1px solid #999;
}


.list { overflow: auto; }

.even { background: #FDFDFC; }
.uneven { background: #EAEAEA; }
.active_row { background-color: #ffffd0; }

.order_bar { background: #EEF1E8 url(../gfx/bg/order_bar.gif) repeat-x; border: 1px solid #bbb; height: 22px; }
.order_bar .order_key { 
	display: block; float: left; text-align: center; min-width: 100px; 
	white-space: nowrap; padding: 0px 3px 0px 5px; border-left: 1px solid #bbb; line-height: 21px; height: 22px;
}
.order_bar .order_key:first-child { border-left: 0px none; }
.order_bar .order_key_active { color: #000; font-weight: bold;}

a.h1_icon { font-size: 11px; white-space: nowrap; margin-right: 10px; }


.border_0, tr.border_0 td { border: 0px none; }
.bold { font-weight: bold; }
.middle, .middle td { vertical-align: middle; }
.center, .center td { text-align: center; }
span.center { display: block; }
.padding_top, .padding_top td { padding-top: 10px; }

.MAIN_CONTENT_CONTAINER a img { color: #444; opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60; transition: opacity 0.2s; }
.MAIN_CONTENT_CONTAINER a:hover img { opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; }

.list_index { text-align: center; border: 1px solid #999; }


.error, .failed, .ok { font-weight: bold; }
.error img, .failed img, .ok img { /*margin-right: 10px;*/ }
.detail { margin-left: 35px; font-style: italic; font-weight: normal; font-size: 10px; }
.detail_code { font-size: 10px; }

.error { color: red; font-weight: bold; }
.success { color: green; font-weight: bold; }



.popup_icon
{ cursor: pointer; }
.disabled .popup_icon, .disabled input.submit
{ 	color: #555; opacity: .45; filter: alpha(opacity=45); -moz-opacity: 0.45;
	cursor: default;
}
.disabled .item label { color: #bbb; }
.hilite_filter label { color: #c55; }

div.submit { margin-bottom: 20px; margin-top: -15px; text-align: center; } 	/* -15px, um den Abstand der darüberliegenden (zugehörigen) contentBox (20px) zu verringern */
div.contentBox div.submit { margin-bottom: 10px; margin-top: 10px; text-align: center; }		/* innerhalb der contentBox margin auf 10px */



table { border-collapse: collapse; padding: 0px; margin: 0px; font-size: 12px; }
td { text-align: left; vertical-align: top; padding: 0px; margin: 0px; }




.bg_white { background-color: #fff; }
.bg_gray { background-color: #EAEAEA; }
.bg_orange { background-color: #ffeebb; }
.bg_green { background-color: #CEF0BA; }
.bg_blue { background-color: #BAD2F0; }
.bg_purple { background-color: #F9AFC5; }
.bg_yellow { background-color: #ffa; }
.bg_green { background-color: #CEF0BA; color: #000; }
.bg_red { background-color: #faa; color: #000; }


div#overDiv .help_header { padding-left: 5px; }
div#overDiv .help_content { font-family: Arial,Helvetica,sans-serif; font-size: 11px; padding-left: 5px; }
.ol_info { background-color: #fafafa; padding: 10px; border: 1px solid #555;}	/* overlib_info */



/* selector create_auth entsteht aus dem Seitennamen "group.php/account/create/auth" (Einlogg-Seite). */
div.create_auth h1 { text-align: center; }
div.create_auth .items {
	padding: 40px 20px;
	margin: auto auto;
	border:1px solid #CBCBCB; background-color:#EEF1E8;
}
div.create_auth .item { width: auto; height: 30px; }
div.create_auth .label { width: 140px; font-weight: bold; max-width: none; }
div.create_auth .widget { width: 275px; }
div.create_auth .items input.text { 
	height: 23px; border: 1px solid #C9CBC5; border-right: 0px; border-bottom: 0px;
}

/* ------------------------------------------------------------------------- */
/******* my_css.css *******/
/* ------------------------------------------------------------------------- */
.login_logout { position: absolute; top: 5px; right: 10px; }

div.header #logout { padding: 0px; position: absolute; right: 10px; top: 6px; }

div.mainBox { 
	margin: auto auto;
	min-height: 564px;
	background: #fff; /* overflow: hidden; */
	border: 1px solid #B3B3B3;
	width: 985px; position: relative; text-align: left;
	box-shadow:rgba(0,0,0,.4) 0px 10px 30px 10px;
}

.MAIN_TABLE { float: left; width: 100%; height: 460px; }
.MAIN_CONTENT_CONTAINER { 
	padding: 15px;
	background: #fff;
	/* width: 739px; */
	text-align: left; 
	min-height: 400px; height: auto !important; height: 400px;
}

.top_menu { /*width: 780px;*/
	line-height: 16px; 
	position: relative; top: -10px; 
	overflow: hidden; 
}
.top_menu table { }

.top_menu td { border: 0px solid red; padding: 0px 0px; }
.top_menu a {
	display: block; padding: 4px 0px; color: white; font-weight: bold; width: 100%; 
	background: #555 url(../gfx/bg/bg_top_menu.gif) repeat-x left top;
	border: 1px solid #aaa;
	margin-top: 11px;
}

.top_menu a.open, .top_menu a.open:hover { 
	border: 1px solid #aaa; border-bottom-color: #fff;
	color: #555; font-size: 13px; z-index: 9;
	position: relative; width: 104%; left: -2%;
	background: #fff url(../gfx/bg/bg_top_menu_open.gif) repeat-x top left;
	margin-top: 4px; padding: 10px 0px 5px 0px;
}

.top_menu a:hover { 
	background: #f1f1f1 url(../gfx/bg/bg_top_menu_hover.gif) repeat-x top left; 
}


/* ------------------------------------------------------------------------- */
/*** LEFT-MENU ***/
/* ------------------------------------------------------------------------- */
.left_menu { width: 205px; }
.indent_3 { padding-left: 20px; }
.indent_4 { padding-left: 40px; }

.left_menu_item a { 
	display: block; line-height: 30px;  padding-left: 34px;
	text-shadow: 0px 1px 0px white;
}
.left_menu_item a:hover { color: #000; }
.left_menu_item a.active { font-weight: bold; color: #333; /*background-color: #E6F7FF; color: #e00; */ }

/* ------------------------------------------------------------------------- */
/* CONTENT-BOX */
/* ------------------------------------------------------------------------- */

h2.contentBox a { color: #fff; }
h2.contentBox input, div.contentBox h2 input { border: 0px none; background: none; color: #fff; }
.h2_right { font-size: 10px; color: #fff; }

h2.contentBox, div.contentBox h2 { 
	border-radius: 6px 6px 0px 0px;
	/* border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; */
	color: #fff; clear: both; display: block; 
	margin: 0px; height: 23px; line-height: 21px; overflow: hidden;
	font-weight: bold; font-size: 12px; 
	border: 1px solid #9C9C9C; border-bottom: 1px solid #ccc;
	background: transparent url(../gfx/bg/bg_content_box_h2.png) repeat-x left -1px;
	padding-left: 15px; padding-right: 5px;
}

div.contentBox, .content_box {
	background-color: #fafafa;
	overflow: visible; clear: both;
	padding: 10px;
	border: 1px solid #9C9C9C;
	color: #333;
}
div.contentBox {
	border-radius: 0px 0px 4px 4px; margin-bottom: 30px; border-top: 0px none;
}

div.contentBox .desc, div.contentBox p { margin-bottom: 10px; }

div.margin_0 { margin: 0px; }
.shadow { box-shadow: 0px 2px 3px 0px #ddd; }

.box { border: 1px solid #bbb; background: #f8f8f8; padding: 5px 9px; }
div.gui_contentBox { border-top: 1px solid #bbb; border-radius: 6px 6px 6px 6px; }



table.table_modus { border: 0px none; width: 100%; font-size: 12px; }
table.table_modus th { padding: 5px 3px; }
table.table_modus td { padding: 5px 3px; }

table.table_modus tr.even { background-color: #fff; }
table.table_modus tr.uneven { background-color: #ddd; }


.bg_red { background-color: #fcc; }
.bg_yellow { background-color: #ffa; }
.bg_green { background-color: #cfc; }
.bg_blue { background-color: #aaf; }


.optgroup_folder { padding-left: 18px; background: #ddd url(../gfx/icons/optgroup_folder.png) 0px center no-repeat; color: #555; } 
.options_html { padding-left: 18px; background: url(../gfx/icons/options_html.jpg) 2px center no-repeat; }
.options_php { padding-left: 18px; background: url(../gfx/icons/options_php.gif) 2px center no-repeat; }
.options_css { padding-left: 18px; background: url(../gfx/icons/options_css.gif) 2px center no-repeat; }
.options_xml { padding-left: 18px; background: url(../gfx/icons/options_xml.gif) 2px center no-repeat; }


tr.vertical_middle td { vertical-align: middle; }


.box_toggle { margin-top: 8px; clear: both; }
.box_active { display: block; border: 1px solid #9C9C9C; } .box_inactive { display: none; }
.box_toggle .handle { background-color: #eee; }
.box_toggle .address { background-color: #EEF1E8; }
.box_toggle .h2 { background-color: #ddd; color: #4a4a4a; /*border-bottom: 1px solid #999; text-align: center;*/ }
.box_toggle .items { padding: 10px 5px; clear: both; }

.box_toggle .handle .label { width: 215px; max-width: none; }


.box_toggle .handle .item { width: auto; margin-right: 10px; }
.box_toggle .handle .item .widget { width: 150px; }




.nowrap, tr.nowrap td { white-space: nowrap; }
hr { border: 0px none; border-top: 1px solid #aaa; height: 0px; margin: 12px 0px; }

a.link_button, .link_button { 
	padding: 0px 5px; font-size: 11px; line-height: 18px;
	background-color: #ddd; border: 1px solid #aaa; white-space: nowrap; 
}
a.link_button:hover, .link_button:hover { background-color: #fff; color: #000; }


.error { color: red; font-weight: bold; }
.success { color: green; font-weight: bold; }



a.sitemap { display: block; padding: 4px; padding-right: 30px; }
a.sitemap:hover, a.sitemap:active, .sitemap_active a.sitemap
{ border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 3px; padding-right: 30px; background-color: #f5f5f5; }
.sitemap_active a.sitemap { font-weight: bold; }


tr.border_top td { border-top: 1px solid #bbb; vertical-align: top; padding: 0px 2px; }



.button_box a { padding: 0px 2px 1px 2px; background: #ddd; border: 1px solid #aaa; }
.button_box a:hover { background: #f5f5f5; }

.border_box { border: 1px solid #aaa; padding: 5px 10px; }

.pointer { cursor: pointer; }

.slide_list { margin: auto auto; /*max-width:1000px;*/
	/*overflow: auto;*/
	overflow-x: auto; overflow-y: visible;
}
.slide_list table { width: 100%; }

table.slide_list_table { color: #333; }
.slide_list th { 
	white-space: nowrap;
	font-weight: normal; line-height: 21px; border: 1px solid #aaa; 
	padding: 2px 10px 1px 10px; background: #E4E5E6 url(../gfx/bg/list_th.gif) repeat-x top left; 
	vertical-align: middle;
}

.slide_list td { padding: 5px 3px; }

.slide_list tr.slide_header { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
tr.slide_header:hover { background:#ffd; cursor:pointer; }
.slide_list tr.slide_header td { padding-left: 10px; padding-right: 10px; vertical-align: middle; }

.slide_list table.slide_content { border-bottom: 1px solid #aaa; }


.slide_list td.sektor_1 { width: 50%; padding-left: 5px; }
.slide_list td.sektor_2 { border-left: 1px solid #ccc; padding-left: 5px; }
.slide_list td.sektor_3 { border-top: 1px solid #ccc; padding-left: 5px; }


.slide_list .list_item { padding: 2px; clear: both; line-height:20px; }
.slide_list .list_item .key { font-size: 10px; width: 100px; }
.slide_list .list_item .value { font-size: 11px; }
.slide_list .m { font-size: 11px; }
.slide_list .xl .value { font-size: 14px; font-weight: bold; }
.slide_list .xl { font-size: 14px; font-weight: bold; }
.slide_list .l { font-size: 12px; font-weight: bold; }
.slide_list .s { font-size: 10px; }


tr.slide_list_spacer { /*border-left: 1px solid transparent; border-right: 1px solid transparent;*/ }
tr.slide_list_spacer td { height: 1px; line-height: 1px; } 


body.popup { padding: 0px; text-align: left; }

a.disabled, .MAIN_CONTENT_CONTAINER a.disabled:hover { background: transparent; color: #bbb; border-color: #ccc; }

input.checkbox { vertical-align: middle; cursor: pointer; }
.checkbox_js { font-size: 11px; padding: 1px 2px; white-space: nowrap; }
.checkbox_js:hover { color: #000; }



.toggle_list_button, .verwenden_button, .system_nav_button,
a.popup_button, .popup_button, .slide_list a {
	padding: 2px 3px 3px 3px; font-size: 11px;
	background: #d6d6d6 url(../gfx/bg/popup_button_bg.gif) 0px 0px repeat-x;
	border: 1px solid #ccc; border-bottom-color: #c1c1c1;
	white-space: nowrap; 
	cursor: pointer;
/*	font-weight: bold; */
}
.toggle_list_button:hover,
.verwenden_button:hover,
.slide_list a:hover,
a.popup_button:hover, .popup_button:hover { 
	background: #fff; color: #000;
	border-color: #bbb;
	text-decoration: none;
}
.toggle_list_button:active,
.verwenden_button:active,
.slide_list a:active,
a.popup_button:active, .popup_button:active { 
	background: #ddd url(../gfx/bg/popup_button_inv_bg.gif) 0px 0px repeat-x;
}

.toggle_list_button { border-color: #aaa; /*background-image: none;*/ }
.system_nav_button { 
	padding: 1px 8px 3px 8px;
	color: white; background: url(../gfx/bg/bg_system_nav_button.gif) repeat-x;
	width: 40px; display: block; float: left; text-align: center;
}
.system_nav_button:hover { 
	color: white; background: url(../gfx/bg/bg_system_nav_button_hover.gif);
}

a.img_button, img.img_button, .img_button { cursor: pointer; border: 1px solid transparent; 
	padding: 1px 2px; margin-top:-4px; margin-left:-3px; white-space: nowrap;
}
a.img_button:hover, img.img_button:hover, .img_button:hover { background: #eee; border-color: #bbb; }
a.img_button:active, img.img_button:active , .img_button:active { background: #ddd; }

/* KACHEL-BUTTONS */
a.kachel, .kachel { line-height: 25px; color: #333; background-color: transparent; 
	display: block; padding: 15px 5px; margin: 4px; border: 0px none;
	border: 1px solid transparent; }
a.kachel:hover, .kachel:hover { color: #333; background-color: #eaeaea; text-decoration: none; border: 1px solid #ccc; }
a.kachel:active, .kachel:active { background-color: #e1e1e1; border: 1px solid #ccc; }
a.kachel, .kachel, input.kachel { transition: background-color 0.2s; }

a.kachel img, .kachel img { opacity: 0.75; height: 20px; margin: 2px; }
a.kachel:hover img, .kachel:hover img { opacity: 0.99; /*height: 24px; margin: 0px;*/ }
a.kachel img, .kachel img { transition: opacity 0.4s /*,height 0.1s,margin 0.1s*/; }

input.kachel { 
	font-size: 12px; font-weight: bold;
	margin: 5px; color: #333; background-color: transparent;
	display: block; width: 92%; border: 1px solid transparent;
	background-repeat: no-repeat; background-position: 50% 19px; padding: 37px 0px 14px 0px; }
input.kachel:hover { color: #333; background-color: #eaeaea; border: 1px solid #ccc; /*background-size: 20px; background-position: 50% 14px;*/ }
input.kachel:active { background-color: #e1e1e1; border: 1px solid #ccc; }


.relative { position: relative; }
.absolute { position: absolute; }

.top_left_radius, .top_radius, .radius { 
	-webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px;
	margin-top: -1px; margin-left: -1px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; 
}
.top_right_radius, .top_radius, .radius { 
	-webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px;
	margin-top: -1px; margin-right: -1px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; 
}
.bottom_left_radius, .bottom_radius, .radius { 
	-webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px;
	margin-bottom: -1px; margin-left: -1px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; 
}
.bottom_right_radius, .bottom_radius, .radius { 
	-webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px;
	margin-bottom: -1px; margin-right: -1px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; 
}


/* ------------------------------------------------------------------------- */
/* PROGRESS BAR */
/* ------------------------------------------------------------------------- */
.progress_bar { border-bottom: 1px solid #888; margin-bottom: 10px; }
.progress_bar a { min-width: 75px; display: block; float: left; padding: 5px 5px;
	
	margin-right: 8px;
	background: #DEDFE2/*#D5D5D5*/; color: #333; 
	border: 1px solid #aaa; border-bottom: 0px none; 
	border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; 
	border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; 
}
.progress_bar a:hover, .progress_bar a.active { background-color: #F3EE7C; color: #000; text-decoration: none; border-color: #888; }
.progress_bar a.disabled, .progress_bar a.disabled:hover { background: transparent; color: #bbb; border-color: #ccc; cursor: default; }


/* ------------------------------------------------------------------------- */
/* ITEMS */
/* ------------------------------------------------------------------------- */

/****** war einmal "item.css" - was hier wirklich noch wichtig? *******/
input, select, textarea { box-sizing:border-box; }
.items .with_button { width: 100%; }
.items .with_button .widget { width: 32%; }
textarea.textarea { 
	width: 99%; float: none; border: 1px solid #A9ABA5; background-color: #fff; 
	padding: 3px 0px 0px 3px; height: 300px; color: #333; font-size: 11px;
}
.items .select .widget { width: auto; } 
select.select { border: 1px solid #aaa; padding: 1px 0px; }
.items .widget select { min-width: 80px; max-width: 150px; }



/* 	Größe muss leider vorgegeben werden, da sonst Zeilenumbruch innerhalb der Items (Label -> Widget - Umbruch). nowrap hilft nicht!
	nowrap wichtig fuer dns-records! */
.item { /*line-height:25px;*/ white-space:nowrap; float:left; width:50%; min-height:25px; }
.item_100 { width: 100%; clear: both; }
.item_75 { width: 100%; clear: both; }
.item_33 { width: 33%; } 
.item_25 { width: 25%; } 

.items .label { 
	/*float:left;*/ display:inline-block;
	vertical-align:middle; width: 135px; max-width: 135px;
	white-space: nowrap; /*overflow: hidden;*/ }
.items .widget { 
	/*float:left;*/ display:inline-block;
	vertical-align:middle; width:50%; }

.item.radiobox .label { vertical-align:top; padding-top:1px; }
.textarea .label,
.textarea .widget { float:left; } /* textareas sind zu dick (oft 100%) und laufen sonst rechts raus*/

.item.textarea { clear:both; }
.item_100.textarea .widget { width:100%; }	/* KEIN Leerzeichen! Matched: <class="item_100 textarea">...<class="widget"> */

.text_codemirror_max_width { max-width:840px; }

.item_100 .widget { width:79%; }
.item.with_popup .widget { width: 40%; }
.item_100.with_button .widget { width: 42%; }

.item_75 .widget { width: 42%; }

.item_33 .label { width: 50%; }
.item_33 .widget { width: 42%; }
.item_25 .label { width: 66%; }
.item_25 .widget { width: 33%;  }



.text_calendar input.text { width: 120px; }
.calendar table { border-collapse: separate; }
.calendar { z-index: 30; }

.radiobox_element, .textarea { height: auto; min-height: 22px; }

.items .clear { clear: both; height: 10px; }

/*input[type=radio] { margin-left: 0px; margin-right: 2px; }*/

input.text { border: 1px solid #a9aBa5; margin: 0px -1px; background-color: #fff; padding: 2px 2px; width: 100%; }
input.narrow, .text .narrow { width: 80px; }


input[type="text"]:disabled, input[type="text"]:read-only,
 .disabled input.text { border: 1px solid #c9cBc5; background-color: #eee; }

 .string .widget { border: 1px solid #c9cBc5; margin: 0px -1px; background-color: #eee; padding: 2px 2px; height: 16px; white-space: nowrap; } 
.disabled .textarea textarea { background-color: #eee; }

.textarea { width: 100%; float: none; }
textarea.textarea { font-size: 11px; width: 100%; float: none; border: 1px solid #A9ABA5; margin: 0px -1px; background-color: #fff; padding: 3px 0px 0px 3px; height: 250px; color: #333; }
textarea.shallow { height: 36px; }
textarea.tall { height: 250px; }

select.select { min-width: 65px; border: 1px solid #aaa; margin: 0px -1px; }

.text_disabled { background-color:#eee !important; }

input.radiobutton { vertical-align: text-bottom; }
.radiobox_element .hilite { font-weight: bold; }

.enabled .multiple_choice label,
.enabled .checkbox_element label, .enabled .checkbox_element input,
.radiobox_element label, input.radiobutton 	{ cursor: pointer; }

.disabled .multiple_choice label,
.disabled .checkbox_element label, .disabled .checkbox_element input,
.disabled .radiobox_element label, .disabled input.radiobutton 	{ cursor: default; }

.disabled label { cursor: default; }


.item_error input, .item_error select, .item_error textarea { border: 1px solid #E83A75 !important; }
/*.item_error input[type=checkbox] { background: #c00 !important; }*/
.item_error label { color: #c00; }

h2.contentBox a.create_config { color:#000; padding:5px 10px; border:1px solid #888; background:#cec; }

.textfield_hilight { background-color:#ffffc5 !important; }

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

a.button_create {
	line-height:16px; margin-top:3px; border:1px solid #555;
	padding:3px 10px 2px 10px; background:#eee; text-decoration:none;
	color:#000 !important;
}
a.button_create:hover { background:#fff; }

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

#fixed_bottom_area {
	display:none; position:fixed; z-index:9;
	bottom:0px; left:0px;
	padding:8px 0px 8px 0px; border:1px solid #555; background:#2E75B0;
	width:100%; text-align:center; opacity:0.90;
	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#fixed_bottom_area:hover { opacity:1; }

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

#fixed_scroll_top_button {
	display:none; position:fixed; z-index:9;
	bottom:25px; right:50px;
	border:1px solid #555; background:#fff; color:#000;
	padding:15px 15px; opacity:0.70;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#fixed_scroll_top_button:hover { opacity:1;	}
#fixed_scroll_top_button img { vertical-align:baseline; }

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

.table_index_tt {
	display:table;
}
.table_index_tt_row {
	display:table-row;
}
div.table_index_tt_row:nth-child(n+2) ul.table_index_tt_cell {
	padding-top:15px; border-top:1px solid #bbb;
}
ul.table_index_tt_cell {
	white-space:nowrap;
	padding:5px 10px 15px 23px; min-width:80px; max-width:440px; display:table-cell;
	vertical-align:top; list-style:none; overflow:auto;
}
.table_index_tt_capital {
	left:-23px; top:-1px; width:16px; border:1px solid #ccc;
	background-color:#F7F7F7; text-align:center;
}
ul.table_index_tt_cell li { position:relative; }
ul.table_index_tt_cell li a { color:#333; }

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

table.t-simple { width:100%; }
table.t-simple td { padding:3px 8px; font-style:italic; border:1px solid #ccc; }
table.t-simple td.cell_hl, table.t-simple tr.cell_hl td { font-weight:bold; background:#eee; font-style:normal; }