File: css/styles.css

@CHARSET "ISO-8859-1";

/* all basic elements will have the same font size and font color,
they also belong to the same font family whereby this list does
not claim to be exhaustive, so feel free to add elements you think
should apply to the defined "rules"
*/
body,table,th,td,div,form,input {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000000;
}

/* table headers must be defined by a <th>-tag, so that all headers
will be rendered with a white font color
*/
th {
	color: #FFFFFF;
	background-color: rgb(240, 125, 8);
}

tr {
	background-color: #FFFFFF;
}
	
/* to facilitate navigation in a table, every single row will be
highlighted when the cursor is over a row
this is comparable to the javascript event-handler "onmouseover"
*/
tr:hover {
	color: #FFFFFF;
	background-color: #FCD3AA;
}

.menu_table {
	background-color: #FFFFFF;
	text-align: center;
}

/*
sometimes, we do not want the highlighting
*/
tr.undecorated {
	background-color:transparent;
}

tr.undecorated:hover {
	background-color:transparent;
}

/*tr{
	color: #000000;
	background-color: #FFFFFF;
}*/
	/* for further facilitation of the navigation, all input field, i.e. text fields
and buttons, will be highlighted when the cursor is inside the text field
or the button is beeing clicked.
this effect will not apply to buttons that have an image instead of a button text
*/
input:focus {
	background-color: rgb(254, 175, 98);
}

/* in order to "center" all elements on a page, all the elements must be
sourrounded by this <div>-tag
*/
div.container {
	margin: 0 auto;
	width: 750px;
}

/* the following classes are necessary for the ok-cancel-interaction.
all of these interactions will be dislayed at the bottom of the page,
with a semi-transparent background. the buttons will be in the center of the div-tag.
*/
div.ok_cancel {
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin-left: -50px;
	margin-bottom: 10px;
	background-image: url(../images/grey_50_percent.png);
	background-repeat: repeat;
}

fieldset.ok_cancel {
	padding: 10px;
}
	
/* necessary for the admin toolbar */
div.admin_toolbar {
	position: fixed;
	bottom: 0px;
	left: 50%;
	margin-left: -300px;
	margin-bottom: 10px;
	background-image: url(../images/grey_50_percent.png);
	background-repeat: repeat;
}

fieldset.admin_toolbar {
	padding: 5px;
}

form.admin_toolbar {
	display: inline;
}

button.admin_toolbar {
	height: 22px;
}

input.admin_toolbar {
	height: 22px;
}

span.admin_toolbar_text {
	background-color: white;
	vertical-align: baseline;
	padding: 3px;
}

/* buttons */
.small_button {
	max-width:28px;
}

/* the following classes are necessary for displaying of input error messages */
div.error {
	position: fixed;
	top: 100px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	background-image: url(../images/red_50_percent.png);
	background-repeat: repeat;
}

fieldset.error {
	padding: 10px;
	text-align: center;
}

span.error {
	background-color: white;
	line-height: 2em;
	padding: 3px;
	padding-left: 4px;
	padding-right: 4px;
}

/* the following classes are necessary for the display of system messages */
div.message {
	position: fixed;
	top: 100px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	background-image: url(../images/green_50_percent.png);
	background-repeat: repeat;
}

fieldset.message {
	padding: 10px;
	text-align: center;
}

span.message {
	background-color: white;
	line-height: 2em;
	padding: 3px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000000;
}

span.warning {
	background-color: white;
	line-height: 2em;
	padding: 3px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #000000;
}

div.warning {
	position: fixed;
	top: 100px;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	background-image: url(../images/yellow_50_percent.png);
	background-repeat: repeat;
}

fieldset.warning {
	padding: 10px;
	text-align: center;
}

.close_cross {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 3px;
}

button.tab_button_pressed {
	border-style: solid;
	background-color: white;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: silver;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: silver;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: silver;
	margin-bottom: -2px;
	margin-left: 4px;
}

button.tab_button_unpressed {
	border-style: solid;
	border-width: 2px;
	border-color: #E0E0E0;
	background-color: white;
	border-bottom-width: 0px;
	margin-left: 4px;
}

button.invisible_button {
	border-width: 0px;
	border-style: none;
	background-color: #FFFFFF;
}

button.invisible_button:hover {
	background-color: #FCD3AA;
}

div.tab_frame {
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: silver;
	border-bottom-width: 2px;
	margin-bottom: 10px;
}

.tinybutton_edit {
	position: absolute;
	top: -15px;
	left: -15px;
}

.tinybutton_move {
	position: absolute;
	left: 14px;
}

.tinybutton_resize {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.edit_body {
	width: 8000px;
	height: 8000px;
}

.edit_form {
	display: inline;
	position: relative;
}

.login_dialog {
	border-style: solid;
	border-width: 2px;
	/*border-color: #CCD1CD;*/
	border-color: #EC7E0C;
	height: 119px;
	margin-top: -80px;
	width: 350px;
	margin-left: -180px;
	padding: 4px;
	position: absolute;
	text-align: right;
	top: 50%;
	left: 50%;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}

.login_line {
	padding: 2px;
}

.login_submit_line {
	padding-top: 8px;
	margin-left: 136px;
	text-align: center;
}

.login_submit_button {
	
}

div.flyout_border {
	position: absolute;
	padding: 200px;
	top: -180px;
	left: -210px;
	visibility: hidden;
	background-image: url(../images/nothing.gif);
	background-repeat: repeat;
}

div.flyout_button_mask {
	height: 83px;
	width: 60px;
	left: 210px;
	top: 130px;
	/*background-color:red;*/
	background-image: url(../images/nothing.gif);
	position: absolute;
}

div.flyout {
	background-image: url(../images/grey_50_percent.png);
	background-repeat: repeat;
}

div.flyout fieldset {
	padding: 10px;
}

h4 {
	margin: 0px;
}