/* set defaults for all basic elements */
html
{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #E5EAF7;
}

body
{
	height: 100%;
	margin: 0;
	padding: 0;
	color: #606465;
}

/* Do not remove any elements from this group, IE (alt least until V.8) still does not inherit correctly */
body, table, tr, th, td, h1, h2, h3, h4, h5, h6
{
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
}

/* ------------------------------- main workbench styles start ------------------------------- */
#titlebar
{
	margin: 0px 16px 10px 6px;
	height: 22px; /* Minimum height, if completely empty */
	background-image: url(images/title_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#titlebar table
{
	width: 100%;
}

#titlebarLeft
{
	padding: 4px 20px 3px 0px;
	vertical-align: top;
	color: #606465;
	font-weight: bold;
}

#titlebarRight
{
	padding: 4px 0px 3px 0px;
	vertical-align: top;
	text-align: right;
	font-size: 9pt;
}

/* ------------------------------- main workbench styles end ------------------------------- */

form
{
	margin: 0;
}

td, th
{
	padding: 0;
}

table
{
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-width: 0;
	border-style: none;
}

/* for debugging
.debug table, .debug td
{
	padding: 10px;
	border-color: #F00;
	border-width: 1px;
	border-style: dashed;
}
.debug td
{
	border-color: #000;
}
*/

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0.2em 0 0.5em 0;
	color: #606465;
	font-weight: bold;
}

h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

img
{
	margin: 0;
	border: 0 none;
}

p
{
	margin: 0;
	padding: 0 0 0.5em 0;
}

a, .link
{
	padding: 0 0 0 15px;
	/* fixme: inline-block is IE only and is the only solution making the links look bearable if they are multi-line */
	display: inline-block;
	background-image: url(./img/link_function.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	vertical-align: bottom;
	color: #0434b1;
}

a.link_internal
{
	background-image: url(./img/link_internal.gif);
}

a.link_external
{
	background-image: url(./img/link_external.gif);
}

a.link_report
{
	background-image: url(./img/link_report.gif);
}

a.link_download
{
	background-image: url(./img/link_download.gif);
}

a.link_moveup
{
	background-image: url(./img/link_moveup.gif);
}

a.link_movedown
{
	background-image: url(./img/link_movedown.gif);
}

a.link_delete
{
	background-image: url(./img/link_delete.gif);
}

a.link_close
{
	padding: 0 20px 0 0;
	background-image: url(./img/link_close.gif);
	background-position: right center;
}

a.link_mailto
{
	background-image: url(./img/link_mailto.gif);
}

a.link_back
{
	background-image: url(./img/link_back.gif);
}

a.link_folder
{
	background-image: url(./img/link_folder.gif);
}

a.link_folder_up
{
	background-image: url(./img/link_folder_up.gif);
}

a.link_file
{
	background-image: url(./img/link_file.gif);
}

a.link_breadcrumb, span.link_breadcrumb
{
	background-image: url(./img/link_breadcrumb.png);
	padding: 0 0 0 13px;
	background-position: 5px center;
}

a.link_menu
{
	background-image: url(./images/menu_arrow_blue.png);
}

a.file
{
	background-image: url(./img/file.gif);
}

a.naked
{
	display: inline;
	padding: 0;
	background-image: none;
}

a.link_button_secondary
{
	margin-right: 20px;
	padding-left: 13px;
	background-image: url(./img/link_button_secondary.png);
	white-space: nowrap;
}

.pagination_controls a.link_button_secondary
{
	margin: 0 0 0 20px;
}

/* This column sorting link is somewhat special because it needs to look activated even in inactive state */
a.link_sort_asc, a.link_sort_desc, a.link_sort_asc:link, a.link_sort_desc:link
{
	padding: 0 13px 0 0;
	color: #fea500;
	background-image: url(./img/link_sort_asc.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

a.link_sort_desc, a.link_sort_desc:link
{
	background-image: url(./img/link_sort_desc.gif);
}

a:link
{
	color: #0434b1;
	text-decoration: none;
}

a:visited
{
	/* color: #8199d8; instead use browser default (global connect styleguide) */
	text-decoration: none;
}

a:hover
{
	color: #fea500;
	text-decoration: underline;
	background-image: url(img/link_function_hover.gif);
	outline: none;
}

a.link_close:hover
{
background-image: url(./img/link_close_hover.gif);
}

a.link_sort_asc:hover
{
	text-decoration: none;
	background-image: url(./img/link_sort_asc.gif);
}

a.link_sort_desc:hover
{
	text-decoration: none;
	background-image: url(./img/link_sort_desc.gif);
}

a.naked:hover
{
	background-image: none;
}

a.link_external:hover
{
	background-image: url(img/link_external_hover.gif);
}

a.link_internal:hover
{
	background-image: url(./img/link_internal_hover.gif);
}

a.link_mailto:hover
{
	background-image: url(./img/link_mailto_hover.gif);
}

a.link_report:hover
{
	background-image: url(./img/link_report_hover.gif);
}

a.link_back:hover
{
	background-image: url(./img/link_back_hover.gif);
}

a.link_folder:hover
{
	background-image: url(./img/link_folder_hover.gif);
}

a.link_folder_up:hover
{
	background-image: url(./img/link_folder_up_hover.gif);
}

a.link_file:hover
{
	background-image: url(./img/link_file_hover.gif);
}

a.file:hover
{
	background-image: url(./img/file_hover.gif);
}

a.link_delete:hover
{
	background-image: url(./img/link_delete_hover.gif);
}

a.link_download:hover
{
	background-image: url(./img/link_download.gif);
}

a.link_moveup:hover
{
	background-image: url(./img/link_moveup_hover.gif);
}

a.link_movedown:hover
{
	background-image: url(./img/link_movedown_hover.gif);
}

a.link_breadcrumb:hover
{
	background-image: url(./img/link_breadcrumb_hover.png);
}

a.link_menu:hover
{
	background-image: url(./images/menu_arrow_blue.png);
}

a.link_button_secondary:hover
{
	background-image: url(./img/link_button_secondary_hover.png);
}

.comment
{
	font-weight: normal;
	font-size: 80%;
	line-height: 120%;
	color: #606465;
	font-style: italic;
	text-transform: none;
}

.comments
{
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 80%;
	color: #828789;
	line-height: 120%;
	text-transform: none;
}

td.comments
{
	padding-top: 0px;
	line-height: 120%;
	padding-bottom: 0px;
}

div.comments
{
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 120%;
}

.textlist
{
	margin-top: 1em;
}

/* Strong text is black */
strong
{
	color: black;
}

div.h1, div.h2
{
	padding: 3px 10px 2px 10px;
	margin: 0 0 3px 0;
	border-bottom: 2px #E5EAF7 solid;
	background-color: #FFF;
	font-size: 10pt;
	font-weight: bold;
	color: #828789;
}

div.h1
{
	text-transform: uppercase;
}

.layout, table.layout, table.layout td, table.layout th
{
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
}

table.checkboxgroup, table.checkboxgroup td, table.checkboxgroup th
{
	font-size: 100%;
	padding: 0;
	border-width: 0;
	border-style: none;
}

table.checkboxgroup
{
	margin: -3px 0 0 0;
}

table.checkboxgroup td, table.checkboxgroup th
{
	padding-right: 15px;
	padding-top: 3px;
}

/* ################################## sepcific styles for inputform (white) table ############################ */

/* general class for table itself */
.inputform
{
	margin-bottom: 10px;
	padding: 0;
	border-color: #FFF #FFF #B3C2E7 #FFF;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
}

/* standard table cells and general border colors */
.inputform th, .inputform td
{
	padding: 2px 10px;
}

/* data headers */
.inputform td.title, .inputform th.title, .inputform td.h1, .inputform td.h2,
.inputform div.h1
{
	padding-top: 3px;
	background-color: #FFF;
	border-bottom: 2px #E5EAF7 solid;
	vertical-align: middle;
	font-size: 100%;
	font-weight: bold;
	color: #828789;
}

/* data headers */
.inputform td.title, .inputform th.title, .inputform td.h1,
.inputform div.h1
{
	text-transform: uppercase;
}

/* use class "label" for labels above the input elements */
.inputform td.label
{
	padding: 5px 20px 0px 13px;
	background-color: #FFF;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
}

/* use class "input" for inputs elements below lables */
.inputform td.input
{
	padding-top: 0px;
	padding-right: 20px;
	background-color: #FFF;
	font-size: 90%;
	text-align: left;
	vertical-align: bottom;
}

/* use class "label_left" for labels to the left of input forms */
.inputform td.label_left, .inputform td.label_left_mandatory,
.show td.label_left
{
	padding-top: 7px;
	padding-bottom: 0px;
	background-color: #FFF;
	font-size: 90%;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

/* use class "textlabel" and "text" if you have like a small list of parameters to display */
.inputform td.textlabel, .inputform td.text,
.inputform div.text
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.inputform td.textlabel
{
	font-weight: bold;
}

.inputform div.text
{
	font-size: 100%;
}

/* for red message above submit button */
.inputform td.label_left_mandatory
{
	color: #F00;
}

.inputform td.label_submit_mandatory
{
	padding: 15px 20px 2px 20px;
	background-color: #FFF;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
	color: #F00;
}

/* use class "input_left" for inputs to the right of lables */
.inputform td.input_left, .inputform td.actions_left,
.show td.input_left
{
	padding: 7px 20px 7px 0px;
	background-color: #FFF;
	font-size: 90%;
	text-align: left;
	vertical-align: top;
}

/* use class "actions_left" for lists of global action links within inputform tables */
.inputform td.actions_left
{
	font-size: 80%;
	font-weight: bold;
}

.inputform td.input_left input,
.inputform td.input_left select,
.inputform td.input_left textarea
{
	margin-top: -3px;
	position: relative; /* Fix for IE: Otherwise the objects were cropped on top if an additional layout table was used to align the object */
}

.inputform textarea
{
	margin-bottom: 10px;
}

.inputform td.input_left input[type=checkbox]
{
	margin-top: 1px;
}

.inputform td.input_left div.fieldalign
{
	float: left;
	margin-top: 1px;
}

/*
Class for longer text which should appear as a visible box, in most cases on
white background. Used for e.g. for mail body input fields, etc.
*/
.textbox, .show .layout .textbox, .inputform .input_left iframe
{
	padding: 0.5em;
	background-color: #F3F4F4;
	border: #CDD6EF 1px solid;
}

/* class for <iframe> object if it sticks inside a inputform table */
.inputform .input_left iframe
{
	padding: 0;
	width: 500px;
	height: 400px;
	margin-bottom: 10px;
}

/* Class for longer text within inputform tables */
.inputform .input_left .textbox
{
	width: 500px;
	margin-bottom: 10px;
}

.inputform td.submit
{
	padding: 10px 20px;
	background-color: #FFF;
	border-color: #E5EAF7 #E5EAF7 #B3C2E7 #B3C2E7;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
	text-align: right;
}

.inputform td.submit .mandatory
{
	margin: 0 0 10px 0;
	font-weight: normal;
	white-space: normal;
	text-align: right;
	color: #F00;
}

/* data headers */
.inputform th
{
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 2px #E5EAF7 solid;
	vertical-align: bottom;
	font-size: 100%;
	font-weight: bold;
}

/* style for delimiter which creates an optical appearance of two tables */
.inputform td.tablesplitter
{
	height: 10px;
	padding: 0;
	border-top: #B3C2E7 2px solid;
}

/* style for empty delimiter table cells */
.inputform td.delimiter
{

	padding: 0;
	background-color: #FFF;

}

.inputform td.delimiter div
{
	height: 30px;
	margin: 0;
	padding: 0;
	background: transparent url(images/dotted_border.gif) 0 50% repeat-x;
	line-height: 0; /* IE needs this */
}

.inputform td.delimiter p
{
	height: 0;
	margin: 6px 10px;
	padding: 0;
	border-color: #E7F0F5;
	border-width: 2px 0 0 0;
	border-style: solid none none none;
	line-height: 0; /* IE needs this */
}

/* normal white cells */
.inputform td.white
{
	background-color: #FFF;
	padding-left: 10px;
}

/*
special class for cells to be used when these contain a .show table. The class
.show_delimiter also adds a delimiter line above the .show table
*/
.inputform td.show_delimiter, .inputform td.show_no_delimiter
{
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #FFF;
}

.inputform td.show_delimiter
{
	border-top: #E5EAF7 2px solid;
}

/* blank table cell for contained layout elements like tabs */
.inputform td.blank
{
	padding: 0;
}

/* special style for sub-menu items */
.inputform td.description
{
	height: 100px;
	padding: 10px;
	background-color: #FFF;
	border-color: #E5EAF7 #FFF #B3C2E7 #FFF;
	border-width: 2px 0 2px 0;
	border-style: solid none solid none;
	vertical-align: top;
}

/* special style for input error text messages to appear below the input field */
.inputform .inputerror
{
    width: 250px;
	margin: 0 0 5px 3px;
	color: #F00;
}

.inputform table.optiongroup td
{
	padding: 0 3px 3px 0;
}

.inputfielderror
{
    background-color: #FFEDCC;
}

.inputform .control,
.inputform .inputform_no_delimiter,
{
	border: 0 none;
	background-color:#E6E7E7;
	border-bottom: 1px solid #B2B2B2;
	border-top: 1px solid #B3C2E7;
	padding: 4px 10px 4px 5px;
	vertical-align: bottom;
	height: 22px;
}

.inputform .control td,
.inputform .inputform_no_delimiter td
{
	padding: 0;
	border-style: none;
}

/* ################################## end sepcific styles for inputform (white) table ######################## */

/* ################################## sepcific styles for show table ############################ */

/* general class for table itself */
.show
{
	margin-bottom: 10px;
	padding: 0;
	border-color: #606465;
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	background-color: #FFF;
}

/* class for show table if it sticks inside a inputform table */
.inputform .input_left .show
{
	margin-bottom: 10px;
	border: #B3C2E7 1px solid;
}

/* special class for cells to be used when these contain a .show table */
.inputform td.show_delimiter .show,
.inputform td.show_no_delimiter .show,
.inputform td.show_delimiter .inputform,
.inputform td.show_no_delimiter .inputform
{
	width: 100%;
	margin: 0;
}

/* Special classes when an inputform table needs to be used within a .show
table. Use "cuntrol" for sub elements like checkbox groups and use
"inputform_no_delimiter" for complete inputform tables. */
.show td.control .inputform,
.show td.inputform_no_delimiter .inputform
{
	margin: 0;
	border-bottom: 0 none;
}

/* column headers */
.show th
{
	padding: 10px 5px 2px 5px;
	background-color: #e9ead9;
	border-color: #606456;
	border-style: solid;
	vertical-align: bottom;
	text-align: left;
	font-weight: normal;
	font-size: 80%;
	border-width: 1px 0 1px 1px;
}

/* special column headers for show table if it sticks inside a inputform table within a white td */
.inputform .white th
{
	border-width: 0 0 1px 1px;
}

/* style for first table cell in row */
/* only needed because .show th + th <-- this fantastic solution does not work in any ms browser. so we have to go with a standard + an additional class */
.show th.first
{
	border-left-width: 0;
}

/* For secondary <th> headers (subheaders) */
.show th.sub, .show tr.sub th
{
	padding-top: 2px;
	border-top-width: 0;
	background-color: #E3E3D4;
}

.show tr.footer td
{
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #DBDBCD;
	border-top-width: 1px;
	vertical-align: middle;
}

/* style for "empty"-message in the last row of tables */
.show tr.footer td.empty
{
	border-top: 0 none;
	border-left: 0 none;
	font-style: italic;
	background-color: white;
}

.show div.optionheader
{
	clear: both;
	margin: 0;
	padding: 5px 0 2px 0;
	border-color: #606456;
	border-style: dotted;
	border-width: 0 0 1px 0;
	text-align: left;
	font-weight: bold;
}

.show table.optiongroup
{
	margin: 0 0 3px 0;
}

.show table td.optiongroup
{
	height: 5px;
	padding: 0;
	border-color: #606456;
	border-style: dotted;
	border-width: 0 0 1px 0;
}

.show table.optiongroup td.label
{
	padding: 2px 0 0 15px;
	border-width: 0;
	border-style: none;
	text-align: left;
}

.show table.optiongroup td.input
{
	padding: 0 0 5px 10px;
	border-width: 0;
	border-style: none;
	text-align: left;
	vertical-align: top;
}

.moveright
{
	position: absolute;
	right: 0px;
}

/* standard table content */
.show td
{
	padding: 2px 5px;
	border-color: #606456;
	border-style: solid;
	vertical-align: top;
	font-size: 80%;
	border-width: 0 0 0 1px;
}

.show td.h1, .show td span.h1
{
	padding: 3px 10px 2px 10px;
	background-color: #FFF;
	border-width: 0;
	vertical-align: middle;
	font-size: 100%;
	font-weight: bold;
	color: #828789;
	text-transform: uppercase;
}

/* Class to be added as secondary class if a title row is not followed by a header */
.show td.h1.no_header_border
{
	border-bottom: 2px #E5EAF7 solid;
}

.show td.h2
{
	padding: 5px 10px;
	background-color: #FFF;
	border-style: solid none none none;
	border-width: 2px 0 0 0;
	border-color: #E5EAF7;
	vertical-align: middle;
	font-weight: bold;
}

.show td.first
{
	border-left-width: 0;
}

/* blank table cell for contained layout elements like tabs */
.show td.blank
{
	padding: 0;
	border-left: 0 none;
}

/* <td> cells which span multiple columns in the *same* background-color (odd/even) */
.show .odd td.span
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #D4D6C8;
	background-color: #E3E3D4;
}

/* <td> cells which span multiple columns in the *same* background-color (odd/even) */
.show .even td.span
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #E5E6E7;
	background-color: #F8F8F9;
}

/* style for sum rows (adding a line on top of the row) */
.show td.sum, tr .sum td
{
	border-top: solid 1px #606456;
	font-weight: bold;
}

/* When the first row should be displaying a row counter */
.show .odd td.rownum,
.show .odd td.sum,
.show .even td.rownum,
.show .even td.sum
{
	background-color: #E3E3D4;
	border-left: 0 none;
	text-align: right;
	font-weight: bold;
}

/* When the first row should be displaying a row counter */
.show .even td.rownum,
.show .even td.sum
{
	background-color: #F8F8F2;
}

/* blank table content */
.show td.white
{
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFF;
	border-style: solid;
	border-width: 0;
}

/* general class for table itself */
/* standard table cells and general border colors */
.show td.textlist
{
	padding: 5px 20px 5px 0px;
	border-color: #E7F0F5;
	border-width: 1px;
	border-style: none none solid none;
	background-color: #FFF;
	font-size: 80%;
	text-align: left;
	vertical-align: top;
}

/* style for odd rows. means that this is the style for first data row */
.show tr.odd
{
	background-color: #e9ead9;
}

/* alternative style for even rows */
.show tr.even
{
	background-color: #FFF;
}

/* style for selected/highlighted rows */
.show tr.highlight
{
	background-color: #FED27F;
}

.show tr.highlight td
{
	color: #000;
}

/* styles for disabled and "lowlighted" rows */
.show .even td.lowlight, .show .even td.disabled
{
	background-color: #F6F9FA;
}

.show .odd td.lowlight, .show .odd td.disabled
{
	background-color: #F1F1E6;
}

.show .even td.disabled
{
	background-color: #F6F9FA;
	color: #AEB4B7;
	font-style: italic;
}

.show .odd td.disabled
{
	background-color: #F1F1E6;
	color: #AEB4B7;
	font-style: italic;
}

/* class for cells containing control elements like for e.g selection boxes for date range */
.show .control,
.show .inputform_no_delimiter
{
	padding: 2px 10px;
	border-color: #606456;
	border-width: 1px 0 0 0;
	border-style: solid;
	background-color: #FFF;
}

.show .control td,
.show .inputform_no_delimiter td
{
	border-width: 0;
	border-style: none;
}

.show .control td
{
	padding: 0px 0px 0 10px;
}

/* class for cells with top border */
.show .border_top td
{
	border-top-width: 1px;
	border-style: solid;
}

/* class for cells containing control elements at the bottom of the table like for e.g submit/cancel buttons */
.show td.submit
{
	padding: 10px 20px;
	background-color: #FFF;
	border-color: #606465;
	border-width: 1px 0 0 0;
	border-style: solid;
	text-align: right;
	font-size: 100%;
}

.show td.submit .mandatory
{
	margin: 0 0 10px 0;
	font-weight: normal;
	white-space: normal;
	text-align: right;
	color: #F00;
}

.show td.delimiter
{
	border: none;
	background-color: white;
	height: 15px;
	border-top: 1px solid #606465;
}

.show td.action, .show th.action
{
	white-space: nowrap;
}

.show td.alert,
.show td.unalert,
.show td.warning
{
	border: 0 none;
}

/* style for table cells with right aligned data */
.show th.right, .show td.right
{
	text-align: right;
	white-space: nowrap;
}

/* style for table cells centered data */
.show th.center, .show td.center {
	text-align: center;
	white-space: nowrap;
}

/* specific class for the (domain)-tree display */
.show td.tree_structure, .show td.tree_select
{
	padding: 0 8px;
	vertical-align: middle;
}

.show .odd td.tree_structure, .show .odd td.tree_select
{
	background-color: #F1F1E6;
}

.show td.tree_structure
{
	line-height: 20px;
	border-left: 0 none;
}

/* style for subheaders in show tables like for reports overview pages */
.show td.listsubheader
{
	background-color: #e9ead9;
	color:#828789;
	font-size:100%;
	font-weight: bold;
	padding:3px 10px 2px;
	vertical-align:middle;
	border: none;
	border-bottom: 1px solid #828789;
	border-top: 1px solid #828789;
}
.show td.seperatorlistsubheader
{
	margin: 0;
	padding: 0 10px 0 10px;
	border: none;
	background-color: white;
	height: 10px;
	line-height: 10px;
	border: none;
	font-size: 10px;
}

.show td.seperatorlistsubheader p
{
	padding: 5px 0 5px 0;
}

.show td.seperatorlistsubheader p b
{
	font-size: 11px;
	font-weight: bold;
}

.secondary_button_bar
{
	margin: 15px 0 10px 0;
	padding: 3px 10px;
	border-bottom: 1px #B3C2E7 solid;
	border-top: 1px #B3C2E7 solid;
	border-right: 0 none;
	border-left: 0 none;
	background-color: #E6E7E7;
	font-size: 9pt;
}

/* ################################## sepcific styles for small parameter lists (in table cells) ############################ */

.show td.parameters,
.inputform td.parameters
{
	padding: 5px 10px;
	border: 0 none;
	background-color: white;
}

table.parameters
{
	margin: 0px 0 5px 0;
	padding: 0;
	border-style: none;
}

.parameters td
{
	padding: 0;
	border: 0 none;
	text-align: left;
	vertical-align: bottom;
}

/* style for table cells with right aligned data */
.parameters .name
{
	padding: 2px 5px 0 0;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

.parameters .value
{
	padding: 2px 50px 0 0;
	font-weight: normal;
	color: #000;
	vertical-align: top;
}

.mandatory
{
	color: #F00;
}

/* ################################## sepcific styles for tab display ############################ */
ul.tabs
{
	margin: 0px 15px 0 0;
	padding: 0;
	white-space: nowrap;
	background-color: #E5EAF7;
	width: 100%;
}

.tabs li
{
	margin: 0 2px 0 0; /* margin between single item blocks */
	padding: 0; /* padding of single item blocks */
	display: inline;
	list-style-type: none;
	font-size: 9pt;
	font-weight: bold;
}

.tabs a, .tabs a:link {
	padding: 8px 12px;
	background-color: #CCC;
	background-image: none;
	text-decoration: none;
}

.tabs li.active a, .tabs li.active a:visited, .tabs li.active a:hover, .tabs a.active:active
{
	color: #fea500;
	background-color: #FFF;
	background-image: none;
}

.tabs a:visited
{
	color: #0434b1; /* Keep visted tabs dark blue */
}

.tabs a:hover, .tabs a:active
{
	color: #fea500;
	text-decoration: none;
	background-image: none;
}

/* ################################## end sepcific styles for tab display ############################ */

/* ################################## miscellaneous styles ############################ */

span.rt
{
	margin: 0 3px;
	padding: 0 3px;
	color: #F00;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	background-color: #FFC622;
	border-color: #F00;
	border-width: 1px;
	border-style: solid;
}

/*  specific styles for lists containing checkboxes/radios */
ul.checkbox
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.checkbox li {
	margin: 5px; /* margin between single menu item blocks */
	padding: 0px; /* padding of single menu item blocks */
	line-height: 70%;
}

/* ################################## end miscellaneous styles ############################ */

/* ############################################### styles to review ############################################### */

calendarentry {
	font-size: 8px;
}


.bold { font-weight: bold; }
.small { font-size: 90%; }

.smallbold
{
	font-size: 90%;
	font-weight: bold;
}

.bannertext
{
	font-weight: bold;
	font-size: 180%;
	color: #FFF;
}

td.number { text-align: right; }

.pageheader
{
	background-color: #FFF;
	/* font-size: 20pt; */
	font-size: 180%;
	font-weight: normal;
}

.smallfont
{
	font-size: 80%;
	text-align: left;
}

.menuitem { color: #FFF; }

/* ############################################### end styles to review ############################################### */

/* ################################### Detail Calendar View styles ############################################# */
.main_calendar
{
	border-bottom: 0 none;
	background-color: white;
}

.main_calendar td
{
	padding: 1px;
}

.main_calendar th, .mini_calendar th
{
	border-color: #CCCCCC;
	background-color: white;
	padding: 0.3em 1em;
	border-top: 0 none;
	border-left: 0 none;
	text-align: center;
}

.mini_calendar
{
	border-bottom: 0 none;
	background-color: #E0E0E0;
}

.inputform .mini_calendar
{
	width: 100%;
	margin-bottom: 0;
}

.mini_calendar td
{
	padding: 1px;
}

.mini_calendar th
{
	padding: 0.3em 0.5em;
	background-color: #E0E0E0;
}

td.calendar_control
{
	padding: 1em 1em 0.5em 1em;
	border-top: 2px solid #E5EAF7;
	border-left: 0 none;
	text-align: center;
	white-space: nowrap;
}

.mini_calendar td.calendar_control
{
	padding: 0.7em;
	border-top: 1px #CCCCCC solid;
}

td.calendar_control input.smallbutton
{
	margin: 0px 4px;
}

.mini_calendar td.calendar_control input.smallbutton
{
	margin: 0px 2px;
}

.main_calendar .calendar_title
{
	padding: 0.5em 0 0 0;
	font-size: 12pt;
	font-weight: bold;
}

.mini_calendar .calendar_title
{
	padding: 0.5em;
	font-size: 9pt;
}

td.day
{
	border-color: #CCCCCC;
	height: 4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.mini_calendar td.day
{
	padding: 0;
	height: auto;
}

td.today { background-color: #F2F2F2; }

.main_calendar .date
{
	padding: 2pt 2pt 0 2pt;
	font-size: 9pt;
	color: black;
	text-align: right;
}

.mini_calendar .date,
.mini_calendar a.date
{
	padding: 0.3em;
	border-color: #EFF0F0;
	border-width: 1px 0 0 1px;
	border-style: solid none none solid;
	color: #424242;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

.mini_calendar .today .date
{
	background-color: #4F71C8;
	border-color: #3A5394;
	color: white;
}

.mini_calendar .eventday .date
{
	background-color: #FED27F;
	border-color: #FFEAC5;
}

.mini_calendar a.date
{
	display: block;
	vertical-align: top;
	text-decoration: none;
}

.mini_calendar .today a.date
{
	background-color: #C5A166;
	border-color: #8E7C61;
	color: white;
}

.mini_calendar a.date:hover,
.mini_calendar a.date:active
{
	background-color: #FEA500;
	border-color: #FED27F;
	color: black;
}

.main_calendar .date.inactive,
.mini_calendar .date.inactive
{
	color: #CCC;
}

div.event,
div.event_block,
div.block div.title
{
	margin: 2px 0 0 0;
	padding: 0;
	background-color: #F3F4F4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px #808080 solid;
}

div.event_title
{
	padding: 0px 3px 1px 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	background-color: #808080;
	color: white;
}

div.event_details
{
	padding: 2px 3px 1px 3px;
	overflow: hidden;
}

div.event, div.event td,
div.block, div.block td { font-size: 8pt; }

div.event h1 { font-size: 1em; }

div.event .value { padding-right: 5px; }

div.event_block
{
	margin: 0 0 10px 0;
	padding: 0 4px 4px 0;
	border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
}

div.course
{
	width: 200px;
	min-height: 120px;
	margin: 4px 0 0 4px;
	float: left;
	overflow: hidden;
}

div.block div.title
{
	float: left;
	margin-bottom: -1px; /* hack to move tab down to cover the border of the box below */
	padding: 3px 8px;
	border-bottom: 0 none;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}

/* common colors for "tab" elements */
div.event_block,
div.block div.title
{
	background-color: #E5EAF7; /* very light blue */
	border-color: #8199D8; /* light blue */
}

/* ################################### workbench styles ############################################# */

#banner
{
	background-color: #86adce;
	border-width: 3px 0 0 0;
	border-style: solid none none none;
	padding: 0;
	border-color: #ea792d;
	color: #FFF;
}

#title
{
	margin: 2px 0px 15px 0px;
	padding: 0px;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	border-color: #828789;
	color: #828789;
	font-size: 16pt;
	line-height: 120%;
}

#page_header
{
	width: 100%;
}

/* ################################### end workbench styles ############################################# */

/* ######################################## styles for control bar on top of page ############################################### */

.page_header_controlbar
{
	width: 100%;
	border-color: #B2B2B2;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

.page_header_controlbar td
{
	padding: 4px 0 4px 10px;
	font-size: 80%;
	border-style: none;
	background-color: #FFF;
}

/* ############################################### styles for icon based controls ############################################### */

.iconcontrol { float: right;}

.iconcontrol td
{
	padding: 0;
	border: 0 none;
	font-weight: normal;
}

.iconcontrol #description
{
	width: 300px;
	padding: 0 5px;
	text-align: right;
	text-transform: uppercase;
	vertical-align: bottom;
}

.iconcontrol a
{
	display: block;
	height: 13px;
	width: 25px;
	padding: 0;
	vertical-align: bottom;
	background-image: url(./img/controls.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.iconcontrol a.print
{
	background-position: 0 -84px;
	text-decoration: none;
}

.iconcontrol a.print:hover, .iconcontrol a.print:active { background-position: -25px -84px; background-image: url(./img/controls.gif);}

.iconcontrol a.download
{
	background-position: 0 -42px;
	text-decoration: none;
}

.iconcontrol a.download:hover, .iconcontrol a.download:active { background-position: -25px -42px; background-image: url(./img/controls.gif);}


/* ######################## styles for the new, blue process buttons ##################### */

/* Fix for FireFox not to show the ugly dotted focus borders */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
{
	border : 0px;
}
/* Fix for IE8 not to show the ugly dotted focus borders */
input[type="submit"]:focus, input[type="button"]:focus
{
	outline : none;
}

/* styles for links to make up the buttons */
a.process,
input.process
{
	margin: 0 0 0 12px;
	padding: 2px 12px;
	background-color: #0434B1;
	background-image: none;
	background-repeat: no-repeat;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	color: #FFF;
	border: 0 none;
	font-size: 9pt;
}

/* Fix for <input> elements render with 1px additional padding-top compared to <a> elements */
input.process
{
	padding-top: 1px;
}

/* This is a hack for IE 6 to remove broken additional padding in input buttons */
input.process
{
	width: 0;
	height: 0;
	overflow: visible;
}

/* Reset the above hack for other browsers, IE 6 ignores type selectors */
a.process,
input[type=button], input[type=submit], input[type=reset]
{
	width: auto;
	height: auto;
	overflow: visible;
}

/* ######################## special definitions for process buttons #####################
	This has to be used in the following way in HTML, examples:
	class="process next" or "process next inactive" or "process smallbutton next"
*/

/* special definition for small buttons */
input.smallbutton, a.smallbutton
{
	margin: 0 0 0 8px;
	padding: 1px 8px;
	background-color: #8199D8; /* light blue */
	font-weight: normal;
	color: #FFF;
	font-size: 11px;
}

/* special definition for the cancel button */
a.cancel, a.cancel:visited,
input.cancel
{
	background-color: #B3C2E7;
}

/* Fix for <input> elements render with 1px additional padding-top compared to <a> elements */
input.smallbutton
{
	padding-top: 0px;
}

/* definitions for visited styles of buttons */
a.process:visited
{
	color: #FFF; /* ie5 only */
	text-decoration: none; /* ie5 only */
}

/* definitions for hover styles of buttons */
a.process:hover,
a.process:active,
input.process:hover,
input.process:active
{
	color: #FFF; /* ie5 only */
	background-image: none;
	background-color: #fea500;
	text-decoration: none;
}

a.inactive, a.inactive:hover, a.inactive:active,
input.inactive, input.inactive:hover, input.inactive:active
{
	background-color: #D6D9DB;
	cursor: default; /* Deactivate hand cursor */
}

/* special definitions for prev process buttons */
a.prev, a.prev:hover, a.prev:active,
input.prev, input.prev:hover, input.prev:active
{
	padding-left: 20px;
	background-image: url(./img/process_prev.png);
	background-position: left center;
}

/* special definitions for next process buttons */
a.next, a.next:hover, a.next:active,
input.next, input.next:hover, input.next:active
{
	padding-right: 20px;
	background-image: url(./img/process_next.png);
	background-position: right center;
}

/* special definition for rev (rewind) process buttons */
a.rev, a.rev:hover, a.rev:active,
input.rev, input.rev:hover, input.rev:active
{
	background-image: url(./img/button_rev.png);
	background-position: center center;
}

/* special definition for fwd (forward) process buttons */
a.fwd, a.fwd:hover, a.fwd:active,
input.fwd, input.fwd:hover, input.fwd:active
{
	background-image: url(./img/button_fwd.png);
	background-position: center center;
}

/* ######################## end styles are for the process buttons ##################### */

/* ################################# sprecific styles for radio/checkbox lists ################################ */

/* container for the question */
table.question
{
	width: 400px;
	margin: 10px;
	padding: 0;
}

table.question td {
	padding: 0px;
	vertical-align: top;
}

/*  radio or checkbox for the answer */
table.question input
{
	position: relative;
	top: 3px;
}

/*  question items */
table.question a
{
	width: 400px;
	display: block;
	margin-bottom: 5px;
	padding: 5px; /* padding inside menu item block */
	background-image: none;
	text-decoration: none;
	font-weight: normal;
}

/* hover style for main items */
table.question a:link, table.question a:visited
{
	text-decoration: none;
	color: #606465;
}

/* hover style for main items */
table.question a:hover, table.question a:active
{
	background-color: #E5EAF7;
	text-decoration: none;
	color: #000;
}

/* ########################## end radio/checkbox ################### */

/* ################################# specific styles for pagination links ################################ */

/* pagination table within show table */
.show td.pagination
{
	padding: 0 20px 0 6px;
	border-color: #B3C2E7;
	border-width: 2px 0 0 0;
	border-style: solid none none none;
	background-color: #FFF;
	white-space: nowrap;
}

/* pagination table within inputform table */
.inputform td.pagination
{
	padding: 0 20px 0 6px;
	background-color: #FFF;
}

.pagination td
{
	padding: 0;
	margin: 0;
	border: 0 none;
	vertical-align: middle;
}

a.pagination_first, a.pagination_previous, a.pagination_next, a.pagination_last,
.pagination div
{
	display: block;
	width: 20px;
	height: 31px;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	border: 0 none;
}

a.pagination_first:hover, a.pagination_previous:hover, a.pagination_next:hover, a.pagination_last:hover,
a.pagination_first:active, a.pagination_previous:active, a.pagination_next:active, a.pagination_last:active
{
	background-position: 0 -31px;
	text-decoration: none;
}

/* first */
a.pagination_first, a.pagination_first:hover, a.pagination_first:active, div.pagination_first { background-image: url(img/link_pagination_first.gif); }
div.pagination_first { background-position: 0 -62px; }

/* previous */
a.pagination_previous, a.pagination_previous:hover, a.pagination_previous:active, div.pagination_previous { background-image: url(img/link_pagination_previous.gif); }
div.pagination_previous { background-position: 0 -62px; }

/* next */
a.pagination_next, a.pagination_next:hover, a.pagination_next:active, div.pagination_next { background-image: url(img/link_pagination_next.gif) }
div.pagination_next { background-position: 0 -62px; }

/* last */
a.pagination_last, a.pagination_last:hover, a.pagination_last:active, div.pagination_last { background-image: url(img/link_pagination_last.gif); }
div.pagination_last { background-position: 0 -62px; }

.pagination td.pagination_text
{
	padding-left: 7px;
	padding-right: 7px;
	font-size: 8pt;
}

.pagination td.pagination_controls
{
	height: 31px;
	padding-left: 30px;
	text-align: right;
}

/* ################################# end specific styles for pagination links ################################ */

.alerttext
{
	color: #F00;
	text-transform: none;
}

.warntext
{
	color: #fea500;
	text-transform: none;
}

.unalerttext
{
	color: #008226;
	text-transform: none;
}

.disabledtext
{
	color: #AEB4B7;
}

/* ################################## sepcific styles for error/warning/confirmation boxes ############################ */

/* fonts, text, background */
.alert, td.alert, div.alert,
.unalert, td.unalert, div.unalert,
.warning, td.warning, div.warning
{
	padding: 1px;
	background-color: #F00;
	font-size: 90%;
	color: #FFF;
}

.unalert, td.unalert, div.unalert
{
	background-color: #008226;
}

.warning, td.warning, div.warning
{
	background-color: #FB8C04;
}

/* box styles */
div.alert,
div.unalert,
div.warning
{
	margin-bottom: 10px;
	text-align: left;
}

/* message header */
.alert h1, .alert div.h1,
.unalert h1, .unalert div.h1,
.warning h1, .warning div.h1
{
	margin: 0px -1px 1px -1px;
	padding: 1px 6px 2px 6px;
	border-bottom: 1px solid #ccdde6;
	background-color: #F00;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

.unalert h1, .unalert div.h1
{
	background-color: #008226;
}

.warning h1, .warning div.h1
{
	background-color: #FB8C04;
}

/* message body */
.alert div.message, .alert div.details,
.unalert div.message, .unalert div.details,
.warning div.message, .warning div.details
{
	margin: 0px;
	padding: 5px;
	background-color: #FFF;
	color: #F00;
}

.unalert div.message
{
	color: #008226;
}

.warning div.message
{
	color: #000;
}

.alert div.details,
.unalert div.details,
.warning div.details
{
	font-size: 90%;
	color: #606465;
	background-color: #e7e7e7;
	border-top: 1px #BFBFBF solid;
}

.alert ul,
.unalert ul,
.warning ul
{
	line-height: 120%;
}

.alert p.number,
.unalert p.number,
.warning p.number
{
	padding: 0;
	text-align: right;
	font-size: 80%;
}

.fixfont
{
	font-family: courier, monaco, monospace;
	font-size: 10pt;
	font-style: normal;
	color: #000;
}

/* ######## prerequisite display ######## */
td.prereq_01
{
	width: 14px;
}

td.prereq_02
{
	width: 12px;
}

td.prereq_03
{
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	background-image: url(./img/prereq_03.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

td.prereq_04
{
	width: 24px;
}

td.prereq_05
{
	background-image: url(./img/prereq_05.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

td.prereq_06
{
	padding: 0;
	border-width: 0;
	border-style: none;
	background-color: #FFF;
	vertical-align: top;
}

div.prereq_06_a
{
	float: right;
	position: relative;
	left: 6px;
	top: -28px;
}

td.prereq_07
{
	width: 6px;
	padding: 0;
	border-width: 0;
	border-style: none;
	background-color: #FFF;
	vertical-align: bottom;
}

td.prereq_08
{
	padding: 0;
	vertical-align: middle;
	background-color: #FFF;
	border-width: 0;
	border-style: none;
}

div.prereq_08_a
{
	height: 16px;
	background-image: url(./img/prereq_08.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

td.prereq_09
{
	padding: 0;
	vertical-align: middle;
	border-width: 0;
	border-style: none;
	background-color: #FFF;
}

div.prereq_09_a
{
	text-align: right;
	background-image: url(./img/prereq_08.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

/* ######## Style classes for collapsible elements ######## */

/* Class for elements triggering the collapsing of other elements (like titles)
 * in open state. Please note: This classe is to be used as a secondary class, it
 * amends existing classes.
 */
.collapsible_trigger_open,
.inputform td.h1.collapsible_trigger_open,
.show td.h1.collapsible_trigger_open
{
	background-image: url(./images/accordion_collapse.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}

/* Class for elements triggering the collapsing of other elements (like titles)
 * in closed state. Please note: This classe is to be used as a secondary class, it
 * amends existing classes.
 */
.collapsible_trigger_closed,
.inputform td.h1.collapsible_trigger_closed,
.show td.h1.collapsible_trigger_closed
{
	background-image: url(./images/accordion_expand.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}

.show td.h1.collapsible_trigger_closed,
.inputform td.h1.collapsible_trigger_closed
{
	border-bottom: 0 none;
}

/* Class for collapsible elements in open state */
.collapsible_open {
	display: table-row-group;
	opacity: 1;
}

/* Class for collapsible elements in open state */
.collapsible_closed {
	display: none;
	opacity: 0
}

/* ######## END style classes for collapsible elements ######## */

/* Class for text that displays like a computer key */
.key
{
	display: inline-block;
	margin: 1px 0.1em;
	padding: 0px 0.5em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px #BFBFBF solid;
	background-color: #E7E8E9;
	white-space: nowrap;
	color: black;
	font-weight: bold;
}

/* The following stuff is for debugging layout issues. Please leave this at the end of the file, put production content before. */
table.debug
{
	border-color: #F00;
	border-width: 1px;
	border-style: dashed;
	border-spacing: 5px;
	background-color: gray;
}
table.debug td
{
	padding: 5px;
	border-color: #000;
	border-width: 1px;
	border-style: dashed;
	background-color: silver;
}

/* --------------- css for qulification overview---------------  */
.qualification img {
	margin-top: 5px;
	width: 126px; /* equals 90% width of original image */
	height: 54px; /* equals 90% height of original image */
}

/* TODO: Remove this, it is only used on the home page */
.inputform .qualification {
	border-bottom: 1px solid #e5eaf7;
	background-color: #FFFFFF;
	font-size: 80%;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}

span.activestep, span.nonactivestep
{
	font-size: 11pt;
	font-weight: bold;
	color: #FEA500;
}

span.nonactivestep
{
	color: #606465;
}