/********* Viewport cls *************/
.viewportregioncenter {
	background-image:url(../images/desktop.jpg) !important;
}
.viewportregionnorth {
}
.viewportregioneast {
		background-image:url(../images/desktop.jpg) !important;
}
.viewportregionsouth {
		background-image:url(../images/desktop.jpg) !important;
}
.viewportregionwest {
  background-color: #ffffff;
}

/******** Menutree Nodes for TreePanel with id 'menu' ***********/
#menu .x-panel-body {
    background-color: transparent;
}
#menu .x-tree-root-ct {
    background-color: transparent;
}
#menu .x-tree-node-ct {
    background-color: transparent;
}

    /*  This does not work - the cls is not applied to the nodes */
.menutreenodecls {
	color: white;
}

/********* Barrierfree display ***************************/


/***** Tabular FORM ******/

.tabularbarrierfree p{
	margin: 0;
	padding: 1px 0 1px 0;  /* distance between tabular form rows */
	padding-left: 160px; /* width of left column containing the label elements*/
	/*height: 2em;*/   /* line distance in forms also 5% */
}

.tabularbarrierfree label{
	font-weight: bold;
	float: left;
	margin-left: -160px; /*width of left column*/
	width: 155px; /*width of labels. Should be smaller than left column to create some right margin*/
	font-size:x-small; 
	color: #eeeeff;
}

/*
blockquote {padding-left: 6px; border-left: 2px solid #ccc;}
input, select {vertical-align: middle; margin-bottom: 4px;}

input.button-small {font-size: 0.8em;}
.select-small {font-size: 0.8em;}
legend {color: #505050;}
.required {color: #bb0000;}
hr { border:none; border-bottom: dotted 1px #c0c0c0; }
table p {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	font-size:150%;
}

h2 {
	font-size:130%;
}

h3 {
	font-size:110%;
}

hr, #logo h1 {
	display:none;
}
*/

/* DIV classes */
/* Box around elements */
div.box{
margin:0 0 0 0;
padding:5px;
border:0px solid #EEEEFF;
line-height:0.7em;
}

div.inner {
	margin:4px; /*Neccesary for the menubar to work properly when selecting entries */
}

body {
	margin:auto;
	/*text-align:center;  creates problems with tree menu*/
	/*margin:0px;*/
	padding:0px;
	font-size:small;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-weight:normal;
	/*background-color: #CCCCFF;*/
	background-image:url(../images/desktop.jpg);
}

p {
	font-size:80%;
	font-weight:lighter;
	color:#111111;
/*  text-decoration:none; */
	margin:0px;
	line-height: normal;
	border-width: 0px;
}

div.languageflags {
	float: left;
	width: 100px;
}

/*************
 *  DIV ids  *
 *************/

div#page {
	width:100%;
	height:100%;
	position:absolute; top:0; left:0;
}

div#header {
  /*	background:#6600CC; */
	background-image:url(../images/desktop.jpg) !important;
  /*	overflow:auto; */
}
div#headerleftcolumn {
	float: left;
	width: 20%;  /* Necessary for firefox float handling */
}
div#logo {
	background-color: transparent;
	margin: 2px;
}
div#headerrightcolumn {
	float: right;
	width:10%; /* Necessary for firefox float handling */
}
div#headercentercolumn {
	float: left;
	width: 68%;  /* Necessary for firefox float handling */
}
div#mandantname {
	color:#999999;
	text-align: center;
	width: 100%; 
/*	margin: 10px; */
	font-size: large;
	font-weight: bold;
}
div#headerline1 {
	float: left;
	width: 30%;
}
div#headerline2 {
	width: 68%;
	float: left;
	text-align: center;
}
div#username {
	color:#DDDDDD;
	clear: both;
	float: left;
/*	margin: 10px; */
	font-size: x-small;
	font-weight: bold;
}
div#substituted {
	color:#11FF11;
	float:left;
/*	margin: 10px; */
	font-size: x-small;
	font-weight: bold;
}
div#ajaxtime {
	color:#BBBBBB;
		clear: both;
/*	margin: 10px; */
	font-size: x-small;
	font-weight: bold;
}
div#flashnotice {
	float:left;
	width: 90%; 
  text-decoration:none;
	font-size:100%;
	font-weight:lighter;
	color:#EEEEEE;
	margin: 2px;
}
div#generalhelp {
	float: right;
	margin: 2px;
	overflow:visible;
}
div#logout {
	float:right;
	margin: 2px;
}

div#headermenubar {
	/*width: 100%;*/
	clear:both;
/*	background-image:url('../images/css_image_menu/image_drop_back.gif'); */
	background-repeat:repeat-x;
	background-position: 0%;
}

div#content {
/*	background:#BBBBFF; */
	clear:both;
	overflow:auto; /* Only then the screen is filled with the background color */
  height:auto;
	}

div#leftcolumn {
	}

div#applicationcolumn {
}

div#maindiv {
/*	background-image:url(../images/desktop.jpg); */
}
div#flaglist {
	margin-top:20px;
	margin-left:120px;
	margin-bottom:0px;
}

div#ssl_logo{
	margin-left:280px;
	margin-top:10px;
	margin-bottom:10px;
}

div#login{
/*	float:left; */
	margin-top:0px;
	margin-left:100px;
	width: 400px;  /* Necessary for firefox float handling */
}

div#footer {
/*	clear: both;
	height:32px;
	text-align:center;
	font-size:small;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-weight:lighter;
	color: #0000FF;
	background-color: #D0D0D0;*/
}

div#leftmenu_toolbar{
	float:left;
	background-color: #BBBBBB;
}

/* Styles for the RSS XML feed */

div#rss {
/*	float: right; */
	width: 60%;  /* Necessary for firefox float handling */
}

div#rssTitleTemplate {
	margin: 0px 20px 20px 20px;
	font-size:small;
	color:#EEEEEE;	
}
div#rssBodyTemplate {
	margin: 0px 20px 20px 20px;
	font-size:smaller;
	text-align:left;
  color:#EEEEEE;
}

/* Styles for the courselist XML feed */

div#courselist {
	width: 900px;
	background-color:#FFFFFF;
	margin: 20px auto;
}
div#courseTitleTemplate {
	font-size:smaller;
	color:#000000;	
	background-color:#EEEEEE;
}
span#courseBodyTemplate {
	font-size:small;
}
div.courselist_coursenumber {	clear:both; float:left; text-align:center; width:90px;}
div.courselist_name					{	float:left; width:200px; }
div.courselist_participants {	float:left; text-align:center; width:110px; }
div.courselist_no_of_registrations {	float:left; text-align:center; width:110px; }
div.courselist_price {	float:left; text-align:center; width:110px; }
div.courselist_inscriptionfee {	float:left; text-align:center; width:110px; }
div.courselist_description {	clear:both; font-size:smaller; margin-left: 90px; width: 800px;}


/* Now come styles for the horizontal menu bar */
/**************
div#topmenu {
	float:left;
	white-space:nowrap;
}
div#topmenu ul {
	margin:0px;
	padding-right:10px;
	list-style:none;
	float:left;
}
div#topmenu li {
	float:left;
	background-color:white;
	margin:0px 1px;
	padding:0px;
}
div#topmenu a, #topmenu a:visited {
	float:left;
	padding:2px 10px;
	background-color:#dddddd;
	text-decoration:none;
	font-weight:bold;
	color:blue;
}
div#topmenu a:hover {
	background-color:#9999CC;
	color:#333388;
}

div#menu ul, div#rightcolumn ul {
	list-style:none;
	margin:1px;
	padding:0px;
	background:#FFFFFF;
}
div#menu a, div#menu a:visited {
	text-decoration:none;
	margin:1px;
	font-size:80%;
	font-weight:lighter;
	color:#111111;
}
div#menu a:hover {
	color:#0000FF;
	background:#DDDDFF;
}
div#menu a:active {
	color:#0000FF;
	background:#AAAAFF;
}
***********/

/* Icons for the ext-toolbar */

/* Mouseover style for toolbar */
.toolbarmouseover{
	background:#6600CC;
}


/* Generic grid toolbar icons */
.menushow {
  background-image:url(../../images/ext-toolbar/menu-show.gif) !important;
}

.add {
  background-image:url(../../images/ext-toolbar/add.png) !important;
}
.copy {
  background-image:url(../../images/ext-toolbar/layers--arrow.png) !important;
}
.remove {
  background-image:url(../../images/ext-toolbar/delete.png) !important;
}
.edit {
  background-image:url(../../images/ext-toolbar/pencil.png) !important;
}
.show {
  background-image:url(../../images/ext-toolbar/eye.png) !important;
}
.rowinsert {
  background-image:url(../../images/ext-toolbar/table_row_insert.png) !important;
}
.rowdelete {
  background-image:url(../../images/ext-toolbar/table_row_delete.png) !important;
}
.save {
  background-image:url(../../images/ext-toolbar/disk.png) !important;
}
.save_and_next {
  background-image:url(../../images/ext-toolbar/disk_multiple.png) !important;
}
.save_changes {
  background-image:url(../../images/ext-toolbar/disk.png) !important;
}
.reject_changes {
  background-image:url(../../images/ext-toolbar/cancel.png) !important;
}
.back {
  background-image:url(../../images/ext-toolbar/arrow_left.png) !important;
}
.execute {
  background-image:url(../../images/ext-toolbar/accept.png) !important;
}
.suspend {
  background-image:url(../../images/ext-toolbar/lock.png) !important;
}
.unsuspend {
  background-image:url(../../images/ext-toolbar/lock_open.png) !important;
}
.proceed {
  background-image:url(../../images/ext-toolbar/accept.png) !important;
}
.cancel {
  background-image:url(../../images/ext-toolbar/cancel.png) !important;
}
.setstate_confirm {
  background-image:url(../../images/ext-toolbar/flag_green.png) !important;
}
.setstate_reject {
  background-image:url(../../images/ext-toolbar/flag_red.png) !important;
}
.cancel_serviceregistration {
  background-image:url(../../images/ext-toolbar/flag_green_cancel.png) !important;
}
.setstate_sendemail {
  background-image:url(../../images/ext-toolbar/flags_red_green_email.png) !important;
}
.setstate_invoiceable {
  background-image:url(../../images/ext-toolbar/money_add.png) !important;
}
.removestate_invoiceable {
  background-image:url(../../images/ext-toolbar/money_delete.png) !important;
}
.sendemail {
  background-image:url(../../images/ext-toolbar/email_go.png) !important;
}
.sendlistperemail {
  background-image:url(../../images/ext-toolbar/page_white_email.png) !important;
}
.sendavis {
  background-image:url(../../images/ext-toolbar/email_go.png) !important;
}
.course_participantslist {
  background-image:url(../../images/ext-toolbar/pdf.png) !important;
}
.assign_all {
  background-image:url(../../images/ext-toolbar/arrow_left.png) !important;
}
.download {
  background-image:url(../../images/ext-toolbar/drive_disk.png) !important;
}
.publish {
  background-image:url(../../images/ext-toolbar/transmit_add.png) !important;
}
.unpublish {
  background-image:url(../../images/ext-toolbar/transmit_delete.png) !important;
}
.accept {
  background-image:url(../../images/ext-toolbar/accept.png) !important;
}
.accept_not {
  background-image:url(../../images/ext-toolbar/cancel.png) !important;
}
.selectionlist {
    background-image:url(../../images/ext-toolbar/text_list_bullets.png) !important;
}
.vcard {
    background-image:url(../../images/ext-toolbar/vcard.png) !important;
}

/* File download and upload icons */
.excel_export-icon {
  background-image:url(../../images/ext-toolbar/page_excel.png) !important;
}
.csv_export-icon {
  background-image:url(../../images/ext-toolbar/page_white_c.png) !important;
}
.image_upload-icon {
  background-image:url(../../images/ext-toolbar/image_add.png) !important;
}


/* toolbar icons for the tree or columntree - to create a new node */
.element_add-icon {
    background-image:url(../../images/ext-toolbar/page_add.png) !important;
}
.delete-icon {
    background-image:url(../../images/ext-toolbar/cross.png) !important;
}
.folder_add-icon {
    background-image:url(../../images/ext-toolbar/folder_add.png) !important;
}
.save-icon {
    background-image:url(../../images/ext-toolbar/disk.png) !important;
}
.reload-icon {
    background-image:url(../../images/ext-toolbar/refresh.gif) !important;
}
.expand_all-icon {
    background-image:url(../../images/ext-toolbar/expand.gif) !important;
}
.collapse_all-icon {
    background-image:url(../../images/ext-toolbar/collapse.gif) !important;
}

/* icons used in grid columns */
.grid_col_attach {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
    background-image:url(../../images/ext-grid/attach.png) !important;
}

/* generic use icons */
.usergroup {
    background-image:url(../../images/ext-toolbar/group.png) !important;
}
.usergroup_add {
    background-image:url(../../images/ext-toolbar/group_add.png) !important;
}
.usergroup_delete {
    background-image:url(../../images/ext-toolbar/group_delete.png) !important;
}
.googlemap {
    background-image:url(../../images/ext-toolbar/map.png) !important;
}
.website {
    background-image:url(../../images/ext-toolbar/world_go.png) !important;
}

/* replacement of original icons ass the path to the images is relative to the CSS */
.y-layout-collapse-north {
		background-image:url(../../ext/resources/images/default/layout/ns-collapse.gif);
}