@charset "UTF-8";
/* CSS Document */

/* ---------------------------------- DEFAULT ----------------------------------------- */

	html, body {
		font-family: 'Abel', sans-serif;
		font-size: 14px;
		margin: 0;
		padding: 0;
		background-color: #383838;
		overflow: visible;
		min-width: 1056px;
		}

	img {
		border: 0px;
		}

	.opaque { opacity: 1; }
	.semi { opacity: 0.95; }
	.dim { opacity: 0.65; }
	.ghost { opacity: 0.25; }
	.transparent { opacity: 0; }

	.inactive { visibility: hidden; }
	.active { visibility: visible; }


	.container {
		width: 960px;
		display: table;
		}

	.shadowDivider {
		width: auto;
		background-image: url('http://hermanleonard.com/graphics/site/categories_shadow_top.png');
		background-repeat: repeat-x;
	}

	.handTxt {
		font-family: 'Sacramento', cursive;
		line-height: 0px;
		}

	.headerTitle {
		font-size: 48px;
		color: #808080;
		font-weight: 200;
		font-family: 'Source Sans Pro', sans-serif;
		}

	.pointer { cursor: pointer; }

	.buttonStroked {
		background-color: #1e1e1e;
		box-shadow: 0px 0px 3px #101010;
		float: left;
		border-width: 0px;
		padding: 16px;
		padding-left: 20px;
		padding-right: 20px;
		margin: 4px;
		color: #cccccc;
		font-family: 'Abel', sans-serif;
		font-size: 18px;
	}
	.buttonStroked:hover {
		cursor: pointer;
		background-color: #434343;
		color: #ffffff;
	}

	.cursiveSmall {
		font-family: 'Sacramento', cursive;
		font-size: 22px;
		color: #cccccc;
	}


	.tab {
		transition-property: padding-right;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: padding-right
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: padding-right
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: padding-right
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		display: table-cell;
		vertical-align: middle;
		height: 36px;
		padding-left: 8px;
		padding-right: 8px;
		color: #222222;
		background-color: #ffffff;
		font-size: 18px;
		cursor: pointer;
	}
	.tab:hover {
		color: #ffffff;
		padding-right: 16px;
		background-color: #222222;
	}

/* ---------------------------------- HEADER ------------------------------------------ */
	
	.header {
		cursor: default;
		background-color: #222222;
		width: auto;
		}
		
	.headerMenuTxt {
		color: #aaaaaa;
		text-transform: uppercase;
		}
	.headerMenuTxt a {
		color: #aaaaaa;
		text-decoration: none;
		}
	.headerMenuTxt a:hover { color: #ffffff; }

/* ---------------------------------- CATEGORIES -------------------------------------- */

	.categories {
		cursor: default;
		width: auto;
		background-position: top;
		background-color: #222222;
		padding-bottom: 16px;
		}

	.categoriesTitle {
		font-size: 18px;
		}

	#categoryNamesBox {
		transition-property: height;
		transition-duration: 0.3s;
		transition-timing-function: ease-out;
		-webkit-transition-property: height;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: height;
		-moz-transition-duration: 0.3s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: height;
		-o-transition-duration: 0.3s;
		-o-transition-timing-function: ease-out;
		overflow: hidden;
		height: 0px;
		}

	.categoriesCell {
		float: left;
		width: 160px;
		text-align: left;
		line-height: 18px;
		}

	.categoriesCellTxt {
		color: #aaaaaa;
		text-transform: uppercase;
		font-size: 12px;
		}
	.categoriesCellTxt a {
		color: #aaaaaa;
		text-decoration: none;
		}
	.categoriesCellTxt a:hover { color: #ffffff; }

	.categoriesCellTxtActive {
		color: #ffffff;
		cursor: default;
		}

	.categoriesCellActiveBox {
		margin-right: 4px;
		width: 10px;
		height: 10px;
		background-color: #ffffff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		overflow: hidden;
		}

	.categoriesCellInactiveBox {
		margin-right: 4px;
		width: 10px;
		height: 10px;
		}

/* ---------------------------------- SORT BY ----------------------------------------- */

	.sortByTxt {
		color: #aaaaaa;
		font-size: 14px;
		}
	.sortByTxt:hover {
		color: #ffffff;

		}

	.sortByCell {
		display: table-cell;
		vertical-align: middle;
		}

	.sortBySpacer {
		cursor: default;
		padding: 8px;
		padding-left: 12px;
		padding-right: 12px;
		}

	.sortByBox {
		background-color: #434343;
		cursor: pointer;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		overflow: hidden;
		}
	.sortByBox:hover {
		background-color: #cdcdcd;
		color: #434343;
		}

	.sortByBoxActive {
		background-color: #666666;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-style: solid;
		border-color: #666;
		border-width: 2px;
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
		}

/* ---------------------------------- BIOGRAPHY --------------------------------------- */

	.bioTitle {
		font-size: 32px;
		font-weight: 200;
		font-family: 'Source Sans Pro', sans-serif;
		}

	.bioImage {
		background-color: #cfcfcf;
		color: #434343;
		box-shadow: 0px 0px 10px #111111;
		}

/* ---------------------------------- THUMBNAILS -------------------------------------- */

	.thumbnails {
		width: auto;
		cursor: default;
		background-image: url('http://hermanleonard.com/graphics/site/noise_soft.png');
		background-repeat: repeat;
		background-color: #222222;
		}

	.thumbTitleBox {
		display: table-cell;
		width: 960px;
		height: 40px;
		padding-top: 60px;
		vertical-align: middle;
		color: #cccccc;
		font-size: 24px;
		font-weight: 200;
		font-family: 'Source Sans Pro', sans-serif;
		text-align: left;
		}

	.thumbCell {
		display: table-cell;
		padding: 48px;
		}

	.thumb {
		width: 256px;
		height: 256px;
		background-color: #3c3c3c;
		box-shadow: 0px 0px 10px #111111;
		}

	.thumbBox {
		position: absolute;
		width: 256px;
		height: 256px;
		font-size: 14px;
		color: #ffffff;
		}

	.thumbBoxAni {
		transition-property: opacity;
		transition-duration: 0.3s;
		transition-timing-function: linear;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-timing-function: linear;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.3s;
		-moz-transition-timing-function: linear;
		-o-transition-property: opacity;
		-o-transition-duration: 0.3s;
		-o-transition-timing-function: linear;
		}

	.thumbDimmer { background-color: #3c3c3c; }

	.thumbInfo {
		opacity: 0;
		background-color: #3c3c3c;
		}
	.thumbInfo:hover {
		opacity: 0.9;
		cursor: pointer;
		}

	.thumbInactive { 
		opacity: 0;
		}

	.thumbActive {
		opacity: 0.9;
		}

	.thumbTitle {
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		text-transform: uppercase;
		}

	.loadMoreBox {
		position: absolute;
		width: 960px;
		padding: 8px;
		padding-left: 0px;
		padding-right: 0px;
		font-weight: 200;
		font-family: 'Source Sans Pro', sans-serif;
		color: #666666;
		font-size: 28px;
		text-align: center;
		}

	.loadMore:hover {
		color: #ffffff;
		cursor: pointer;
		}
	
/* ---------------------------------- EXHIBITS ---------------------------------------- */

	.thumbDateStrong {
		border-style: solid;
		border-width: 2px;
		border-color: #808080;
		color: #ffffff;
		}
	.thumbDateDim {
		border-style: dashed;
		border-width: 2px;
		border-color: #808080;
		color: #808080;
		}
	.thumbDateWeak {
		border-style: dashed;
		border-width: 2px;
		border-color: #666666;
		color: #808080;
		}

	.exhibit { 
		width: 252px;
		height: 252px;
		}

	.exhibitThumb { 
		width: 256px;
		height: 256px;
		background-color: #3c3c3c;
		box-shadow: 0px 0px 10px #181818;
		}

	.exhibitInfoBox {
		display: table-cell;
		height: 256px;
		width: 608px;
		vertical-align: middle;
		text-align: center;
		color: #cdcdcd;
		font-size: 14px;
		}
	.exhibitInfoBox a {
		text-decoration: none;
		color: #808080;
		}
	.exhibitInfoBox a:hover { color: #ffffff; }

	.exhibitInfoBoxSpacer {
		padding: 40px;
		}

/* ---------------------------------- BOOKS ------------------------------------------- */

	.book {
		background-image: url('/graphics/site/categories_shadow_top.png');
		background-repeat: repeat-x;
		background-position: top;
		width: auto;
		}

	.bookTitle {
		color: #aaaaaa;
		font-size: 24px;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		}

	.bookTxt {
		color: #aaaaaa;
		font-size: 15px;
		}
	.bookTxt a {
		color: #cccccc;
		text-decoration: none;
		}
	.bookTxt a:hover {
		color: #ffffff;
		}

/* ---------------------------------- CONTACT ----------------------------------------- */

	.contact {
		background-repeat: repeat-x;
		background-position: top;
		}

	.contactTxt {
		color: #c2c2c2;
		font-size: 18px;
		}
	.contactTxt a {
		color: #808080;
		text-decoration: none;
		}
	.contactTxt a:hover {
		color: #ffffff;
		}

	.galleries {
		background-image: url('/graphics/site/categories_shadow_top.png');
		background-repeat: repeat-x;
		background-position: top;
		}

	.galleryTxt {
		color: #c2c2c2;
		font-size: 15px;
		}
	.galleryTxt a {
		color: #808080;
		text-decoration: none;
		}
	.galleryTxt a:hover {
		color: #ffffff;
		}

/* ---------------------------------- ZOOM -------------------------------------------- */

	.zoom {
		background-image: url('/graphics/site/zoom_shadow.png');
		background-repeat: repeat-x;
		width: auto;
		height: 0px;
		overflow: hidden;
		
		transition-property: height, margin-top, margin-bottom;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: height, margin-top, margin-bottom;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: height, margin-top, margin-bottom;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: height, margin-top, margin-bottom;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		cursor: default;
		}
	.zoomActive {
		margin-top: 48px;
		margin-bottom: 48px;
		}
	.zoomLastActive {
		margin-top: 48px;
		margin-bottom: -48px;
		}

	.zoomBackground {
		background-color: #181818;
		background-image: url('http://hermanleonard.com/graphics/site/noise_dark.png');
		background-repeat: repeat;
		}

	.zoomImage { box-shadow: 0px 0px 10px #111111; }

	.zoomTxt {
		color: #cccccc;
		text-transform: uppercase;
		font-size: 14px;
		}
	.zoomTxt a {
		color: #a4a4a4;
		text-decoration: none;
		}

	.zoomTxt a:hover {
		color: #ffffff;
		}

	.zoomTitle {
		font-size: 18px;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		}

	.closeBox {
		color: #6d6d6d;
		height: 14px;
		width: 14px;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 24px;
		font-weight: 300;
		}
	.closeBox:hover {
		color: #ffffff;

		cursor: pointer;
		}

/* ---------------------------------- FOOTER ------------------------------------------ */

	#footerBox {
		transition-property: padding-bottom;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: padding-bottom;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: padding-bottom;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: padding-bottom;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		}

	.footerBox {
		width: auto;
		padding-bottom: 30px;
		}

	.footerBoxOpen { padding-bottom: 170px; }

	.footerBoxClosed { padding-bottom: 30px; }

	.footerBoxOff { padding-bottom: 0px; }

	.footer {
		background-color: #383838;
		width: auto;
		}
		
	.footerMenuTxt {
		color: #cccccc;
		text-transform: uppercase;
		}
	.footerMenuTxt a {
		color: #cccccc;
		text-decoration: none;
		}
	.footerMenuTxt a:hover { color: #ffffff;
	}

/* ---------------------------------- OVERLAY ----------------------------------------- */

	.overlayDimmer {
		z-index: 500000;
		position: fixed;
		display: table-cell;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #f9f9f9;
		}
		
	.overlayAni {
		transition-property: opacity;
		transition-duration: 0.2s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.2s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.2s;
		-o-transition-timing-function: ease-out;
		}

	.overlayContainer {
		z-index: 600000;
		position: fixed;
		display: table-cell;
		top: 50%;
		left: 50%;
		}

	.overlayCloseSpacer {
		opacity: 0.85;
		background-color: #fff;
		}

	.overlayClose {
		font-family: 'Source Sans Pro', sans-serif;
		display: table-cell;
		position: relative;
		vertical-align: middle;
		width: 36px;
		height: 36px;
		font-size: 24px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		font-weight: 300;
		color: #222222;
		}
	.overlayClose:hover {
		cursor: pointer;
		color: #636363;
		}
			
	.formSubmitTxt, .formSubmitTxt button  {
		font-family: 'Source Sans Pro', sans-serif;
		color: #222222;
		font-weight: 300;
		background-color: transparent;
		font-size: 36px;
		}
	.formSubmitTxt:hover {
		cursor: pointer;
		color: #636363;
		}

/* ---------------------------------- LOGIN ------------------------------------------- */
		
	.loginTxt {
		font-size: 18px;
		font-weight: 300;
		color: #636363;
		}
	.loginTxt a {
		text-decoration: none;
		color: #222222;
		font-weight: 400;
		}
	.loginTxt a:hover { color: #636363; }

	.loginInputField {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 0px;
		width: 200px;
		min-height: 40px;
		height: 40px;
		padding: 0px;
		padding-left: 8px;
		padding-right: 8px;
		margin: 4px;
		font-size: 14px;
		text-align: center;
		color: #636363;
		background-color: #fff;
		box-shadow: 0px 0px 4px #ccc;
		}

/* ---------------------------------- LIGHTBOX ---------------------------------------- */

	.pinnedFooter {
		transition-property: margin-top, height;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: margin-top, height;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: margin-top, height;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: margin-top, height;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
			
		overflow: hidden;
		width: auto;
		height: 0px;
		padding-bottom: 30px;
		background-color: #fff;
		box-shadow: 0px 0px 4px #ccc;
		}

	.pinnedFooterClosed {
		margin-top: 0px;
		height: 0px;
		}

	.pinnedFooterOpen {
		margin-top: -140px;
		height: 150px;
		}

	.pinnedSpacer {
		transition-property: opacity;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;

		position: absolute;
		}

	.pinnedThumb {
		width: 90px;
		height: 90px;
		overflow: hidden;
		cursor: pointer;
		box-shadow: 0px 0px 4px #ccc;
		}

	.recentlyViewedHeader {
		padding-top: 8px;
		padding-bottom: 12px;
		text-align: right;
		float: right;
		}
			
	.recentlyViewedTxtCell {
		display: table-cell;
		vertical-align: middle;
		padding-right: 2px;
		}

	.recentlyViewedTxt {
		transition-property: opacity;
		transition-duration: 0.5s;
		transition-timing-function: ease-out;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.5s;
		-moz-transition-timing-function: ease-out;
		-o-transition-property: opacity;
		-o-transition-duration: 0.5s;
		-o-transition-timing-function: ease-out;
		
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 700;
		cursor: default;
		font-size: 12px;
		color: #636363;
		}

	.recentlyViewedTxtLink:hover {
		cursor: pointer;
		opacity: 1;
		color: #222222;
		}

/* ---------------------------------- FORMFIELDS --------------------------------------
 * Bootstrap v2.2.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

	select { 
		direction: rtl;
		}

	button,
	input,
	select,
	textarea {
		margin: 0;
		font-size: 100%;
		vertical-align: middle;
		text-align: right;
		}

	button,
	input {
		overflow: visible;
		line-height: normal;
		}

	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
		}

	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
		}

	textarea {
		overflow: auto;
		vertical-align: top;
		height: auto;
		}

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		display: inline-block;
		height: 20px;
		padding: 4px 6px;
		margin-bottom: 10px;
		line-height: 20px;
		color: #555555;
		vertical-align: middle;
		-webkit-border-radius: 4px;
			 -moz-border-radius: 4px;
						border-radius: 4px;
		}

	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		background-color: #ffffff;
		border: 1px solid #cccccc;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
						box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
			 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
				 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
						transition: border linear 0.2s, box-shadow linear 0.2s;
		}

	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
		border-color: rgba(82, 168, 236, 0.8);
		outline: 0;
		outline: thin dotted \9;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
			 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
						box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
		}

	input[type="radio"],
	input[type="checkbox"] {
		margin: 4px 0 0;
		margin-top: 1px \9;
		line-height: normal;
		cursor: pointer;
		}

	input[type="file"],
	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] {
		width: auto;
		}

	select,
	input[type="file"] {
		height: 30px;
		/* In IE7, the height of the select element cannot be changed by height, only font-size */

		line-height: 30px;
		}

	select {
		background-color: #ffffff;
		border: 1px solid #cccccc;
		}

	select[multiple],
	select[size] {
		height: auto;
		}

	select:focus,
	input[type="file"]:focus,
	input[type="radio"]:focus,
	input[type="checkbox"]:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
		}

	.btn {
		display: inline-block;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #bbbbbb;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-bottom-color: #a2a2a2;
		-webkit-border-radius: 4px;
			 -moz-border-radius: 4px;
						border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
						box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		}

	.btn:hover,
	.btn:active,
	.btn.active,
	.btn.disabled,
	.btn[disabled] {
		color: #333333;
		background-color: #e6e6e6;
		}

	.btn:active,
	.btn.active {
		background-color: #cccccc \9;
		}

	.btn:hover {
		color: #333333;
		text-decoration: none;
		background-color: #e6e6e6;

		background-position: 0 -15px;
		-webkit-transition: background-position 0.1s linear;
			 -moz-transition: background-position 0.1s linear;
				 -o-transition: background-position 0.1s linear;
						transition: background-position 0.1s linear;
		}

	.btn:focus {
		outline: thin dotted #333;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
		}

	.btn.active,
	.btn:active {
		background-color: #e6e6e6;
		background-color: #d9d9d9 \9;
		background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
			 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
						box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
		}

	.btn.disabled,
	.btn[disabled] {
		cursor: default;
		background-color: #e6e6e6;
		background-image: none;
		opacity: 0.65;
		filter: alpha(opacity=65);
		-webkit-box-shadow: none;
			 -moz-box-shadow: none;
						box-shadow: none;
		}

/* ---------------------------------- OVERLAY ----------------------------------------- */

	#overlayDimmer {
		z-index: 500000;
		position: fixed;
		display: table-cell;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #222222;
		}

	.overlayContainer {
		z-index: 600000;
		position: fixed;
		display: table-cell;
		top: 50%;
		left: 50%;
		margin-left: -502px;
		}

	.loginContainer { margin-top: -200px; }

	.overlaySpacer {
		display: table-cell;
		vertical-align: middle;
		width: 1004px;
		}

	.overlayBox {
		position: absolute;
		width: 1004px;
		}
		
	.loginTxt {
		font-size: 18px;
		font-weight: 300;
		font-family: 'Source Sans Pro', sans-serif;
		}
	.loginTxt a { text-decoration: none; }

	.loginInputField {
		-webkit-border-radius: 5px;
			 -moz-border-radius: 5px;
						border-radius: 5px;
		border: 0px;
		width: 200px;
		min-height: 40px;
		height: 40px;
		padding: 0px;
		padding-left: 8px;
		padding-right: 8px;
		margin: 4px;
		font-size: 14px;
		text-align: center;
		}
		
	.formSubmitTxt {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		color: #808080;
		font-size: 36px;
		}
	.formSubmitTxt:hover {
		color: #ffffff;

		cursor: pointer;
		}