/*
	LdT-Chat Client Version 0.14
	by Dado & nudelholz
	for www.land-der-traeume.de
	css
	Copyright 2013
	Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)	
*/
.divcontainer
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.system_textcolor
{
	color: #00FFFF;
}

.design_maintext
{
	color: #FFFFFF;
	font-size: 13px;
	background-color: transparent;
}

.design_maintext_font
{
	font-family: Arial, sans-serif;
}

.user_select_none
{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;	
}

.user_select_text
{
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}

.button
{
	display: inline;
	border-radius: 5px;
	border-width: 1px;
	padding: 2px 15px 2px 15px;
	cursor: pointer;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;	
	border-color: #FFFFFF;	
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;		
}

.button_normal
{
	border-style: outset;
	background-color: #000000;
	box-shadow: 0px 0px 0px 0px #FFFFFF;
}

.button_hover
{
	background-color: #000000;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
}

.button_pressed
{
	border-style: inset;
	background-color: #000000;
	box-shadow: 0px 0px 6px 1px #FFFFFF;
}

.close_button
{

}

.close_button_normal
{
	border-style: outset; 
	border-color: #FFFFFF;
	border-radius: 3px;
}

.close_button_pressed
{
	border-style: inset;
	border-color: #FFFFFF;
	border-radius: 3px;
}

.close_button_x
{
	color: #FFFFFF;
}

.input_focus
{
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	box-shadow: white 0px 0px 5px 0px;
}

.input_nofocus
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	box-shadow: none;
}

.textarea_nofocus
{
	box-shadow: none;
}

.textarea_focus
{
	box-shadow: white 0px 0px 5px 0px;
}

.dialogue
{
	background-color: #678CB9;
	display: none;
	border-style: outset;
	border-color: #FFFFFF;
	border-width: 1px;	
	border-radius: 5px;
	z-index: 1;
	overflow: hidden;
	width: inherit;
	white-space: nowrap;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
}

.dialogue_header
{
	background-color: #21488f;
	top: 0px;
	border-radius: 4px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	vertical-align: bottom;
	padding: 4px 7px 3px 7px;
	cursor: move;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dialogue_body
{
	padding: 5px 8px 5px 7px;
	top: 25px;
	bottom: 0px;
	overflow: hidden;
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	cursor: default;
}

.dialogue_label
{
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	display: block;
}

.dialogue_button_wrapper
{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.textarea
{
	background-color: #000000;
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	outline: none;
	resize: none;
	border-radius: 4px;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

/* Nickliste */
.nicklist_table
{
	border-collapse: collapse;
}

.nicklist_element
{
	font-size: 15px;
	cursor: pointer;
	padding-bottom: 3px;
	padding-right: 5px;
	white-space: nowrap;
	padding-top: 2px;
}

.nicklist_element_selected
{
	background-color: #233F71;
}

.nicklist_element_unselected
{
	background-color: #457EE5;
}

.nicklist_element img
{
	margin-left: 3px;
	vertical-align: middle;
	height: 1.3em;
}

.nicklist_element_username
{
	margin-left: 4px;
	vertical-align: middle;	
}

.nicklist_element_state
{
	vertical-align: middle;
}
 
.nicklist_element_state_brackets
{
	vertical-align: middle;
} 

.nicklist_room_element
{
	background-color: #3058A0;
	cursor: pointer;
	font-size: 12px;
	color: #FFFF00;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #223E70;
	white-space: nowrap;
	padding-right: 5px;
	list-style: none inside none;
}

.nicklist_room_element img
{
	margin-right: 5px;
	margin-left: 3px;
	vertical-align: middle;
}

#nicklist
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	/*float: left;*/
	list-style: none inside none;
	min-width: 180px;
	overflow: hidden;
}

#nicklist li:first-child
{
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;	
}

#nicklist li:last-child
{
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#nicklist ul
{
	list-style: none inside none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

#nicklist ul li:first-child, #nicklist ul li:last-child
{
	border-radius: 0px;
}

#nicklist ul:last-child li
{
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
}

#nicklist .nicklist_room_element:first-child
{
	border-top: 0px;
}

/* Kontextmenü */
.contextmenue_element
{
	height: 22px;
	width: 100%;
	display: block;
	font-size: 13px;
	font-family: Arial, sans-serif;
	background-color: #457EE5;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
}

.contextmenue_element_hover
{
	height: 22px;
	width: 100%;
	display: block;
	font-size: 13px;
	font-family: Arial, sans-serif;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
	background-color: #233F71;
}

body 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	width: 100%;
	height: 100%;
	position: absolute;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-moz-user-select: -moz-none;	
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;		
	
	-webkit-tap-highlight-color:  rgba(100%, 100%, 100%, 0);
	-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

/* Hauptfenster */
#wrapper
{
	height: 100%;
	width: 100%; 	
	position: absolute;
	background-color: #3058A0;
	overflow: hidden;
	min-height: 425px;
	min-width: 750px;
}

#header
{
	width: 100%;
	padding: 3px 5px 3px 5px;
	position: absolute;
	height: 25px;
	font-size: 13px;
	color: #FFFF00;
	/* Farbverläufe im Hintergrund CSS3 */
	background-image: -webkit-linear-gradient(top, #3067CD, #214991); /* Chrome, Safari */
	background-image:    -moz-linear-gradient(top, #3067CD, #214991); /* Firefox */
	background-image:     -ms-linear-gradient(top, #3067CD, #214991); /* Internet Explorer, geht nicht*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3058A0',endColorstr='#214991'); /* Internet Explorer */
	background-image:      -o-linear-gradient(top, #3058A0, #214991); /* Opera */	
	background: linear-gradient(top,  #3058A0 100%, #214991 100%); /* W3C */
	
	overflow: hidden;
	cursor: default;
}

.header_top_bgcolor
{
	background-color: #3058A0;
}

.header_bottom_bgcolor
{
	background-color: #2A4C8A;
}

#close_chat_button
{
	position: absolute;
	width: 18px;
	height: 18px;
	right: 5px;
	top: 3px;
	border-width: 1px;
	background-color: #AF0000;
	overflow : hidden;
	cursor: pointer;
}

#close_chat_button svg
{
	top: 0px;
	position: absolute;
	left: 0px;
}

#main_wrapper
{
	top: 25px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	overflow: hidden;
	margin: 0px 5px 0px 0px;
}

/* Rechte Seite */
#right_wrapper
{
	position: absolute;
	right: 0px;
	top: 5px;
	bottom: 5px;
}

#left_right_drag
{
	position: absolute;
	left: 0px;
	width: 10px;
	height: 100%;
	cursor: e-resize;
}

#nicklist_wrapper
{
	position: absolute;
	border: 1px solid #000000;
	border-radius: 3px;
	height: 100%;
	left: 10px;
	background-color: #182C50;
	overflow: hidden;
}

#left_right_drag_button
{
	margin-left: -1px;
	margin-right: 1px;
	position: absolute;
	top: 50%;
	height: 30px;
	border: 1px solid #000000;
	border-radius: 4px;
	cursor: pointer;
}

.left_right_drag_button
{
	background-color: #3058A0;
}

.left_right_drag_button_hover
{
	background-color: #233F71;
}

/* Linke Seite */
#left_wrapper
{
	right: 5px;
	left: 0px;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

#modbar
{
	top: 0px;
	left: 5px;
	right: 0px;
	position: absolute;
	display: none;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 4px;
}

#select_room_label
{
	height: 100%;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	margin-right: 5px;
	cursor: default;
}

#select_room_wrapper
{
	left: 47px;
	position: absolute;
}

#select_room
{
	background-color: #457EE5;
	border: 1px solid #2A4C8A; 
	width: 100%;
	outline: none;
	padding-left: 2px;
	border-radius: 5px;
	cursor: pointer;
	position: absolute;
	padding-top: 2px;
	padding-bottom: 1px;
}

#add_room_button
{
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	text-align: center;
}

#ban_list_button
{
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	text-align: center;
}

#room_alert_button
{
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	text-align: center;
}

#chatbox_wrapper
{
	position: absolute;
	border: 1px solid #000000;
	border-radius: 3px;
	top: 5px;
	left: 5px;
	bottom: 94px;
	right: 0px;
	background-color: #000000;
	position: absolute;
	font: 13px Arial, sans-serif;
	overflow-y: hidden;
	margin-right: 4px;
	margin-bottom: 0px;
}

#chatbox
{	
	padding: 2px 4px 2px 4px;
	word-break: break-word;
}

#chatbox img
{	
    vertical-align: text-top;
	height: 1.3em;
}

#bottom_wrapper
{
	bottom: 0px;
	height: 94px;
	position: absolute;
	left: 0px;
	right: 4px;
}

#chatbox_inputbox_drag
{
	top: 2px;
	height: 11px;
	width: 100%;
	position: absolute;
	text-align: center;
	color: #000000;
	font: 13px Arial, sans-serif;
	cursor: s-resize;
}

#chatbox_inputbox_drag_button
{
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	top: 0px;
	bottom: 0px;
	left: 50%;
	position: absolute;
	width: 32px;
	border: 1px solid #000000;
	border-radius: 4px;
	cursor: pointer;
}

.chatbox_inputbox_drag_button
{
	background-color: #3058A0;
}

.chatbox_inputbox_drag_button_hover
{
	background-color: #233F71;
}

#input
{
	width: 100%;
	position: absolute;
	bottom: 32px;
	height: 47px;
}

#pick_color_button
{
	width: 21px;
	height: 21px;
	top: 0px;
	left: 5px;
	position: absolute;
	padding: 1px 0px 0px 0px;
	text-align: center;
}

#selected_user_color
{
	background-color: #FFFFFF;
	border-radius: 4px;
	top: 1px;
	bottom: 1px;
	left: 1px;
	right: 1px;
	position: absolute;
	box-shadow: 0px 0px 5px 0px #000000;
}

#smiley_button
{
	width: 21px;
	height: 21px;
	top: 0px;
	left: 32px;
	position: absolute;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#bold_button
{
	height: 21px;
	width: 21px;
	bottom: 0px;
	left: 5px;
	text-align: center;
	position: absolute;
	border-radius: 5px;
	border-width: 1px;
	cursor: pointer;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;	
	border-color: #FFFFFF;
	padding: 1px 0px 0px 0px;
}

#italic_button
{
	height: 21px;
	width: 21px;
	bottom: 0px;
	left: 32px;
	text-align: center;
	position: absolute;
	border-radius: 5px;
	border-width: 1px;
	cursor: pointer;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;	
	border-color: #FFFFFF;
	padding: 1px 0px 0px 0px;
}

#inputbox
{
	height: 100%;
	left: 60px;
	right: 72px;
	position: absolute;
	overflow: hidden;
}

#inputbox_textarea
{
	width: 100%;
	height: 100%;
}

#send_button
{
	height: 100%;
	right: 0px;
	width: 66px;
	position: absolute;
	padding: 13px 0px 0px 10px;
}

#action_icons
{
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	overflow: hidden;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	height: 32px;
}

#user_status
{
	height: 100%;
	float: left;
	margin-right: 5px;
}

#select_user_status
{
	background-color: #457EE5;
	border: 1px solid #2A4C8A; 
	width: 100%;
	outline: none;
	border-radius: 5px;
	padding-left: 2px;
	cursor: pointer;
	padding-bottom: 1px;
	padding-top: 1px;	
}

#design_button
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	margin-right: 5px;
	text-align: center;
}

#ignore_list_button
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	margin-right: 5px;
	text-align: center;
}

#clear_chatbox_button
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	margin-right: 5px;
	text-align: center;	
}

#save_log_button
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 100%;
	margin-right: 5px;
	text-align: center;
}

#about_button
{
	padding-left: 7px;
	padding-right: 7px;
	height: 100%;
	float: left;
}

/* Kontextmenü */
#nicklist_contextmenue
{
	border-radius: 5px;
	border-width: 1px;
	border-style: outset;
	border-color: #347DEF;
	position: absolute;
	top: 300px;
	right: 300px;
	display: none;
	overflow: hidden;
}

.nicklist_contextmenue_hr
{
	width: 100%;
	height: 1px;
	background-color: #1C3E76;
	border: 0px solid #1C3E76;
}

/* Smiley Picker */
#smileypicker_wrapper
{
	background-color: #000000;
	border-color: #FFFFFF;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
	padding: 5px;
	position: absolute;
	display: block;
	left: 200px;
	bottom: 200px;
	display: none;
	z-index: 1;
}

#smiley_tabs_wrapper
{
	border-collapse: separate;
	border-spacing: 5px 0px;
}

#smileypicker_tabs_wrapper_td
{
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#smileypicker_tabs_wrapper
{
	border-collapse: separate;
	border-spacing: 0px 5px;			
}

.smileypicker_tab_wrapper_td
{
	border-color: transparent;
	border-width: 1px;
	border-radius: 5px;
	border-style: solid;
	padding: 3px;
}

.smileypicker_tab_wrapper_td svg
{
	vertical-align: middle;
	text-align: center;
}

.smileypicker_tab_wrapper_td_hover
{
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
	cursor: pointer;
}

.smileypicker_tabs_wrapper_td_selected
{
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;			
	box-shadow: 0px 0px 6px 1px #FFFFFF;
	cursor: pointer;
}

#smileypicker_smiley_wrapper_td
{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.smileypicker_smileys
{
	border-collapse: separate;
	border-spacing: 5px 5px;
	display: none;
}

.smileypicker_smileys img
{
	height: 100%;
	vertical-align: middle;
	cursor:pointer;
}	
	
.smileypicker_smileys_td
{
	height: 20px;
	border-style: solid;
	border-radius: 4px;
	border-color: transparent;
	border-width: 1px;
	text-align: center;
	padding: 3px;
}

.smileypicker_smileys_td_hover
{
	border-width: 1px;
	border-color: #FFFFFF;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
	cursor: pointer;
}

/* Color Picker */
#color_picker_wrapper
{
	position: absolute;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	top: 10%;
	left: 10%;
	display: none;
	z-index: 1;
	padding: 3px 3px 3px 3px;
	float: left;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
	background-color: #000000;
}

#color_picker_head
{
	height: 20px;
	white-space: nowrap;
}

#color_picker_current_color_label
{
	font-size: 13px;
	color: #FFFFFF;
	height: 100%;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	margin-right: 5px;
}
	
#color_picker_current_usercolor
{
	height: 20px;
	width: 20px;
	border: 1px solid #FFFFFF;
	float: left;
	border-radius: 3px;
}

#color_picker_current_usercolor_code_wrapper
{
	height: 20px;
	width: 60px;
	float: left;
	border-radius: 3px;
	margin-left: 5px;
}

#color_picker_current_usercolor_code_input
{
	outline: none;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
	width: 60px;
	height: 100%;
}

#color_picker_change_color_button
{
	float: left;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#color_picker_new_color_label
{
	font-size: 13px;
	color: #FFFFFF;
	height: 100%;
	float: right;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	margin-left: 5px;
}

#color_picker_new_usercolor
{
	height: 20px;
	width: 20px;
	border: 1px solid #FFFFFF;
	float: right;
	border-radius: 3px;
	margin-left: 5px;
}

#color_picker_new_usercolor_code_wrapper
{
	height: 20px;
	width: 60px;
	float: right;
	border-radius: 3px;
	margin-left: 5px;
}

#color_picker_new_usercolor_code_input
{
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
	width: 60px;
	height: 100%;
}

#color_picker_tiles
{
	padding-top: 3px;
}

#color_picker_tiles table
{
	border-collapse: separate;
	border-spacing: 0px 0px;
}

.color_picker_element
{
	float: left;
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	border-radius: 2px;
}

.color_picker_element_hover
{
	border: 1px solid #FFFFFF;
	box-shadow: 0px 0px 5px 0px #FFFFFF;
}

.color_picker_element_row
{
	display: table-row-group;
	white-space: nowrap;
}


/* Focus Schatten */
#focus_shadow
{
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0.8;
	background-color: #000000;
	position: absolute;
}

/* Dialogboxen */

/* Login-Dialog */
#login_dialogue_label
{
	padding: 10px 20px 5px 20px;
	white-space: nowrap;
	text-align: center;
}

#login_dialogue_input_wrapper
{	
	margin: 15px auto 0px auto;
	padding: 0px 10px 0px 10px;
}

#login_dialogue_user_name_input_label
{
	float: right;
}

#login_dialogue_user_name_input
{
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
}

#login_dialogue_password_input_label
{
	float: right;
}

#login_dialogue_password_input
{
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;	
}

/* Logout-Dialog */
#logout_dialogue_label
{
	margin: 10px 10px 0px 10px;
	white-space: nowrap;
}

#welcome_dialogue_body
{
	cursor: default;
	text-align: center;
	padding: 20px 20px 10px 20px;
}

/* Chatlog-Dialog */
#chatlog_dialogue_textbox_wrapper
{
	position: absolute;
	border-radius: 3px;
	overflow-y: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	left: 7px;
	right: 7px;
	bottom: 50px;
	top: 30px;
}


#chatlog_dialogue_textbox
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	padding: 2px 4px 2px 4px;
	white-space: normal;
	word-wrap: break-word;
}

#chatlog_dialogue_button_wrapper
{
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 97%;
}

#chatlog_dialogue_session_radio_label, #chatlog_dialogue_storage_radio_label
{
	cursor: pointer;
}

#chatlog_dialogue_button_wrapper input[type="radio"]
{
	cursor: pointer;
	vertical-align: baseline;
	outline: none;
}

#chatlog_dialogue_selector_label
{
	cursor: default;
}

#chatlog_dialogue_filter_selectbox
{
	background-color: #457EE5;
	border: 1px solid #2A4C8A; 
	outline: none;
	padding-left: 2px;
	border-radius: 5px;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 1px;
	width: 100px;
	margin-left: 5px;
}

/* Nutzer ignorieren - Dialog */
#ignore_user_dialogue_label
{
	text-align: center;
	margin-bottom: 10px;
	display: block;
}

#ignore_user_dialogue_reason_input_label
{
	margin-left: 15px;	
}

#ignore_user_dialogue_reason_input
{
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
	margin-right: 15px;
}

/* Kicken/Bannen - Dialog */
#kickban_dialogue_label
{
	text-align: center;
	margin-bottom: 10px;
	display: block;
}

#kickban_dialogue_ban_switch
{
	width: 100%;
	text-align: center;
}

#kickban_dialogue_reason_input_label
{
	margin-left: 15px;	
}

#kickban_dialogue_reason_input
{
	outline: none;
	background-color: #000000;	
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
	margin-right: 15px;
}

#kickban_dialogue_duration_select
{
	background-color: #457EE5;
	border: 1px solid #2A4C8A;
	border-radius: 4px;
	width: 40px;
	font-size: 13px;
	color: #FFFFFF;
	outline: none;
	margin-left: 5px;
	cursor: pointer;
}

/* Hinweis - Dialog */
#notification_dialogue_label
{
	text-align: center;
	margin-bottom: 0px;
}

/* Über - Dialog */
#about_dialogue_body p
{
	margin: 0px 0px 8px 0px;
	text-align: center;
}

#about_dialogue_body h2
{
	margin: 0px 0px 0px 0px;
	text-align: center;
	padding-left: 75px;
	padding-right: 75px;
	white-space: nowrap;
}

#about_dialogue_body a
{
	color: #FF0000;
	font-family: Tahoma, sans-serif;
	outline: none;
	font-weight: 700;
	text-decoration: none;
}

#about_dialogue_label
{
	text-align: center;
	margin-bottom: 0px;
}

/* Raum hinzufügen - Dialog */
#add_room_dialogue_body_table
{
	border-spacing: 5px 5px;
}

#add_room_dialogue_roomname_input_label
{
	float: right;
	vertical-align: middle;
}

#add_room_dialogue_roomname_input
{
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
}

#add_room_dialogue_public
{
	margin: 0px 7px 0px 0px;
	padding: 0px;
	vertical-align: baseline;
	cursor: pointer;
}

#add_room_dialogue_public_label
{
	cursor: pointer;
}

#add_room_dialogue_private_label
{
	cursor: pointer;
}

#add_room_dialogue_private
{
	margin: 0px 7px 0px 0px;
	padding: 0px;
	vertical-align: baseline;
	cursor: pointer;
}

#add_room_dialogue_password_input_label
{
	float: right;
	vertical-align: middle;
}

#add_room_dialogue_password_input
{
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
}

/* Raumwechel-Passwortabfrage-Dialog */
#change_room_password_dialogue_input_table
{
	border-spacing: 10px 5px;
	margin: 10px 10px 0px 10px;
}

#change_room_password_dialogue_password_input
{
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
}

#change_room_password_dialogue_button_wrapper td
{
	width: 50%;
}

/* Pop-Up-Nachrichten (Room Alert, User Alert)*/
#user_room_alert_dialogue_body
{
	white-space: nowrap;
}

#user_room_alert_dialogue_message_input_label
{
	margin-left: 15px;
}

#user_room_alert_dialogue_message_input
{
	margin-right: 15px;
	outline: none;
	background-color: #000000;
	font-size: 13px;
	color: #FFFFFF;
	border-radius: 4px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* Sperrliste-Dialog */
#banlist_dialogue_body
{
	padding: 10px 15px 0px 15px;
	max-height: 400px;
	cursor: default;
}

#banlist_dialogue_body_tables
{
	max-height: 300px;
	overflow-y: auto;
}

/* Ignorierliste-Dialog */
#ignorelist_dialogue_body
{
	padding: 10px 15px 0px 15px;
	max-height: 400px;
	cursor: default;	
}

#ignorelist_dialogue_body_tables
{
	max-height: 300px;
	overflow-y: auto;
}

/* Chatbox-leeren-Bestätigungsdialog */
#clear_chatbox_dialogue_question
{
	padding-left: 25px;
	padding-right: 25px;
}

/* Design-Dialog */
.scroll_wrapper
{
	width: 100%;
	height: 100%;
	position: relative;
}

#design_dialogue_body
{
	padding: 10px 10px 0px 10px;
	overflow: auto;
}

#design_dialogue_tabs
{
	border-collapse: separate;
	border-spacing: 0px 0px;
	width: 100%;
}

#design_dialogue_button_wrapper
{
	bottom: 0px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;	
}

.tabs
{
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #000000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-color: transparent;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	text-align: center;
	cursor: pointer;
}

.tabs_selected
{
	border-color: #FFFFFF;
	border-style: solid;
}

#design_dialogue_tab_content
{
	display: table-cell;
}

/* Themen-Tab */
#design_dialogue_schemes_select
{
	background-color: #457EE5;
	border: 1px solid #2A4C8A;
	border-radius: 4px;
	width: 180px;
	font-size: 13px;
	outline: none;
	padding-left: 3px;
	margin-left: 10px;
	cursor: pointer;
}

#design_dialogue_schemes_tr
{
	text-align: center;
}

#design_dialogue_themes_colors
{
	border-collapse: separate;
	margin-left: 5px;
	margin-right: 5px;
}

.design_dialogue_color_tiles_tr
{
	vertical-align: middle;
}

.design_dialogue_color_tiles_labels_td
{
	font: inherit;
	color: inherit;
	text-align: right;
	padding-right: 5px;
}

.design_dialogue_color_tiles
{
	height: 20px;
	width: 20px;
	border: 1px solid #000000;
	border-radius: 3px;
	vertical-align: middle;
}

.design_dialogue_color_tiles_border
{
	border-radius: 4px;
	border: 1px outset #FFFFFF;
	cursor: pointer;
}

.design_dialogue_color_tiles_border_pressed
{
	border: 1px inset #FFFFFF;
	cursor: pointer;
}

/* Design-Dialog (Text-Tab) */
#design_dialogue_text_table
{
	border-collapse: separate;
	border-spacing: 15px 10px;
}

.design_dialogue_text_table_label
{
	text-align: right;
}

.design_dialogue_text_table_select
{
	padding-left: 4px;
	background-color: #457EE5;
	border-radius: 4px;
	outline: none;
	border-color: #2A4C8A;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

/* Mod-Smiley-Tab */
#design_dialogue_modsmiley_table
{
	border-spacing: 5px 5px;
	border-collapse: separate;
	margin-left: auto;
	margin-right: auto;
}

.mod_smiley_icon_selected
{
	background-color: #233F71;
}

#design_dialogue_modsmiley_table img
{
	height: 100%;
	max-width: 75px;
}

/* Optionen-Tab */
#design_dialogue_options_table
{
	border-collapse: separate;
	border-spacing: 5px 15px;
}

#design_dialogue_options_table tr:last-child
{
	text-align: center;
}

.design_dialogue_options_span
{
	margin-left: 15px;
	float: left;
	cursor: pointer;
}

.design_dialogue_options_checkbox
{
	float: left;
	margin-top: 2px;
	cursor: pointer;
}

/* Privater Chat Dialog*/
.private_chat_dialogue
{
	left: 0px;
	top: 0px;
	display: none;
	width: 400px;
	height: 300px;
	position: absolute;
	border-style: outset;
	border-color: #FFFFFF;
	border-width: 1px;
	border-radius: 5px;
	background-color: #678CB9;
	overflow: hidden;
	z-index: 0;
}

.private_chat_dialogue_body
{
	position: absolute;
	width: 100%;
	bottom: -10px;
}

.private_chat_dialogue_chatbox_wrapper
{
	top: 5px;
	bottom: 90px;
	left: 5px;
	right: 5px;
	position: absolute;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	border-radius: 3px;
	overflow: hidden;
}

.private_chat_dialogue_chatbox
{
	/*
	top: 10px;
	bottom: 90px;
	left: 10px;
	right: 10px;
	*/
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	overflow-y: auto;
	/*border-radius: 3px;*/
	/*
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	*/
	padding: 3px 3px 3px 3px;
	cursor: auto;
	white-space: normal;
	word-break: break-word;
}

.private_chat_dialogue_chatbox img
{
    vertical-align: text-top;
	height: 1.3em;
}

.private_chat_dialogue_chatbox span:last-child
{
	padding-bottom: 3px;
}

.private_chat_dialogue_inputbox_input_wrapper
{
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 45px;
	height: 40px;
}

.private_chat_dialogue_inputbox_input
{
	outline: none;
	background-color: #000000;
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	border-radius: 4px;
	padding: 1px 3px 1px 3px;
	width: 100%;
	resize: none;
	height: 100%;
}

.private_chat_dialogue_button_wrapper {
	width: 100%;
	text-align: center;
}

.private_chat_dialogue_button_wrapper_div {
	position: absolute;
	bottom: 15px;
	left: 5px;
	right: 5px;
	height: 22px;
}

/*
.private_chat_dialogue_resize_image
{
	position: absolute;
	width: 16px;
	height: 16px;
	display: none;
}
*/

/* Tabellen, wo man was anklicken kann */
.selectable_table
{
	border-collapse: separate;
	border-spacing: 0px 3px;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;	
}


.selectable_table_th
{
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #21488f;
	text-align: center;
	padding: 3px 10px 3px 10px;
	cursor: default;	
}

.selectable_table_th:first-child
{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.selectable_table_th:last-child
{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


.selectable_table_td
{
	text-align: center;
	padding: 2px 10px 2px 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: transparent;
	cursor: default;
}

.selectable_table_td:first-child
{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: transparent;
}

.selectable_table_td:last-child
{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: transparent;
}


.selectable_table_td_selected
{
	text-align: center;
	padding: 2px 10px 2px 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #233F71;
	cursor: default;
	background-color: #233F71;
}

.selectable_table_td_selected:first-child
{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #233F71;
}

.selectable_table_td_selected:last-child
{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #233F71;	
}


.selectable_table_td_hover
{
	text-align: center;
	padding: 2px 10px 2px 10px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #FFFFFF;
	cursor: pointer;
}

.selectable_table_td_hover:first-child
{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #FFFFFF;	
}

.selectable_table_td_hover:last-child
{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right-style: solid;
	border-right-width: 1px;
	border-color: #FFFFFF;
}


/* Query-UI Überschreibungen */
.ui-icon
{
	background-image: none;
}

.ui-icon-gripsmall-diagonal-se
{
	background-image: url(../icons/resize_helper.svg);
	background-position: 0px 0px;
}

/*
.ui-icon-gripsmall-diagonal-se svg
{
	display: block;
}
*/

/* Firefox-Fix für Ränder an Buttons, Radiobuttons, Selectboxen */
button::-moz-focus-inner 
{
	border: 0;
}

/* SlimScroll Slider Klasse erweitern */
.slimScrollBar 
{
	cursor: pointer;
	background-color: #FFFFFF;
}

/* für die index.html - browserweiche und js-abfrage */
#noscript_wrapper
{
	height: 100%;
	width: 100%;
	background-color: #3058A0;
	overflow: hidden;
}

#noscript_wrapper_td
{
	background-color: rgba(0, 0, 0, 0.8);
}

#noscript_table
{
	margin: auto;
	z-index: 1;
	box-shadow: 0px 0px 5px 1px #FFF;
	border-collapse: collapse;
	background-color: #678CB9;
	border-radius: 5px;
}

#noscript_header
{
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	cursor: default;
	background-color: #21488F;
	padding: 5px 7px 5px 7px;
	border-radius: 5px;
	white-space: nowrap;
}

#noscript_body
{
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	cursor: default;
	background-color: #678CB9;
	padding: 20px 25px 25px 25px;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	white-space: nowrap;
}

#IEsupport_wrapper
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #3058A0;
	overflow: hidden;
}

#IEsupport_table
{
	border-collapse: collapse;
	background-color: #678CB9;
	margin: auto;
}

#IEsupport_header
{
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	cursor: default;
	background-color: #21488F;
	padding: 5px 7px 5px 7px;
	white-space: nowrap;
}

#IEsupport_body
{
	font: 13px Arial, sans-serif;
	color: #FFFFFF;
	cursor: default;
	background-color: #678CB9;
	padding: 20px 25px 25px 25px;
	text-align: center;
	white-space: nowrap;
}