#loginform{
  position : fixed;
  width : 300px;
  height : 150px;
  top : 100px;



  left: 50%;
  margin-left: -150px;


  background : white;
  padding : 20px;
  border : 2px solid #dddddd;
  box-shadow: 10px 10px 5px grey;
  z-index : 220;

}

.popup{
  position : fixed;
  width : 1000px;
  top : 100px;
  
  bottom : 20px;
  
  overflow : auto;



  left: 50%;
  margin-left: -500px;


  background : white;
  padding : 20px;
  border : 1px solid #dddddd;
  box-shadow: 10px 10px 5px grey;
  z-index : 999;

}

#imagedialog{
  z-index : 999;	
}

[draggable=true] {
    cursor: move;
}

#pagemenu{
  position : fixed;

  background : white;
  width : 600px;
  height : 60px;
  #right : 20px;
  #top : 20px;
  padding : 10px;
  border : 1px solid #dddddd;
  box-shadow: 10px 10px 5px grey;
  overflow : auto;
  z-index : 999;

}
.actionbutton{
  height : 24px;
  border-radius : 8px;
  border : 1px solid #224466;
  background : white;
  margin-right : 5px;
  cursor : pointer;
}
.newsmessageimage{
  max-width : 150px;
}
input[type=text]{
  border : 1px solid #4476b4;
}
textarea{
  #border : 1px solid #4476b4;
  min-width : 400px;
  min-height : 150px;
}

.odd{
  background : #aaccdd;
}
.even{
  background ; white;
}
.tableheader{
  background : #224466;
  color : white;
  font-size : 11px;
}
.datacell{
  border : 1px solid #dddddd;
  font-size : 11px;
}
.label{
  color : black;	
  font-size : 12px;
}

.odd{
  color : black;	
}

.even{
  color : black;	
}

.portrait_preview{
  max-width : 300px;
  max-height : 300px;
}

textarea{
	width : 600px;
	height : 500px;
}

div.tab_active{
	height : 25px;
	background : #CCCCCC;
	background: linear-gradient(#EEEEEE, #CCCCCC); /* Standard syntax */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-top : 1px solid black;
	border-left : 1px solid black;
	cursor : pointer;
}
div.tab_inactive{
	height : 25px;
	background : #AAAAAA;
	background: linear-gradient(#BBBBBB, #999999); /* Standard syntax */
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border-top : 1px solid black;
	border-left : 1px solid black;
	cursor : pointer;
}

/***********************************************************wizard*************************************************************************/

#wizard{
	position: fixed; 
	visibility: hidden;
	top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
	#margin-left : -600px;
	#margin-right: auto;
	bottom: 40px;
	padding: 0px;
	border: 2px solid #7b9cb5;
	z-index: 7;
	border-radius : 7px;
	box-shadow: 10px 10px 5px grey;
	width : 1200px;
	resize: both;
	background : white;
}
#wizardContent{
	font-size: 11px;
	position: absolute; 
	overflow: auto;
	padding: 20px;
    background-color: white;
	top: 40px;
	right: 0px;
	left: 0px;
	bottom: 0px;

}
#wizardTitlebar{
	position: absolute; 
	top : 0px;
	left : 0px;
	right : 0px;
    height: 30px;
    padding-top : 10px;
    padding-left : 20px;
	font-size: 13px;
	font-weight: bold;
    background-color: #7b9cb5;
	cursor: move;
	color: white;	
	border-top-left-radius : 7px;
	border-top-right-radius : 7px;
}
.wizardTitlebarButton {
	float: right;
	cursor: default;
	height: 16px;
	width: 17px;	
	background-image:url('/res/closeWizard.png');
}
#wizardMinimized{
	position: absolute; 
	visibility: hidden;
	height: 15px;
	right: 1px;
	bottom: 1px;
	padding: 5px;
	cursor: pointer;
    font-size: 13px;
    font-weight: bold;	
	color: #DDDDFF;
	background-color: #444488;
	z-index: 5;
}
.processNodeBody{
	position : absolute;
	top : 0px;
	bottom : 30px;
	left : 0px;
	right : 0px;
	overflow : auto;
}
.wizardnavigation{
	position : absolute;
	bottom : 0px;
	height : 40px;
	left : 0px;
	right : 0px;	
	border-bottom-left-radius : 7px;
	border-bottom-right-radius : 7px;
	padding-left : 50px;


}	

/**********************************************************input.etc******************************************************************************************************/

textarea{
	width : 300px;
	height : 200px;
}	

/**************************************************************tabs********************************************************************/



.tab_active{

    height : 20px;
    padding : 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
	border-left : 1px solid #7b9cb5;
	border-right : 1px solid #7b9cb5;
	border-top : 1px solid #7b9cb5;
	
	color : 1px solid #7b9cb5;

}

.tab_active a{

	text-decoration : none;
	color : 1px solid #7b9cb5;

}

.tab_inactive{

    height : 20px;
    padding : 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
	background : #7b9cb5;
	color : white;

}

.tab_inactive a{

	font-weight : bold;
	text-decoration : none;
	color : white;

}

.formtab3_active{

    height : 20px;
    padding : 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
	border-left : 1px solid #7b9cb5;
	border-right : 1px solid #7b9cb5;
	border-top : 1px solid #7b9cb5;
	background : white;
	
	color : 1px solid #7b9cb5;
	cursor : pointer;

}

.formtab3_active a{

	text-decoration : none;
	color : 1px solid #7b9cb5;

}

.formtab3{

    height : 20px;
    padding : 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
	background : #7b9cb5;
	color : white;
	cursor : pointer;

}

.formtab3 a{

	font-weight : bold;
	text-decoration : none;
	color : white;

}

/************************************************************toolbar****************************************************************/


div.toolbar{
	padding: 1px;
	margin-bottom: 0px;
	height: 70px;
	border: 1px solid #7b9cb5;
	white-space: nowrap;
	-moz-border-radius: 3px;
	margin : 4px;
	border-radius: 3px;
	line-height : 30px;
	vertical-align : top;
}

.toolbarIconImage {
	padding: 1px;
	border: 1px solid transparent;
}

.toolbarIconLabel {
	font-size: 9px;
	font-weight: normal;
	white-space: normal;
	line-height : 10px;
}

.toolbarIcon {
	width: 74px;
	height: 70px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	text-align: center;
	border: 1px solid transparent;
	-moz-border-radius: 2px;
	border-radius: 3px;
}

a.toolbarLink {
	position: relative;
	display: inline-block;
	color : black;
}

a.toolbarLink span {
	display: none;
}

a.toolbarLink:hover span{
	display: inline;
	position: absolute;
	text-align: center;
	font-weight: normal;
    top: 46px;
	left: 50px;
	padding: 3px;
	z-index: 2;
	border: 1px solid gray;
	background-color: white;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.menuitem{
   
    font-weight : bold;
    border : 1px solid grey;
    
    background : #cccccc;
    cursor : pointer;
	
}

div.menuitem_active{
   
    font-weight : bold;
    border : 1px solid grey;
    
    background : #eeeeee;
    cursor : pointer;
    
    height : 30px;
	
}

td.itemtext{
    font-weight : bold;	
}