*
{
	font-family: 'Arial', 'Verdana', sans-serif;
	font-size: small;
}

/* the body should be as big as the user's viewport */
/* the html is needed because of ie */
html, body
{
	background-color: #c0c0c0;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

/* all images */
img
{
	border: none;
}

/* all spans and divs */
span, div
{
	font-size: small;
	color: #000;
}

/* all links */
a
{
	font-size: small;
	color: #000;
}

a:hover
{
	text-decoration: underline;
}

input, select, textarea
{
	font-size: small;
	font-weight: normal;
}

/* all buttons */
input[type=submit], input[type=button]
{
	background-color: #eee;
	border: 1px outset;
}

.download
{
	width:50%;
	border:1px solid #000000;
	padding:10px;
}

/* all forms */
form
{
	margin:0px;
	padding:0px;
}

/* clear floatings */
div.clearer
{
	clear: both;
}

/* right pane - overview */
.body
{
	background-color: #c0c0c0;
	float: right;
	width: 75.8%;
	height: 100%;
	overflow: auto;
}

/* menu pane */
.leftpane
{
	width:24%;
	background-color:#eee;
	border-right: 1px solid black;
	float: left;
	overflow: auto;
	height: 100%;
}

.leftpane #content
{
	padding: 10px 10px;
}

.logopane
{
	padding: 0px 3px 2mm 3px;
	text-align: center;
}

.navigation
{
	padding: 15px 0px;
}

.navigation span
{
	color: #000;
	font-size: x-small;
}

.navigation span a
{
	padding: 0px 10px;
	margin: 0px 3px;
	border: 1px solid #000;
	font-weight: bold;
	color: black;
	font-size: x-small;
	text-decoration: none;
}

.navigation span a.current_nav
{
	background-color: #eee;
}

.navigation span.navigation_inactive
{
	font-weight: bold;
	padding: 0px 10px;
	margin: 0px 3px;
	border: 1px solid #a0a0a0;
	color: #a0a0a0;
	font-size: x-small;
}

.checkbox_checkobject
{
	color: #fff;
	font-size: x-small;
}

.mime_image
{
	border: 1px solid #a0a0a0;
	color: #000;
	background-color: #fff;
	text-align: left;
}

.mime_image_checked
{
	border: 1px solid #a0a0a0;
	color: #000;
	background-color: #eee;
	text-align: left;
}

.mime_image:hover
{
	background-color: #eee;
}

div.mediabar_item
{
	float: left;
	border: 1px solid #a0a0a0;
	background-color: #fff;
	text-align: center;
	padding: 1px;
	margin: 1px;
}

div.mediabar_item:hover
{
	background-color: #eee;
}


.title
{
	background-color: #dd3333;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #000000;
	color: #000;
	font-size: small;
	font-weight: bold;
	font-style: italic;
	padding: 0px 3px;
	text-align: center;
}

.detail
{
	padding: 15px;
	width: 85%;
	margin: auto auto;
}

.detail_card
{
	width: 84%;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table.detail_card th
{
	background: #dd3333;
	font-size: larger;
	text-indent: 0.5em;
	letter-spacing: 0.1em;
	border-bottom: solid 1px black;
}

.detail_media
{
	width:84%;
	padding:2%;
}

.detail_othermedia
{
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
}

.detail_fieldrow1 td
{
	background-color:#fff;
	padding:3px;
	text-align: left;
}

.detail_fieldrow2 td
{
	background-color:#eee;
	padding:3px;
	text-align: left;
}

.detail_sub_fieldrow td
{
	padding:2px;
}

.cell_separator
{
	border-top: solid 1px black;
}




table.box
{
	border: 1px solid #000;
	border-collapse: collapse;
	background-color: #eee;
}

table.box td
{
	padding: 8px;
	font-weight: bold;
	font-size: smaller;
	text-align: center;
}

table.box #box_header
{
	padding:1px 2px;
	background-color:#dd3333;
	color:#000000;
	font-weight:bold;
	height:13px;
	border-bottom:1px solid #000000;
}

table.loginbox
{
	width: 100%;
	border: 1px solid #000000;
	border-collapse: collapse;
	background-color: #eee;
}

table.loginbox td
{
	width: 50%;
	padding: 0px 4px;
	font-weight:bold;
	font-size: small;
	text-align: left;
	vertical-align: middle;
}

table.loginbox th
{
	padding: 1px 2px;
	background-color: #dd3333;
	color: #000000;
	font-weight: bold;
	height: 13px;
	border-bottom: 1px solid #000000;
}


table.loginbox input[type=text],
table.loginbox input[type=password]
{
	width: 98%;
	margin: 4px 0px;
}
table.loginbox input[type=radio]
{
	margin: 4px 0px;
}

/* Update */

.update_fieldrow1 td
{
	background-color:#fff;
	padding:3px;
}

.update_fieldrow2 td
{
	background-color:#eee;
	padding:3px;
}

/* Delete */
.delete_fieldrow td
{
	padding:4px;
}

/* tabs */

table.tabgroup
{
	margin:0px;
	padding:0px;
	width:95%;
	text-align:left;
}

.tab_detail
{
	width:98%;
	border:1px #dd3333 solid;
	background-color: white;
}

div.tab
{
	white-space: nowrap;
	float: left;
	border: 0px;
	margin-right: 5px;
	cursor: pointer;
}

div.tab div
{
	padding:6px 0px 2px 0px;
	background-position:top right;
	background-repeat:no-repeat;
	font-weight:bold;
	width:100%;
	text-align:center;
	float:left;
	margin:0px 0px 0px 0px;
}

div.tab .bgimg
{
	float:left;
	background-repeat:no-repeat;
	background-position:2px 0px;
	padding-left:20px;
	padding-right:0px;
}

div.tab span
{
	float:left;
	padding-left:4px;
	padding-right:0px;
}

table.thesaurus
{
	width:100%;
	border:2px #dd3333 solid;
	padding:3px;
	margin:2px 0px;
}

table.segments
{
	width: 100%;
	border: 2px #dd3333 solid;
	padding: 3px;
}


fieldset.section
{
	border: 1px solid #c0c0c0;
	margin: 7px 0px 0px 0px;
	width: 93%;
	padding: 5px 5px;
}

fieldset.section legend
{
	font-weight: bolder;
	color: black;
}

fieldset.section legend img
{
	position:relative;
	top:4px;
	left:-3px;
}

#tic
{
	display: none;
	background-color: white;
	border: solid black 1px;
	width: 300px;
	min-height: 50px;
	max-height: 150px;
	position: absolute;
	overflow: auto;
	text-align: left;
}

div.auto_complete
{
	background-color: #eee;
	border: solid black 1px;
	min-height: 50px;
	max-height: 70px;
	height: 70px;
	position: absolute;
	overflow: auto;
	text-align: left;
	z-index: 10;
}

div.auto_complete ul
{
	list-style-type: none;
	margin: 0px;
	padding: 1px;
}

div.auto_complete li
{
	display: block;
	cursor: default;
}

div.auto_complete li.selected
{
	background-color: #dd3333;
}

.errormsg
{
	text-align: center;
	border: 2px solid red;
	padding: 5px;
	font-size: medium;
	color: #000;
	font-family: Arial, Verdana;
	font-weight: bold;
}

a.breadcrumb
{
	text-decoration: none;
	font-size: smaller;
	display: block;
	float: left;
}

a.breadcrumb span
{
	margin-left: 6px;
	margin-right: 3px;
	font-size: smaller;
}

a.breadcrumb img
{
	position: relative;
	top: 3px;
	margin-right: 3px;
}

.hasmoremmobjects
{
	background-position: 99% 1%;
	background-repeat: no-repeat;
	background-image: url('img/moremmobjects.gif');
}

input#searchfield
{
	width: 70%;
}

legend span:before
{
	content: " ";
}

a.toolbarrow
{
	display:block;
	width: 99%;
	margin: 0px 1px 1px 0px;
	padding:1px 0px 0px 1px;
	float:left;
	text-decoration:none;
}

a.toolbarrow:hover
{
	background-color: #c0c0c0;
	margin: 1px 0px 0px 1px;
	text-decoration: none;
}

.toolbarrow img
{
	position:relative;
	top:2px;
}

ul#filterinfo
{
	list-style-type: circle;
	padding: 0px;
	margin: 0px 0px 0px 20px;
	clear: both;
}

/* a menu point presenting a list of choices over ajax */
.menu
{
	cursor: default;
}

/* popup window for presenting a list of choices with direct links */
.menudialog
{
	/* display: none; is set directly in the style attribute
	 because our JS expects it there */
	position: absolute;
	overflow: hidden;
	border: solid 1px black;
	background-color: #c0c0c0;
	z-index: 1;
}

.menulistcontent
{
	padding: 1px;
}

.menulistcontent ul
{
	list-style-type: disc;
	padding: 0px 0px 0px 1.1em;
	margin: 0px;
	font-weight: bold;
}

.menulistcontent a
{
	display: block;
	text-decoration: none;
}

.menulistcontent a:hover
{
	background-color: #dd3333;
}

select.cardlink_other_field optgroup
{
	font-weight:bold;
	font-size: x-small;
	letter-spacing:2px;
	font-style:normal;
	padding-left:19px;
	background-image:url('img/dd_fcard.gif');
	background-repeat:no-repeat;
}

select.cardlink_other_field option
{
	text-decoration:none;
	font-weight:normal;
	font-size: small;
	letter-spacing:normal;
	padding-left:18px;
	background-image:url('img/dd_field.gif');
	background-repeat:no-repeat;
	background-position:0px -1px;
}

.fielderror
{
	color: #dd3333;
	font-weight: bold;
}

.infokey
{
	float: left;
	width: 50%;
	overflow: hidden;
}

.infovalue
{
	float: left;
	width: 50%;
	text-align: right;
	overflow: hidden;
}

.leftpane div#imprintbox
{
	padding: 0px 10px;
}

div#imprintbox a
{
	font-size: x-small;
}

div#imprint
{
	padding-left: 10px;
}

div#mbox_error
{
	color: #dd3333;
	font-weight: bold;
}

div#error_detail
{
	background-color: #c0c0c0;
	padding: 4px;
	font-family: 'Courier New';
	font-size: 8pt;
}
div#error_detail.js
{
	border: solid 1px black;
}

span#show_error_detail
{
	color: black;
	text-decoration: underline;
	font-size: smaller;
	cursor: pointer;
}

img.show_medium
{
	cursor: pointer;
}

div#mediawindow iframe
{
	z-index: 1;
	position: relative;
	margin: 0px;
	width: 100%;
	height: 95%;
	border: none;
}

div#mediawindow
{
	position: absolute;
	background-color: #eee;
	border: solid 1px black;
}

#mediawindow-title
{
	/* don't put a border at the bottom because the iframe will miss this 1 pixel */
	/*border-bottom: solid 1px black;*/
	background-color: #dd3333;
	width: 100%;
	height: 5%;
	margin: 0px;
}

#mediawindow-handle
{
	cursor: move;
	width: 95%;
	height: 100%;
	margin: 0px;
	float: left;
	text-align: center;
	font-weight: bold;
}

#mediawindow-close-handle
{
	float: right;
	width: 4%;
	height: 100%;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	color: white;
	cursor: pointer;
	border-left: solid 1px black;
}

#m-box_autologin-dialog
{
	position: absolute;
	background-color: #eee;
	border: solid 1px black;
	text-align: center;
}

#m-box_autologin-dialog *
{
	margin: 10px;
}

#m-box_autologin-dialog h1
{
	border-bottom: solid 1px black;
	background-color: #dd3333;
	width: 100%;
	height: 8%;
	margin: 0px;
}

/* the progress bar's elements */
div.progress
{
	background-color: #dd3333;
	width: 1%;
	float: left;
	height: 4px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid black;
}

div#sessiontimeout
{
	width: 33%;
	margin: 25% auto auto auto;
}

.loginanchor
{
	color: #dd3333;
	font-weight: bold;
}