
/* -------------- INTERFACE: buttons -------------- */
/* begin */

a.adminBttn,
a.adminBttn b {    /* shared */
/*	display: block;*/
display: inline-block;
	}
	a.adminBttn.small,
	a.adminBttn.small b {
		padding-left: 26px;
		height: 20px;    /* 20 */
		background-image: url(/includes/modules/base/images/admin/adminBttns-small.png);
		background-repeat: no-repeat;
		}
	a.adminBttn.med,
	a.adminBttn.med b {
		padding-left: 30px;
		height: 32px;    /* 32 */
		background-image: url(/includes/modules/base/images/admin/adminBttns-med.png);
		background-repeat: no-repeat;
		text-shadow: 0 2px 2px rgba(255,255,255,0.75);
		}
a.adminBttn,
a.adminBttn.small,
a.adminBttn.med {
/*	float: left; */
	position: relative;
	color: black;
	background-position: -231px -66px;
	background-color: #DCE4EA;    /* covers png shadows and subsequent shapes in the sprite */
	}
	
	a.adminBttn.right,
	a.adminBttn.small.right,
	a.adminBttn.med.right {
		float:right;
		}
	form a.adminBttn,
	form a.adminBttn.small,
	form a.adminBttn.med {
		background-color:  #F1F4F6;
		}
		form.admin.stacked.podEditInsertForm a.adminBttn,
		form.admin.stacked.podEditInsertForm a.adminBttn.small,
		form.admin.stacked.podEditInsertForm a.adminBttn.med {
			background-color: white;
			}
	a.adminBttn:hover {
		color: #933;    /* dark red */
		text-decoration: none;
		background-position: -495px -99px;
		}

	a.adminBttn b {
		margin-right: 0;
		margin-left: 0;
		background-position: right -66px;
		background-color: #DCE4EA;    /* covers png shadows and subsequent shapes in the sprite */
		}
		form a.adminBttn b {
			background-color:  #F1F4F6;
			}
			form.admin.stacked.podEditInsertForm a.adminBttn b {
				background-color: white;
				}
		a.adminBttn.small b {
			font-size: 10px;
			padding: 3px 16px 0 0;
			height: 17px;    /* 20 */
			}
		a.adminBttn.med b {
			padding: 5px 16px 0 0;
			height: 25px;    /* 32 */
			font-size: 13px;
			}

		a.adminBttn:hover b {
			background-position: right -99px;
			text-shadow: 0 1px 1px rgba(0,0,0,0.1);
			}


a.adminBttn {
	}
	a.adminBttn.none {
		padding-left: 10px;
		background-position: -495px -66px;
		}
		a.adminBttn.none:hover {
			background-position: -495px -99px;
			}


	a.adminBttn.add {
		background-position: -0px -0px;
		}
		a.adminBttn.add:hover {
			background-position: -0px -33px;
			}

	a.adminBttn.edit {
		background-position: -33px 0;
		}
		a.adminBttn.edit:hover {
			background-position: -33px -33px;
			}

	a.adminBttn.delete {
		background-position: -66px 0;
		}
		a.adminBttn.delete:hover {
			background-position: -66px -33px;
			}
			
			 a.adminBttn.med.delete b:hover {
				color: red;
			} 

	a.adminBttn.cancel {
		background-position: -165px 0;
		}
		a.adminBttn.cancel:hover {
			background-position: -165px -33px;
			}

	a.adminBttn.magnify {
		background-position: -99px 0;
		}
		a.adminBttn.magnify:hover {
			background-position: -99px -33px;
			}

	a.adminBttn.magnifySelection {
		background-position: -132px 0;
		}
		a.adminBttn.magnifySelection:hover {
			background-position: -132px -33px;
			}

	a.adminBttn.save {
		background-position: -231px 0;
		}
		a.adminBttn.save:hover {
			background-position: -231px -33px;
			}

	a.adminBttn.saveAndStay {
		background-position: -264px 0;
		}
		a.adminBttn.saveAndStay:hover {
			background-position: -264px -33px;
			}

	a.adminBttn.lock {
		background-position: -297px 0;
		}
		a.adminBttn.lock:hover {
			background-position: -297px -33px;
			}

	a.adminBttn.unlock {
		background-position: -330px 0;
		}
		a.adminBttn.unlock:hover {
			background-position: -330px -33px;
			}

	a.adminBttn.seeNoSee {
		background-position: -495px 0;
		}
		a.adminBttn.seeNoSee:hover {
			background-position: -495px -33px;
			}

	a.adminBttn.actions {
		background-position: -594px 0;
		}
		a.adminBttn.actions:hover {
			background-position: -594px -33px;
			}

	a.adminBttn.move {
		background-position: -627px 0;
		}
		a.adminBttn.move:hover {
			background-position: -627px -33px;
			}

	a.adminBttn.reorder {
		background-position: -660px 0;
		}
		a.adminBttn.reorder:hover {
			background-position: -660px -33px;
			}


	a.adminBttn.addPage {
		background-position: -0px -66px;
		}
		a.adminBttn.addPage:hover {
			background-position: -0px -99px;
			}

	a.adminBttn.magnifyPage {
		background-position: -99px -66px;
		}
		a.adminBttn.magnifyPage:hover {
			background-position: -99px -99px;
			}

	a.adminBttn.duplicatePage {
		background-position: -132px -66px;
		}
		a.adminBttn.duplicatePage:hover {
			background-position: -132px -99px;
			}
	a.adminBttn.order {
		background-position: -232px -66px;
		}
		a.adminBttn.order:hover {
			background-position: -232px -99px;
			}
	a.adminBttn.door {
		background-position: -561px 0;
		}
		a.adminBttn.door:hover {
			background-position: -561px -33px;
			}

/* end */

/* -------------------- COLORS & SIZE -------------------- */
.white { color: white; }
.small { font-size: 10px; }


/* ---------------- ADMIN TOOLBAR ------------------------- */
#headerToolbarButtons {
	z-index: 10001;
	width: 100%;
	position: absolute;
	top: -20px;
	height: 30px;
	left: 0;
	background-color: #000000;
	background: url(/includes/modules/base/images/admin/bg-development-mode-bar.png) repeat-x;
	color: white;
	opacity: .25;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	}
	
	#headerToolbarButtons:hover {
		opacity: 1;
		top: 0;
		}
	
	#headerToolbarButtons h4 {
		float: left;
		margin-top: 6px;
		margin-left: 6px;
		width: 25%;
		text-align: left;
		}
		
	#headerToolbarButtons p {
		float: left;
		width: 50%;
		overflow: hidden;
		margin-top: 5px;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
	}
		
	#headerToolbarButtons a.adminBttn {
		background-color: black;
		margin-top: 6px;
		}
		
		#headerToolbarButtons a.adminBttn b {
			background-color: black;
			}
/* end */








/* -------------- INTERFACE: Icons -------------- */
/* begin */

a.adminIcon,
a.adminIcon b,
label.adminIcon,
label.adminIcon b {
	display: block;
	background: url(/includes/modules/base/images/admin/adminIcons-med.png) 33px 33px no-repeat;
	}
	a.adminIcon.small,
	a.adminIcon.small b,
	label.adminIcon.small,
	label.adminIcon.small b {
		height: 18px;
		}
	a.adminIcon.med,
	a.adminIcon.med b,
	label.adminIcon.med,
	label.adminIcon.med b {
		height: 22px;
		}
	form.admin label.adminIcon {
		padding-top: 0;
	}
a.adminIcon,
label.adminIcon {
	padding-left: 24px;
	clear: left;
	background-color: #DCE4EA; 
	}
	form a.adminIcon,
	form label.adminIcon {
		color: #600;
		background-color:  #F1F4F6;
		}
		
		form.admin.stacked.podEditInsertForm a.adminIcon,
		form.admin.stacked.podEditInsertForm label.adminIcon {
			background-color: white;
			}
	a.adminIcon:hover,
	label.adminIcon:hover {
		text-decoration: none;
		}

	a.adminIcon.edit,
	label.adminIcon.edit {
		background-position: -33px 0;
		}
		a.adminIcon.edit:hover,
		label.adminIcon.edit:hover {
			background-position: -33px -33px;
			}

	a.adminIcon.delete,
	label.adminIcon.delete {
		background-position: -66px 0;
		}
		a.adminIcon.delete:hover,
		label.adminIcon.delete:hover {
			background-position: -66px -33px;
			}

	a.adminIcon.magnify,
	label.adminIcon.magnify {
		background-position: -99px 0;
		}
		a.adminIcon.magnify:hover,
		label.adminIcon.magnify:hover {
			background-position: -99px -33px;
			}

	a.adminIcon.lock,
	label.adminIcon.lock {
		background-position: -297px 0px;
		}
		a.adminIcon.lock:hover,
		label.adminIcon.lock:hover {
			background-position: -297px -33px;
			}

	a.adminIcon.unlock,
	label.adminIcon.unlock {
		background-position: -330px 0px;
		}
		a.adminIcon.unlock:hover,
		label.adminIcon.unlock:hover {
			background-position: -330px -33px;
			}

	a.adminIcon.link,
	label.adminIcon.link {
		background-position: -297px -66px;
		}
		a.adminIcon.link:hover,
		label.adminIcon.link:hover {
			background-position: -297px -99px;
			}

	a.adminIcon.unlink,
	label.adminIcon.unlink {
		background-position: -330px -66px;
		}
		a.adminIcon.unlink:hover,
		label.adminIcon.unlink:hover {
			background-position: -330px -99px;
			}

	a.adminIcon.downCaret,
	label.adminIcon.downCaret {
		background-position: -363px -66px;
		}
		a.adminIcon.downCaret:hover,
		label.adminIcon.downCaret:hover {
			background-position: -363px -99px;
			}

	a.adminIcon.rightCaret,
	label.adminIcon.rightCaret {
		background-position: -396px -66px;
		}
		a.adminIcon.rightCaret:hover,
		label.adminIcon.rightCaret:hover {
			background-position: -396px -99px;
			}
	a.adminIcon.order,
	label.adminIcon.order {
		background-position: -429px -66px;
		}
		a.adminIcon.order:hover,
		label.adminIcon.order:hover {
			background-position: -429px -99px;
			}
	a.adminIcon.eye-open,
	label.adminIcon.eye-open {
		background-position: -495px -0px;
		}
		a.adminIcon.eye-open:hover,
		label.adminIcon.eye-open:hover {
			background-position: -495px -33px;
			}
	a.adminIcon.eye-closed,
	label.adminIcon.eye-closed {
		background-position: -495px -33px;
		}
		a.adminIcon.eye-closed:hover,
		label.adminIcon.eye-closed:hover {
			background-position: -495px -0px;
			}

	a.adminIcon.door,
	label.adminIcon.door {
		background-position: -561px 0;
		}
		a.adminIcon.door:hover,
		label.adminIcon.door:hover {
			background-position: -561px -33px;
			}

	a.adminIcon.actions,
	label.adminIcon.actions {
		background-position: -594px 0;
		}
		a.adminIcon.actions:hover,
		label.adminIcon.actions:hover {
			background-position: -594px -33px;
			}

	a.adminIcon.move,
	label.adminIcon.move {
		background-position: -627px 0;
		}
		a.adminIcon.move:hover,
		label.adminIcon.move:hover {
			background-position: -627px -33px;
			}

	a.adminIcon.reorder,
	label.adminIcon.reorder {
		background-position: -660px 0;
		}
		a.adminIcon.reorder:hover,
		label.adminIcon.reorder:hover {
			background-position: -660px -33px;
			}


	a.adminIcon.addPage,
	label.adminIcon.addPage {
		background-position: -0px -66px;
		}
		a.adminIcon.addPage:hover,
		label.adminIcon.addPage:hover {
			background-position: -0px -99px;
			}

	a.adminIcon.magnifyPage,
	label.adminIcon.magnifyPage {
		background-position: -99px -66px;
		}
		a.adminIcon.magnifyPage:hover,
		label.adminIcon.magnifyPage:hover {
			background-position: -99px -99px;
			}

	a.adminIcon.duplicatePage,
	label.adminIcon.duplicatePage {
		background-position: -132px -66px;
		}
		a.adminIcon.duplicatePage:hover,
		label.adminIcon.duplicatePage:hover {
			background-position: -132px -99px;
			}



	a.adminIcon b,
	label.adminIcon b {
		margin-right: 0;
		margin-left: 0;
		background-color: #DCE4EA;    /* color needed to cover subsequent icons */
		}
		form a.adminIcon b,
		form label.adminIcon b {
			background-color:  #F1F4F6;
			}
			form.admin.stacked.podEditInsertForm a.adminIcon b,
			form.admin.stacked.podEditInsertForm label.adminIcon b {
				background-color: white;
				}
		a.adminIcon.small b,
		label.adminIcon.small b {
			padding-right: 4px;
/*			padding-top: 1px;
			height: 17px;    /* 18 */
			font-size: 10px;
			}
		a.adminIcon.med b,
		label.adminIcon.med b {
			padding-right: 4px;
			padding-top: 2px;
			height: 16px;    /* 22 */
			font-size: 12px;
			}
		a.adminIcon b:hover,
		label.adminIcon b:hover {
			color: black;
			}
/* end */
