/* lightbox */

div#adminToolBar {
	z-index: 30;
	background-color: red;

}

div#lightbox {
	position: absolute;
	z-index: 20;
	
	display: none;
	
	width: 100%;
	height: 50px;
	background-image: url(../../images/standard/lightBox/transArea.png);
}

div#lightbox div#formular {
	margin: 20px auto;
	
	width: 496px;
}


div#lightbox div#formular div#top {
	padding: 5px 0 0 20px;

	width: 476px;
	
	height: 55px;

	background-image: url(../../images/standard/lightBox/toolbarTop.png);
	background-repeat: no-repeat;
}

div#lightbox div#formular div#bottomFormular {
	padding: 10px 20px 30px 20px;

	width: 456px;
	
	background-image: url(../../images/standard/lightBox/toolbarBottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}




div#lightbox div#formular div#top a.close {
	float: right;

	margin: 14px 14px 0 0;

	display: block;
	
	width: 25px;
	height: 24px;
	
	background-image: url(../../images/standard/lightBox/close.png);
	background-repeat: no-repeat;
}



div#lightbox div#formular div#top a.close:hover {
	float: right;

	margin: 14px 14px 0 0;
	
	display: block;

	width: 25px;
	height: 24px;
	
	background-image: url(../../images/standard/lightBox/close.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}



h3.h3Admin {
	float: left;
	margin: 12px 0 0 0;

	font-size: 20px;
	color: #fff;
}


/* Table */
th {
	padding: 0 0 4px 0;

	font-size: 11px;
	font-weight: bold;
}

th.left {
	text-align: left;
}

th.center {
	text-align: center;
}


td {
	vertical-align: middle;
}

td.center {
	text-align: center;
	vertical-align: middle;
}


div#admin {
	position: absolute;
	padding: 10px 0;
	z-index: 30;
	left: 40px;
	
	width: 130px;
	background-image: url(../../images/standard/admin/pulldown.png);
	background-repeat: no-repeat;
	background-position: bottom;

}


a {
	text-decoration: none;
}

/* Admin buttons Fronted */

a.clickEventTitle {
	position: absolute;
	left: -15px;
	
	display: block;
	width: 13px;
	height: 13px;
	
	background-image: url(../../images/standard/admin/action11x11.png);
	background-repeat: no-repeat;
}

a.clickEventTitle:hover {
	background-position: top right;	
}



/* admin form button */
.adminButton {
	display: block;
	margin: 0 auto;

	width: 96px;
	height: 26px;
	
	border: 0;
	
	font-size: 11px;
	color: #fff;
	
	text-align: center;
	line-height: 22px;
	
	background-image: url(../../images/standard/admin/pulldownButtons.png);
	background-repeat: no-repeat;
}

 .adminButton:hover {
	display: block;
	margin: 0 auto;

	width: 96px;
	height: 26px;
	
	border: 0;
	
	font-size: 11px;

	color: #fff;
	
	text-align: center;
	line-height: 22px;
	
	background-image: url(../../images/standard/admin/pulldownButtons.png);
	background-repeat: no-repeat;
	background-position: -96px;
}



/* admin Pulldown */
div#admin  .adminButton {
	display: block;
	margin: 0 auto;

	width: 96px;
	height: 26px;
	
	border: 0;
	
	font-size: 11px;
	color: #fff;
	
	text-align: center;
	line-height: 22px;
	
	background-image: url(../../images/standard/admin/pulldownButtons.png);
	background-repeat: no-repeat;
}


div#admin .adminButton:hover {
	display: block;
	margin: 0 auto;

	width: 96px;
	height: 26px;
	
	border: 0;
	
	font-size: 11px;

	color: #fff;
	
	text-align: center;
	line-height: 22px;
	
	background-image: url(../../images/standard/admin/pulldownButtons.png);
	background-repeat: no-repeat;
	background-position: -96px;
}



div#admin div.arrowDown {
	margin: 5px auto 5px auto;
	
	width: 25px;
	height: 24px;

	background-image: url(../../images/standard/admin/arrows.png);
	background-repeat: no-repeat;
}

div#admin div.arrowDown:hover {
	margin: 10px auto 5px auto;
	
	width: 25px;
	height: 24px;

	background-image: url(../../images/standard/admin/arrows.png);
	background-repeat: no-repeat;
	background-position: -25px;
}

div#admin div.arrowUp {
	margin: 10px auto 5px auto;
	display: none;
	width: 25px;
	height: 24px;

	background-image: url(../../images/standard/admin/arrows.png);
	background-repeat: no-repeat;
	background-position: -50px;
}

div#admin div.arrowUp:hover {
	margin: 5px auto 5px auto;
	
	width: 25px;
	height: 24px;

	background-image: url(../../images/standard/admin/arrows.png);
	background-repeat: no-repeat;
	background-position: -75px;
}



/* Admin Icons  Backend*/

/* Edit */

.adminIconEdit {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -168px;
}

.adminIconEdit:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -48px;
}

/* Create Main */

.adminIconMainCreate {
	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -192px;
}

.adminIconMainCreate:hover {
	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -72px;
}


/* Create */

.adminIconCreate {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -192px;
}

.adminIconCreate:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -72px;
}

/* STATUS */

.adminIconStatusOn {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -216px;
}


.adminIconStatusOn:hover {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -96px;
}

.adminIconStatusOff {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -96px;
}

.adminIconStatusOff:hover {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -216px;
}


.adminIconSetStartsideOn {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -144px;
}

.adminIconSetStartsideOn:hover {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -24px;
}


.adminIconSetStartsideOff {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -24px;
}



.adminIconSetStartsideOnDistance {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -144px;
}

.adminIconSetStartsideOnDistance:hover {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -24px;
}


.adminIconSetStartsideOffDistance {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -24px;
}

/* Delete */

.adminIconDelete {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -120px;
}

.adminIconDelete:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: 0;
}

/* Arrpw Up */

.adminIconArrowUp {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -288px;
}

.adminIconArrowUp:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -240px;
}

/* Arrow Down */

.adminIconArrowDown {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -312px;
}



.adminIconArrowDown:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -264px;
}

/* STATUS FOOTER */

.adminIconStatusFooterOff {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -384px;
}



.adminIconStatusFooterOff:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -432px;
}


.adminIconStatusFooterOn {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -432px;
}



.adminIconStatusFooterOn:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -384px;
}

/* STATUS MENU */

.adminIconStatusMenuOff {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -408px;
}



.adminIconStatusMenuOff:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -456px;
}

.adminIconStatusMenuOn {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -456px;
}



.adminIconStatusMenuOn:hover {
	float: right;

	display: block;

	width: 24px;
	height: 24px;

	background-image: url(../../images/standard/admin/actionIcons.png);
	background-repeat: no-repeat;
	background-position: -408px;
}


.adminIconTemplate {
	float: right;

	display: block;

	margin: 4px 0 0 0 ;

	width: 24px;
	height: 24px;
}

.adminIconTemplateDistance {
	float: right;

	display: block;

	margin: 4px 8px 0 0 ;

	width: 24px;
	height: 24px;
}


/* msg back als auch front*/
.msgDoneBack {
	padding: 10px;
	margin: 0 0 10px 0;

	width: 435px;
	
	font-size: 11px;
	color: #fff;
	
	background-color: #12b94e;
	border: 1px solid #1ea64f;
}

.msgFailedBack {
	padding: 10px;
	margin: 0 0 10px 0;

	width: 435px;
	
	font-size: 11px;
	color: #fff;
	
	background-color: #fb0000;
	border: 1px solid #a61414;
}


.msgDoneFront {
	padding: 10px;
	margin: 0 0 10px 0;

	width: 88%;
	
	font-size: 11px;
	color: #fff;
	
	background-color: #12b94e;
	border: 1px solid #1ea64f;
}

.msgFailedFront {
	padding: 10px;
	margin: 0 0 10px 0;

	width: 88%;
	
	font-size: 11px;
	color: #fff;
	
	background-color: #fb0000;
	border: 1px solid #a61414;
}