body {
	margin: 0px;
	text-align: left; /*center;*/
	/* font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif; */
	font-family: arial, times, geneva, helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	overflow-y: scroll;
}

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; }

.countdown_green { height: 6px; background: url(../gfx/bg/countdown_green.gif) repeat-x; }
.countdown_yellow { height: 6px; background: url(../gfx/bg/countdown_yellow.gif) repeat-x; }
.countdown_red { height: 6px; background: url(../gfx/bg/countdown_red.gif) repeat-x; }

.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; top:-1px; }
.password_eye img { width:16px; }
a.list_csv_link img { margin-left:6px; }

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;
	font-weight:normal; color:#333; border:1px solid #888; width:auto;
}

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; }

.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; }

.loading {
	-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
	 background: #fff url(../gfx/loading/loading.gif) 50% 55% no-repeat;
	 border: 1px solid #aaa;
	 text-align: center;
	 font-weight: bold;
	 position: absolute; /*top: 0px;*/ /*bottom: 30px;*/ 
	 top: 220px; left: 30%; width: 40%; height: 200px;
	 z-index: 10;
	 /* white-space: pre; */
}
.loading h2 { padding-top: 3px; color: #000; border-bottom: 1px solid #999; background: #eee; font-size: 18px; display: block; }
.loading p { padding-top: 8px; color: #000; font-size: 12px; }

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; margin: 0px; }
.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 */



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; }
.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-x: auto; overflow-y: hidden;
}
.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: 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; }
.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; } 


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

.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;
/*	background: linear-gradient(to top, #c1c1c1 0%, #fff 70%);*/
	border: 1px solid #ccc; border-bottom-color: #c1c1c1;
	white-space: nowrap; 
	cursor: pointer;
/*	font-weight: bold; */
}
.item a.popup_button { margin-left:0px; }

.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; }
.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  *** item.css ***/
/* -------------------------------------------------------------------------------------- */
input, select, textarea { box-sizing:border-box; }

.item { white-space:nowrap; float: left; width: 50%; min-height: 22px; }
.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;
	white-space: nowrap; /*overflow: hidden;*/ width: 135px; max-width: 135px; }
.items .widget { 
	/*float: left;*/ display:inline-block; vertical-align:middle;
	width: 50%; }
	
.item.radiobox .label { vertical-align:top; padding-top:2px; }
.textarea .label,
.textarea .widget { float:left; } /* textareas sind zu dick (oft 100%) und laufen sonst rechts raus*/
.item.textarea { clear:both; }					/* Item-Container selbst erwischen <class="item_100 textarea"> */
.item_100.textarea .widget { width:100%; }	/* KEIN Leerzeichen! Matched: <class="item_100 textarea">...<class="widget"> */


.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: 20px; }
.items .clear { clear: both; height: 10px; }

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

.items .with_button { width: 100%; }
.items .with_button .widget { width: 32%; }

.text .narrow { width: 80px; }
.items .clear { clear: both; height: 10px; }

input.text { border:1px solid #a9aBa5; background-color:#fff; padding:2px 2px; width:100%; }
input.text_disabled { border:1px solid #c9cBc5; background-color:#eee; padding:2px 2px; width:100%; }
.string .widget { border:1px solid #c9cBc5; background-color:#eee; padding:2px 2px; height:16px; white-space: nowrap; } 
.disabled .textarea textarea { background-color: #eee; }

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

.items .select .widget { width: auto; } 
select.select { min-width:65px; border:1px solid #aaa; padding:1px 0px; }
.items .widget select { min-width: 80px; max-width: 150px; }


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; }

textarea.shallow { height: 36px; }
textarea.tall { height: 250px; }

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; }



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

div.contentBox .desc, div.contentBox p { margin-bottom: 10px; }
div.margin_0 { margin: 0px; }
.shadow { -moz-box-shadow: 0px 2px 3px 0px #ddd; -webkit-box-shadow: 0px 2px 3px 0px #ddd; 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; }


div.box_wrap a { /*color: #000;*/ }
.h2_right, .checkbox_js { color: #000; font-size: 10px;}

div.contentBox {
	overflow: visible; clear: both;
	padding: 10px; color: #333;
	background: #fbfbfb;
	border-radius: 0px 0px 4px 4px;
}
h2.contentBox a { color: #000; }
h2.contentBox input, div.contentBox h2 input { border: 0px none; background: none; color: #000; }
.h2_right { font-size: 10px; color: #000; }
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:0px none;
	background: transparent url(../gfx/bg/bg_content_box_h2.png) repeat-x left -1px;
	padding-left: 15px; padding-right: 5px;
}


div.box_wrap {
	border:1px solid #aaa;
	border-radius:4px;
	box-shadow:3px 3px 10px #ddd;
	clear: both;
}
div.box_wrap h2 {
	padding:0px 10px;
	height: auto; line-height:30px;
	border:0px none; border-radius: 4px 4px 0 0;
	background:#bbb;
	color:#000;
	/*text-shadow:0 1px 0 #bbb;*/
	box-shadow: 1px 1px 15px  #999 inset;
}

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

a.button_create {
	line-height:16px; margin-top:3px; border:1px solid #555;
	padding:3px 10px 2px 10px; background:#eee; text-decoration:none;
}
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:40px;
	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; }