/* ================================================================================ */
/* Edit
/* ---------------------------------------- */
#div_story_2 #td_left #td_edit
{
	/*
	width: 430px;	
	border: 2px solid green;
	height: 100%;
	
	*/
	color: #000000;
	text-align:center;
}
.user_message_div
{
	margin:0px;
}


/* ======================================================================== */
/* Edit table, above this is
/* ---------------------------------------- */
/*
<div id='div_story_2'>
	<div id='td_left'>
		<table id='' class='table_1' cellspacing=0>
			<td id='td_edit'>
				<div id='div_edit' class='div'>
								<div id='div_form' class='div'>
										<table class='table'> ...
*/
/* ======================================================================== */

.edit_table
{
	/*
	colors: 666666, f1f1f1, dddddd, colors from black to white: 0, 9, a, f
	*/

	/*
	border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666;
	table-layout: fixed;
	font-size: 100%;	
	
	*/
	border: 2px solid #dddddd;
	font-size: 100%;	
	margin: 0px;		
	text-align:left;
}
.edit_table .tr_fill
{
	background-color: #f1f1f1;
}
.edit_table .upper_margin
{
	/*
	margin-top: 2px;
	*/
}

/* ----------------------------------------------------------------------
There's no way to wrap a too long $filename with html or css, so we do it with php
table-layout: fixed'; is on that topic but isn't enough
*/
.edit_table td
{
	/*
	border-top: 1px solid #666666;
	padding: 2px; no to much
	*/	
	
	vertical-align: middle;	
	padding-left: 3px; padding-bottom: 2px;
	white-space: nowrap;
}
.edit_table .td_text
{
	/*
	padding: 2px;
	white-space: nowrap;
	*/	
	text-align:right;
	padding: 3px; padding-left: 3px;
}
.edit_table .td_text_wrap
{
	/*
	padding: 2px;
	*/
	padding: 3px; padding-left: 3px;
	white-space: normal;
}
.edit_table .td_buttons
{
	/*
	text-align: right;
	*/
	vertical-align: middle;
	
}
.edit_table select
{
	/*
	font-size:100%; font-size:12px;
	*/
	
	font-family: tahoma, sans-serif;
}
.edit_table .input_text
{
	/*
	padding: -1px; margin: -1px;
	font-size:80%;
	*/
	font-family: tahoma, sans-serif;
}

.edit_table .input_button
{
	/*
	text-align:center;
	vertical-align: middle, baseline;
	display: inline, block;
	*/
	
	margin-top: 5px; margin-bottom: 5px;	
}

.edit_table select
{
	/*
	text-align:center;
	vertical-align: middle, baseline;
	display: inline, block;
	margin-bottom: 3px;
	*/
}

#name_swe, #search_swe, #name_eng, #search_eng
/*
#div_form .edit_table input
, .input_text
, .table_1 #td_edit #div_edit #div_form .edit_table .input_text

width: 100%; if we use this the inputs will stretch out to far for long names, we have to make a pixel limit width: 380px;
... if we use a table-layout: fixed; for edit_table the name cells get stretched out
*/
{
	/*
	margin-bottom: 3px;
	width: 100%;
	
	*/	
	width: 385px;	
}

/* All div containers for the buttons */
#div_submit, #div_buttons
{
	/*
	top: 275;	
	height: 50 px;
	*/
	
}


/* ================================================================================ */
/* Text fields
/* ---------------------------------------- */
#name_swe, #search_swe, #name_eng, #search_eng
{
	/*
	width:320px;
	*/
}

.form_select
{
	/*
	margin-top:3px;
	*/
	width:160px;
	font-family:tahoma,sans-serif; font-size:12px;
}
/* ================================================================================ */



/* ================================================================================ */
/* Change
/* ---------------------------------------- */
#table_add
{
	/*
	text-align:left;
	border: 2px solid blue;
	*/
	border: 2px solid #dddddd;
	width: 100%;
	padding:0;
}
#table_add td
{
	/*
	text-align:left;
	*/
}
#table_add #td_add_left
{
	/*
	border: 2px solid red;	
	
	*/	
	padding:0px; padding-top:0px; padding-bottom: 5px;
}
#table_add #td_add_left #frame_left
{
	/*
	border: 1px solid blue;
	
	display: block; display: inline-block;
	*/
	display: block;
	width: 100%;
	padding:0; margin:0;
}
#table_add #td_right
{
	/*
	
	*/	
	width:100%;
	padding:0px;
}
#table_add #td_right table
{
	/*	
	*/
	width:100%;
}
#table_add #td_right table td
{
	/*
	text-align:left;
	*/
}
#table_add #td_right .td_text
{
	/*
	width:50px;
	*/
	width:1px;
}
#table_add #td_right .td_setting
{
	/*	
	*/
	width:400px;
	text-align:left;
}
#table_add #td_right #td_buttons
{
	/*	
	*/
	padding-left:0px;
}
#table_add #td_right #table_buttons
{
	/*	
	*/
	width:100%;
}
#table_add #td_right #table_buttons td
{
	/*	
	*/
	padding:0;
}
/* ================================================================================ */

