a.button {
	float: left;
	color: #F4D36A;			
	text-decoration:none;
	font-size: 12px;	
}
a.button .left {
	background: url(../img/element.button.left.png) no-repeat scroll;	
	width: 10px;
	height: 31px;
}
a.button .right {	
	float: left;
	background: url(../img/element.button.right.png) no-repeat right top;
    background-position: 100% 0px; 
	padding: 8px 12px 0 0;
	height: 31px;
}
span.help {
	float: left;
	background: url(../img/element.icon.help.png) no-repeat bottom;
	width: 21px;
	height: 21px;		
}

/* Scroll bars */

.scrollable {
	float: left;
	width: 820px;
	height: 200px;
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	overflow: hidden;
	/* white-space: nowrap; */
}

span.upperCase {
	text-transform: uppercase;
}


.vscroll-top {
	position: absolute;
	width: 18px;
	height: 10px;
	background: transparent url(../img/scrollbar_top.png) no-repeat top left;
}

.vscroll {
	position: absolute;
	width: 18px;
	height: 159px;
}

.vscroll-bottom {
	position: relative;
	float: left;
	width: 18px;
	height: 157px;
	background: transparent url(../img/scrollbar_body.png) no-repeat bottom left;
}

/* page links */
.pagelinks {
    position: absolute;
    top: 1px;
    left: 100px;
}

.pagelinkText {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	height: 13px;	
	padding-top: 1px;
  	font-family: arial;
  	text-align: center;
  	width: 512px;
}	

/* STD Button */

.stdButton {
	float: left;
}

.stdButtonLeft {
	float: left;
	background: url(../img/button.left.png) no-repeat left top;
	width: 7px;
	height: 24px;
}

.stdButtonContent{
	float: left;
	background: url(../img/button.content.png) repeat-x top;
/*	height: 24px;	/* peter */
	height: 20px;	/*gku*/
	padding: 4px 0 0 0;
	text-align: center;
}

.stdButtonContentText {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	height: 13px;	
	padding-top: 1px;
  	font-family: arial;
	cursor: pointer;	
	/*min-width: 70px;*/
}

.stdButtonRight {
	float: left;
	background: url(../img/button.right.png) no-repeat;
	width: 7px;
	height: 24px;	
}

.stdButton a.stdButton {
	
	text-decoration: none;
}

.stdButton .delete {
	float: left;
	background: url(../img/icons/close.png) no-repeat 2px;
	height: 14px;
	width: 16px;
		margin-top: 1px;
	text-align: center;
}

.stdButton .edit {
	float: left;
	background: url(../img/icons/gear.png) no-repeat 2px;
	margin-top: 1px;
	height: 14px;
	width: 16px;
	text-align: center;
}

 .stdButtonContent .separator  {
	float: left;
	background: url(../img/button.separator.png) no-repeat;
	margin: -4px 2px 0px 2px;
	height: 19px;
	width: 1px;
}

/* Red standard button */

.redstdButton {
	float: left;
}

.redstdButtonLeft {
	float: left;
	background: url(../img/redbutton.left.png) no-repeat left top;
	width: 7px;
	height: 24px;
}

.redstdButtonContent{
	float: left;
	background: url(../img/redbutton.content.png) repeat-x top;
	height: 24px;	/* gku */
/*	height: 20px;	gku*/
	padding: 4px 0 0 0;
	text-align: center;
}

.redstdButtonContentText {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	height: 13px;	
	padding-top: 1px;
  	font-family: arial;
	cursor: pointer;	
	/*min-width: 70px;*/
}

.redstdButtonRight {
	float: left;
	background: url(../img/redbutton.right.png) no-repeat;
	width: 7px;
	height: 24px;	
}

.redstdButton a.redstdButton {
	
	text-decoration: none;
}

/* Green standard button */

.greenstdButton {
	float: left;
}

.greenstdButtonLeft {
	float: left;
	background: url(../img/greenbutton.left.png) no-repeat left top;
	width: 7px;
	height: 24px;
}

.greenstdButtonContent{
	float: left;
	background: url(../img/greenbutton.content.png) repeat-x top;
	height: 24px;	/* gku */
/*	height: 20px;	gku*/
	padding: 4px 0 0 0;
	text-align: center;
}

.greenstdButtonContentText {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	height: 13px;	
	padding-top: 1px;
  	font-family: arial;
	cursor: pointer;	
	/*min-width: 70px;*/
}

.greenstdButtonRight {
	float: left;
	background: url(../img/greenbutton.right.png) no-repeat;
	width: 7px;
	height: 24px;	
}

.greenstdButton a.greenstdButton {
	
	text-decoration: none;
}

/* Blue standard button */

.bluestdButton {
	float: left;
}

.bluestdButtonLeft {
	float: left;
	background: url(../img/bluebutton.left.png) no-repeat left top;
	width: 7px;
	height: 24px;
}

.bluestdButtonContent{
	float: left;
	background: url(../img/bluebutton.content.png) repeat-x top;
	height: 24px;	/* gku */
/*	height: 20px;	gku*/
	padding: 4px 0 0 0;
	text-align: center;
}

.bluestdButtonContentText {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	height: 13px;	
	padding-top: 1px;
  	font-family: arial;
	cursor: pointer;	
	/*min-width: 70px;*/
}

.bluestdButtonRight {
	float: left;
	background: url(../img/bluebutton.right.png) no-repeat;
	width: 7px;
	height: 24px;	
}

.bluestdButton a.bluestdButton {
	
	text-decoration: none;
}

/* Big Button */

.bigButton {
	float: left;
}

.bigButtonLeft {
	float: left;
	background: url(../img/bigButton.left.png) no-repeat left top;
	width: 8px;
	height: 33px;
}

.bigButtonContent{
	float: left;
	background: url(../img/bigButton.content.png) repeat-x top;
	height: 24px;	
	padding: 9px 0 0 0;
	text-align: center;
}

.bigButtonContentText {
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	height: 20px;	
	margin-top: 0px;
  	font-family: arial;
	cursor: pointer;
	text-align: center;
	/*min-width: 70px;*/
}

.bigButtonRight {
	float: left;
	background: url(../img/bigButton.right.png) no-repeat;
	width: 8px;
	height: 33px;	
}

.bigButton a.bigButton {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
}



/* EditField */
/* ComboBox */

.editField {
	float: left;
}

.comboBoxLeft,
.editFieldLeft {
	float: left;
	background: url(../img/edit.left.png) no-repeat left top;
	width: 7px;
	height: 22px;
}

.comboBoxContent,
.editFieldContent{
	float: left;
	background: url(../img/edit.content.png) repeat-x top;
	height: 23px;
	position: relative;
}

.comboBoxContentLabel,
.editFieldContentLabel{
	float: left;
	/*background: url(../img/edit.content.png) repeat-x top; peter 20090915*/
	height: 16px;	
	padding: 6px 0px 0px 6px;
	font-weight: bold;
	color: #AAAAAA;
	text-align: left;
	z-index: 1;
	position: absolute;
	text-transform: uppercase;
}

.pseudoEditField .editFieldContent
{
	float: left;
	background: url(../img/edit.content.png) repeat-x top;
	height: 16px;	
	padding: 6px 0px 0px 6px;
	font-weight: bold;
	color: #666666;
	text-align: left;
}

.comboBoxRight,
.editFieldRight {
	float: left;
	background: url(../img/edit.right.png) no-repeat;
	width: 7px;
	height: 22px;	
}
.comboBoxContent input,
.editFieldContent input,
.roFieldContent {
	font-size: 14px;
	font-weight:900;
	padding: 3px 0px 0px 3px;
	margin-right: 5px;
	background-color:transparent;
	background:none;
	border: none;
	z-index: 333;
	position: absolute;
	float: left;
}

.comboBoxContentLabelError,
.editFieldContentLabelError{
	color: #ff6262;
}


.comboBoxContent input {
	cursor: pointer; 
	background: url(../img/icons/down.png) no-repeat right 7px ;
}

.comboBox {
	float: left;
}
div.autocompleteChoices,
div.comboBoxPopUp {
	position:relative;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	z-index: 555;
	max-height: 300px;
	width: 200px;
	overflow: auto;
	display:block;
    height:auto;
}

div.autocompleteChoices ul,
div.comboBoxPopUp ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
/*div.comboBoxPopUp ul li:hover { background-color: #ffb;}
div.comboBoxPopUp ul li.selected:hover { background-color: #eea;}*/
div.autocompleteChoices ul li.selected,
div.comboBoxPopUp ul li.selected { 
    background-color: #ffb;
}


div.comboBoxPopUp ul li,
div.autocompleteChoices ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:3px 3px 3px 3px;
	height: 15px;
	cursor:pointer;
	font-size: 1.3em;
    white-space: nowrap;
  	font-family: arial;
}




.bigeditField {
	float: left;
}

.bigcomboBoxLeft,
.bigeditFieldLeft {
	float: left;
	background: url(../img/bigEdit.left.png) no-repeat left top;
	width: 8px;
	height: 33px;
}

.bigcomboBoxContent,
.bigeditFieldContent{
	float: left;
	background: url(../img/bigEdit.content.png) repeat-x top;
	height: 33px;
	position: relative;
}

.bigcomboBoxContentLabel,
.bigeditFieldContentLabel{
	float: left;
	/*background: url(../img/bigEdit.content.png) repeat-x top;*/
	height: 25px;	
	padding: 8px 0px 0px 6px;
	font-weight: bold;
	top: 1px;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #AAAAAA;
	text-align: left;
	z-index: 1;
	position: absolute;
}

.bigcomboBoxRight,
.bigeditFieldRight {
	float: left;
	background: url(../img/bigEdit.right.png) no-repeat;
	width: 8px;
	height: 33px;	
}
.bigcomboBoxContent input,
.bigeditFieldContent input,
.bigroFieldContent {
	font-size: 1.5em;
	font-weight:900;
	top: 2px;
	padding: 6px 0px 0px 3px;
	margin-right: 5px;
	background-color:transparent;
	background:none;
	border: none;
	z-index: 2;
	position: absolute;
	float: left;
}

.bigcomboBoxContentLabelError,
.bigeditFieldContentLabelError{
	color: #ff6262;
}


.bigcomboBoxContent input {
	cursor: pointer; 
	background: url(../img/icons/down.png) no-repeat right 10px ;
}

.bigcomboBox {
	float: left;
}



/*----------- Round edit boxen----------------*/

.roundEditField {
	float: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.roundEditField .roundEditFieldLeft {
	background: url(../img/search.left.png) no-repeat top;
	float: left;
	height: 25px;
	width: 12px;
}
.roundEditField .roundEditFieldContent {
	background: url(../img/search.content.png) repeat-x top;
	float: left;
	height: 25px;
	width: 288px;
	float: left;
	position: relative;
}

.roundEditField .roundEditFieldLabel {
	font-size: 1.1em;
	font-weight: bold;
    color: #444444;
    padding-top: 5px;
	background: url(../img/search.content.png) repeat-x top;
    height: 25px;
	float: left;
	position: relative;
}

.roundEditField .roundEditFieldInput{
    float: left;
	font-size: 1.1em;
	font-weight: bold;
	/*border: 1px grey solid; */
	border: none;
	background: transparent;
	float: left; 
	width: 270px; 
	height: 15px;
	padding-top: 5px;
	color: #777777;

	
}

.roundEditField .roundEditFieldSearchButton {
	background: url(../img/icons/brightLoupe.png) no-repeat top;
	margin-top: 5px;
	height: 15px;
	width: 15px;
	/*float: right;*/
	cursor: pointer;
	position: absolute;
	right: -5px;
}

.roundEditField .roundEditFieldResetButton {
	background: url(../img/icons/close.png) no-repeat top;
	margin-top: 6px;
	height: 15px;
	width: 15px;
	/*float: right;*/
	cursor: pointer;
	position: absolute;
	right: -5px;
}


.roundEditField .roundEditFieldRight {
	background: url(../img/search.right.png) no-repeat top;
	float: left;
	height: 25px;
	width: 12px;
}

/*----------- Short Message ---------------*/

.shortmsg {
    margin-top: 2px;
    margin-bottom: 2px;
}
 .shortmsgLeftUpper,
 .shortmsgLeftBottom,
 .shortmsgRightUpper,
 .shortmsgRightBottom
{
    background: url(../../community/img/textAreaLeftUpper.png) repeat-x top;
    height: 19px;
    width: 19px;
    float: left;
}
 .shortmsgLeftUpper {
    background: url(../../community/img/textAreaLeftUpper.png) repeat-x top;
}
 .shortmsgRightUpper {
    background: url(../../community/img/textAreaRightUpper.png) repeat-x top;
}
 .shortmsgLeftBottom {
    background: url(../../community/img/textAreaLeftBottom.png) repeat-x top;
}
 .shortmsgRightBottom {
    background: url(../../community/img/textAreaRightBottom.png) repeat-x top;
}

 .shortmsgLeft {
    background: url(../../community/img/textAreaLeft.png) repeat-y top;
    width: 19px;
    float: left;
}

 .shortmsgRight {
    background: url(../../community/img/textAreaRight.png) repeat-y top;
    width: 19px;
    float: left;
}
 .shortmsgContent{
    float: left;
    background-color: #fdfcfc;
 }

 .shortmsgBottom,
 .shortmsgUpper {
    width: 545px;
    height: 19px;
    float: left;
}
 .shortmsgUpper {
    background: url(../../community/img/textAreaUpper.png) repeat-x top;
}

 .shortmsgBottom {
    background: url(../../community/img/textAreaBottom.png) repeat-x top;
}

 .shortmsgMiddle {
    clear: both;
    height: auto;
    width: 563px;
    padding-left: 10px;
    padding-right: 10px;
    background: url(../../community/img/textAreaMiddle.png) repeat-y top;
}


 .shortmsgTextarea {
    position: relative;
    left: -10px;
    top: -12px;
 	font-size: 1.1em;
	font-weight: bold;
	border: none;
	background: transparent;
	float: left; 
	color: #777777;
 }

/* TODO mp: to be renamed */
#progress_win {
	background-color: #DFEDF0;	
	border: 1px solid #0F8292;
	border: 1px solid #1290A1;	
	margin: 12px auto 0 auto;
	width: 200px;
	display: none;
}
#progress_win_balken {
	overflow: visible;
	width: 0px;
    background: url(../img/element.progressbar.gif) repeat-x left top;
    height: 16px;
	margin: 0;
	padding: 0;	
    text-align: center;
	color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;		
}