/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2007                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/* -- Common elements --------------------------------------------------------------------------- */

* 
{
	/*border: 0; if input-border is zero, IE checkboxes are shown in old style */
	font-family: Tahoma, "Segoe UI", Arial;
	font-size: 11px;
	margin: 0;
	padding: 0;
}


a
{
	outline: none; /* solves common bug in some browsers */
	text-decoration: none;
}

a, a:active, a:focus, a:hover, a:visited
{
	color: #405b80;
}

a:hover
{
	text-decoration: underline;
}


html, body 
{
	background: #bfdbff;
	height: 100%;
}


img
{
	border: 0;
}


/* -- Master layout ----------------------------------------------------------------------------- */
 
#cms_layout 
{
	min-width: 800px;
}
 
 
#cms_layout_top
{
	/*min-width: 800px;*/
	padding: 8px;	
}


#cms_layout_main
{
	/*min-width: 800px; /* Mozilla, IE7 only */	
	text-align: left;
	/*width: expression(document.body.clientWidth < 800 ? "800px" : "auto"); /* IE <= 6 only */
}


#cms_layout_details
{
	padding-top: 8px;
}


#cms_layout_bottom
{	
	padding: 8px;
}


/* -- Master elements --------------------------------------------------------------------------- */

#cms_copyright
{
	text-align: center;
}

#cms_copyright,
#cms_copyright a
{
	color: #99abbf;	
	text-decoration: none;
}

#cms_copyright a:hover, a:focus
{
	text-decoration: underline;
}


  /* -- Button elements ------------------------------------------------------------------------- */
  
.cms_button,
.cms_button_active
{
	background: url('images/button.gif') repeat-x;
	border: 0;
	cursor: pointer;
}

.cms_button:hover,
.cms_button_active
{
	background: url('images/button_active.gif') repeat-x;
}

.cms_button_left
{
	background: url('images/button_left.gif') top left no-repeat;
}

.cms_button_left:hover,
.cms_button_left_active
{
	background: url('images/button_left_active.gif') top left no-repeat;
}

.cms_button_right
{
	background: url('images/button_right.gif') top right no-repeat;
}

.cms_button_right:hover,
.cms_button_right_active
{
	background: url('images/button_right_active.gif') top right no-repeat;
}


.cms_button_large,
.cms_button_large_active 
{
	background: url('images/button_large.gif') no-repeat;	
	border: 0;
	cursor: pointer;
	height: 24px;
	text-align: center;
	width: 88px;	
}


.cms_button_large:hover,
.cms_button_large_active
{
	background: url('images/button_large_active.gif') no-repeat;	
}


.cms_button_small,
.cms_button_small_active
{
	background: url('images/button_small.gif') no-repeat;	
	border: 0;
	cursor: pointer;
	height: 24px;
	text-align: center;
	width: 24px;
}


.cms_button_small_active
{
	background: url('images/button_small_active.gif') no-repeat;
}


.cms_button_48x48,
.cms_button_48x48_active
{
	background: url('images/button_48x48.gif') no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	height: 48px;
	width: 48px;	
}


.cms_button_48x48:hover,
.cms_button_48x48_active
{
	background: url('images/button_48x48_active.gif') no-repeat;
}
 

  /* -- Input elements (textbox, dropdownlist) -------------------------------------------------- */

.cms_checkbox
{
}


.cms_dropdown, .cms_dropdown_large, .cms_dropdown_small
{
	border: solid 1px #bfbfbf;
	margin-bottom: 2px;
	margin-bottom: 0 px;	
	/*height: 16px;*/
	width: 128px;/* update corresponding: .cms_textbox, .cms_password_security */
}

.cms_dropdown:active, .cms_dropdown:focus,
.cms_dropdown_large:active, .cms_dropdown_large:focus,
.cms_dropdown_small:active, .cms_dropdown_small:focus
{
	/*background: #cce4ff;*/
	background: #e5f1ff;
}

.cms_dropdown_large
{	
	width: 192px;/* update corresponding: .cms_textbox_large, .cms_password_security_large */
} 

.cms_dropdown_small
{
	width: 64px;/* update corresponding: .cms_textbox_small, .cms_password_security_small */
}


.cms_file_upload
{
	background: tranparent;
	border: solid 1px #bfbfbf;
	margin-bottom: 2px;
	margin-bottom: 0 px;
	padding: 1px;
	width: 252px;
}


.cms_textbox, .cms_textbox_large, .cms_textbox_small,
.cms_textbox_multiline
{
	border: solid 1px #bfbfbf;
	margin-bottom: 2px;
	margin-bottom: 0 px;
	padding: 1px 2px 0px 2px;
	height: 15px;
	height: 18 px;
	width: 122px;/* update corresponding: cms_dropdown, .cms_password_security */
}

.cms_textbox:active, .cms_textbox:focus, 
.cms_textbox_large:active, .cms_textbox_large:focus, 
.cms_textbox_small:active, .cms_textbox_small:focus 
{
	/*background: #cce4ff;*/
	background: #e5f1ff;
}

.cms_textbox_large
{
	width: 186px;/* update corresponding: cms_dropdown_large, .cms_password_security_large */
}

.cms_textbox_small
{
	width: 58px;/* update corresponding: cms_dropdown_small, .cms_password_security_small */
}

.cms_textbox_multiline
{
	height: 128px;
	width: 186px;
}


  /* -- Message elements ------------------------------------------------------------------------ */

.cms_error
{
	color: #ff0000;
}


.cms_info
{
	background: #ffffe1;
	color: #333333;
}


.cms_success
{
	color: #00cc00;
}


  /* -- Navigation elements --------------------------------------------------------------------- */

.cms_navigation
{
	background: url('images/navigation.gif') repeat-x;		
}

.cms_navigation_left
{
	background: url('images/navigation_left.gif') top left no-repeat;
}

.cms_navigation_right
{
	background: url('images/navigation_right.gif') top right no-repeat;	
	height: 87px;
	padding: 0px 2px;
}


.cms_navigation .cms_groups 
{		
	margin: 3px 0px 0px 0px;
	float: right;
}


.cms_navigation .cms_groups_space
{
	width: 2px;
}


.cms_navigation .cms_groups .cms_group
{
	background: url('images/navigation_group.gif') repeat-x;		
	float: left;	
}

.cms_navigation .cms_groups .cms_group_left
{
	background: url('images/navigation_group_left.gif') top left no-repeat;	
}

.cms_navigation .cms_groups .cms_group_right
{
	background: url('images/navigation_group_right.gif') top right no-repeat;
	height: 82px;
	padding: 0px 2px;
}


.cms_navigation .cms_groups .cms_group_name
{	
	clear: both;
	color: #99abbf;
	text-align: center;
}


.cms_navigation .cms_groups .cms_group_items
{
	height: 64px;	
	margin: 2px 0px 0px 0px;
}


.cms_navigation .cms_groups .cms_group_items .cms_item
{
	color: #333333; 
	display: block;
	height: 64px; /* CAUSES a Mozilla Bug */
	margin: 0px 1px 0px 0px;	
	padding: 0 2px 0px 3px;	
	position: relative;
	text-align: center;
	text-decoration: none;	
}

.cms_navigation .cms_groups .cms_group_items .cms_item_left
{
	height: 64px;	
	width: 2px;
	position: absolute;
	left: 0px;
	top: 0px;	
}

.cms_navigation .cms_groups .cms_group_items .cms_item_right
{
	height: 64px;	
	width: 2px;
	position: absolute;	
	right: 0px;
	right: -1 px; /* IE Bug */
	top: 0px;	
}


.cms_navigation .cms_groups .cms_group_items .cms_item img
{
	height: 32px;
	margin: 6px 0px;	
	width: 32px;
}


.cms_navigation .cms_groups .cms_group_items a:hover,
.cms_navigation .cms_groups .cms_group_items a:focus,
.cms_navigation .cms_groups .cms_group_items #cms_item_active
{
	background: url('images/navigation_item_active.gif') repeat-x;	
	text-decoration: none;
}

.cms_navigation .cms_groups .cms_group_items a:hover .cms_item_left, 
.cms_navigation .cms_groups .cms_group_items a:focus .cms_item_left,
.cms_navigation .cms_groups .cms_group_items #cms_item_active .cms_item_left
{
	background: url('images/navigation_item_active_left.gif') top left no-repeat;	
}

.cms_navigation .cms_groups .cms_group_items a:hover .cms_item_right,
.cms_navigation .cms_groups .cms_group_items a:focus .cms_item_right,
.cms_navigation .cms_groups .cms_group_items #cms_item_active .cms_item_right
{
	background: url('images/navigation_item_active_right.gif') top right no-repeat;	
}

  
  /* -- Overlay elements ------------------------------------------------------------------------ */

#cms_overlay_pleasewait
{
	background: black;	
	position: fixed;
	overflow: hidden;	
	visibility: hidden;
	left: 0;
	top: 0;
	/*height: 100%;
	width: 100%; fixes mozilla bug which hides the cursor for input fields */ 
	z-index: 101;
}

* html #cms_overlay_pleasewait { /* ie6 hack */
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cms_overlay_pleasewait div
{
	background: black url('images/anim_loading.gif') no-repeat;	
	color: #ffffff;
	position: fixed;
	right: 32px; bottom: 32px; width: 136px; height: 48px;
	padding-top: 28px;
	padding-left: 73px;	
	z-index: 102;
}


  /* -- Password elements ----------------------------------------------------------------------- */

.cms_password_security table,
.cms_password_security_large table
{	
	height: 14px;	
	width: 128px; /* update corresponding: .cms_textbox */
}

.cms_password_security td,
.cms_password_security_large td
{
	color: #adadad;
	font-size: 10px;
	margin: 0px 2px;
	text-align: center;	
	width: 33%;
}

.cms_password_security_large table
{
	width: 192px; /* update corresponding: .cms_textbox_large */
}
  
  
  /* -- Window elements ------------------------------------------------------------------------- */
  
.cms_windows
{
	width: 100%;
}


.cms_windows_space
{
	width: 8px;
}

  
.cms_window
{
	background: #ffffff;
}


.cms_window .cms_content,
.cms_window .cms_content_fixed
{
	border: solid 1px #7fb7ff;
	overflow: auto;
}

.cms_window .cms_content
{
	min-height: 128px;
}

.cms_window .cms_content .cms_content_inner
{
	/* Fixes IE bug: If vertical scrollbar set through "overflow: auto;" */
  /* the IE generates also an horizontal one */
	overflow: hidden;
}


.cms_window .cms_controlbar
{
	background: url('images/window_controlbar.gif') repeat-x;	
}

.cms_window .cms_controlbar_left
{
	background: url('images/window_controlbar_left.gif') top left no-repeat;
}

.cms_window .cms_controlbar_right
{
	background: url('images/window_controlbar_right.gif') top right no-repeat;	
	height: 24px;
	height: 29 px;/* Height for IE 6 first edition */
	padding: 2px 3px 3px 3px;
	text-align: right;
}


.cms_window .cms_header
{
	background: url('images/window_header.gif') repeat-x;
	color: #333333;
}

.cms_window .cms_header_left
{
	background: url('images/window_header_left.gif') top left no-repeat;	
}

.cms_window .cms_header_right
{
	background: url('images/window_header_right.gif') top right no-repeat;		
	height: 18px;
	height: 24 px;/* Height for IE 6 first edition */
	overflow: hidden;
	padding: 6px 6px 0px 6px;	
	text-align: left;
}


  /* -- Toolbar elements ------------------------------------------------------------------------ */

.cms_toolbar,
.cms_toolbar_top
{
	background: #f2f2f2;
	border-bottom: solid 1px #bfbfbf;	
	width: 100%;	
}

.cms_toolbar
{
	border-top: solid 1px #bfbfbf;
	/*margin-top: 8px;*/
}

.cms_toolbar tr,
.cms_toolbar_top tr
{
	vertical-align: top;
}

.cms_toolbar td,
.cms_toolbar_top td
{
	padding: 0px 6px;
	vertical-align: top;
}


.cms_toolbar .cms_buttons_small,
.cms_toolbar_top .cms_buttons_small
{
	padding-top: 3px;
	text-align: right;
}

.cms_toolbar .cms_buttons_small input,
.cms_toolbar_top .cms_buttons_small input
{
	margin-bottom: 3px;
}


.cms_toolbar .cms_filter,
.cms_toolbar_top .cms_filter
{
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: right;
}


.cms_toolbar .cms_caption,
.cms_toolbar_top .cms_caption
{
	color: #808080;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}


  /* -- Content elements ------------------------------------------------------------------------ */
  
.cms_details
{
	margin: 8px 8px;
}

.cms_details tr
{
	vertical-align: top;
}

.cms_details .column_key
{
	padding-top: 2px;
	padding-bottom: 8px;
	padding-right: 16px;
	text-align: right;
	width: 128px;
}

.cms_details .column_info
{
	padding-top: 2px;
	padding-bottom: 8px;
}

.cms_details .column_summary
{
	padding-bottom: 2px;
	padding-bottom: 8px;
}

.cms_details .column_value
{
	padding-bottom: 2px;
	text-align: left;
}


  /* -- Pager elements -------------------------------------------------------------------------- */
  
.cms_pager_first, .cms_pager_last, 
.cms_pager_next, .cms_pager_prev,
.cms_pager_first_active, .cms_pager_last_active,
.cms_pager_next_active, .cms_pager_prev_active
{
	display: block;
	height: 16px;
	width: 16px;
}

.cms_pager_first
{
	background: url('images/pager/first.gif') no-repeat;
}

.cms_pager_first:hover,
.cms_pager_first_active
{
	background: url('images/pager/first_active.gif') no-repeat;
}

.cms_pager_last
{
	background: url('images/pager/last.gif') no-repeat;
}	

.cms_pager_last:hover,
.cms_pager_last_active
{
	background: url('images/pager/last_active.gif') no-repeat;
}

.cms_pager_next
{
	background: url('images/pager/next.gif') no-repeat;
}

.cms_pager_next:hover,
.cms_pager_next_active
{
	background: url('images/pager/next_active.gif') no-repeat;
}

.cms_pager_prev
{
	background: url('images/pager/prev.gif') no-repeat;
}

.cms_pager_prev:hover,
.cms_pager_prev_active
{
	background: url('images/pager/prev_active.gif') no-repeat;
}


	/* -- Datalist elements ----------------------------------------------------------------------- */
	
.cms_datalist,
.cms_datalist_groups
{
	width: 100%;
}

.cms_datalist .cms_empty,
.cms_datalist_groups .cms_empty
{
	padding-top: 8px;
}

.cms_datalist .cms_header,
.cms_datalist_groups .cms_header
{
	background: #f2f2f2;
	border-bottom: solid 1px #e5e5e5;
	color: #4d4d4d;
	font-weight: bold;
	height: 24px;	
}

.cms_datalist .cms_footer,
.cms_datalist_groups .cms_footer
{
	background: #f2f2f2;
	color: #4d4d4d;
	font-weight: bold;
	height: 23px;	
}


.cms_datalist_groups td.cms_row,
.cms_datalist_groups td.cms_row_alternate,
.cms_datalist_groups td.cms_row_selected
{
	background: url('images/datalist/folder_closed.gif') 6px top no-repeat;
	padding: 3px 6px;
	padding: 3px 6px 3px 26px;
}

.cms_datalist_groups .cms_row_alternate
{
	background: #f2f8ff;
}

.cms_datalist_groups td.cms_row_selected
{
	background: url('images/datalist/folder_open.gif') 6px top no-repeat;
}

.cms_datalist_groups .cms_row_selected *
{	
	color: #4d4d4d;
	font-weight: bold;
}


	/* -- Gridview elements ----------------------------------------------------------------------- */
	
.cms_gridview
{
	width: 100%;
}

.cms_gridview td,
.cms_gridview th
{
	padding-left: 8px;
	/*text-align: left;*/
}

.cms_gridview .cms_column_right
{
	padding-right: 8px;
}

.cms_gridview .cms_empty td
{
	padding-top: 8px;
}

.cms_gridview .cms_header
{
	background: #f2f2f2;
	border-bottom: solid 1px #e5e5e5;
	color: #4d4d4d;
	font-weight: bold;
	height: 24px;	
}

.cms_gridview .cms_footer
{
	background: #f2f2f2;
	color: #4d4d4d;
	font-weight: bold;
	height: 23px;	
}

.cms_gridview .cms_pager
{
	background: #f2f2f2;
	color: #4d4d4d;
	font-weight: bold;
	height: 23px;		
}

.cms_gridview .cms_pager table
{
	float: right;
	margin-right: 6px;
}

.cms_gridview .cms_row td,
.cms_gridview .cms_row_alternate td,
.cms_gridview .cms_row_selected td
{
	border-bottom: solid 1px #e5e5e5;
}

.cms_gridview .cms_row_alternate
{
	background: #f2f8ff;
}

/*.cms_gridview .cms_row:hover,
.cms_gridview .cms_row_alternate:hover,
.cms_gridview .cms_row_selected
{
	background: #e5f1ff;
	cursor: pointer;
}*/

.cms_gridview .cms_row_selected
{
	background: #e5f1ff;
}

.cms_gridview .cms_row,
.cms_gridview .cms_row_alternate,
.cms_gridview .cms_row_selected,
.cms_gridview .cms_row a,
.cms_gridview .cms_row_alternate a,
.cms_gridview .cms_row_selected a
{
	color: #000000;
}

.cms_gridview .cms_row td,
.cms_gridview .cms_row_alternate td,
.cms_gridview .cms_row_selected td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.cms_gridview td.cms_column_number,
.cms_gridview th.cms_column_number
{
  text-align: left;
	width: 44px;
}

.cms_gridview .cms_column_number,
.cms_gridview .cms_column_number a
{
	color: #4d4d4d;	
	font-weight: bold;
}

.cms_gridview td.cms_column_checkbox,
.cms_gridview th.cms_column_checkbox
{
	/* IE has auto margin/padding for checkboxes */	
	padding-top: 0px;
	padding-bottom: 0px;	
	width: 24px;
}

.cms_gridview td.cms_column_checkbox input,
.cms_gridview th.cms_column_checkbox input
{
	width: 100%; /* Set to align center */
}


	/* -- Formview elements ----------------------------------------------------------------------- */

.cms_formview
{
	margin-bottom: 16px;
	text-align: left;
	width: 100%;
}

.cms_formview .cms_details
{
	margin: 8px 8px;
}

.cms_formview .cms_details tr
{
	vertical-align: top;
}

.cms_formview .cms_details .column_key
{
	padding-top: 2px;
	padding-bottom: 8px;
	padding-right: 16px;
	text-align: right;
	width: 128px;
}

.cms_formview .cms_details .column_info
{
	padding-top: 2px;
	padding-bottom: 8px;
}

.cms_formview .cms_details .column_summary
{
	padding-bottom: 2px;
	padding-bottom: 8px;
}

.cms_formview .cms_details .column_value
{
	padding-bottom: 2px;
	text-align: left;
}

.cms_formview .cms_pager
{
	color: #4d4d4d;
	font-weight: bold;
	height: 23px;		
}

.cms_formview .cms_pager table
{
	float: right;
	margin-right: 6px;
}

.cms_formview .cms_pager table td
{
	padding-left: 8px;
}


  /* -- Gallery elements ----------------------------------------------------------------------- */

.cms_gallery_image
{
	border: solid 1px #e3e4e5;
	float: left;
	margin-bottom: 6px;
}

.cms_gallery_image img
{
	margin: 6px;
	height: 64px;
	width: 64px;
}

.cms_gallery_image .cms_image_details
{
	background: #f0f1f3;
	border-top: solid 1px #e3e4e5;		
	padding: 3px 6px;
	width: 64px;	
}

.cms_gallery_image .cms_image_details p
{
	overflow: hidden;
}

.cms_gallery_separator
{
	float: left;
	width: 6px;
}


	/* -- Listview elements ----------------------------------------------------------------------- */

.cms_listview *
{
	color: #4d4d4d;
}

.cms_listview .cms_details .cms_button_48x48 img
{	
	margin: 8px;
}

.cms_listview .cms_details .column_space
{
	width: 8px;
}

.cms_listview .cms_details .row_separator
{
	height: 8px;
}


	/* -- Treeview elements ----------------------------------------------------------------------- */

.cms_treeview
{
	margin-bottom: 16px;
	text-align: left;
	width: 100%;
}

.cms_treeview td.cms_node
{
	/*background: url('images/treeview/folder_closed.gif') no-repeat;
	padding-left: 20px;*/
}

.cms_treeview td.cms_node_selected
{
	/*background: url('images/treeview/folder_open.gif') no-repeat;*/
	color: #4d4d4d;
	font-weight: bold;
	/*padding-left: 20px;*/
}


/* -- Master patterns --------------------------------------------------------------------------- */

.cms_window .cms_content_frame
{
	padding: 8px;
}


.cms_windows .cms_window_overview
{
	width: 256px;
}


.cms_windows .cms_window_middle
{
	text-align: center;
}


/* -- Autosize elements ------------------------------------------------------------------------- */

#autosizeMainContent,
#autosizeOverviewContent,
#autosizeDetailsContent,
#autosizeSpecialContent
{
	overflow: auto;
}