@charset "utf-8";

/* ------------------------------------------------------------------------------------------------ */
/* ---------------------------------- Bridal Network STYLE ---------------------------------------- */
/* ------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- TYPOGRAPHY ------------------------------------------------------------------------ */

@import url("https://www.bridalnetwork.ca/AssetLibraries/Fonts/OpenSans/OpenSans.css");
@import url("https://www.bridalnetwork.ca/AssetLibraries/Fonts/Prata/Prata.css");
@import url("https://www.bridalnetwork.ca/AssetLibraries/Fonts/Raleway/Raleway.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');
	
/* ------------- TYPOGRAPHY ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- HTML ------------------------------------------------------------------------------ */

h1, h2, h3 { 
	font-family: 'Bridal Raleway', sans-serif;
	vertical-align: middle;
	font-weight: normal;
	color:#4d4a40;
	
}
	h1.section, h2.section, h3.section { 
		border-bottom: solid 1px hsl(46,10%,45%);
		padding-left: 4px;		
	}
	h1 { font-size: 28px; line-height: 36px; margin: 18px 0px; color: hsl(46,17%,30%); text-align: left;}
	h2 { font-size: 28px; line-height: 32px; color: hsl(46,17%,25%); text-align: left; }
	h3 { font-size: 24px; line-height: 28px; color: hsl(46,17%,20%); text-align: left; }
		h2.breadcrumbs A, h2.breadcrumbs A:hover,
		h2.breadcrumbs A, h2.breadcrumbs A:hover  { text-decoration: none; color: hsl(46,17%,10%);  }
	h1 .icon {
		display: inline-block;
		height: 32px;
		margin: 0px 20px;
		vertical-align: top;
	}
	h2 .icon {
		display: inline-block;
		height: 28px;
		margin: 0px 16px 0px 0px;
		vertical-align: top;
	}
	h3 .icon {
		display: inline-block;
		height: 22px;
		margin: 0px 12px 0px 0px;
		vertical-align: top;
	}

h4 { 
	font-weight: bold; 
	color: #296865;
}


a {
	text-decoration: none; 
	color: #705827;
}
	a:hover { text-decoration: underline; }
	h1 a:hover { text-decoration: none; }
	a.syslink { 
		font-size: 12px;
		color: #296865;
		text-decoration: underline; 
	}
		a.syslink:hover { text-decoration:none; }
		
input, select, option {
	padding: 4px;
	font-size: 15px;
	font-family: inherit;
	letter-spacing: 0.25px;
	color: #222;
}
	input[type=image] { padding:unset; font-size:unset; letter-spacing:unset; }
	input.good { background-color: #00BB11 !important; color: white !important; }
	input.bad { background-color: #FF6600 !important; color: white !important; }
	input.unmatched { color: orange !important; }
	input.matched { color: green !important; }

input[type=submit] { 
	border-width: 1px;
	border-style: solid;
	border-left-color: rgba(255,255,255,0.55);
	border-top-color: rgba(255,255,255,0.55);
	border-right-color: rgba(204,204,204,0.45);
	border-bottom-color: rgba(204,204,204,0.45);
}

/* ------------- HTML ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- SITE LAYOUT & UI ------------------------------------------------------------------ */

body { 
	background-color: #F8F8F8; 
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 13px;
}

body.bands .band .content { font-size: 15px; }
body.bands .band.white { background-color:white; }
body.bands .band.yellow { background-color:hsl(50,100%,99%); }
body.bands .band.orange { background-color:hsl(23,100%,98%); }
body.bands .band.green { background-color:hsl(114,90%,99%); }
body.bands .band.blue { background-color:hsl(185,80%,97%); }
body.bands .band.purple { background-color:hsl(235,95%,99%); }
body.bands .band.pink { background-color:hsl(335,100%,99%); }
body.bands .band .content img.header {  }



/* ---- PAGE /index -------------------------------------------------------------------------------- */
.promoposter .poster {  }

/* ------ PAGE /Account/PAymentInfoCC ------------------------------------------------------------- */
#pageAccountPaymentInfoCC .submitClearPaymentInfoCC {
	background-color: #ffe5e5;
	color: darkred;
}
#thinkClearPaymentInfoCC { text-align:center; }

/* ---- PAGE /Info/BoutiquesLive/index ------------------------------------------------------------- */
.band table.ratecard th { 
	padding: 5px 10px;
	background-color: hsl(114,60%,93%); 
	color: hsl(114,20%,50%);
	text-align: center;
	font-size: 0.85em;
	text-transform: lowercase;
	letter-spacing: 1px;
}
.band table.ratecard td { 
	padding: 5px 10px;
	background-color: hsl(114,60%,99%);
	border: solid 1px  hsl(114,20%,90%);
	color: hsl(114,10%,20%);
	text-align: left;
	line-height: 17px;
}
	.band table.ratecard td.money { text-align: right; }
	.band table.ratecard td.money.oldrate { color:#900;text-decoration:line-through; }
	.band table.ratecard td.footer { 
		padding: 10px;
		background-color: hsl(114,60%,98%);
		border: none;
		font-size: 0.85em; 
	}

/* --------- Page : /Fashion/Collection/index ------------------------------------------------------ */
.Filters select,
.Segmenters select,
.Daterange select {
	margin: 2px;
	padding: 0px;
	border: solid 1px #CCC;
	border-radius: 1px;	
	width: unset;
	color: #705F3E;
	font-size: 12px;
}	
	.Filters select option,
	.Segmenters select option,
	.Daterange select option {
		font-family: 'Bridal Open Sans', sans-serif;
		padding: 0px 4px;
		width: unset;
	}
.Daterange input {  
	width: unset;
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	padding: 2px;
	border: solid 1px #CCC;
	border-radius: 3px;	
}
.Resuctions .Search input {
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	padding: 2px;
	border: solid 1px #CCC;
	border-radius: 3px;	
}
.Resuctions { 
	/* background-color: rgba(255,255,255,0.50); */
	/* padding: 5px 7px; */
	/* border-radius: 5px; */
}
	.Resuctions .Boost .button { 
		background-color:#29ADCC; 
		border-top-color: #80EDFF;
		border-left-color: #80EDFF;
		border-right-color: #619199;
		border-bottom-color: #619199;
		color: white; 
		line-height: 18px; 
	} 
	.Resuctions .Batchers .button,
	.Resuctions .Nav .button { 
		background-color:#e2f2ef; 
		border-top-color: #ebfff8;
		border-left-color: #ebfff8;
		border-right-color: #b6c6c1;
		border-bottom-color: #b6c6c1;
		line-height: 18px; 
	}
		.Resuctions .Boost .button .icon,
		.Resuctions .Batchers .button .icon,
		.Resuctions .Nav .button .icon { display: block; float:left; height:18px; margin-right: 10px; }
		.Resuctions .Boost .button:hover, .Resuctions .Boost .button:active .Resuctions .Boost .button:visited, 
		.Resuctions .Boost .button.selected, .Resuctions .Boost .button.selected:hover, .Resuctions .Boost .button.selected:active 
			{ background-color: #00B8D6; color:white; }
		.Resuctions .Boost .button.selected, .Resuctions .Boost .button.selected:hover, .Resuctions .Boost .button.selected:active {  
			border-top-color: #619199;
			border-left-color: #619199;
			border-right-color: #80EDFF;
			border-bottom-color: #80EDFF;			
		}
		.Resuctions .Batchers .button:hover { background-color: #ddf2e9; }

.summaryboard.fashion .footer .controls {
	background-color: #f6f6f6;
	border-top-color: white;
	border-left-color: white;
	border-right-color: #eee;
	border-bottom-color: #eee;
}
	.summaryboard.fashion .footer .controls .control,
	.summaryboard.fashion .footer .controls .control:hover
	 {
		text-decoration: none;
		color: #7f7666;
	}
		.summaryboard.fashion .footer .controls .control.on {
			color: #996200;
		}
	.summaryboard.fashion .footer .controls .bylocation {
		border: solid 1px #ccc;
		background-color: #fff;
		border-collapse: separate;
		border-spacing: 1px;
		box-shadow: 3px 3px 3px rgba(120,120,120,0.33);
	}
		.summaryboard.fashion .footer .controls .bylocation th {
			background-color: #999988;
			text-align: center;
			font-weight: bold;
			font-size: 12px;
			color: white;
			line-height: 16px;
		}
			.summaryboard.fashion .footer .controls .bylocation th.close { text-decoration: none; }
		.summaryboard.fashion .footer .controls .bylocation .location {
			background-color: #f6f6f6;
			border-width: 1px;
			border-style: solid;
			border-top-color: white;
			border-right-color: grey;
			border-bottom-color: grey;
			border-left-color: white;
		}
			.summaryboard.fashion .footer .controls .bylocation .location:hover { background-color: white; }
			.summaryboard.fashion .footer .controls .bylocation .location .bizname {
				white-space: nowrap;
				text-align: left;
				padding: 5px;
				font-size: 12px;
				color: #333;
			}
			.summaryboard.fashion .footer .controls .bylocation .location .locontrol {

			}

/* ---- PAGE /Fashion/Collection/boost ------------------------------------------------------------------- */
.BoostGridControllers {
	padding-top:30px;
	margin-left: -1px;
}
	.BoostHelp .FAQ {
		margin-bottom: 12px;
		background-color: white; 
		border-radius: 3px; 
		padding: 4px 10px 10px 10px;
	}
		.BoostHelp li { margin-bottom: 5px; margin-left: -10px; }
		.BoostHelp li li { margin-top: 3px; }
.GridController {
	padding: 10px;
	border: solid 1px #DDD;
	background-color: #FCFCFC;
}
	.GridController.active {
		border-left-color: #FCFCFC;
	}
.BoostGridContainer {
	border: solid 1px #DDD;
	background-color: #FCFCFC;
}
.BoostGridContainer .legent {
	padding: 3px;
	border: solid 1px #F6F6F6;
	height: 36px;
	line-height: 17px;
	background-color: #FEFEFE;
	text-align: center;
	font-size: 11px;
	color: #666;
	vertical-align: middle;
}
	.BoostGridContainer .legent .icon { 
		display: inline-block;		
		height: 9px;
		width: 7px;
		border-style: solid;
		border-width: 1px;
		margin-right: 4px;
		vertical-align: middle;
	}
		.BoostGridContainer .legent .icon.dot { background-color:#dfe8ea; border-color:#c4cbcc; }
		.BoostGridContainer .legent .icon.dress { background-color:#d9bc77; border-color:#b29d74; }
.BoostGrid.grid .dots {
	background-image: url('/Assets/Images/Icons/gridot.png');
	background-repeat: repeat;
	background-size: unset;
 }
.BoostGrid.tier  .dots .dot { background-color: hsl(45,40%,70%); }
.BoostGrid.tier0 .dots .dot { background-color: hsl(45,50%,70%); }
.BoostGrid.tier1 .dots .dot { background-color: hsl(45,60%,70%); }
.BoostGrid.tier2 .dots .dot { background-color: hsl(45,70%,70%); }
.BoostGrid.tier3 .dots .dot { background-color: hsl(45,80%,70%); }
.BoostGridContainer .threashold {
	border-top: dashed 1px red;
	padding: 0px 10px;
	font-size: 0.85em;
}
#previewDotDress {
	border: solid 1px #bbb;
	border-radius: 2px;
	background-color: white;
	box-shadow: 3px 3px rgba(200,200,200,0.40);
}
	#previewDotDress .data { 
		background-color: rgba(153,128,57,0.50);
		color: white;
		text-align: center;
		padding: 5px;
		line-height: 18px
	}

/* --------- Page : /Fashion/Collection/Stockists --------------------------------------------------- */
#Stockisearch {
	padding: 10px;
	border: solid 1px #bd9803;
	border-radius: 7px;
	background-color: #fcfcf6;
}
	#Stockisearch .thinker { background-color: rgba(250,240,200,0.40); }

/* --------- Page : /Inventory/index ---------------------------------------------------------------- */
#pageInventoryIndex .summaryboard .footer {
	font-size: 12px;
	letter-spacing: 0.75px;
	color: #666;
}

/* --------- Page : /Inventory/collection ----------------------------------------------------------- */
.Inventories table.update th {
	white-space: nowrap;
	overflow-x: hidden;
	background-color: #f0ebe1;
	font-size: 9px;
	border-radius: 3px;
	font-weight: normal;
	letter-spacing: 0.5px;
	border: solid 1px #e5e1d8;
}
.Inventories tr.gown {
	margin:1px;
	border-radius: 3px;
}
	.Inventories tr.gown.odd { background-color: #eeeded; }
	.Inventories tr.gown.even { background-color: #e8e7e7; }

.Inventories tr.gown td.SampleData .thinker { display:none; }
	.Inventories tr.gown.odd td.SampleData .thinker { background-color: rgba(238,237,237,0.50); }
	.Inventories tr.gown.even td.SampleData .thinker { background-color: rgba(232,231,231,0.50); }
	.Inventories tr.gown td.SampleData .thinker img.icon { margin: 4px; width:50px; }

.Inventories tr.gown td .data {
	border-color: transparent;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	padding: 0 2px;
	margin-bottom: 1px;
}
	.Inventories tr.gown td.CatalogueCode, .Inventories tr.gown td.CatalogueName { padding: 0pc 6px; letter-spacing: 0.05em;  }
	.Inventories tr.gown.active .dressref { font-weight:bold;  }
	.Inventories tr.gown td.SampleData { white-space:nowrap; }
	.Inventories tr.gown td .data.stock { border-color: green; border-style: solid; }
	.Inventories tr.gown td .data.sale { border-color: red; border-style: solid; }
	.Inventories tr.gown td .data.sold { border-color: gray; border-style: solid; }
	.Inventories tr.gown td .data.comingsoon {  border-color: blue; border-style: dashed; }
	.Inventories tr.gown td .data.hold { border-color: purple; border-style: dashed; }
.Inventories td.gownname {
	padding: 2px 5px 0px 0px;
}
.Inventories select {
	border: solid 1px #CCC;
	border-radius: 3px;
	padding: 0px 5px;
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	line-height: 16px;
}
.Inventories .SampleData select,
.Inventories .SampleData select option { font-family: 'Bridal Open Sans', sans-serif; font-size: 11px; }
.Inventories input[type=text] {
	border: solid 1px #CCC;
	border-radius: 3px;
	padding: 2px 5px;
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
}
	.Inventories input[type=text].saleprice { color:red; }
.Inventories .SampleData .data .icon.edit, 
.Inventories .SampleData .data .icon.spacer {
	width: 16px;
	height: 16px;
	padding-bottom: 3px;
	display: inline-block;
	vertical-align: middle;
}


.GownInventoryItemRecord {}
	.GownInventoryItemRecord .header .remove { }
	.GownInventoryItemRecord { }

.GownInventoryItemRecord .info {
	padding: 1%;
	border: solid 1px #eee;
	background-color: white;
}
	.GownInventoryItemRecord .remove { 	}
	.GownInventoryItemRecord .officialPhoto { }
	.GownInventoryItemRecord .officialPhoto .container { background-color: #f0f5f3; }
	.GownInventoryItemRecord .datum { border: 1px solid #ddd; }
		.GownInventoryItemRecord .datum .label { color: grey; background-color: #fcfcfc; }
		.GownInventoryItemRecord .datum .value { }
		.GownInventoryItemRecord .datum select.value { border: none; }
		.GownInventoryItemRecord .datum input.value { border: none; font-size: 13px; }
		.GownInventoryItemRecord .datum select.value,
		.GownInventoryItemRecord .datum select.value option { font-size: 13px; letter-spacing: 0px; }
		.GownInventoryItemRecord .datum select.value option { padding: 0px; }
		.GownInventoryItemRecord .datum.wide textarea.value { border:none; font-family: 'Bridal Open Sans', sans-serif; font-size: 13px; }
		.GownInventoryItemRecord .datum.full textarea.value { border:none; font-family: 'Bridal Open Sans', sans-serif; font-size: 13px; width: 95%; }
		.GownInventoryItemRecord h2 {
			margin: 2.75% 0 0.33% 0;
			border: 1px solid #ddd;
			background-color: #fcfcfc;
			padding: 0.5% 1%;
			font-family: 'Bridal Open Sans', sans-serif;
			font-size: 13px;
			line-height: unset;
			text-align: center;
			letter-spacing: 1px;
		}
		.GownInventoryItemRecord .datum select.value.inputInventoryStatus[old=""] { color:red; }
		.GownInventoryItemRecord .datum select.value.inputInventoryStatus[old="-1"] { color:orange; }
		.GownInventoryItemRecord .datum select.value.inputInventoryStatus[old="0"] { color:blue; }
		.GownInventoryItemRecord .datum select.value.inputInventoryStatus[old="1"] { color:green; }
		.GownInventoryItemRecord .datum select.value.inputInventoryStatus[old="1"][reserved="1"] { color:purple; }
		.GownInventoryItemRecord .datum .thinker { background-color: rgba(222,222,222,0.50); }	
		.GownInventoryItemRecord .datum .samplecolour {
			border: solid 1px #ccc;
			border-radius: 5px;
			color: black;
			padding: 0px 0px 0px 10px;
			font-size: 12px;
			line-height: 13px;
			box-shadow: 1px 1px 1px rgba(120,120,120,0.50);
			text-transform: capitalize;
		}
			.GownInventoryItemRecord .datum .samplecolour.bright { color: black; }
			.GownInventoryItemRecord .datum .samplecolour.dark { color: white; }
			.GownInventoryItemRecord .datum .samplecolour .close {
				color: red;
				font-weight: bold;
				border-left: solid 1px #ddd;
				background-color: #eee;
				text-decoration: none;
			}
		.GownInventoryItemRecord .datum input.searchForSampleColour {
			padding: 2px 4px;
			font-size: 12px;
			border: solid 1px #ccc;
			border-radius: 3px;
		}
		.GownInventoryItemRecord .datum .nada { font-size: 11px; color: black;  }
		.GownInventoryItemRecord .datum .swatch .swatchcolour { border: solid 1px #ccc;  }
		.GownInventoryItemRecord .swatch .swatchcolour .label {
			background-color: rgba(220,220,220,0.85);
			color: #333;
			font-size: 10px;
			text-transform: lowercase;
			letter-spacing: 0.5px;
			text-align: center;
		}

	.GownInventoryItemRecord .officialPhoto .message {
		padding: 2px 5px;
		background-color: rgba(255,255,255,0.33);
		color: black;
		font-size: 0.9em;
	}
		.GownInventoryItemRecord .officialPhoto .message.success { color: green; }
		.GownInventoryItemRecord .officialPhoto .message.warning { color: orange; }
		.GownInventoryItemRecord .officialPhoto .message.error { color: red; }
		.GownInventoryItemRecord .officialPhoto .message.info { color: blue; }
	.GownInventoryItemRecord .officialPhoto .label {
		padding: 2px 5px;
		background-color: rgba(128,128,128,0.50);
		color: white;
		letter-spacing: 0.5px;
		white-space: nowrap;
		overflow-x: hidden;
	}
	.GownInventoryItemRecord .officialPhoto .edit {
		padding: 2%;
		background-color: rgba(255,255,255,0.50);
		border-radius: 4px;
	}
	.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto {
		padding: 0.4%;
		margin-bottom: 0.5%;
		border: solid 2px #a99000;
		background-color: #fcfcfa;
	}
		.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto h3 { 
			margin: 0 0 1% 0;
			background-color: #99926b;
			color: white;
			font-size: 13px;
			letter-spacing: 1px;
			padding: 0 1%;
			text-align: center;
		}
			.GownInventoryItemRecord .editSamplePhotos .editGownSamplePhoto h3 .close {
				color: white;
				font-size: 24px;
				text-decoration: none;
				font-weight: bold;
				padding: 0 0.5%;
			}
			.editGownSamplePhoto form.updateSamplePhotoInfo .label {
				text-transform: uppercase;
				font-size: 10px;
				color: #555;
				letter-spacing: 1px;
			}
			.editGownSamplePhoto .updateSamplePhotoInfo input, 
			.editGownSamplePhoto .updateSamplePhotoInfo textarea {
				width: 99%;
				border: 1px solid #ddd;
				color: #444;
				padding: 1%;
				font-family: 'Bridal Open Sans', sans-serif;
				font-size: 12px;
				letter-spacing: 1px;
			}
				.editGownSamplePhoto .updateSamplePhotoInfo textarea { height: 112px; }
				.editGownSamplePhoto .updateSamplePhotoInfo input[type=submit] { 
					width:101%; margin: 3% 0; 
					display: inline-block;
					background-color: #7b7;
					border-radius: 4px;
					color: white;
				}
			.editGownSamplePhoto .deleteSamplePhoto {
				background-color: #b3817d;
				color: white;
				border-radius: 3px;
				padding: 4px 10px;
				text-align: center;
				letter-spacing: 1px;
			}
				.editGownSamplePhoto .deleteSamplePhoto:hover { background-color: red; text-decoration: none; }
				.editGownSamplePhoto .deleteSamplePhoto img.icon { margin: 0 5px; }

/* --------- .collection .dress : floating square dressers for gallery ------------------------------ */
.collection .dress  {
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.collection .dress h1 {
	    padding: 2% 1%;
	    margin: 0%;
	    background-color: #E9F2F5;
	    border-bottom: solid 1px rgb(243, 243, 243);
	    color: #705F3E;
	    text-align: center;
	    font-family: 'Bridal Open Sans', sans-serif;
	    font-size: 14px;
	    letter-spacing: 1px;
	    text-transform: uppercase;
	    line-height: inherit;
	    overflow-x: hidden;
	    white-space: nowrap;
	}
		.collection .dress:hover h1 { background-color: #EDF7FC; color: #A56900; }
		.collection .dress h1 INPUT.grouper { border: solid 1px #999; }
	.collection .dress .content {  }
		.collection .dress:hover .content { background-color: #FCFDFF; }
	.collection .dress .boxer .container img.icon.edit { 
		height: 16px;
		width: 16px;
		margin: 6px;
		padding: 4px 4px 5px 5px;
		background-color: rgba(235,235,255,0.60);
		border-radius: 4px;
	}  
		.collection .dress .boxer .container img.icon.edit:hover { background-color: rgba(235,235,255,0.90); }
	.collection .dress .popularitybar { background-color:#ddd; }
	.collection .dress .statsbar { border-color: white; background-color:#fcfcfc; font-size:9px; }
		.collection .dress .statsbar.clicks { color:#99820f; }
		.collection .dress .statsbar.faves { color:#c45682; }
		.collection .dress .statsbar.lookups { color:#448026; }
		.collection .dress .statsbar.clicks .bar { background-color:#99820f; }
		.collection .dress .statsbar.faves .bar { background-color:#c45682; }
		.collection .dress .statsbar.lookups .bar { background-color:#448026; }
	.collection .dress .footer {
	    padding: 1%;
	    width: 98%;
	    background-color: #f6f6f6;
	    text-align: center;
	    font-size: 12px;
	    letter-spacing: 0.50px;
	    color: #54472F;
	}
		.collection .dress .footer .stats,
		.collection .dress .footer .controls { display:inline-block; }
		.collection .dress .footer .stats { float:left; }
		.collection .dress .footer .controls { float:right; }
		.collection .dress .footer .sale,
		.collection .dress .footer .stock,
		.collection .dress .footer .popularity { font-size: 11px; }
		.collection .dress .footer .stock { color: green; font-weight: bold; }
		.collection .dress .footer .sale { color: red; }
		.collection .dress .footer .icon { text-decoration: none; font-size: 13px; }
		.collection .dress .footer .icon:hover { color: #a47f00; }
		.collection .dress .footer .icon.set { color: #a47f00; }		
		.collection .dress .footer .icon .choices {
			background-color: rgba(255,255,255,0.85);
			border: solid 1px #ddd;
			padding: 3px 5px;
			border-radius: 3px;
			box-shadow: 1px 1px #eee;
		}		
			.collection .dress .footer .icon .choices .choice {
				margin: 1px 0px;
				padding: 0 2px 2px 3px;
				border-radius: 3px; 
				text-align: left;
				color: #54472F;
				font-size: 11px;
			}	
			.collection .dress .footer .icon .choices .choice:hover { background-color: #b29d54; color: white; }	
				.collection .dress .footer .icon .choices .choice .label { font-size: 10px; }

/* ------ PAGE /Fashion/Collection/gown ------------------------------------------------------------- */
.GownView { }
.GownView .Viewer {
	background-color: white;
	padding: 1%;
	border: solid 1px #eee;
	border-radius: 2px;
}
	.GownView .Viewer img { }
	.GownView .Viewer .thinker { background-color: rgba(250,250,250,0.50); }
	.GownView .Viewer .zoom {
		border: solid 1px #DDA;
		background-color: white;
	}
.GownView .Data { 
	padding: 0 1%;
}
	.GownView .Data .datum {
		background-color: #FEFEFE;
		border-style: solid;
		border-width: 1px;
		border-color: rgba(255,255,255,0.00);
		border-bottom-color: #EEE;
		color: #555;
		font-size: 13px;
		letter-spacing: 1px;
	}
		.GownView .Data .datum.changed { border-color: #EB9; color:darkred; }
		.GownView .Data .datum.readonly { background-color: #FAFAFA; }
	.GownView .Data .label {
		font-size: 0.65em;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		color: black;
	}

	.GownView .Data form.fieldedit .thinker { background-color: rgba(250,250,250,0.50); }

	.GownView .Data .gownfabrics .gownfabricsmenu,
	.GownView .Data .gownsizechart .gownSizeChartsMenu {
		border: solid 1px #EBEBE4;
		background-color: white;
		padding: 0;
	}
	.GownView .Data .gownsizechart .gownSizeChartsTable { border-bottom: solid 1px #eee; }
		.GownView .Data .gownsizechart .gownSizeChartsTable p { font-size: 11px; margin: 5px; }
		.GownView .Data .gownfabrics .gownfabricsmenu .thinker { text-align: center; }
		.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem,
		.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem {
			background-color: #f5f2e9;
			border-top: solid 1px #fcf9f0;
			border-bottom: solid 1px #e8e5dc;
		}
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem:hover,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem:hover {
				background-color: #f7f1df;
				border-top: solid 1px #ffffff;
				border-bottom: solid 1px #e8e5dc;
			}
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem.selected,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem.selected {
				background-color: #f7f1df;
				border-top: solid 1px #ffffff;
				border-bottom: solid 1px #e8e5dc;
				font-weight: bold;
			}
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .added,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem .added { color:green;}
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .fabricname { }
			.GownView .Data .gownfabrics .gownfabricsmenu .fabricsmenuitem .remove,
			.GownView .Data .gownsizechart .gownSizeChartsMenu .sizechartsmenuitem .remove { color:red; }

		.gownSizeChartTable {
			margin:auto;
			font-size: 11px;
		}
			.gownSizeChartTable th {
				padding: 1px 3px;
				background-color: #f2f1e9;
			}
			.gownSizeChartTable td {
				padding: 1px 3px;
				background-color: #f7f7f2;
				font-size: 10px;
			}

	.swatch .CollectionColoursPanel {
	border: solid 1px #eee;
	background-color: white;
}

/* GownSwatch -------------------------------------------- */
.GownView .Data .gowncolourdata { }
	.GownView .gowncolourdata .addGownColourPanel { }
		.addGownColourPanel .gownColourSourceChoice { }
			.gownColourSourceChoice img.icon { }
			.gownColourChoicesMenu .choice { }
		.addGownColourPanel .gownColourChoicesMenu { }
			.gownColourChoicesMenu .choice.selected { font-weight:bold; }
			.gownColourChoicesMenu .choice .selected {
				float: left;
				display: block;
				margin: -1% 0 1% -7%;
				display: none;
				color: #d60;
				font-size: 1.25em;
			}
				.gownColourChoicesMenu .choice.selected .selected { display:block; }
		.gownPaletteColours { }
			.gownpalettecolour { }
				.gownpalettecolour.boxer .aspecter {   }
				.gownpalettecolour.boxer .container {
					background-color: rgba(255,255,255,0.80);
					color: #666;
					font-size: 0.75em;
					text-transform: uppercase;
					padding: 3%;
				}
				.gownpalettecolour.boxer.selected .container { color:#a84; text-decoration:line-through; }
				.gownpalettecolour.boxer .container strong { color:black; }
				.gownpalettecolour.boxer .container .checkmark { display: none; }
				.gownpalettecolour.boxer.selected .container .checkmark { display: inline; }
				.gownswatchcolour .Delete { background-color:rgba(128,128,128,0.35);}
	.gowncolourdata .gownswatch {
		border: solid 1px #eee;
		background-color: white;
	}
	.GownView .gowncolourdata .addGownColourPanel {
		padding: 0.5%; 
		border: 1px solid #c0ab80;
		background-color: white;
	}
		.addGownColourPanel .gownColourSourceChoice {
			background-color: #a99570;
			text-align: center;
			color: white;
			font-size: 1em;
			text-decoration: none;
		}
			.gownColourChoicesMenu .choice {
				padding: 1% 8%;
				margin-bottom: 1px;
				font-size: 0.9em;
				background-color: #f4f4f4;
				text-decoration: none;
				letter-spacing: 0.5px;
			}
			.gownColourChoicesMenu .choice:hover { background-color:#fffff4; color:#a56900; }
	.GownView .gowndescription .datum {
		padding: 10px;
		background-color: inherit;
		border: solid 1px #eee;
	}


.GownView .Views { }
	.GownView .Views .thumb { border: solid 1px #ddd; }
	.GownView .Views .thumb .container .thinker { background-color: rgba(250,250,250,0.50); }

.CollectionColour.boxer .container { border: solid 1px #eee; }
.gownswatchcolour.boxer .container { border: solid 1px #eee; }

/* --------- .stockists .shop : floating square shop records ------------------------------------- */
.stockists h4  { 
	margin: 10px;
}
.stockists .shop  {
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.stockists .shop .header {
	    background-color: #E9F2F5;
	}
	.stockists .shop h1 {
	    padding: 2% 1%;
	    margin: 0%;
	    background-color: #E9F2F5;
	    border-bottom: solid 1px rgb(243, 243, 243);
	    color: #705F3E;
	    text-align: center;
	    font-family: 'Bridal Open Sans', sans-serif;
	    font-size: 13px;
		letter-spacing: 0.5px;
		text-transform: capitalize;
		line-height: inherit;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
	}
		.stockists .shop:hover h1 { background-color: #EDF7FC; color: #A56900; }
		.stockists .shop h1 INPUT.grouper { border: solid 1px #999; }
	.stockists .shop .content {  }
		.stockists .shop:hover .content { background-color: #FCFDFF; }
		.stockists .shop .boxer .container { padding: 5%; }
			.stockists .shop .content.boxer .container .details { font-size:11px; line-height: 15px; }
			.stockists .shop .content.boxer .container .details .FB { color:#273870; }
	.stockists .shop .footer {
	    padding: 1%;
	    width: 98%;
	    background-color: #f6f6f6;
	    font-size: 12px;
	    letter-spacing: 0.50px;
	    color: #54472F;
	}
		.stockists .shop .footer .sale,
		.stockists .shop .footer .stock,
		.stockists .shop .footer .popularity { font-size: 11px; }
		.stockists .shop .footer .stock { color: green; font-weight: bold; }
		.stockists .shop .footer .sale { color: red; }
		.stockists .shop .footer .icon { text-decoration: none; font-size: 13px; }
		.stockists .shop .footer .icon:hover { color: #a47f00; }
		.stockists .shop .footer .icon.set { color: #a47f00; }	

		.stockists .shop .footer .choices {
			background-color: rgba(255,255,255,0.85);
			border: solid 1px #ddd;
			padding: 3px 5px;
			border-radius: 3px;
			box-shadow: 1px 1px #eee;
		}		
			.stockists .shop .footer .choices .choice {
				margin: 1px 0px;
				padding: 0 2px 2px 3px;
				border-radius: 3px; 
				text-align: left;
				color: #54472F;
			}	
			.stockists .shop .footer .choices .choice:hover { background-color: #b29d54; color: white; }	
				.stockists .shop .footer .choices .choice .label { font-size: 10px; }
			.stockists .shop .footer .choices .scope {
				text-align: center;
				font-size: 10px;
				color: #54472F;
				white-space: nowrap;
				background-color: white;
				padding: 2px;
				border-top: solid 1px #d8d8d8;
			}	
				.stockists .shop .footer .choices .scope img.toggle { float:none; }	

		.stockists .shop .footer .storecollections {   }		
			.stockists .shop .footer .storecollections .storecollection {
				background-color: rgba(255,255,255,0.90);
				white-space: nowrap;
				padding: 5px;
			}	
			.shop .footer .storecollections .storecollection { text-decoration: none; }	
			.shop .footer .storecollections .storecollection.storecollection0 {} 
			.shop .footer .storecollections .storecollection.storecollection1 { font-weight: bold; } 
			.shop .footer .storecollections .storecollection:hover { background-color: #fff6d7; }	


/* --------- Page : /Fashion/Collection/MSRPs --------------------------------------------------- */
.MSRPs .region { text-align:left; }
.MSRPs h3 { margin-bottom: 10px; }
.MSRPs .distributor { 
	background-color: #FCFCFC;
	border: solid 10px #FCFCFC;
	border-radius: 5px;
	font-size: 13px;
	color: #444;
	text-align: left;
}
.MSRPs .MSRPCurrency { }
.MSRPs .MSRPCurrency select,
.MSRPs .MSRPSort select {
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	padding: 2px;
	border: solid 1px #CCC;
	border-radius: 3px;
}
	.MSRPs .MSRPCurrency select:disabled  { background-color: #F6F6F6; }
	.MSRPs .MSRPCurrency select option,
	.MSRPs .MSRPSort select option {
	    width: unset;
	    font-size: unset;
	    padding: unset;
	    letter-spacing: unset;
	}
.MSRPs .pricelist {
	background-color: #FCFCFC;
	border: solid 10px #FCFCFC;
	border-radius: 5px;
}
.MSRPs .pricelist .label, 
.MSRPs .pricelist .wholesale input, 
.MSRPs .pricelist .msrp input, 
.MSRPs .pricelist .thinker {
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 13px;
	line-height: 17px;
} 
.MSRPs .pricelist div, .MSRPs .pricelist input { width: unset; margin: 0px; border: 0; padding: 3px 7px; } 
.MSRPs .pricelist input { text-align: right; }
.MSRPs .pricelist th {
	font-size: 12px;
	color: #555;
	letter-spacing: 0.5px;
	text-align: left;
	background-color: #F3F3E8;
	padding: 3px 6px;
	border-radius: 4px;
	margin-bottom: 3px;
}
.MSRPs .pricelist .label div  {  }
.MSRPs .pricelist .wholesale input  { border: solid 1px #ECC; border-radius: 3px; margin: 0px 3px; }
.MSRPs .pricelist .wholesale input.negative  { color:red; }
.MSRPs .pricelist .msrp input  { border: solid 1px #CEC; border-radius: 3px; margin: 0px 3px; }
	.MSRPs .pricelist input:hover { background-color: #eff; }
	.MSRPs .pricelist input:focus { background-color: #FFE; color:#695400; }
	.MSRPs .pricelist input:disabled  { background-color: #F6F6F6; }


/* --------- Page : /Fashion/Collection/Fullfillment --------------------------------------------------- */
#GownLabelFullfillmentOptions {
	background-color: #fbfbf6;
	border: solid 1px #becbcc;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
	text-align: left;
}
#GownLabelFullfillmentOptions h2 {
	padding: 0.66%;
	margin: 0%;
	background-color: #86babf;
	color: #fff;
	border-bottom: solid 1px white;
	text-align: center;
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: normal;
	line-height: unset;
}
.GownLabelFullfillmentOption .option_datum .label {
	padding: 5px;
	background-color: #f2f2e6;
	letter-spacing: 1px;
	font-size: 12px;
	color: #444;
}
.GownLabelFullfillmentOption .option_submit { text-align:center; }
.GownLabelFullfillmentOption input { padding: 2px 5px; border: solid 1px #ccc; border-radius: 4px; font-size: 13px; }
.GownLabelFullfillmentOption .option_message { padding-left: 2%; font-size:11px; color:#586b60; }


.GownFullfillmentTimes .region { text-align:left; }
.GownFullfillmentTimes h3 { margin-bottom: 10px; }
.GownFullfillmentTimes .distributor { 
	background-color: #FCFCFC;
	border: solid 10px #FCFCFC;
	border-radius: 5px;
	font-size: 13px;
	color: #444;
	text-align: left;
}
.GownFullfillmentTimes .timelist {
	background-color: #FCFCFC;
	border: solid 10px #FCFCFC;
	border-radius: 5px;
}
.GownFullfillmentTimes tr.item .h3 {
	background-color: #F6F6EE;
	font-size: 10px;
	color: #666;
	letter-spacing: 0.5px;
	line-height: 15px;
	text-align: center;
	margin-bottom: 2px;
}
.GownFullfillmentTimes .timelist .label {
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 13px;
	line-height: 17px;
} 
.GownFullfillmentTimes .timelist div { width: unset; margin: 0px; border: 0; padding: 3px 7px; } 
.GownFullfillmentTimes .timelist input { 
	border: solid 1px #ECC;
	border-radius: 3px;
	margin: 0px 3px;
	padding: 3px 7px;
	text-align: right;
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 13px;
	line-height: 17px;
}
.GownFullfillmentTimes .timelist th {
	font-size: 12px;
	color: #555;
	letter-spacing: 0.5px;
	text-align: left;
	background-color: #F3F3E8;
	padding: 3px 6px;
	border-radius: 4px;
	margin-bottom: 3px;
}
.GownFullfillmentTimes .timelist .label div  {  }
.GownFullfillmentTimes .timelist input:hover { background-color: #eff; }
.GownFullfillmentTimes .timelist input:focus { background-color: #FFE; color:#695400; }
.GownFullfillmentTimes .timelist input:disabled  { background-color: #F6F6F6; }


/* ---- ----------------- -------------------------------------------------------------------------------- */
/* ---- PAGE /Connections -------------------------------------------------------------------------------- */

#pageConnections #Content .switchCrumb { 
	font-size: 0.85em; 
	letter-spacing: 0.5px; 
	line-height: 20px; 
}
#pageConnections #Content .switchCrumb.datactions { 
	float: none;
  	margin: unset;
  	width: unset;
	line-height: 20px;
	text-align: center;
 }
 #pageConnections #Content .switchCrumb.datactions img.icon {
	display: inline-block;
	width: 20px;
	margin:unset;
}
.Connections {
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	box-shadow: 3px 3px 3px rgba(200,200,200,40%);
}
	.Connections .header { background-color: #eae8e5; }
	.Connections .search { background-color: #fbf7f2; }
	.Connections .datum {
		padding: 4px 6px;
		min-width: 16px;
		border: solid 1px #fafafa;
		letter-spacing: 0.5px;
	}
	.Connections .header a { color: #593f09; }
	.Connections .header .sorting a { color: #392702; }
	.Connections .header .rankdir { font-size: 1.25em; }
	
	.Connections .search input {
		color: #444;
		border: solid 1px #e1d6c0;
		border-radius: 2px;
	}
	.Connections .connection { color: #333; }
	.Connections .connection:hover { 
		background-color: white;
		text-decoration: none; 
		color: black;
	}
		.Connections .connection.odd { background-color: #fdfdfd; }
		.Connections .connection.even { background-color: #fafafa; }		
		.Connections .connection.odd:hover, 
		.Connections .connection.even:hover { background-color: white; }
		.Connections .connection.footer { background-color: #fbf7f2; }
		.Connections .connection.footer .datum { font-size: 12px; } 
		.Connections .connection.footer input, 
		.Connections .connection.footer select {
			color: #444;
			border: solid 1px #e1d6c0;
			border-radius: 2px;
		}
		
	.Connections .datum.cDate, .Connections .datum.eDate { font-size: 0.9em; }
	.Connections .datum.counter { text-align: center; }

	
/* .ConnectionRecord {} */
#Popup .ConnectionRecord.puWindow .info.puwContent {  
	min-height: 25vh;
	background-color: #fcfcfd; 
}

.ConnectionRecord .info .Index .control { 
	border-style: solid; 
	border-width: 1px; 
	border-radius: 5px;;
	border-top-color: white;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	border-left-color: white;
	background-color: rgba(251, 201, 6, 0.04);
}

	.ConnectionRecord .info .Index .nav.current { font-size:1.2em; }		
	.ConnectionRecord .info .Index .nav.current .control {
		border-color: transparent;
		background-color: rgba(80, 160, 123, 0.10);
		padding: 4px 20px;
		border-color: rgba(80,160,123,0.2);
	}
	.ConnectionRecord .info .Index .nav .control .arrow {
		font-size: 32px;
		line-height: 25px;
		padding: 0 3%;
	}		
	.ConnectionRecord .info .Index .nav a.viewConnection:hover { text-decoration:none; color: #795407;}		
		.ConnectionRecord .info .Index .nav .title { white-space:nowrap; }	
		.ConnectionRecord .info .Index .nav .ref { font-family:monospace; font-size: 0.75em; color:#664; white-space:nowrap; }	
		.ConnectionRecord .info .Index .nav.current .title { letter-spacing: 1px; font-weight: bolder; color: #2b4855; }	
		
.ConnectionRecord .info .Tabbed { 
	margin: 1%;
	margin-right: 1.5%; 
}
	.ConnectionRecord .info .Tabbed .Tabs .tab.active {  
		background-color: white;
		border-bottom-color: transparent;
	}
	.ConnectionRecord .info .Tabs .tab h3 { margin: 6px 0px; }
	.ConnectionRecord .info .Tabs .tab .counter {
		background-color: #E3E2DF;
		color: hsl(46,17%,20%);
		font-weight: normal;
	}
		.ConnectionRecord .info .Tabs .tab .counter.new {
			background-color: #754D00;
			color: white;
			font-weight: bold;
		}
	.ConnectionRecord .info .Tabbed .Tab { padding-top: 2%; background-color: white; }
				
	.ConnectionRecord .UserData {
		/* margin-top: 2%; */
		/* border: solid 1px #ddd; */
		/* padding: 2%; */
		/* box-shadow: 4px 4px 4px rgba(128,128,128,0.20); */
		/* background-color: #fefdf8; */
		/* border-radius: 2px; */
		/* padding-top: 35px; */
	}
		.ConnectionRecord .UserData .datum { }
		.ConnectionRecord .datum .label {
			text-align: right;
			white-space: nowrap;
			padding-right: 7px;
			color: #555;
		}
	.ConnectionRecord .datum .value {
		letter-spacing: 0.5px;
		color: black;
	}
	.ConnectionRecord .Message {
		border: solid 1px #eff7f4;
		padding: 2%;
		/* box-shadow: 4px 4px 4px rgba(128,128,128,0.20); */
		background-color: #f6fefb;
		border-radius: 7px;
	}
	.ConnectionRecord .Message .header {
		margin-bottom: 2%;
		font-family: "Bridal Open Sans", sans-serif;
		font-weight: bold;
		letter-spacing: 0.4px;
		line-height: unset;
		color: #084;
		border-bottom: solid 1px #084;
	}
		.ConnectionRecord .Message.read .header { font-weight: normal; }
		.ConnectionRecord .Message .header .readflag { display:none; }
		.ConnectionRecord .Message.read .header .readflag { display:inline; }
	.ConnectionRecord .Tab .Message .content {
		border: unset;
		background-color: unset;
		letter-spacing: 0.75px;
	}
	.ConnectionRecord .AppointmentRequests {
		margin-top: 2%;
		/* border: solid 1px #ddd; */
		padding: 35px 2%;
		/* box-shadow: 4px 4px 4px rgba(128,128,128,0.20); */
		/* background-color: #f6fcfe; */
		/* border-radius: 2px; */
	}
		.ConnectionRecord .AppointmentRequests h3 {
			font-family: "Bridal Open Sans", sans-serif;
			letter-spacing: 0.4px;
			line-height: unset;
			color: #039;
			border-bottom: solid 1px #039;
		}
		.ConnectionRecord .AppointmentRequests .Appointments .request .rDate { 
			font-size:10px;
			color: #666;
			font-family: monospace;
		}
		.ConnectionRecord .AppointmentRequests .Appointments .request .datetime { 
			padding-top: 10px;
			color: black;
		}	
		.ConnectionRecord .Favourites .favourites {
			margin-top: 11px;
		}
		.ConnectionRecord .Favourites h3 {
			font-family: "Bridal Open Sans", sans-serif;
			letter-spacing: 0.4px;
			line-height: unset;
			color: rgb(113, 52, 75);
			border-bottom: solid 1px rgb(113, 52, 75);
		}
		.ConnectionRecord .Favourites .favourite h1 {
			font-size: 10px;
			font-family: 'Bridal Open Sans', sans-serif;
			border-bottom: none;
			margin: 0;
			padding: 1%;
			color: black;
			background-color: #eee;
			text-align: center;
			line-height: unset;
			letter-spacing: 0.4px;
		}
		.ConnectionRecord .Favourites .favourite h2 {
			font-size: 9px;
			font-family: 'Bridal Open Sans', sans-serif;
			border-bottom: none;
			margin: 0;
			padding: 0;
			color: black;
			background-color: #eee;
			text-align: center;
			line-height: unset;
			letter-spacing: 0.4px;
		}
		.ConnectionRecord .Favourites .favourite h4 {
			font-size: 9px;
			font-family: monospace;
			border-bottom: none;
			margin: 0;
			padding: 2%;
			color: #666;
			background-color: #eee;
			text-align: center;
			line-height: unset;
			letter-spacing: 0.4px;
			font-weight: normal;
			overflow-x: hidden;
			white-space: nowrap;
		}
	.ConnectionRecord .Trace {
		margin: 2%;
		text-align: left;
		font-family: monospace;
		font-size: 0.90em;
		color: #553;
	}	
		.ConnectionRecord .Trace .datum .label { color: #664; }
		.ConnectionRecord .Trace .datum .value { color: #442; }

/* ---- PAGE /Connections -------------------------------------------------------------------------------- */
/* ---- ----------------- -------------------------------------------------------------------------------- */


/* --------- PAGES: /Media -------------------------------------------------------------------------------------------- */

.MediaLibrary.Photos h2 { 
	font-size: 13px;
	font-family: 'Bridal Open Sans', sans-serif;
	font-weight: normal;
	padding: 10px 7px 2px 7px;
	margin: 0;
	line-height: 15px;
	letter-spacing: 1px;
}

.mediatag {
	border-style: solid;
	border-width: 1px;
	border-radius: 7px;
	border-top-color: white;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: white;
	padding: 0px;
	font-size: 13px;
	letter-spacing: 0.5px;
	background-color: hsl(190,18%,64%);
	color: white;
}
	.mediatag.missing .hashtag { color: #323; background-color: hsl(190,18%,64%); } 
	.mediatag.reqd1 { font-weight:bold; }
	.mediatag.objtid { background-color: hsl(180,25%,63%); }
	.mediatag.objtid-1 { background-color: hsl(340,10%,60%); }
	.mediatag.objtid1 { background-color: hsl(50,30%,63%); }
	.mediatag.objtid2 { background-color: hsl(60,16%,53%); }
	.mediatag.objtid3 { background-color: hsl(260,20%,59%); }
	.mediatag.objtid21 { background-color: hsl(220,30%,55%); }
	.mediatag.objtid4 { background-color: hsl(320,50%,70%); }
	.mediatag.objtid.missing .hashtag,
		#Popup .MediaTagPopup .puwTitlebar.objtid { background-color: hsl(180,25%,90%); }
	.mediatag.objtid-1.missing .hashtag,
		#Popup .MediaTagPopup .puwTitlebar.objtid-1 { background-color: hsl(340,30%,90%); }
	.mediatag.objtid1.missing .hashtag,
		#Popup .MediaTagPopup .puwTitlebar.objtid1 { background-color: hsl(50,30%,90%); }
	.mediatag.objtid2.missing .hashtag,
		#Popup .MediaTagPopup .puwTitlebar.objtid2 { background-color: hsl(60,16%,90%); }
	.mediatag.objtid3.missing .hashtag,
		#Popup .MediaTagPopup .puwTitlebar.objtid3 { background-color: hsl(260,20%,90%); }
	.mediatag.objtid21.missing .hashtag,
		#Popup .MediaTagPopup .puwTitlebar.objtid21 { background-color: hsl(220,30%,90%); }
	.mediatag.objtid4.missing .hashtag,
		#Popup .MediaTagPopup .puwTitlebar.objtid4 { background-color: hsl(320,50%,90%); }

	.mediatag .icon {
		font-size: 16px;
		line-height: 16px;
		padding: 3px 6px 3px 7px;
		border-right: solid 1px rgba(128,128,128,0.50);
		font-weight: normal;
	}
	.mediatag .hashtag {
		display: inline-block;
		padding: 4px 7px 5px 7px;
		border-left: solid 1px rgba(255,255,255,0.50);
		font-size: 13px;
		line-height: 13px;
		vertical-align: top;
	}
	.mediatag .hashtag .TagObjectTypeName {
		font-size: 0.75em;
		font-weight:  normal;
		text-transform: lowercase;
	}

.MediaLibrary .photo {
	background-color: white;
	border-style: solid;
	border-radius: 0px;
	box-shadow: 2px 2px #EEE;
	border-width: 1px;
	border-left-color: white;
	border-top-color: white;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
}
	.MediaLibrary .photo:hover {
		box-shadow: none;
		border-left-color: #ddd;
		border-top-color: #ddd;
		border-right-color: white;
		border-bottom-color: white;
	}
	.MediaLibrary .photo h1 {
	    padding: 2% 1%;
	    margin: 0%;
	    background-color: white;
	    border-bottom: solid 1px rgb(243, 243, 243);
	    color: #705F3E;
	    text-align: center;
	    font-family: 'Bridal Open Sans', sans-serif;
	    font-size: 14px;
	    letter-spacing: 1px;
	    text-transform: uppercase;
	    line-height: inherit;
	    overflow-x: hidden;
	    white-space: nowrap;
	}
		.MediaLibrary .photo:hover h1 { background-color: #EDF7FC; color: #A56900; }
	.MediaLibrary .photo .content {  }
		.MediaLibrary .photo:hover .content { background-color: #FCFDFF; }
			.MediaLibrary .photo .boxer .container img.icon.edit { 
				height: 16px;
				width: 16px;
				margin: 6px;
				padding: 4px 4px 5px 5px;
				background-color: rgba(235,235,255,0.60);
				border-radius: 4px;
			}  
				.MediaLibrary .photo .boxer .container img.icon.edit:hover { background-color: rgba(235,235,255,0.90); }
			.MediaLibrary .photo .boxer .container .imgcount {
				border-radius: 4px;
				font-weight: bold;
				letter-spacing: 1px;
			} 
	.MediaLibrary .photo .footer {
		margin: 1% 3% 2% 3%;
		width: 94%;
		overflow-x: hidden;
		background-color: white;
		text-align: left;
		font-size: 11px;
		letter-spacing: 0.75px;
		color: #54472F;
		line-height: 16px;
	}
		.MediaLibrary.Photos .footer h2 { 
			margin: 2% 2% 1% 0;
			padding-left: 0;
			line-height: 14px;
			font-size: 12px; 
			font-family: 'Bridal Open Sans', sans-serif;
			color: #555;
			font-weight: bold;
		}
		.MediaLibrary .photos .footer .icon { text-decoration: none; font-size: 13px; }
		.MediaLibrary .photo .footer .icon:hover { color: #a47f00; }
		.MediaLibrary .photo .footer .icon.set { color: #a47f00; }		
		.MediaLibrary .photo .footer .icon .choices {
			background-color: rgba(255,255,255,0.85);
			border: solid 1px #ddd;
			padding: 3px 5px;
			border-radius: 3px;
			box-shadow: 1px 1px #eee;
		}		
			.MediaLibrary .photo .footer .icon .choices .choice {
				margin: 1px 0px;
				padding: 0 2px 2px 3px;
				border-radius: 3px; 
				text-align: left;
				color: #54472F;
				font-size: 11px;
			}	
			.MediaLibrary .photo .footer .icon .choices .choice:hover { background-color: #b29d54; color: white; }	
				.MediaLibrary .photo .footer .icon .choices .choice .label { font-size: 10px; }

	/* ---------------- DEPRECATED? -------------------------------------------------------------------- */
	.MediaLibrary.Photo .PreviewPhoto {
		background-color:white;
		border: solid 1px #eee;
		border-radius: 4px;
	}
		.MediaLibrary.Photo a.PreviewPhoto img.uploadPhoto { display:none; }
		.MediaLibrary.Photo a.PreviewPhoto:hover img.uploadPhoto { display:block; }
		.MediaLibrary.Photo .PreviewPhoto img.uploadPhoto.hideit { display:none; }
		.MediaLibrary.Photo .PreviewPhoto img.thinker { display:none; }

	.MediaLibrary.Photo form { }
		.MediaLibrary.Photo form .label {
			font-size: 0.75em;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: black;
		}
	/* ---------------- DEPRECATED? -------------------------------------------------------------------- */
	/* ----------------------------------------------------------------------- */


	/* ------ manageMediaItem.cfm -------------------------------------------------------------------------------------- */
	#pageMediaItem .manageMediaItem .MediaItemPreview {
		background-color: #f6f6f4;
		border: solid 10px #fff;
		border-radius: 3px;
	}
		.MediaItemPreview .item { background-color:rgba(255,255,255,85%); border-radius:5px; }
		#pageMediaItem .manageMediaItem .MediaItemPreview .thinker { background-color: rgba(0,0,0,33%); }

	.manageMediaItem .MediaItemInfo .formMediaItemInfo input, 
		.manageMediaItem .MediaItemInfo .formMediaItemInfo textarea,
		.manageMediaItem .MediaItemInfo form.lookupObjectForTag input {
			width: 98%;
			padding: 0.9%;
			border: solid 1px #ddd;
			font-family: 'Bridal Open Sans', sans-serif;
			font-size: 15px;
			letter-spacing: 1px;
		}
	.manageMediaItem .MediaItemInfo .formMediaItemInfo .inputMediaName {
		text-transform: capitalize;
		font-size: 0.9em;
		font-weight: bold;
	}
	.manageMediaItem .MediaItemInfo .formMediaItemInfo .inputMediaDescription {
		font-size: 0.85em;
		min-height: 60px;
	}
	.manageMediaItem .MediaItemInfo .formMediaItemInfo .label { text-transform:capitalize; }
	.manageMediaItem input.submitMedia,
	.manageMediaItem input.deleteMedia {
		display: block;
		width: 100%;
		padding: 1%;
		margin: 2% auto;
		border-width: 1px;
		border-style: solid;
		border-left-color: rgba(255,255,255,0.55);
		border-top-color: rgba(255,255,255,0.55);
		border-right-color: rgba(204,204,204,0.45);
		border-bottom-color: rgba(204,204,204,0.45);
		letter-spacing: 1px;
	}
	.manageMediaItem input.submitMedia { background-color: #dcf5e9; color: #385446; }
	.manageMediaItem input.deleteMedia { background-color: #FFF8F8; color:red; }
 		.MediaItemPreview input.submitMedia { width: 99%; margin: 0.5%; display:none; }

		.manageMediaItem .MediaItemInfo .MediaDatums {
			margin-bottom: 20px;
			font-size: 0.9em;
			color: #333;
			letter-spacing: 0.33px;
		}
			.manageMediaItem .MediaItemInfo .MediaDatums th { padding-left: 10px; }
			.manageMediaItem .MediaItemInfo .MediaDatums td { padding-right: 4px; }




	.MediaLibrary.Photo .formPhotoData {}
	
		.MediaLibrary.Photo .formPhotoData input, 
		.MediaLibrary.Photo .formPhotoData textarea,
		.MediaTagPopup form.lookupObjectForTag input {
			width: 98%;
			padding: 0.9%;
			border: solid 1px #ddd;
			font-family: 'Bridal Open Sans', sans-serif;
			font-size: 15px;
			letter-spacing: 1px;
		}
		.MediaLibrary.Photo .formPhotoData input[type=radio],
		.MediaLibrary.Photo .formPhotoData input[type=checkbox] { width:unset; } 

		.MediaLibrary.Photo .formPhotoData .inputPhotoName {
			text-transform: capitalize;
			font-size: 0.9em;
			font-weight: bold;
		}
		.MediaLibrary.Photo .formPhotoData .inputPhotoDescription {
			font-size: 0.85em;
		}

		.MediaLibrary.Photo .formPhotoData .PhotoDatums {
			margin-bottom: 20px;
			/* border: solid 1px #eee;
		  	background-color: #fdfdfd; */
			font-size: 0.85em;
			color: #666;
		}
			.MediaLibrary.Photo .formPhotoData .PhotoDatums th { padding-left: 10px; }
			.MediaLibrary.Photo .formPhotoData .PhotoDatums td { padding-right: 4px; }

		.manageMediaItem .PhotoGenres .wait { background-color: rgba(248,248,248,0.50); }
			.manageMediaItem .PhotoGenres .wait img.thinker { position:absolute; top:50%;left:50%;transform:translate(-50%,-50%); }
		.manageMediaItem .PhotoGenres .content {  font-family: 'Bridal Open Sans', sans-serif; }
			.manageMediaItem .PhotoGenres .Genre { 
					border-width: 1px; border-style:solid;
					border-top-color:white; border-left-color:white; 
					border-right-color: #eaeaea; border-bottom-color: #eaeaea; 
			}
				.manageMediaItem .PhotoGenres .Genre.selected { 
					padding: 0.75% 0 1.25% 0;
					background-color: #f5faf9;
					border-top-color:#eaeaea; border-left-color:#eaeaea; 
					border-right-color: white; border-bottom-color: white;  
				}
			.manageMediaItem .PhotoGenres .Genre .genre { 
				padding: 0.75% 1%;
				font-size: 12px; letter-spacing: 1px; 				
			}
			.manageMediaItem .PhotoGenres .Genre .genre:hover { background-color:#faf8e3; text-decoration:none; }
			.manageMediaItem .PhotoGenres .Genre.selected .genre:hover { background-color:inherit; text-decoration:none; }
			.manageMediaItem .PhotoGenres .Genre .librarylevels { }
			.manageMediaItem .PhotoGenres .Genre .librarylevels h3 {
					margin: 0;
					padding: 1% 2%;
					background-color: #fafcfc; 
					font-size: 10px;
					font-weight: bold;
					letter-spacing: 1px;
					line-height: 11px;
					font-family: 'Bridal Open Sans', sans-serif;
					color: #333;
					text-transform: uppercase;
				}
			.manageMediaItem .PhotoGenres .Genre .librarylevels h3 img.icon { height:12px; }
			.manageMediaItem .PhotoGenres .Genre .librarylevels .level { 
				margin: 1px 0;
				padding: 0.5% 0.75%; 
				background-color: #fafcfc;
				font-size: 11px; 
				letter-spacing: 0.5px; 
				color: #333;
			}
				.manageMediaItem .PhotoGenres .Genre .genre .selector { text-align: center; }
				.manageMediaItem .PhotoGenres .Genre .genre .explanation { line-height: 20px; color: #333; }
				.manageMediaItem .PhotoGenres .Genre .genre .explanation:hover { text-decoration: none; }
				.manageMediaItem .PhotoGenres .Genre .librarylevels .selector {  }
				.manageMediaItem .PhotoGenres .Genre .librarylevels .explanation { line-height: 18px; color: #444; }

	.MediaLibrary.Photo  .formPhotoData input.submitPhoto {
		display: block;
		width: 100%;
		padding: 1%;
		margin: 0px auto;
		background-color: #dcf5e9;
		color: #385446;
		border-width: 1px;
		border-style: solid;
		border-left-color: rgba(255,255,255,0.55);
		border-top-color: rgba(255,255,255,0.55);
		border-right-color: rgba(204,204,204,0.45);
		border-bottom-color: rgba(204,204,204,0.45);
	}

	.MediaTagPopup .puwTitlebar {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.MediaTagPopup .puwContent {
		background-color: #fdfdfd;
	}
		.MediaTagPopup .puwContent .formSection .label {
			display: block;
			letter-spacing: 0.5px;
			font-size: 12px;
			color: #555;
			padding-left: 1%;
		}
		.MediaTagPopup .puwContent .formSection input { width:88%; display:inline-block; padding-left: 1%; }
		.MediaTagPopup .puwContent .formSection input.thinking { background-color:#fff8d9; color: black; }
		.MediaTagPopup .puwContent .formSection img.icon { display:inline-block; width:24px; padding:2px; vertical-align: middle; }
	.MediaTagPopup .puwStatusbar {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}		
		.MediaTagPopup .button { 
			border-radius: 6px;			
			font-weight: bold;
			letter-spacing: 1px;
			line-height: 14px;
			color: white;
			background-color: #8bacbd;
		}
			.MediaTagPopup .button.delete { 
				color: firebrick;
				background-color: white;
				border: solid 1px firebrick;
			}
			.MediaTagPopup .button.edit { 
				color: chocolate;
				background-color: white;
				border: solid 1px chocolate;
			}
	.MediaTagPopup .ObjectFullTag {
		border: solid 1px #ccc;
		border-radius: 10px;
	}
		.MediaTagPopup .ObjectFullTag.objtid1 { background-color: hsl(50,60%,99%); }
		.MediaTagPopup .ObjectFullTag.objtid2 { background-color: hsl(60,50%,99%); }
		.MediaTagPopup .ObjectFullTag.objtid3 { background-color: hsl(180,550%,99%); }
		.MediaTagPopup .ObjectFullTag.objtid21 { background-color: hsl(200,60%,99%); }
		.MediaTagPopup .ObjectFullTag.objtid4 { background-color: hsl(320,70%,99%); }
		
		.MediaTagPopup .ObjectFullTag .thumb { border-radius: 6px; }
		.MediaTagPopup .ObjectFullTag .info { padding: 0 1%;
			font-size: 13px;
			letter-spacing: 0.5px;
		}
		.MediaTagPopup h2 {
			font-size: 13px;
			display: block;
			border-bottom: solid 1px #706006;
			padding: 0 0 1px 0;
			line-height: 13px;
			letter-spacing: 1px;
			font-weight: bold;
			color: #706006;
			font-family: 'Bridal Open Sans', sans-serif;
		}
		.MediaTagPopup form.lookupObjectForTag .ObjectNames { 
			max-height: 60vh;
			overflow-y: scroll;
			overflow-x: hidden;
			border-width: 0 1px 1px 1px; 
			border-style:solid;
			border-color: #ddd; 
		}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption { 
				border-width: 1px; border-style:solid;
				border-top-color:white; border-left-color:white; 
				border-right-color: #eaeaea; border-bottom-color: #eaeaea; 
				background-color: #fbfbfb;
			}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption:hover { background-color:#fff; text-decoration:none; }
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .thumb .container {
				top: 5px; bottom: 5px;
				left: 5px; right: 5px;
				overflow: hidden;
			}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .thumb .text {
				padding: 5% 0% 4% 6%;
				text-align: right;
				color: black;
				font-weight: normal;
			}
		.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .info {
			padding: 0 1%;
			font-size: 13px;
			letter-spacing: 0.5px;
			line-height: 14px;
		}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .info .title,
			.MediaTagPopup .ObjectFullTag .info .title {
				padding: 3% 2% 1% 2%;		
				color: #444;
				font-weight: bold;			
			}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption.new .info .title { color:red; }
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption .info .description,
			.MediaTagPopup .ObjectFullTag .info .description {
				padding: 0.5% 2% 2.5% 2%;
				color: #555;
				font-weight: normal;			
			}
			.MediaTagPopup form.lookupObjectForTag .ObjectNames .TagOption.new .info .description { color:red; }
	.MediaTagPopup .CustomTagObjectForm { 
		margin: 1%;
		padding: 2%;
		background-color: #faf8f0;
		border-radius: 4px;
	}
		.MediaTagPopup .CustomTagObjectForm h3 {
			background-color: #ebeae1;
			color: #544c1d;
			font-size: 11px;
			font-weight: bold ;
			border-radius: 4px;
			line-height: 14px;
			padding: 1% 3%;
			letter-spacing: 2px;
			text-align: center;
		}
		.MediaTagPopup form.lookupObjectForTag .CustomTagObjectForm .label {
			margin-top: 3px;
			padding: 0 2%;
			font-size: 12px;
			color: #555;
		}
		.MediaTagPopup form.lookupObjectForTag .CustomTagObjectForm .label.required { color: black; }
		.MediaTagPopup form.lookupObjectForTag .CustomTagObjectForm input {
			width: 96%;
			font-size: 12px;
			padding: 0.5% 1.95%;
			border-radius: 3px;
		}
		.MediaTagPopup form.lookupObjectForTag .CustomTagObjectForm .button {
			margin: 0;
			vertical-align: unset;
			line-height: 14px;
			background-color: white;
			border: solid 1px olive;
			border-radius: 4px;
			color: olive;
			font-size: 12px;
			float: right;
		}
			.MediaTagPopup form.lookupObjectForTag .CustomTagObjectForm .datum.long .button { width:96% ;}
			.MediaTagPopup .datum img.thinker {
				width: unset;
				height: 14px;
				padding: 1%;
				border: solid 1px transparent;
			}


/* --------- Page : /Annoucenements ----------------------------------------------- --------------------------------------------------- */
body.Announcements {}

body.Announcements .controller.announcement .container h1 { background-color: #E9F2F5; }
	body.Announcements .controller.announcement.priority0 .container h1 { background-color: #e9f2f5; }
	body.Announcements .controller.announcement.priority-1 .container h1 {  background-color: #f5f5e9; }
	body.Announcements .controller.announcement.priority1 .container h1 { background-color: #f5e9e9; }
body.Announcements .controller.announcement:hover .container h1 { background-color: #e8f6fa; } 
	body.Announcements .controller.announcement.priority0:hover .container h1 { background-color: #e8f6fa; }
	body.Announcements .controller.announcement.priority-1:hover .container h1 { background-color: #fafae8; }
	body.Announcements .controller.announcement.priority1:hover .container h1 { background-color: #fae8e8; }

.controller.announcement.priority0 h2 .stylePriority { color: #2a4a54; } 
.controller.announcement.priority-1 h2 .stylePriority { color: #54542a; } 
.controller.announcement.priority1 h2 .stylePriority { color: #542a2a; font-weight: bold; } 

body.Announcements .Announcement { background-color: rgba(252,252,252,0.66); }
	.Announcement .AnnouncementPoster {  } 
		.Announcement .AnnouncementPoster .element { 
			border: solid 1px #ddd;
			background-color: #FBFBFB;
		} 
		.Announcement .AnnouncementPoster .fainter { background-color: rgba(252,252,252,0.66); }
		.Announcement .AnnouncementPoster .fainter .action {
			background-color: rgba(252,252,252,0.66);
			border-radius: 10px;
			font-weight: 400;
			font-family: "Open Sans", sans-serif;
			letter-spacing: 0.5px;
			font-size: 14px;
			text-align: center
		}
			.Annoucenement .AnnoucenementPoster .fainter .action .icon { }
	body.Announcements .Announcement .element .prompt { 
		padding: 3px 10px;
		border: solid 2px #d6c676;
		background-color: #f6f6f6; 
	}
		body.Announcements .Announcement .element .prompt .text { 
			font-family: 'Open Sans', sans-serif; 
			font-size: 16px; 
			font-weight: 400; 
			color: #a89532; 
		}	
	body.Announcements .Announcement .inputAnnouncementTitle,
	body.Announcements .Announcement .inputAnnouncementURL { padding: 4px 10px; }	
	body.Announcements .Announcement .inputAnnouncementText { padding: 10px; }
	form.Announcement .submitAnnouncement {
		display: block;
		width: 840px;
		padding: 1%;
		background-color: #dcf5e9;
		color: #385446;
	}

/* --------- / Page : /Announcements ---------------------------------------------- --------------------------------------------------- */


/* ------------- Page: Testimonial --------------------------------------------------------------------------------------- */
.formTestimonial {
	background-color: #fcfcfc;
	padding: 36px;
	margin-top: 1%;
}
	.formTestimonial .refTestimonialBusinessName {
		font-size: 14px;
		letter-spacing: 0.75px;
		display: inline-block;
		background-color: white;
		padding: 6px 10px;
		border: solid 1px #ccc;
		border-radius: 6px;
	}
	#pageTestimonial .formTestimonial .element.name input {
		width: unset;
		max-width: 270px;
		padding: 4px;
		font-size: 15px;
		font-family: inherit;
		letter-spacing: 1px;
		color: #222;
	}
	#pageTestimonial .formTestimonial .inputTestimonialText {
		width: 588px;
		max-width: 96%;
		padding: 4px;
		font-size: 13px;
		font-family: monospace;
		color: #444;
	}
	body#pageTestimonial .formTestimonial .TestimonialPhoto .element .prompt { 
		padding: 3px 10px;
		border: solid 2px #d6c676;
		background-color: #f6f6f6; 
	}
		body#pageTestimonial .formTestimonial .TestimonialPhoto .element .prompt .text { 
			font-family: 'Open Sans', sans-serif; 
			font-size: 16px; 
			font-weight: 400; 
			color: #a89532; 
		}
	.formTestimonial .TestimonialPhoto {  } 
		.formTestimonial .TestimonialPhoto .element { 
			display: block ;
			border: solid 1px #ddd;
			background-color: #FBFBFB;
		} 	
		.formTestimonial .TestimonialPhoto .fainter { background-color: rgba(252,252,252,0.66); }
		.formTestimonial .TestimonialPhoto .fainter .action {
			background-color: rgba(252,252,252,0.66);
			border-radius: 10px;
			font-weight: 400;
			font-family: "Open Sans", sans-serif;
			letter-spacing: 0.5px;
			font-size: 14px;
			text-align: center
		}
			.formTestimonial .TestimonialPhoto .fainter .action .icon { }	
	.formTestimonial  .submitTestimonial {
		display: block;
		width: 600px;
 		max-width: 100%;
		padding: 1%;
		background-color: #dcf5e9;
		color: #385446;
	}
/* ------------- / Testimonial -------------------------------------------------------------------------------------------- */


/* --------- Page : /Events/------------------------------------------------ --------------------------------------------------- */
body.Events {}
body.Events .Event { background-color: #fcfcfc; }

	body#pageEvents form.Filters {
		float: left;
		display: block;
		margin: 0px 0px 4px 0px;
		margin-right: 20px;
	}
	body#pageEvents form.Filters input[type=date],
	body#pageEvents form.Filters input[type=submit],
	body#pageAnnouncements form.Filters input[type=date],
	body#pageAnnouncements form.Filters input[type=submit],
	body#pageTestimonials form.Filters input[type=date],
	body#pageTestimonials form.Filters input[type=submit] {
		width: unset;
		padding: 2px;
		border: solid 1px #CCC;
		border-radius: 3px;
		font-family: 'Bridal Open Sans', sans-serif;
		font-size: 12px;
		letter-spacing: 1px;
	}

	body#pageEvents .Sorters {
		float: right;
		display: block;
		margin-left: 20px;
	}
	
	body.Events .Event .element .input,
	body.Events .Event .element select option { 
		width: unset; 
		padding: 0; 
		border: none; 
		background-color: inherit; 
	}
	body.Events .Event .element input[type=text]:focus,
	body.Events .Event .element input[type=date]:focus,
	body.Events .Event .element select:focus,
	body.Events .Event .element textarea:focus {
		border: solid 1px #eee;
		background-color: white;
	}
	body.Events .Event .element .prompt { 
		padding: 3px 10px;
		border: solid 2px #d6c676;
		background-color: #f6f6f6; 
	}
		body.Events .Event .element .prompt .text { 
			font-family: 'Open Sans', sans-serif; 
			font-size: 16px; 
			font-weight: 400; 
			color: #a89532; 
		}
			
	body.Events .Event .breadcrumbs { 
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		line-height: 24px;
		font-weight: 400;
		color: #333;
		text-transform: lowercase;
		letter-spacing: 0px;
	}
	body.Events .Event .breadcrumbs .input,
	body.Events .Event .breadcrumbs .formater { 
		display: inline-block;
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		line-height: 24px;
		font-weight: 400;
		color: #4d4108;
		text-transform: lowercase;
		letter-spacing: 0px;
	}
	body.Events .Event .breadcrumbs .formater { text-transform: capitalize; }

	body.Events .Event .Info {
		border: solid 1px #ddd;
		border-radius: 2px;
		background-color: #FBFBFB;
	}

		body.Events .Event .title {
			padding: 1% 2%;
		}
			body.Events .Event .title input.inputBranchName { 
				display:block;
				width: 100%;
				line-height: 30px;
				font-family: Raleway;
				font-size: 22px;
				font-weight: 300;
				color: black;
				letter-spacing: 1px;
				white-space: nowrap;
				overflow: hidden;
			}
	.Event .EventPoster .fainter { background-color: rgba(252,252,252,0.66); }
	.Event .EventPoster .fainter .action {
		background-color: rgba(252,252,252,0.66);
		border-radius: 10px;
		font-weight: 400;
		font-family: "Open Sans", sans-serif;
		letter-spacing: 0.5px;
		font-size: 14px;
		text-align: center
	}
	.Event .EventPoster .fainter .action .icon {
	}

body.Events .PostersStock,
body.Events .PostersLibrary {
	padding: 1%;
	border: solid 1px #eee;
	background-color: white;
}
	body.Events .PostersStock .header,
	body.Events .PostersLibrary .header {
		background-color: #e9eff2;
		border-radius: 3px;
		padding: 4px;
		text-align: center;
		letter-spacing: 1px;
		font-size: 1.2em;
		margin-bottom: 1%;
	}
	body.Events .PostersStock .header .remove,
	body.Events .PostersLibrary .header .remove {
		font-size: 1.5em;
		font-weight: bold;
		color: red;
		text-decoration: none;
		line-height: 24px;
		margin-right: 5px;
	}
	body.Events .PostersStock .stockposter,
	body.Events .PostersLibrary .libraryposter { border: solid 1px #f6f6f6; }
	body.Events .PostersStock .stockposter:hover,
	body.Events .PostersLibrary .libraryposter:hover { border-color: gold; background-color: #fffae0; }


body.Events .Event .data, 
body.Events .Event .description { }
body.Events .Event .data { background-color: #eee; }
	body.Events .Event .data h2, 
	body.Events .Event .description h2 {
		background-color: #e5e1e2;
		border-radius: 3px;
		line-height: 13px;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		color: #333;
		font-weight: 300;
	}
		body.Events .Event .data .element.Designers .inputGownLabelName,
		body.Events .Event .data .element.Location .inputBlocName
		 {
			width: 95%;
			padding: 1% 2%;
			border: solid 1px #aaa;
			border-radius: 4px;
			color: #614e01;
		}
		body.Events .Event .data .element.Designers .inputGownLabelName.thinking,
		body.Events .Event .data .element.Location .inputBlocName.thinking {
			background-color: #e5e2cf;
			color: #7c7a70;
		}
		body.Events .Event .data .element.Location .blocs,
		body.Events .Event .data .element.Designers .glnames {
			overflow-y: auto;
			background-color: #FEFEFE;
			border: solid 1px #9ab;
			border-radius: 3px;
		}
			body.Events .Event .data .element.Location .bloc,
			body.Events .Event .data .element.Location .bloc, body.Events .Event .data .element.Designers .glname {
				padding: 1% 2%;
				background-color: #fffdf5;
				border: solid 1px #f5f4f0;
			}
			body.Events .Event .data .element.Location .bloc:hover,
			body.Events .Event .data .element.Designers .glname:hover {
				color: white;
				background-color: #998e56;
				text-decoration: none;
			}
		body.Events .Event .BLocation .Branch {
			font-family: 'Open Sans', sans-serif;
			font-size: 13px;
			font-weight: 300;
			color: #444;
			letter-spacing: 0.5px;
		}
			body.Events .Event .BLocation .Branch strong { font-size: 15px; }
			body.Events .Event .BLocation .Branch a:hover { background-color: #f7f6ed; }
			body.Events .Event .BLocation .Branch .Listing .remove {
				font-size: 18px;
				font-weight: 400;
				line-height: 18px;
			}
				body.Events .Event .BLocation .Branch .Listing:hover .remove { color:red; }

.Event .GownLabels .glTag {
	padding: 3px 10px; 
	background-color: #bfb273; 
	border-style: solid; 
	border-width:1px;
	border-radius: 8px; 
	border-top-color: #e5dce0;
	border-right-color: #a69d74;
	border-bottom-color: #a69d74;
	border-left-color: #e5dce0;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 18px;
	text-transform: uppercase;
	text-decoration: none;
}
	.Event .GownLabels .glTag * { vertical-align: middle; }
	.Event .GownLabels .glTag .remove {
		font-size: 18px;
		line-height: 16px;
	}
		.Event .GownLabels .glTag .remove:hover { text-decoration: none; }
.addAnotherGownLabel {
	padding: 3px 10px;
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
	border-top-color: #e5dce0;
	border-right-color: #a69d74;
	border-bottom-color: #a69d74;
	border-left-color: #e5dce0;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 18px;
	text-transform: uppercase;
	text-decoration: none;
}
	.addAnotherGownLabel:hover { background-color: white; }
	.addAnotherGownLabel .plus { font-size: 1.25em; }


.Event .inputBranchDescription { 
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: black;
	letter-spacing: 0.5px;
}
.Event .EventLink,
.Event .EventPhone,
.Event .EventEmail { margin-top: 20px; }
body.Events .Event .element .input.inputBranchURL,
body.Events .Event .element .input.inputBranchEMail,
body.Events .Event .element .input.inputBranchPhone {
	font-size: 13px;
	padding: 1% 2%;
	width: 96%;
}
.Event .element.EventPhone .formater,
.Event .element.EventEmail .formater,
.Event .element.EventLink .formater {
	display: block;
	margin: 6% auto 1% auto;
	padding: 2% 3%;
	border: solid 1px #ccafb6;
	border-radius: 8px;
	background-color: white;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	color: #80404e;
	letter-spacing: 0.5px;
	font-family: 'Open Sans',sans-serif;
	text-align: center;
}
form.Event .submitEvent {
	display: block;
	width: 100%;
	padding: 1%;
	margin: 0px auto;
	background-color: #dcf5e9;
	color: #385446;
}


/* --------- Page : /Info/BridalNetwork/Contact --------------------------------------------------- */
#BNAddress {
	background-color: rgba(255,255,255,0.60);
	padding: 3%;
	font-size: 1.2em;
	border-radius: 7px;
	border: solid 1px #eee;
}
#BNEMailForm {
	padding: 0 3%;
}
	#BNEMailForm form .label {
		font-size: 0.80em;
		text-transform: uppercase;
	}
	#BNEMailForm form input, #BNEMailForm form select, #BNEMailForm form textarea {
		border: solid 1px #ccc;
		border-radius: 4px;
		font-family: sans-serif;
		font-size: 14px;
		color: #134;
	}
	#BNEMailForm form textarea {
		padding: 4px;
	}

/* --------- Page : /Analytics/index -------------------------------------------------------------- */
#pageAnalytics .fashiollage .content .container .hovericon {
	padding: 0.75%;
	background-color: rgba(200,200,200,0.33);
	border: solid 1px rgba(255,255,255,0.4);
	border-radius: 5px;
}
#pageAnalytics .fashiollage .content .container .hovericon img  {  }
#MembershipSwitch {  /* JSON ID */  }
#MembershipSwitch {  /* JSON ID */  }

/* --------- Page : /Account/pushleters ------------------------------------------------------------ */
.Pushletters { border-collapse: collapse; border-spacing: 0; }
	.Pushletters .pushletter { border-radius: 5px; }
		.Pushletters .pushletter.odd { background-color: #FCFCFC; }
		.Pushletters .pushletter.even { background-color: #F8F8F8; }
		.Pushletters .pushletter .subscriber { width:34px; padding: 10px; }
			.Pushletters .pushletter .subscriber img.toggle { width:100%; }
			.Pushletters .pushletter .subscriber img.thinker { width: 34px; padding: 5px 0; display: none; }
		.Pushletters .pushletter .informer {  padding: 10px; }
		.Pushletters .pushletter .namer { font-size: 18px; letter-spacing: 0.5px; }
		.Pushletters .pushletter .describer {  }
	.Pushletters .spacer { height: 10px; }

/* ------ PAGE /Resources/SizeCharts --------------------------------------------------------------- */
.sizechart {
	background-color: #fbfbf6;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.sizechart h1 {
		padding: 1%;
		margin: 0%;
		background-color: #f2f5d3;
		border-bottom: solid 1px rgb(230, 230, 190);
		color: #705F3E;
		text-align: center;
		font-family: 'Bridal Open Sans', sans-serif;
		font-size: 14px;
		letter-spacing: 1px;
		font-weight: normal ;
		text-align: bottom;
		line-height: inherit;
	}
		.sizechart h1 strong {
			font-weight: bold;
			text-transform: uppercase;
		}
		.sizechart.sizechart0 h1 { background-color: #dff5d3; }
		.sizechart.sizechart0 a:hover { text-decoration:none; }
	.sizechart .footer {
		padding: 0.50%;
		border-top: solid 1px rgb(240, 240, 210);
		background-color: #f3f5df;
		text-align: center;
		font-size: 11px;
		letter-spacing: 0.75px;
		color: #888;
	}
	#SizeCharts .sizechart .content .loading {
		background-color: rgba(255,255,255,0.50);
	}
		.sizechart .info { 
			font-size: 12px; 
			padding: 0 0 1%1%;
			text-align: left;
		}
			.sizechart .info input, 
			.sizechart .info textarea, 
			.sizechart .info select {
				margin-bottom: 1%;
				border: solid 1px #ccc;
				border-radius: 4px;
				padding: 4px;
				color: #442;
				font-family: 'Bridal Open Sans', sans-serif;
				font-size: 13px;
				letter-spacing: 0.75px;
			}
				.sizechart .info input:focus,
				.sizechart .info textarea:focus { 
					background-color: #fffff4;
					color: #751;
				} 
				.sizechart .info select option { 
					font-family: 'Bridal Open Sans', sans-serif;
					font-size: 13px;
					letter-spacing: 0.75px; 
				}
		#SizeCharts .sizechart .chartsizes { font-size: 12px; }
		#SizeCharts .sizechart .chartsizes th {
			padding: 5px;
			background-color: #f2f2e6;
			letter-spacing: 1px;
			font-size: 12px;
			color: #444;
			border: solid 1px #eaebe0;
		}
		#SizeCharts .sizechart .chartsizes th.help { 
			font-size:10px;
			font-weight: normal;
			color: #332;
			letter-spacing: 0.5px;
			line-height: 12px; 
			text-align: center;
		}
			#SizeCharts .sizechart .chartsizes th.help em { color: #221; }

		#SizeCharts .sizechart .chartsizes tr.odd { background-color: #FCFCFC; }
		#SizeCharts .sizechart .chartsizes tr.even { background-color: #f7f7f4; }
		#SizeCharts .sizechart .chartsizes td { 
			border: solid 1px #f2f2f0;;
			background-image: none;
		}
			#SizeCharts .sizechart .chartsizes td.thinking { 
				background-image: url('/Assets/Images/Icons/thinker.gif');
				background-size: 80%;
				background-repeat: no-repeat;
				background-position: center;
			}
		#SizeCharts .sizechart .chartsizes input { 
			margin: 1px 0px;
			border: solid 1px transparent;
			padding: 1px;
			background-color: transparent;
			font-size: 11px;
		}
			#SizeCharts .sizechart .chartsizes .formAddSizeChartSize input { 
				background-color: rgba(255,255,245,0.90);
				border-color: #DDC;
				border-radius: 2px;
				color:#999;  
			}
			#SizeCharts .sizechart .chartsizes input:focus { 
				background-color: rgba(255,255,225,0.90);
				border-color: #BBA;
				border-radius: 2px;
				color:#753d00; 
			}
			#SizeCharts .sizechart .chartsizes td.thinking input { color: transparent;}
			#SizeCharts .sizechart .chartsizes input.left { padding-right:0px; margin-right: 1px; } 
			#SizeCharts .sizechart .chartsizes input.right { padding-left:0px; } 
			#SizeCharts .sizechart .chartsizes th.subheader { font-weight:normal; } 
			#SizeCharts .sizechart .chartsizes th.secondary { font-size: 10px; } 
			#SizeCharts .sizechart .chartsizes td.secondary input { font-size: 10px; }  
			#SizeCharts .sizechart .chartsizes input.scsSize { width:16px; text-align:right; }  
			#SizeCharts .sizechart .chartsizes .secondary input.scsSize { width:14px; } 
			#SizeCharts .sizechart .chartsizes input.scsSizeQualifier { width:10px; text-align:left; }
			#SizeCharts .sizechart .chartsizes input.scsSizeCode { width:34px; font-style:italic; text-align:center; }
			#SizeCharts .sizechart .chartsizes .secondary input.scsSizeCode { width:34px; }
			#SizeCharts .sizechart .chartsizes input.scsMeasurement { width:32px; text-align:center; }
			#SizeCharts .sizechart .chartsizes .secondary input.scsMeasurement { width:36px; text-align:center; }

			#SizeCharts .sizechart .chartsizes .submitAddSizeChartSize { font-size: 16px; font-weight: bold; color: green; text-decoration: none }
			#SizeCharts .sizechart .chartsizes .submitRemoveSizeChartSize { font-size: 16px; font-weight: bold; color: red; text-decoration: none }


/* ------------- SITE LAYOUT & UI ------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- REUSEABLE ELEMENTS ---------------------------------------------------------------- */

/* ---- .annotation : little healpful explanations ------------------------------------------------- */
.annotation {
	display: block;
	background-color: #fcfcf6;
	font-size: 10px;
	letter-spacing: 1px;
	border-radius: 2px;
	margin: 0.25% 0px;
	padding: 0.5%;
	color: #444;
}

/* ---- Tabbed : Tabbed content -------------------------------------------------------------------- */
.Tabbed { }
.Tabs {}
	.Tabs .tab {
		border-color: #ddd;
		background-color: #f7f7f7;
	}
		.Tabs .tab.active {
			background-color: #f1f4f4;
			border-bottom-color: #f1f4f4;
		}
		.Tabs a.tab:hover { text-decoration: none; }
		.Tabs .tab h3 {
			font-family: 'Bridal Open Sans', sans-serif;
			font-size: 11px;			
			line-height: 15px;
			letter-spacing: 1.75px;
			text-transform: uppercase;
		}
		.Tabs .tab.active h3 { 
			color: #705F3E;
			font-weight:bold; 
		}
			.Tabs a.tab:hover h3 { 
				color: #806200; 
			}
.Tab {
	padding: 1% 0.5%;
	background-color: #f1f4f4;
	border: solid 1px #ddd;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 3px 3px 3px #ccc;
}
	.Tab .Resuctions { margin-bottom: 1px; }
	.Tab .content {
		padding: 0.5%;
		background-color: #fafafa;
		border: solid 1px #eee;
	}

/* ---- .boxer: making squares floating on screen; ------------------------------------------------- */
.boxer { }
	.boxer .aspecter { }
	.boxer .container { }
		.boxer.container IMG { }
		.boxer .container .middler { }

	.boxer.report { }
		.boxer.report h2 { font-size: 17px; line-height: 21px;  }
		.boxer.report.preview2x1 .preview { }
		.boxer.report.previewgallery .preview { }
		.boxer.report .preview IMG { }

/* ---- .controller: a box with actions towards deeper content ------------------------------------- */	
.controller {
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.controller .container { background-color: #FDFDFD; }
	.controller:hover .container { background-color: #FCFDFF; }
	.controller.selected .container { background-color: #FFF; }
		.controller .container h1 {
			background-color: #E9F2F5;
			border-bottom: solid 1px rgb(243, 243, 243); 
			color: #705F3E;
			text-align: center;
			font-family: 'Bridal Open Sans', sans-serif;
			font-size: 14px;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-align: bottom;
			line-height: inherit;
		}
		.controller:hover .container h1 { background-color: #EDF7FC; color: #A56900; }
		.controller.selected .container h1 { background-color: #EBF5F7; color: #A56900; }
			.controller .container h1 .icon { }
			.controller .container h1 .icon.edit { }			
			.controller .container .middler .content { }
		.controller .container .content {
			text-align: center;
			font-size: 14px;
		}
			.controller .container .content h3 {
				background-color: rgba(240,240,240,0.75);
				text-align: left;
				letter-spacing: 1px;
				line-height: inherit;
				font-family: 'Bridal Open Sans', sans-serif;
				font-size: 14px;
				font-weight: normal;
			}
			.controller .container .content.rollodex {
				background-color: #FCFCFC;
				border-radius: 5px;
				box-shadow: 2px 2px #EEE;
				text-align:left;
			}
			.controller .container .content.text {
				font-size: 12px;
				letter-spacing: 0.66px;
				text-align: left;
			}
				.controller .container .content.text h4 {
					margin-left: 2%;
					font-size: 10px;
					text-transform: uppercase;
					color: #333;
					font-weight: bold;
					letter-spacing: 1px;
				}
				.controller .container .content.text .button {
					margin: 0px 0px 16px 0px;
					background-color: #e2f2ef;
					padding: 4px 11px;
					border-width: 1px;
					border-style: solid;
					border-radius: 3px;
					border-top-color: rgba(255,255,255,0.90);
					border-left-color: rgba(255,255,255,0.90);
					border-right-color: rgba(204,204,204,0.45);
					border-bottom-color: rgba(204,204,204,0.45);
					line-height: 20px;
					vertical-align: middle;
					color: #705F3E;
					text-decoration: none;
				}
					.controller .container .content.text .button:hover {
						background-color: #F0F5F7;
					}
				.controller .container .content.text .quote  {
					display: block;
					background-color: #f5f9f9;
					padding: 2%;
					border-radius: 5px;
					font-style: italic;
					color: #333;
				}
				.controller .container .content.text .body  {
					display: block;
					background-color: white;
					padding: 2%;
					border-radius: 5px;
					border: solid 1px #eee;
					font-style: italic;
					color: #222;
				}
				.controller .container .content.text .specs  {
					display: block;
					clear: both;
					background-color: #f5f9f9;
					padding: 4px 2%;
					font-size: 0.85em;
					font-style: normal;
					color: #222;
				}
			.controller .container .content form,
			.content.narrow { text-align: left; }
				.controller form .label,
				.controller form .label, .content.narrow .label {
					font-size: 0.75em;
					text-transform: uppercase;
					color: #333;
					letter-spacing: 1px;
				}
				.controller form .label.smaller { font-size:0.85em; }
				.controller form.busy .label.smaller { font-size:8px; letter-spacing: 1px; color:#111; }
				.content.narrow .label { margin-top: 20px; }
					.controller form .label .icon,
					.content.narrow .label .icon {
						display: inline-block;
						height: 12px;
						width: unset;
						margin-left: 10px;
						vertical-align: baseline;
					}
				.controller form input,
				.controller form select,
				.content.narrow input,
				.content.narrow select {
					background-color: #FCFCFC;
					border-width: 1px;
					border-color: rgba(255,255,255,0.00);
					border-bottom-color: #ccc;
					border-radius: 2px;
				}
					.controller form input,
					.controller form select { 
						border: solid 1px #eee;
					}
					.controller form.busy input, 
					.controller form.busy select {
						width: 96%;
						font-size: 12px;
						padding: 2px 4px;
						color: black;
					}
					.controller form input.active,
					.controller form select.active {
						color: #543;
						background-color: #FFD;
						border: solid 1px #EED;
					}
					.controller form input.processing {
						color: rgba(85,68,51,0.50);
						background-color: #FFD;
						border: solid 1px #EED;
					}
				.controller form input[type=submit] { 
					border-width: 1px;
					border-style: solid;
					border-left-color: rgba(255,255,255,0.55);
					border-top-color: rgba(255,255,255,0.55);
					border-right-color: rgba(204,204,204,0.45);
					border-bottom-color: rgba(204,204,204,0.45);
					margin-top:20px;
					color: #705F3E;
					background-color: #e9eff2;
					font-family: 'Bridal Open Sans', sans-serif;
				}
				.controller form input[type=submit]:hover  { background-color: #F0F5F7; color: #A56900; }

		.controller .container .footer {
			background-color: #fafafa;
			text-align: center;
			font-size: 10px;
			color: #888;
		}
			.controller.selected .container .footer {
				background-color: #fcfcfc;
			}

			
	.controller .explanation {
		background-color: #fbfbf3;
		border: solid 1px #e5ecee;
		text-align: left;
		font-size: 11px;
		letter-spacing: 0.75px;
	}
		.controller .explanation .infoicon {
			color: white;
			font-weight: bold;
			background-color: #6bc;
			border-radius: 7px;
			font-family: serif;
		}


		/* ---- themed .controllers ------------------------------------- */	
		.controller.event {}	
			.controller.preview2x1.event .preview .aspecter, 	
			.controller.preview2x1.announcement .preview .aspecter { margin-top:50%; }
			.controller.preview2x1.event .preview .container,
			.controller.preview2x1.announcement .preview .container { background-color: #F6F6F6; background-image: url("/Events/noPoster.png"); background-size: contain; }
			.controller.event h1, .controller.announcement h1 
				{ text-transform: unset; font-size: 13px; white-space: nowrap; overflow-x: hidden; }		
				/* .controller.event h1 .icon, .controller.announcement h1 .icon
				{ float: left; width: 5%; height: unset; margin: 1px 1% 0 1%; }	*/	
			.controller.event.type1 h1 { background-color: #fcf0ff; color: #312933; } /* hue = 287 */
			.controller.event.type2 h1 { background-color: #fff0f7; color: #33292e; } /* hue = 330 */
			.controller.event.type3 h1 { background-color: #f8f2ff; color: #2d2933; } /* hue = 267 */
			.controller.event.type4 h1 { background-color: #fff0f0; color: #332929; } /* hue = 0 */
			.controller.event.type1 .container .footer { background-color: #f9f5fa; }	
			.controller.event.type2 .container .footer { background-color: #faf5f7; }	
			.controller.event.type3 .container .footer { background-color: #f7f5fa; }	
			.controller.event.type4 .container .footer { background-color: #faf5f5; }
			.controller.event .content, .controller.announcement .content 
				{ padding: 2.5%; text-align: left; font-size: 12px; letter-spacing: 0.25px; }	
				.controller.event .content h2,
				.controller.announcement .content h2
				 {
					font-size: 12px;
					font-family: 'Bridal Open Sans', sans-serif;
					background-color: #eee;
					padding: 3px 10px;
					margin: 0px 0px 3px 0px;
					color: black;
					line-height: 14px;
				}
				.controller.event .content .gownlabels { padding: 2%;}
					.controller.event .content .gownlabels .label { 
						display:inline-block; 
						margin-right: 3px;
						margin-bottom: 3px;
						padding: 1px 6px; 
						border-radius: 4px; 
						border: solid 1px #e5e1e3; 
						background-color: #fff7fb; 
						color:#666; 
						font-size:11px; 
					}
				.controller.event .content .eventlocation { padding: 2px 10px; color: #333; line-height: 12px; font-size: 10px; }
				.controller.event .content .eventdescription, 
				.controller.announcement .content .announcementdescription  { padding: 2px 4px; color: #555; line-height: 13px; font-size: 11px; }
				.controller.testimonial .content .TestimonialText {
					padding: 2px 4px;
					color: #555;
					line-height: 13px;
					overflow: hidden;
					text-overflow: ellipsis;
					text-align: left;
					margin: 2%;
					font-size: 12px;
					letter-spacing: 0.75px;
					font-style: italic;
					max-height: 90%;
				}

		
	.homefeature { }	
	.homefeature .container { background-color: #FFFFFF; }	
		.homefeature.report .container h2 {
			font-size: 15px;
			line-height: 20px;
			vertical-align: middle;
		}
		.homefeature.report .container .footer { font-size: 12px; line-height: 18px; }
		.homefeature .hider { background-color: rgba(248,248,248,0.75); }
		.homefeature.report.performance h2 { background-color:#86babf; color:#fff; border-bottom: solid 1px white; }
		.homefeature.report.performance h2.hover { background-color:#73b8bf; }
			.homefeature.report.performance h2.money { background-color:#c2c261; color:#fff; border-bottom: solid 1px white; }
			.homefeature.report.performance h2.money.hover { background-color:#bfbf4c; color:#fff; border-bottom: solid 1px white; }
			.homefeature.report.performance .footer.money { background-color:#e9f0e1; }
			.homefeature.report.performance h2.promo { background-color:#7e61c2; color:#fff; border-bottom: solid 1px white; }
			.homefeature.report.performance h2.promo.hover { background-color:#6f4cbf; color:#fff; border-bottom: solid 1px white; }
			.homefeature.report.performance .footer.promo { background-color:#e6e1f0; }
			.homefeature.report h2.pink { background-color:#c261a8; color:#fff; border-bottom: solid 1px white; }
			.homefeature.report h2.pink.hover { background-color:#bf4ca1; color:#fff; border-bottom: solid 1px white; }
			.homefeature.report .footer.pink { background-color:#f0e1ec; }
		.homefeature.report.property h2 { background-color:#c7c0b3; color:#fff; border-bottom: solid 1px white; }
		.homefeature.report.property h2.hover { background-color:#c0ab80; }		
		.homefeature.report.product h2 { background-color:#7a4d80; color:#fff; border-bottom: solid 1px white; }
		.homefeature.report.product h2.hover { background-color:#802c56; }		
		.homefeature.report.property .preview { border-bottom:solid 1px #e8d7db; }		
		.homefeature.report.property .graphholder { background-color:#fcfcfa; }	
		.homefeature.report.product .graphholder { background-color:#fcfafc; }
		.homefeature .bxslider .legent { 
			border: solid 1px rgba(200,200,200,0.85);
			background-color: rgba(255,255,255,0.75);
			border-radius: 5px;
			box-shadow: 2px 2px rgba(180,180,180,0.30);
			font-size: 13px;
		}
		.homefeature.report.property .summary {
		    font-size: 12px;
		    color: #555;
		}
		.homefeature.report.product .summary {
		    font-size: 13px;
		    color: #434;
		}
		.homefeature h2 .icon { }
		.homefeature .logo { }
		.homefeature .footer {
			text-align: center;
			overflow: hidden;
			white-space: nowrap;
			line-height: 24px;
		}	
		.homefeature.performance .footer {
			background-color: #e1efef;
			border-top: solid 1px #dfe5e5;
			color: #666;
		}	
		.homefeature.property .footer {
			background-color: #dddbd6;
			border-top: solid 1px #f2f4f5;
			color: white;
		}	
		.homefeature.product .footer {
			background-color: #d5c9d6;
			border-top: solid 1px #f2f4f5;
			color: white;
		}		
			.homefeature.product .footer a { color: #7a4d80; }

	.homefeature form {}	
		.homefeature form input,	
		.homefeature form textarea {
			border: solid 1px #CCC;
			border-radius: 3px;
		} 
		.homefeature form .label {
			color: #555;
			font-size: 11px;
			letter-spacing: 0.75px;
		}
			.homefeature form .label.required {
				text-transform: uppercase;
				color: black;
				font-size: 11px;
			}


/* --------- .summaryboard : wide floating container for summarising info; ------------------------- */
.summaryboard {
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.summaryboard h1 {
	    padding: 2% 1%;
	    margin: 0%;
	    background-color: #E9F2F5;
	    border-bottom: solid 1px rgb(243, 243, 243);
	    color: #705F3E;
	    text-align: center;
	    font-family: 'Bridal Open Sans', sans-serif;
	    font-size: 14px;
	    letter-spacing: 1px;
	    text-transform: uppercase;
	    text-align: bottom;
	    line-height: inherit;
	}
	.summaryboard:hover h1 { background-color: #EDF7FC; color: #A56900; }
	.summaryboard:hover .content { background-color: #FCFDFF; }
	.summaryboard .content.boxer .container .loading { background-color: #fafafa; }
	.summaryboard .content.boxer .container .muffler { background-color: rgba(222,222,222,0.33); }
	.summaryboard .content.boxer .container .muffler.white { background-color:none; background-image: url(/Assets/Images/MISC/tvFFF.png?v=2); background-repeat:repeat; background-size:auto;  }
		.summaryboard .content.boxer .container .muffler .warning {
			padding: 2% 0;
			background-color: rgba(255,255,255,0.30);
			color: rgba(160,20,20,0.60);
			font-size: 21px;
			font-weight: bold;
			letter-spacing: 1px;
		}
			.summaryboard .content.boxer .container .muffler .warning .prompt { font-size: 14px; }
	.summaryboard .footer {
	    padding: 1%;
	    width: 98%;
	    background-color: #f6f6f6;
	    text-align: center;
	    font-size: 12px;
	    letter-spacing: 0.75px;
	    color: #888;
	}
	.summaryboard .footer .id_stamp {
		font-size: 0.85em;
		color: #443;
	}
/* --------- .photogallery : .summaryboard style specific to scrolling images --------------------- */
.summaryboard.photogallery .bxslider .legent { 
	border: solid 1px rgba(200,200,200,0.85);
	background-color: rgba(255,255,255,0.70);
	border-radius: 4px;
	box-shadow: 2px 2px rgba(180,180,180,0.30);
	font-size: 11px;
}
/* --------- .listings : .summaryboard style specific to listings etc; ---------------------------- */
.summaryboard.listings h1 { background-color: #edfcf7; }
/* --------- .website : .summaryboard style specific to boutiqueslive™ reports etc; --------------- */
.summaryboard.website h1 { background-color: #eef4f7; }
/* --------- .fashion : .summaryboard style specific to fashion collages etc; --------------------- */
.summaryboard.fashion h1 { background-color: #fbfced; }
/* --------- .ads : .summaryboard style specific to banner analytics; ----------------------------- */
.summaryboard.ads h1 { background-color: #f2edfc; }



/* --------- .dressgallery : an 'index' box for presenting campaign analytics; ------------------- */
.dressgallery {
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.dressgallery h1 {
	    padding: 2% 1%;
	    margin: 0%;
	    background-color: #ede9f5;
	    border-bottom: solid 1px rgb(243, 243, 243);
	    color: #705F3E;
	    text-align: center;
	    font-family: 'Bridal Open Sans', sans-serif;
	    font-size: 14px;
	    letter-spacing: 1px;
	    text-transform: uppercase;
	    text-align: bottom;
	    line-height: inherit;
	}
		.dressgallery:hover h1 { background-color: #f2edfc; color: #A56900; }
	.dressgallery .content {  }
		.dressgallery:hover .content { background-color: #fdfcff; }
	.dressgallery .footer {
	    padding: 1%;
	    width: 98%;
	    background-color: #f6f6f6;
	    text-align: center;
	    font-size: 13px;
	    letter-spacing: 0.75px;
	    color: #888;
	}
		
	.boxer.dashboard { }	
	.boxer.dashboard .container { background-color: #FFFFFF; }
		.boxer.dashboard h2 .icon { 
			display:block; 
			float:left; 
			height: 84%;
			margin-left: 1%; 
		}
		.boxer.dashboard .footer { 
			display:block;
			height: 4%;
			margin-top: 1%;
			padding: 1%; 
			border-top: solid 1px #f2f4f5;
			text-align: center;
			overflow: hidden;
			white-space: nowrap;
		}	

/* ---- .content.narrow - for slim reports, on page ------------------------------------------------ */	
.content.narrow {
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.content.narrow { 
		padding: 3% 10% 5% 10%;
		text-align: left;
	}
	.content.narrow form { margin-bottom: 3% }
	.content.narrow .label {
		margin-top: 20px;
		font-size: 0.75em;
		text-transform: uppercase;
		color: #333;
		letter-spacing: 1px;
	}
		.content.narrow .label .icon {
			display: inline-block;
			height: 12px;
			margin-left: 10px;
			vertical-align: baseline;
		}
	.content.narrow input,
	.content.narrow select {
		background-color: #FCFCFC;
		border-width: 1px;
		border-color: rgba(255,255,255,0.00);
		border-bottom-color: #ccc;
		border-radius: 2px;
	}
		.content.narrow input[type=image] { 
			background-color:unset; 
			border-width:0; 
			border-color:unset; 
			border-bottom-color:unset; 
			color:unset; 
			border-radius:unset; 
		}
		.content.narrow input.active {
			color: #543;
			background-color: #FFD;
			border: solid 1px #EED;
		}
		.content.narrow input.processing {
			color: rgba(85,68,51,0.50);
			background-color: #FFD;
			border: solid 1px #EED;
		}
		.content.narrow input[type=submit] { 
			border-width: 1px;
			border-style: solid;
			border-left-color: rgba(255,255,255,0.55);
			border-top-color: rgba(255,255,255,0.55);
			border-right-color: rgba(204,204,204,0.45);
			border-bottom-color: rgba(204,204,204,0.45);
			margin-top:20px;
			color: #705F3E;
			background-color: #e9eff2;
			font-family: 'Bridal Open Sans', sans-serif;
		}
			.content.narrow input[type=submit]:hover { background-color: #F0F5F7; color: #A56900; }
	.content.narrow textarea {
		-webkit-appearance: none;
		padding: 1%;
		background-color: #FCFCFC;
		border: solid 1px #ccc;
		border-radius: 2px;
		font-family: inherit;
		font-size: 13px;
  		letter-spacing: 1px;
	}


/* --------- .analydata : looks like google analytics ---------------------------------------------- */
		.analydata .datum { 
			padding: 0px 8px;
			font-size: 24px;
			color: #333;
		}
			.analydata .datum h3 { 
				margin: 1px;
				font-size: 10px;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-family: 'Bridal Open Sans', sans-serif;
				color: #666;
				line-height: 13px;
			}
			.analydata .verdivider { border-right: solid 1px #aaa; }

/* --------- .gauge : old style widows frame-------------------------------------------------------- */
.gauge, .gauge .frame {
	border-style: solid;
	border-width: 1px;
	border-radius: 7px; 
}
.gauge { 
	border-left-color: #ddd;
	border-top-color: #ddd;
	border-right-color: #fff;
	border-bottom-color: #fff;
	color: #444;
}
	.gauge .frame {
		border-left-color: #fff;
		border-top-color: #fff;
		border-right-color: #ddd;
		border-bottom-color: #ddd;
		padding: 15px;
		background-color: rgba(255,255,255,0.40);
		font-size: 28px;
	}
	.gauge h2 { 
		margin: 0px;
		padding: 1px 6px;
		font-size: 11px;
		line-height: 11px; 
		text-transform: uppercase; 
		background-color: rgb(248,248,248);
		color: black;
		font-weight: bold;
		letter-spacing: 1px;
	}

/* --------- Custom <HR> --------------------------------------------------------------------------- */
divider { 
	background-color: white;
	border-top: solid 1px #DDD;
}
.hr { 
	height: 1px;
	background-color: #FCFCFC;
	border-top: solid 1px #DDD; 
}
verdivider {
	border-left-color: #ccc;
	border-right-color: #fff;
}

/* --------- switchCrumb : select alternatives for currrent breadcrumb location -------------------- */
.switchCrumb { letter-spacing: 1px; text-align: center; }
.switchCrumb form { }
.switchCrumb select {
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 5px;
	border: solid 1px #CCC;
	border-radius: 3px;
}
.switchCrumb input {
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px 5px;
	border: solid 1px #CCC;
	border-radius: 3px;
	width: unset;
	text-align: right;
}
.switchCrumb select option { padding: 0px; }


/* --------- .chartdata : analytics table ---------------------------------------------------------- */ 
.DataTable { 
	background-color: #eee;
	border-collapse: collapse;
}
A.DataRow, A.DataCell { text-decoration:none; }
.DataHeader, .DataCell {
	margin: 1px;
	border: solid 1px #eee;
	padding: 4px 7px;
}
.DataHeader { 
	background-color: #f6f6f6;
	font-weight: bold;
	/* white-space: nowrap; */
	min-width: 72px;
}
	.DataHeader.number { text-align:center; }
	.DataHeader .short { font-size:0.9em; white-space: wrap; }
.DataCell { background-color: #fefefe; }
	.DataCell.number { text-align:right; }
	.DataCell.up { color:#071; }
	.DataCell.down { color:#801; }
	.DataRow A.DataCell:hover { background-color:#eff; }
	.DataRow.own .DataCell { color:#2e5e50; }
.DataCell .breakdown { border: solid 1px #dee; background-color:#eff; box-shadow: 2px 2px rgba(128,128,128,20%); }
.DataTable .totals .DataCell { 
	font-weight: bold;
	background-color: #fcfcfc;
}
	.report .pagescription, .report .clarification { 
		border: solid 1px #eed;
		border-radius: 6px; 
		text-align: left;
	}
	.report .pagescription .up { color:#071; }
	.report .pagescription .down { color:#801; }


/* --------- REDUNDANT?? NO !!! ---------------------------------------------------------- */ 
table.dataledger {	
	background-color: white;
	border: solid 1px #EEE;
	text-align: left;
	font-size: 13px;
	color: #444;
}	
	table.dataledger thead tr { background-color:hsl(200,90%,96%); }
	table.dataledger tbody { font-size:0.9em; }
	table.dataledger tfoot tr { background-color:hsl(200,40%,96%); }
	table.dataledger.negative thead tr { background-color:hsl(50,90%,96%); }
	table.dataledger.negative tfoot tr { background-color:hsl(50,40%,96%); }
	table.dataledger.positive thead tr { background-color:hsl(150,90%,96%); }
	table.dataledger.positive tfoot tr { background-color:hsl(150,40%,96%); }

	table.dataledger th { 
		padding-left:5px;
		font-size: 14px; 
		font-weight: normal; 
		color: black; 
		text-align: center; 
		white-space: nowrap; 
	}
	table.dataledger td { border: solid 1px #F7F9F4; }
	table.dataledger td a { text-decoration:underline; }
		table.dataledger td a:hover { text-decoration:none; }
	table.dataledger .declined { text-decoration:line-through;color:red; }
	table.dataledger .pending { color:#d97e00; }
	table.dataledger .processing { color:#888; }
	table.dataledger .selected { color:#333; }
	table.dataledger .odd { background-color:#FEFEFE; }
	table.dataledger .odd.selected { background-color:#DDFFEE; }
	table.dataledger .even { background-color:#FBFBFA; }
	table.dataledger .eve.selected { background-color:#DAFAEA; }

	table.dataledger .numeric { text-align: right; }
	table.dataledger .fieldscription { background-color: transparent; margin: 0px 3px; }


/* --------- .buttonpanel -------------------------------------------------------------------------- */
.buttonpanel .button {
	margin: 0px;
	background-color: #e9eff2;
	padding: 4px 11px;
	border-style: slod;
	border-width: 1px;
	border-top-color: rgba(255,255,255,0.90);
	border-left-color: rgba(255,255,255,0.90);
	border-right-color: rgba(204,204,204,0.45);
	border-bottom-color: rgba(204,204,204,0.45);
	vertical-align: middle;
	color: #705F3E;
	text-decoration: none;
	letter-spacing: 0.33px;
}
	.buttonpanel .button:hover { background-color: #F0F5F7; }
	.buttonpanel .button.selected {
		border-top-color: rgba(204,204,204,0.45);
		border-left-color: rgba(204,204,204,0.45);
		border-right-color: rgba(255,255,255,0.90);
		border-bottom-color: rgba(255,255,255,0.90);
		color: #A56900;
	}
	.buttonpanel .button.selected:hover { background-color: #e9eff2; }
.buttonpanel .sub {
    background-color: rgba(255,255,255,0.95);
    border: solid 1px #ddd;
	box-shadow: 2px 2px rgba(255,255,255,0.30);
}
.buttonpanel .sub .option {
    background-color: rgba(250,250,250,1.00);
    margin: 1px 1px 0px 1px;
}
	.buttonpanel .sub .option:hover {
	    background-color: white;
	    margin: 1px 1px 0px 1px;
	}
	.buttonpanel .sub A.option:hover {
	    text-decoration: none;
	}
	.buttonpanel .sub .option.separator {
		height: 3px;
		padding: 0px;
		background-color: #eee;
	}

.buttonpanel .sub .batchchoices .batchchoice {
    background-color: rgba(252,252,252,0.95);
    margin: 1px 1px 0px 1px;
}
	.buttonpanel .sub .batchchoices .batchchoice  { 
		color: #556624;
		border-bottom-color: rgba(250,250,250,1.00);
		font-size: 11px; 
	}
		.buttonpanel .sub .batchchoices .batchchoice:hover  { 
			background-color: #fff; 
		}





/* ------------- Forms ----------------------------------------------------------------------------- */
FORM .label { }

/* ------------- .rollodex (summary info record ) -------------------------------------------------- */
.rollodex {
	background-color: #FCFCFC;
	border-radius: 5px;
	box-shadow: 2px 2px #EEE;
	text-align:left;
}
	.controller .rollodex { }
	.rollodex .label { 
		font-size: 0.65em;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		color: black;
	}
	.rollodex .datum {
		background-color: #FEFEFE;
		border-style: solid;
		border-width: 1px;
		border-color: rgba(255,255,255,0.00);
		border-bottom-color: #EEE;
		color: #555;
		font-size: 13px;
		letter-spacing: 1px;
	}
	.rollodex .datum.header { color: black; }

/* ------------- REUSEABLE ELEMENTS ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------------------- */
/* ------------- CUSTOM FORMATTING CLASSES --------------------------------------------------------- */

smaller, .smaller {
	font-family: inherit;
	font-size: 0.85em;
	font-weight: inherit;
	letter-spacing: inherit;
	text-decoration: inherit;
	text-transform: inherit;
	font-style: inherit;
	color: inherit;
}
larger, .larger {
	font-family: inherit;
	font-size: 1.20em;
	font-weight: inherit;
	letter-spacing: inherit;
	text-decoration: inherit;
	text-transform: inherit;
	font-style: inherit;
	color: inherit;
}
brand {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-decoration: inherit;
	text-transform: inherit;
	font-style: italic;
	color: black;
}
black {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-decoration: inherit;
	text-transform: inherit;
	font-style: inherit;
	color: black;
}

.outstanding_balance { font-size:30px; }
.outstanding_balance.positive { color:green; }
.outstanding_balance.negative { color:red; }

.legal { text-align: left; }
.legal, .legal * { font-family: serif; }
	.legal .sheet {
		border: solid 1px #ddd;
		background-color: white;
		padding: 30px;
		box-shadow: 3px 3px rgba(200,200,200,0.20);
	}
	.legal p {
		font-size: 14px;
		color: black;
	}
	.legal h1, .legal h2, .legal h3, .legal H4 { color: black; }
	.legal h1 { font-size: 22px; }
	.legal h2 { font-size: 19px; }
	.legal h3 { font-size: 17px; }
	.legal H4 { font-size: 15px; }

/* ------------- CUSTOM FORMATTING CLASSES --------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */


/* --------------- ------ -------------------------------------------------------------------------- */
/* --------------- LAYOUT -------------------------------------------------------------------------- */

#Header {
	padding: 5px 0px 0px 0px;
	background-color: rgba(255,255,255,0.95);
	border-bottom: solid 1px #CCC;
	box-shadow: 0px 2px #E8E8E8;
	text-align: center;
}
	#Header .logo { }
		#logo_beta { color: red; font-size: 9px; } 
	#Header .slogan { }
	#Header .tagline {
		font-size: 18px;
		color: #4A6A69;
	}
	#Header #statusbar, #Header #cart { text-align: right; }
		#Header .menuToggle .icon { display:none; }	
		#Header .userToggle .icon { margin: 16px 30px 0px 0px; }
		#Header #cart .icon { margin: 14px 30px 0px 0px; }
		#Header .userMenu { 
			background-color: #e9eff2;
			text-align: left;
			line-height: 24px;
			border-width: 1px;
			border-style: solid;
			border-top-color: rgba(255,255,255,0.55);
			border-left-color: rgba(255,255,255,0.55);			
			border-right-color: rgba(204,204,204,0.45);
			border-bottom-color: rgba(204,204,204,0.45);
		}	

#Menu {
	padding: 0px;
	background-color: #e9eff2;
	border: solid 1px #CCC;
	height: 100%;
	overflow-y: auto;	
	font-family: 'Bridal Open Sans', sans-serif;
	color: #705F3E;
	font-size: 14px;
	letter-spacing: 1px;
	box-shadow: 2px 2px #EEE;
}
	#Menu .Item {
		display: block;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-top-color: rgba(255,255,255,0.55);
		border-bottom-color: rgba(204,204,204,0.45);
	}
		#Menu .Item .icon {
			display: inline-block;
			vertical-align: middle;
			width: 24px;
			height: 24px;
		}
		#Menu .Item .title {
			display: inline-block;
			padding: 14px 24px;
			vertical-align: middle;
			color: #705F3E;
			text-decoration: none;
			text-transform: uppercase;	
		}
			#Menu .Item .title .icon {
				display: inline-block;
				vertical-align: middle;
				width: 20px;
				height: 20px;
				margin-right: 10px;
				margin-bottom: 2px;
			}
			#Menu .Item .title * { vertical-align: middle; }
		#Menu .Item .submenu {
			border-top: solid 1px #EAEEEF;
		}
		#Menu .Item .subitem {
			display: block;
			padding: 6px 10px 4px 36px;
			color: #705F3E;
			font-size: 13px;
			text-decoration: none;
			text-transform: capitalize;
		}
	#Menu .Item.active {
		background-color: #F0F5F7;
		padding-bottom: 8px;		
	}
		#Menu .Item.active .title { color: #205666; }
		#Menu .Item.active .subitem { color: #526F7A; letter-spacing: 0px; }
	#Menu .Item:hover { background-color: #edf7fc; }
	#Menu .Item .title:hover, #Menu .Item .subitem:hover { color: #A56900; }
	
.bx-wrapper { margin-bottom: 0px; }
	
#Alerts { 
	padding: 0px;
	border-radius: 5px;
    background-color: rgba(245,245,245,0.50);
}	
	.alert {
		padding: 5px 10px 5px 20px;
		border-radius: 5px;
    	font-size: 13px; 
    	text-align: left;
    	letter-spacing: 0.50px;
    	font-weight: bold;
    	color: white;
	}
	.alert.success { background-color: #59b37b; }		
	.alert.info { background-color: #528fcc; }	
	.alert.warning { background-color: #e69500; }	
	.alert.error { background-color: #AA0000; }
	.alert .icon {  }
	.alert A { color:white;text-decoration:underline; } 
		.alert A:hover { text-decoration:none; }
	.alert .icon.delete { }
	
#Content { }
	#Content.verynarrow {  }	
	#Content.narrow {  }	
	#Content.single {  }

.pagescription, .clarification { 
	background-color: rgba(255,255,255,0.75);
	border-radius: 2px;
	font-size: 13px;
	color: #444;
	text-align: left;
}
	.pagescription .explanation { 
		font-size: 12px;
		letter-spacing: 0.3px;
	}
	.clarification.inline { 
		display: inline-block; 
		background-color: transparent;
		text-transform: none;
		font-size: inherit;
	}
.pagescription .infoicon, .clarification .infoicon { 
	color:white;
	font-weight:bold;
	font-size:1.25em;
	background-color:#6bc;
	border-radius:7px;
	font-family:serif;
}
.pagescription a { text-decoration: underline; color: #5c4312; letter-spacing: 0.25px; }
.pagescription a:hover { text-decoration: none; }

.fieldscription { 
	margin: 5px 10px 10px 0px;
	padding: 5px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 2px;
	font-size: 11px;
	color: #455;
	text-align: left;
}
.fieldscription .infoicon { 
	display:block;
	float:left;
	padding:1px 4px;
	margin-right: 5px;
	color: white;
	font-weight: bold;
	background-color:#7bc;
	border-radius:5px;
	font-family:serif;
}
	.infoicon.tutorial { background-color:#7cb; font-size: 0.90em; }

.fieldhint {
	padding-left: 5px;
	font-size: 10px;
} 	

#Footer { 
	padding: 20px;
	background-color: hsl(40,10%,89%);
	border-top: solid 1px hsl(40,12%,80%);
	box-shadow: 0px -5px 3px rgba(230,230,230,0.50);
	color: hsl(40,10%,23%);
}
		#Footer .Content .column { padding: 10px; text-align: left; border-radius: 7px; }
		#Footer .Content .column.members { background-color: rgba(243,239,231,0.30); }
		#Footer .Content .column.members * { color:black; }
		#Footer .Content .column strong { color: hsl(40,10%,5%); }
			#Footer .Content a { color: hsl(40,10%,23%); }
				#Footer .Content .column p { margin: 4px 0px; }


#QuickCart {
	background-color: rgba(240,240,240,0.75);
}
	#QuickCart .container {

	}
	#QuickCart .canvas {
		background-color: white;
		border: solid 1px #DDD;
		border-radius: 2px;
		padding: 5% 4%;
		width: 91%;
	}
		#QuickCart .canvas .line .entry {
			padding: 3px;
			margin: 2px;
		}
		#QuickCart .canvas .line.header .entry {
			background-color: hsl(38,20%,90%);
		}
		#QuickCart .canvas .line .entry.money {
			text-align: right;
		}


.report.purchaseorder {}
	.report.purchaseorder .logo { padding-left:15px; text-align:left; font-size:0.9em; color:#666; }
		.report.purchaseorder .logo img { margin-left:-10px; }
	.report.purchaseorder .ordernums { text-align: right; }
	.report.purchaseorder .showpaidstatus { font-size: 2.5em; text-transform: uppercase; }

	.report.purchaseorder .ledger .heading { padding:3px; background-color:hsl(38,20%,90%); }
	.report.purchaseorder .ledger .cell { padding:3px; }
	.report.purchaseorder .ledger .row.odd { background-color:hsl(38,1%,99.5%); }
	.report.purchaseorder .ledger .row.even { background-color:hsl(38,3%,99%); }
	.report.purchaseorder .ledger .text { text-align: left; }
	.report.purchaseorder .ledger .money { text-align: right; }
	.report.purchaseorder .ledger .heading { background-color: hsl(38,16%,94%); }
	.report.purchaseorder .ledger .heading.subtotal { font-weight:normal; }
	.report.purchaseorder .ledger .cell.total { font-size: 14px; font-weight:bold; border:solid 1px hsl(38,16%,90%); }

	.report.purchaseorder .ledger select  {
		padding: 0px;
		font-size: 11px;
		border-radius: 3px;
		border: solid 1px hsl(38,16%,86%);
		background-color: hsl(44,100%,94%);
	}
		.report.purchaseorder .ledger select option {
			padding: 3px;
			letter-spacing: 1px;
		}
	.report.purchaseorder .ledger input  {
		padding: 2px;
		font-family: 'Bridal Open Sans', sans-serif;
		font-size: 13px;
		border-radius: 3px;
		border: solid 1px hsl(38,16%,86%);
		background-color: hsl(44,100%,94%);
	}
		.report.purchaseorder .ledger .money input { text-align: right; }


#ActionBar {
	z-index: 10000;
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 98%;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 1%;
	background-color: rgba(143,191,175,0.95);
	border-top: solid 1px #c3e5da;
	box-shadow: 0px -2px rgba(143,191,175,0.30);
	text-align: center;
}
	#ActionBar .message {
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		color: white;
		font-size: 16px;
		line-height: normal;
	}
	#ActionBar .left, #ActionBar .right  {
		display: block;
		height: 50px; 
		padding: 0 1%;
		line-height: 50px;
		vertical-align: middle;
	}
	#ActionBar .right { float: right; }
	#ActionBar .left { float: left; }
	#ActionBar .next {
		display:inline-block;
		vertical-align: middle;
		padding: 8px 15px;
		border-radius: 6px;
		line-height: normal;
		background-color: #3aa659;
		color: white;
		font-size: 15px;
		text-decoration: none;
	}

.anchor { display:block; width: 0; height: 0; }

/* --------- .collapse : stacked collapseable sections ---------------------------------------------- */
	/* .collapse { } */
		.collapse.open .controlHeader {
			background-color: #fffcf4;
			color: hsl(42.2, 80.6%, 26.3%);
		}

		.collapse .collapseContent { 
			background-color: white; 
			border-style: solid;
			border-width: 1px;
			border-top-color: white;
			border-right-color: white;	
			border-left-color: #eee;
			border-bottom-color: white;
		}

/*--- Overlays --------------------------------------------------------------------------------------------------------------- */

#Thinker {
	margin: 0px; 
	padding: 0px;
	background-color: #F1F7FA;
	text-align: center;
}
	#Thinker IMG { display: block; margin: auto; }
	#Thinker .logo { width: 50%; max-width: 300px; }
	#Thinker .progress { width: 30%; max-width: 180px; }

#PageOvelays { background-color: transparent; }
	.miniHelp {
		background-color: rgba(255,255,255,0.40);
		border-radius: 7px;
	}
	.miniHelp .content {
		background-color: #fbfbe5;
		font-size: 12px;
		border: solid 1px #b5d2c0;
		text-transform: none;
		text-align: left;
	}

#Tutorial { background-color: rgba(255,255,255,0.75); }
	#Tutorial .container {
		border: solid 1px #8BA;
		background-color: #fdfffe;
		box-shadow: 5px 10px 10px rgba(128,128,128,0.30);
	}
	.tutorial .Header {
		background-color: #8eb087;
		color: white;
		font-weight: bold;
		letter-spacing: 0.66px;
		text-align: center;
		padding: 4px;
	}
	.tutorial .Header .close {
		font-size: 22px;
		font-weight: bold;
		line-height: 18px;
		color: red;
	}
		.tutorial .Header a.close { text-decoration: none; }
		.tutorial .Header .close:hover { text-decoration: none; }
		.tutorial .content { letter-spacing: 0.5px; }
			.tutorial .content h4 { color: #24551e;	}
			.tutorial .content li { margin-bottom: 10px; }
	
#Popup {
	background-color: rgba(128,128,128,0.50);	
}
	#Popup.popup0 {  }  	
	#Popup .puWindow .puwTitlebar {
		background-color: #d8e8ef;
		padding: 6px 4px;
		text-align: center;
		letter-spacing: 1px;
		font-size: 1.2em;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		border-top-color: white;
		border-right-color: #a5b8bf;
		border-left-color: white;
	}	
		#Popup .puWindow .puwTitlebar .close {
			font-size: 1.5em;
			font-weight: bold;
			color: red;
			text-decoration: none;
			line-height: 24px;
			margin-right: 5px;
		}
	#Popup .puWindow .puwContent {
		background-color: #fdfdfd;
		border-style: solid;
		border-width: 0 1px 0 1px;
		border-right-color: #a5b8bf;
		border-left-color: white;
		box-shadow: 4px 4px 4px rgba(128,128,128,0.50);
	}
		#Popup .puWindow .puwContent .alerterror { color: red; padding: 40px 20px; }
	#Popup .puWindow .puwStatusbar {
		margin-top: 1%;
		padding: 3px 4px;
		background-color: #f6f6f6;
		text-align: center;
		letter-spacing: 0.5px;
		font-size: 0.85em;
		border-style: solid;
		border-width: 0 1px 1px 1px;
		border-bottom-color: #a5b8bf;
		border-right-color: #a5b8bf;
		border-left-color: white;
		color: #444;
	}

/*--- / Overlays ------------------------------------------------------------------------------------------------------------- */

/* -- standard conent box -- */
.contentBox {
	position: relative;
	display: block;
	min-width: 300px;
	max-width: 96%;
	width: 480px;
	margin: 10px auto;
	padding:0;	
	background-color: white;
	border: solid 1px #DDD;
	border-radius: 6px;
	box-shadow: 2px 2px #EEE;
}
	.contentBox h2 {
			display: block;
			padding: 2% 1%;
			margin: 0%;
			background-color: #E9F2F5;
			border-bottom: solid 1px rgb(243, 243, 243); 
			color: #705F3E;
			text-align: center;
			font-family: 'Bridal Open Sans', sans-serif;
			font-size: 14px;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-align: bottom;
			line-height: inherit;
	}
		.contentBox h2 IMG.icon {
				display: inline-block;
				margin: 0 10px;
				height: 20px;
		}
	.contentBox .content {	
		display:block;
		padding:10px;
		text-align: left;
		font-size:14px;
	}
	.contentBox .footer {
		position: absolute;
		bottom: 0px;
		padding: 1%;
		width: 98%;
		background-color: #fafafa;
		text-align: center;
		font-size: 10px;
		color: #888;
	}
	
/* ---- button ---- */
.button {
	background-color: #edf7fc;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	border-top-color: rgba(255,255,255,0.90);
	border-left-color: rgba(255,255,255,0.90);
	border-right-color: rgba(204,204,204,0.45);
	border-bottom-color: rgba(204,204,204,0.45);
	text-align: center; 
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none; 
}	
	.button img.checkbox { display:none; }
	.button.status1 { 
		background-color: #edfcf5; 
		color: darkgreen; 
		/* font-weight: bold; */
		border-right-color: rgba(255,255,255,0.90);
		border-bottom-color: rgba(255,255,255,0.90);
		border-top-color: rgba(204,204,204,0.45);
		border-left-color: rgba(204,204,204,0.45); 
	}	
	.button.status1 img.checkbox { display:inline-block; }	
	A.button.status:hover { background-color: #edfcf5; color: darkgreen; }
	/* .button.status0 { background-color: #fcefed; color: darkred; } */
		
.graphholder {
	padding: 2%;
}
	 .datactions { 
	 	text-align: right;
	 	background-color: #FCFCFC;
	 	border-radius: 7px;
	 	line-height: 30px;
	 }
		 .datactions a { 
		 	color: #071;
		 }

.report { 
	background-color: #FFFFFF;
	border: solid 1px #D8D8D8;
	border-radius: 6px;
	padding: 2%;
	box-shadow: 2px 2px #EEE;
	text-align: left;
}		
	.report h2 {
		display:block;
		height: 5%; 
		max-height: 36px;
		padding: 1% 1% 1.5% 1%;
		margin: 0%;
		text-align:center;
		color: white;
		background-color: #fafcfc;
		border-bottom: solid 1px #F3F3F3;
		font-family: 'Bridal Open Sans', sans-serif;
		font-size: 18px;
		letter-spacing: 1px;
	}
		.report h2 .icon {  }
	.report .preview { width: 100%; padding: 1% 0%; }
	.homefeature.report.previewgallery .preview { padding: 0; }
	.dashboard.report .preview { padding: 0%; }
		.report .preview .bxslider .slideholder {
			position:relative;
			width:100%;
			height:50%;
		}
		.report .preview .bxslider .slideholder .legend {
			position:absolute;
			bottom: 24px;
			left: 20px;
			padding: 16px;
			border: solid 1px rgba(200,200,200,0.90);
			background-color: rgba(255,255,255,0.80);
			border-radius: 5px;
			box-shadow: 2px 2px rgba(180,180,180,0.30);
			font-size: 16px;
		}
			.report.previewgallery .preview .bxslider .slideholder .legend {
				padding: 4px 8px;
				font-size: 11px;
				right: 20px;
			}
	.report.previewno .graphholder {  }
	.report.previewgallery .graphholder { 
		width: auto;
		height: 49%;
		padding: 2% 2% 1% 2%;
	}
	.report.preview2x1 .graphholder { 
		width: auto;
		height: 32%;
		padding: 2% 2% 1% 2%;
	}
	.report.preview2x1 .description {
		font-size: 13px;
		background-color: #FBFBFC;
	}
		.report.preview2x1 .description p {
			margin: 2% 0;
			font-size: 12px;
			line-height: 14px;
			color: #443;
		}
		.report.preview2x1 .description p strong {
			font-size: inherit;
			font-weight: normal;
			color: black;
		}
	.report .preview IMG.collage {
		width: 100%;
		border-radius: 5px;
		margin: 1% 0%;
	}
	
.sisters { 
	display: block;
	width: 100%;
	margin: 20px 0px;
	text-align: center;
	font-size: 1.1em;
}
	
.chartControls {
	display: block;
	position: relative; 
	text-align: center;
	padding: 7px 4px;
	border-radius: 5px;
	line-height: 28px;
}
.chartControls .Blocker {
	display: block;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: rgba(200,200,200,0.35);
}
.chartControls input, .chartControls select {  
	font-family: 'Bridal Open Sans', sans-serif;
	font-size: 12px;
	padding: 2px;
	border: solid 1px #CCC;
	border-radius: 3px;	
} 
.chartControls select option {  
	width: unset;
	font-size: unset;
	padding: unset;
	letter-spacing: unset;	
} 
.chartControls .fetching {
	display: inline-block;
	width: 84px;
	text-align: center;
	vertical-align: middle;
} 
	.chartControls .fetching IMG { width:100%; }




/* ------------ Account ----------------*/

#AccountStatus .control {
	display: inline-block;
	padding: 1px;
	border: solid 3px transparent; 
	border-radius: 5px;
}

#AccountCreditCardChoices { max-width: 250px; }
#AccountCreditCardChoices .CreditCard {
	display: inline-block;
	border: solid 2px transparent;
	margin-top:3px;
	padding: 0px;
	padding-bottom: -1px;
	border-radius: 6px;
	width: 30%;
}
	#AccountCreditCardChoices .CreditCard.selected { border-color: green; }
	#AccountCreditCardChoices .CreditCard.hover { border-color: gold; }
#AccountCreditCardChoices IMG.icon { width: 100%; }
.formPaymentInfoCC #thinkPaymentInfoCC {  margin-top: 14px; text-align: center; }


/* ------------ Account ----------------*/

.controller.services A.button { text-decoration:none;  }
.controller.services .content { min-width:80%;  }
.controller.services .middler .content .pagescription { margin-right: 0px; margin-top: 3%;  }
.controller.services .thinker { 
	display: inline-block;
	width: 50%; 
	height: 20px;
	padding: 11px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
}
/* .controller.services .container h1 { background-color: hsl(175,75%,95%); }
.controller.services.subscribed .container h1 { background-color: hsl(245,70%,97%); } */
.controller.services.system .container h1 { background-color: hsl(200,85%,96%); }
.controller.services .content IMG.identity { 
	width: 100%;
	display: block;
	margin-top: 3%;
	border-radius: 7px;
	border: solid 1px #CCC;
	background-color: hsl(175,100%,85%);
}
.controller.services.subscribed .content IMG.identity { background-color: hsl(245,100%,85%); }


/* ------------- Swatches ---------------------------------------------------------------------------------------------- */
.swatch { 
	text-align: left;
	box-shadow: 2px 2px #EEE; 
}
	.swatch h2 {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		background-color: #86babf;
		padding: 4px;
		text-align: left;
		color: white;
		font-family: 'Bridal Open Sans', sans-serif;
		letter-spacing: 1px;
		font-size: 15px;
		line-height: 20px;
		vertical-align: middle;
	}
		.swatch.action h2 { background-color:#c0ab80; }
		.swatch h2 img.icon {  }
	.swatch h3 {
		border-radius: 3px;
		background-color: #c3e3e5;
		padding: 3px;
		text-align: center;
		color: #333;
		font-family: 'Bridal Open Sans', sans-serif;
		letter-spacing: 0.5px;
		font-size: 13px;
		line-height: 16px;
		vertical-align: middle;
	}
		.swatch.action h3 { background-color:#e5dac3; }
		.swatch.action .formNewSwatch.ColourPickPanel { background-color: #fffcf5; }

	.swatch .footer {
		background-color: #d7e1e2;
		border-color: #f2f4f5;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		line-height: 22px;
		text-align: center;
		font-size: 12px;
		color: #666;
	}
		.swatch.action .footer {
			background-color: #dddbd6;
			border-color: #f2f4f5;
		}
	.swatch .content {
		padding: 0.5%;
		background-color: #FCFCFC;
		border-style: solid;
		border-color: #d8d8d8;
		border-width: 0 1px;
	}
	.swatch input,
	.swatch textarea {
		border: solid 1px #ccc;
		border-radius: 3px;
		font-size: 13px;
		font-family: 'Bridal Open Sans', sans-serif;
		letter-spacing: 1px;
		color: #530;
	}
		.swatch input:focus,
		.swatch textarea:focus { background-color: #FFE; color:#695400; }
	.swatch form .label { text-align: left; color: #444; font-size:12px; letter-spacing: 0.5px; }
		.swatch form .label.required { color: black; text-transform: uppercase; }
		.swatch form .label.sub { font-size: 11px; color: #666; }
	.swatch .section {
		background-color: rgba(253,253,253,0.90);
		border-top: solid 1px #ddd;
		border-right: solid 1px white;
		border-bottom: solid 1px white;
		border-left: solid 1px #ddd;
		border-radius: 4px;
	}
		.swatch .section .borderer {
			border-top: solid 1px white;
			border-right: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			border-left: solid 1px white;
			border-radius: 4px;
		}

	.swatch .CollectionColoursPanel {
		border: solid 1px #eee;
		background-color: white;
	}

	.swatch .triggerDeleteColour,
	.swatch .triggerAddColour,
	.swatch .triggerRenameColour {
		padding: 4px 9px;
		border-radius: 3px;
		font-size: 13px;
		font-family: 'Bridal Open Sans', sans-serif;
		letter-spacing: 1px;
		text-align: center;
	}
		.swatch .triggerRenameColour { white-space:nowrap; background-color: #F6FFFF; border: solid 1px #c9dddd; color:CadetBlue; }
		.swatch .triggerDeleteColour { background-color: #FFF8F8; border: solid 1px #dcc; color:red; }
		.swatch .triggerAddColour { background-color: #F8FFF8; border: solid 1px #cdc; color:green; }
		.swatch .triggerDeleteColour .colour,
		.swatch .triggerRenameColour .colour{
			border-radius: 4px;
		}
		.swatch .triggerDeleteColour .ColourName,
		.swatch .triggerRenameColour .ColourName {
			font-style: italic;
		}

	.ColourPickPanel input { text-align:right; color:#102840; font-weight:bold; }

	.previewColourCard { 
		background-color: white;
		border: solid 1px #DDD;
		box-shadow: 3px 3px rgba(180,180,180,0.07);
	}
		.previewColourCard .previewColour { }
		.previewColourCard .previewColourCollectionName {
			font-weight: bold; font-style: italic; font-size: 0.9em;
		}
		.previewColourCard .previewColourName {
			font-weight: bold; font-size: 0.7em;
		}
		.previewColourCard .previewColourPantoneName {
			font-style: italic; font-size: 0.8em;
		}
		.previewColourCard .previewColourRGB {
			font-weight: bold; font-size: 0.9em;
		}

	.inputPreviewer {
		background-color: #eee;
		border: solid 1px #DDD;
	}
		.inputPreviewer .possiC {
			padding: 2%;
			background-color: white;
			text-align: left;
			font-size: 11px;
			letter-spacing: 0.5px;
			color: black;
			text-decoration: none;
		}

		.inputPreviewer .possiC:hover {
			background-color: #fcfbf2;
		}

/* ------------- / LAYOUT ---------------------------------------------------------------------------------------------- */
/* --------------- ------ ---------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------------------------------- */
/* ------------- RESPONSIVE -------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------------------------- */
/* ----- DESKTOP : Wide Monitors --------------------------------------------------------------------------------------- */
@media screen and (min-width: 1536px) {

	.homefeature.report h2 { font-size: 17px; line-height: 22px; }

	.boxer.dashboard { }
	.boxer.dashboard .container h2 { font-size: 20px; line-height: 24px; }

	.controller {
		width: 23.75%;
		height: 23.75%;
		margin: 0.5%;
	}
	
	.MediaLibrary .photo h1 { font-size: 12px; }
	.MediaLibrary .photo .footer { font-size: 10px; }

}
/* ----- DESKTOP : Wide Monitors --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------------- */
/* ----- DESKTOP : Smaller Monitors ------------------------------------------------------------------ */
@media screen and (max-width: 1280px) {
	
	
	.boxer.report h2 { font-size: 13px; line-height: 18px;  }

}
/* ----- DESKTOP : Smaller Monitors ------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------- */


/* --------------- ------ ---------------------------------------------------------------------------- */
/* ----- iPad Mini : Horizontal ---------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (orientation: landscape) {

	BODY { padding: 84px 20px 20px 230px; }
	h1 { font-size: 32px; }
	h1 .icon { height: 32px; }
	.boxer.dashboard { width: 47.50%; height: 47.50%; }
	.report h2 { height: 5.5%; line-height: 24px; }
	.report.previewno .graphholder { height: 79%; padding: 2.5%; }
	.report.preview2x1 .graphholder { height: 30%; }
	.report.previewgallery .graphholder { height: 47.5%; }
	.boxer.dashboard .footer { height: 5.5%; }
	.controller { width: 47.25%;  height: 47.25%; }

	/* --------- Page : /Inventory/Collection/popupItemRecord ----------------------------------------------------- */
	.GownInventoryItemRecord .datum .label { font-size: 0.9em; }
	.GownInventoryItemRecord .datum .value {
		font-size: 0.9em;
		overflow: hidden;
		white-space: nowrap;
	}

}
/* ----- iPad Mini : Horizontal ---------------------------------------------------------------------- */
/* --------------- ------ ---------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------- */
/* ----- iPad Mini : Verical ------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (orientation: portrait) {

	body, body.fullwidth {  }

	#Header { height: 50px; }
	#Header .logo {
		display: inline-block;
		float: none;
		max-height: 88%;
		width: auto;
		margin: 0px 20px;
	}
		#logo_beta {
			position: absolute;
			right: 30px;
			top: 40px;
			color: red;
			font-size: 8px;	
		} 
	#Header .tagline { display: none; }
	#Header .menuToggle .icon { 
		display: block;
		float: left;
		max-height: 50%;
		width: auto;
		margin: 10px 0px 0px 10px; 
	}
	#Header .userToggle .icon { 
		display: block;
		float: right;
		max-height: 50%;
		width: auto;
		margin: 10px 15px 0px 0px;
	}
	#Header .userMenu { }
	#Menu { top: 54px; }	
	#Alerts { 
		width: 99%;
		left: 0px;
		padding: 0;
		font-size: 13px; 
	}

	h1 { font-size: 32px; }
	h1 .icon { height: 32px; }
	h2 { font-size: 24px; line-height: 32px; }

	.report h2 { height: 4%; line-height: 22px; }
	.homefeature.report h2 { line-height: 17px; font-size: 14px; }
	.report.previewno .graphholder { height: 82.25%; padding: 2.5%; }
	.report.preview2x1 .graphholder {height: 34.25%; }
	.report.previewgallery .graphholder { height: 51.5%; }
	.summaryboard .footer { font-size: 12px; letter-spacing: 0.50px; }
	.boxer.dashboard .footer, .homefeature .footer { 
		margin-top: 0px;
		text-align: center;
	    line-height: 18px;
	    font-size: 12px;
	}
	.report .preview .bxslider .slideholder .legend { padding: 6px 10px; font-size: 13px; }
	.controller { width: 47.25%;  height: 47.25%; }

	body.bands .band { padding-bottom: 4%; }
	body.bands .band .content h1 {
    	margin-top: 10%;
    	font-size: 28px;
    }
	body.bands .band .content h3 {
	    font-size:20px;
	}

	/* --------- Page : /Inventory/Collection/popupItemRecord ----------------------------------------------------- */
	.GownInventoryItemRecord .datum .label { font-size: 0.9em; }
	.GownInventoryItemRecord .datum .value {
		font-size: 0.9em;
		overflow: hidden;
		white-space: nowrap;
	}

}
/* ----- / iPad Mini : Vertical ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------------- */
/* -- MOBILE : single column : portrait -------------------------------------------------------------- */
@media screen and (max-width: 736px) {

	body { padding: 70px 7px 10px 5px; }
	
	h1 { font-size: 24px; line-height: 30px; }
	h2 { font-size:18px; line-height: 24px; margin: 1%; }
	h1 .icon { margin: 0px 6px; }
	h2 .icon { height: 24px; margin: 0px 6px 0px 0px; vertical-align: top; }
	
	.optionaltext { display: none; }
	
	#Header { height: 50px; }
	#Header .logo {
		display: inline-block;
		float: none;
		max-height: 88%;
		width: auto;
		margin: 0px 20px;
	}
		#logo_beta {
			position: absolute;
			right: 30px;
			top: 40px;
			color: red;
			font-size: 8px;	
		} 
	#Header .tagline { display: none; }
	#Header .menuToggle .icon { 
		display: block;
		float: left;
		max-height: 50%;
		width: auto;
		margin: 10px 0px 0px 10px; 
	}
	#Header .userToggle .icon { 
		display: block;
		float: right;
		max-height: 50%;
		width: auto;
		margin: 10px 15px 0px 0px;
	}
	#Header .userMenu {
		font-size: 1.2em;
		line-height: 30px;
	}
	#Menu { top: 54px; }	
	#Alerts { 
		width: 99%;
		padding: 0;
		font-size: 13px; 
	}	

	#ActionBar .message { font-size: 13px; }
	#ActionBar .next {
		padding: 5px 10px;
		border-radius: 5px;
		font-size: 13px;
	}

	#Footer { margin: 50px -7px -20px -5px; }
	
	.pagescription { margin: 10px 10px 10px 0px; padding: 5px; font-size: 12px;  }
	.pagescription .explanation { display: none; }
	.pagescription .infoicon { padding: 0px 7px; margin: 6px; }	
	
	.fieldscription { margin: 5px 5px 5px 0px; padding: 3px; font-size: 10px;  }
	.fieldscription .explanation { display: none; }
	.fieldscription .infoicon { padding: 0px 3px; margin: 3px; }	

	.report .preview .bxslider .slideholder .legend {
		bottom: 10px;
		right: 10px; left: unset;
		padding: 6px;
		border-radius: 4px;
		box-shadow: 1px 1px rgba(180,180,180,0.50);
		font-size: 11px;
	}
		.report.previewgallery .preview .bxslider .slideholder .legend {
			padding: 3px 6px;
			font-size: 10px;
			left: 3px; right: unset;
		}
			.report.previewgallery .preview .bxslider .slideholder .legend .label { display: none; }
	
	.gauge .frame { padding: 10px; }	
	.analydata .datum { font-size: 18px; }
	.homefeature.property .analydata .datum h3 { font-size: 8px; }

	.boxer.dashboard {
		width:97.75%; 
		/* height:97.75%; */
		margin-bottom: 4%;
	}
	.boxer.dashboard .container h2 { height: 3.5%; padding: 1% 1% 3% 1%; }
	.boxer.dashboard .container h2 .icon { height: 100%; margin: 1% 2%; }
	.boxer.dashboard.report .aspecter { margin-top: 133%; }	
	.boxer.dashboard .container .graphholder { height: 83.75%; padding: 2% 2% 1% 2%; }
	.boxer.dashboard.report.preview2x1 .container .graphholder { height: 45%; }
	.boxer.dashboard.report.preview2x1 .preview { width: 100%; height: auto; }
	.boxer.dashboard.report.previewgallery .container .graphholder { height: 51%; }
	.boxer.dashboard .container .footer { 
		height: 5%;
		line-height: 20px;
		overflow-x: scroll;
		white-space: nowrap; 
	}

	.controller {
		width:97.75%;
		margin-bottom: 4%;
	}

	body.bands .band { padding-bottom: 13%; }
	body.bands .band .content h1 {
	    margin: 15% 2% 5% 2%;
	    font-size: 28px;
	}
	body.bands .band .gauge .datum h3 { font-size: 10px; }
	body.bands .band .content h3 { font-size: 22px; }
	#pageFashionMSRPs .sisters { display:block; }

	/* --------- Page :  /Fashion/Collection/Fullfillment --------------------------------------------- */
	.GownLabelFullfillmentOption .option_datum .label { padding: 2px 1%; border-radius: 5px; }

	/* --------- Page : /Inventory/Collection/popupItemRecord ----------------------------------------- */

	/* --------- Page :  /Connections ----------------------------------------------------------------- */
	.Connections .datum, .Connections .datum a,
	.Connections .datum.cDate, .Connections .datum.eDate,
	.Connections .connection.footer .datum {
		font-size: 9px;
		letter-spacing: 0;
		white-space: nowrap;
		overflow-x: hidden;
	}
	.Connections .connection.footer input, .Connections .connection.footer select {
		font-size: 9px;
		width: 72px;
		padding: 1px;
	}
	.ConnectionRecord .info .Index .nav .control .label .title {
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	.ConnectionRecord .info .Tabbed .Tab .sheet { font-size: 0.9em; }
	.ConnectionRecord .info .Tabbed .Tab .sheet .datum .label { font-size: 0.8em; }

	/* --------- Page : /Events --------------------------------------------------- */
	body.Events .Event .element .prompt .text { font-size: 13px; color: #807333; }
	body.Events .Event .breadcrumbs .input, body.Events .Event .breadcrumbs .formater { font-size: 13px; line-height: 21px; }
	body.Events .Event .data, body.Events .Event .description { width: 96%; min-height: unset; }
	.Event .EventPoster .fainter .action { font-size: 11px; }
	body.Events .PostersStock .stockposter { font-size: 11px; }

	/* --------- Page : /Business/Announcements ------------------------------------------------------ */
	body.Announcements .Announcement .AnnouncementPoster,
	form.Announcement .submitAnnouncement { width: 100%; }	
	body.Announcements .Announcement .inputAnnouncementTitle, 
	body.Announcements .Announcement .inputAnnouncementURL, 
	body.Announcements .Announcement .inputAnnouncementText { width: 93%; }



	#GownLabelFullfillmentOptions h2 {
		padding: 1%;
		font-size: 15px;
	}
	
	
}
/* -- MOBILE : single column : portrait -------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */