/* Minification failed. Returning unminified contents.
(394,2): run-time error CSS1019: Unexpected token, found '@import'
(394,10): run-time error CSS1019: Unexpected token, found 'url(layouts.css)'
(1537,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1542,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4795,19): run-time error CSS1036: Expected expression, found ';'
(7150,74): run-time error CSS1031: Expected selector, found '/'
(7150,74): run-time error CSS1025: Expected comma or open brace, found '/'
(8898,79): run-time error CSS1036: Expected expression, found '!important'
(9513,43): run-time error CSS1030: Expected identifier, found ';'
(11801,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11802,8): run-time error CSS1035: Expected colon, found '{'
(11810,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11811,8): run-time error CSS1035: Expected colon, found '{'
(11828,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11829,8): run-time error CSS1035: Expected colon, found '{'
(13427,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13437,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* layout of main elements */
/* rendering fixed position elements fixed in chrome */
/* media query for Android only */

/*html,
body {overflow-y: hidden;}*/

body.noScroll { 
position: fixed!important; 
overflow-y:scroll!important; 
/* IE stop scrolling CSS - words fail me microsoft */
max-height: none\9;  }



/* scrolbars in Windows google chrome */
/*
::-webkit-scrollbar {
    width: 2em;
    height: 2em
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}*/



#mast {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	border-top:1px solid;
	z-index:3;
	width:auto;
	height: 40px;
	line-height: 38px;
}
#mast .systemMenus {
	position:absolute;
	top:7px;
	left:8px;
	height:25px;
	line-height:25px;
	width:25%;
	text-align:left;
}




#mast .bridgeTrigger,
#mast .bridgeTriggerBack {
	position:absolute;
	top:15px;
	height:25px;
	line-height:25px;
	text-align:center;
    left: 50%;
    width: 100px;
    margin-left: -50px;
	z-index:4;
	text-indent:0;
}




#mast .bridgeTriggerBack { display:none; }
#mast .systemApps {
	position:absolute;
	top:7px;
	right:8px;
	height:25px;
	line-height:25px;
	width:75%;
	text-align:right;
	max-width:45%;
	}
	.withSystemRibbon #mast .systemApps { right:76px;}
#bridgeMenu { 
	position:fixed;
	z-index:2;
	top:35px;
	height:2px;
	left: 0px;
	right: 0px;
	width:100%;
	text-align:center;
	}
		/* product menu */
		.productContainer {
			margin: 0 auto;
			width: auto;
			visibility: hidden;
			opacity: 0;
		}
		.bridgeMenuOn .productContainer { 
			transition-property: opacity;
			transition-duration: 300ms;
			transition-timing-function: ease-out;
			transition-delay: 200ms;
			visibility:visible;
			opacity:1;
		}
	
	
	
	
	
#stage { 
	position:relative; 
	z-index:1; 
	min-height:100%;
}
#stage .canvas { padding:10px; min-height:420px;  } 

#stage .quarterdeck {
	position:fixed;
	top:65px;
	right: 0px;
	left: 0px;
	width:auto;
	overflow:visible;
	z-index:4000;
	height:50px;
}
	#stage .quarterdeck .hgroup { position:absolute; padding-left:40px; }
	#stage .quarterdeck .kahuna {  position:relative; z-index:4; overflow:visible; position:absolute; right:59px; }
	/* 4.5 - No Bento no Outrigger no Toolkit */
	#stage.noBento .quarterdeck .hgroup { position:absolute; padding-left:20px; }
		
#stage #bento { 
	position: fixed;
	z-index: 5002;
	top:42px;
	bottom: 0;
	left: 0;
	width: 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	/*transition classes removed as not supported in chrome */
/*	transition-property: width;
	transition-duration: 400ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;*/
	}
	/* animation class */
	#stage #bento.bentoOn { 
	  width:200px;
	  /*transition-property: width;
	  transition-duration: 400ms;
	  transition-timing-function: ease-out;
	  transition-delay: 0s;*/
	  
	}
.outrigger { 
	position:fixed; 
	top:115px; 
	left:30px;
	/*right:30px;*/
	right:0px;
	min-height:150px;
	z-index:4;
	}
	.outRiggerRight#stage .mediaStoreOutRigger {}
#toolkit {
	position: fixed;
	z-index: 5000;
	top:42px;
	bottom: 0;
	right: 0;
	width: 30px;
	/* left this transition class in for resize down from 1680 < for smoothness */
	transition-property: width;
	transition-duration: 400ms;
	transition-timing-function: ease-in;
	transition-delay: 0s;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	}
	/* animation class */
	#stage #toolkit.toolkitOn { 
	  /*transition classes removed as not supported in chrome */
	  /*width:270px!important;
	  transition-property: width;
	  transition-duration: 500ms;
	  transition-timing-function: ease-out;
	  transition-delay: 0s;*/
	}
	/* added for jquery workaround for no transition support */
/*	#stage #toolkit.forceOpen {width:270px!important;}*/

#stage .deck { padding:10px 0; position:relative; top:0px; }
	/* slide in media */
	/* uesed a s proof on concept */
	.deckSlideIn { position:absolute; margin-top: 2000px; } /* responds in 992.css and 1680.css */
	.withBento.withToolkit.withOutrigger#stage .deckSlideIn .deck.mediaStoreDeck { top:4px; }

.noOutrigger#stage #top { position:relative; top:-105px; width:100%; display:block; height:0px; }
.noScrollMobile { height: 100%; overflow: hidden; }

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


/* all layouts have bento */
#stage .quarterdeck { /*margin-right:30px;*/ padding:0 0 0 0; }

 	 

 	 
/* 1 - with Bento, Outrigger and Toolkit */
.withBento.withToolkit.withOutrigger#stage .canvas { padding-left:30px; padding-right:0px; }
.withBento.withToolkit.withOutrigger#stage .deck {}
.withBento.withToolkit.withOutrigger#stage #toolkit { bottom: 0;right: -30px; }
.withBento.withToolkit.withOutrigger#stage .quarterdeck { margin-right:0; }

/* 2 - Bento with Outrigger and no Toolkit */
.withBento.withOutrigger.noToolkit#stage .canvas { padding-left:30px; padding-right:0px; }
.withBento.withOutrigger.noToolkit#stage .outrigger { right:0px; top:115px;}
.withBento.withOutrigger.noToolkit#stage .deck { margin-top:255px;}
	/* reset */
	.withBento.withOutrigger.noToolkit#stage .quarterdeck { margin-right:0; }

/* 3 - with Bento, Toolkit and no Outrigger */
.withBento.withToolkit.noOutrigger#stage .canvas{ padding-left:30px; padding-right:0px; }
/*.withBento.withToolkit.noOutrigger#stage .deck { margin-top:105px; padding-right:10px; padding-left:10px;  }*/

.withBento.withToolkit.noOutrigger#stage #toolkit { right: -30px; }
.withBento.withToolkit.noOutrigger#stage .quarterdeck { margin-right:0; }
	/* preview site - at the moment only in this layout*/
	.withBento.withToolkit.noOutrigger.previewSite#stage .canvas { padding-right:0; padding-bottom:0; padding-left:0; background:none!important; }
	.withBento.withToolkit.noOutrigger.previewSite#stage .deck { padding:10px 0 0 0; }
	
	/* helm view */
	.withBento.withToolkit.noOutrigger.helm#stage .deck { margin-top:32px !important; padding-right:10px; padding-left:10px;}


/* 4 - with Bento no Outrigger no Toolkit */
.withBento.noOutrigger.noToolkit#stage .canvas { padding-left:30px; padding-right:0px; }
.withBento.noOutrigger.noToolkit#stage .deck { margin-top:32px !important; padding:10px 0 0 0;  }
	/* reset */
	.withBento.noOutrigger.noToolkit#stage .quarterdeck { margin-right:0; }
	.withBento.noOutrigger.noToolkit#stage #toolkit { display:none; }
	.withBento.noOutrigger.noToolkit#stage .quarterdeck .kahuna { right:10px; }
	
	/* helm view */
	.withBento.noOutrigger.noToolkit.helm#stage .deck { margin-top:32px !important; padding-right:10px; padding-left:10px; }
	
	
/* 4.5 - No Bento no Outrigger no Toolkit */
.noBento.noOutrigger.noToolkit#stage .canvas { padding-left:0px; padding-right:0px; }
.noBento.noOutrigger.noToolkit#stage .deck { margin-top:32px !important; padding:10px 0 0 0;  }
	/* reset */
	.noBento.noOutrigger.noToolkit#stage .quarterdeck { margin-right:0; }
	.noBento.noOutrigger.noToolkit#stage #toolkit { display:none; }
	.noBento.noOutrigger.noToolkit#stage .quarterdeck .kahuna { right:10px; }
	
	/* helm view */
	.noBento.noOutrigger.noToolkit.helm#stage .deck { margin-top:32px !important; padding-right:10px; padding-left:10px; }	
	
	

/* 5 - with Bento, Toolkit and Outrigger right */
.withBento.withToolkit.withOutrigger.outRiggerRight#stage .canvas {}
.withBento.withToolkit.withOutrigger.outRiggerRight#stage .deck {}

/* 6 - with Bento, no Toolkit and Outrigger right */
.withBento.withOutrigger.noToolkit.outRiggerRight#stage .canvas {}
.withBento.withOutrigger.noToolkit.outRiggerRight#stage .deck {}

/* ------------ FLIPPED LAYOUTS ------------ */

/* 7 - with Bento right, Outrigger and Toolkit left */
.withBento.withToolkit.withOutrigger.flippedLayout#stage .canvas { padding-right:30px; padding-left:0; }
.withBento.withToolkit.withOutrigger.flippedLayout#stage #bento { /*left:auto;*/ /*right:-170px;*/ }
.withBento.withToolkit.withOutrigger.flippedLayout#stage #toolkit { left: -30px; }
.withBento.withToolkit.withOutrigger.flippedLayout#stage .outrigger { left:0px; }
.withBento.withToolkit.withOutrigger.flippedLayout#stage .quarterdeck { margin-right:30px; left:0;  }

/* 8 - Bento right with Outrigger and no Toolkit */
.withBento.withOutrigger.noToolkit.flippedLayout#stage .canvas { padding-right:30px; padding-left:0px;}
.withBento.withOutrigger.noToolkit.flippedLayout#stage #bento { /*right:0; left:auto;*/ }
.withBento.withOutrigger.noToolkit.flippedLayout#stage .outrigger { left:0px; right:40px; }
.withBento.withOutrigger.noToolkit.flippedLayout#stage .quarterdeck { margin-right:30px; left:0;  }

/* 9 - with Bento right, Toolkit left and no Outrigger */
.withBento.withToolkit.noOutrigger.flippedLayout#stage .canvas { padding-right:30px; padding-left:0px;}
.withBento.withToolkit.noOutrigger.flippedLayout#stage #bento { /*left:auto; right:0!important;*/ }
.withBento.withToolkit.noOutrigger.flippedLayout#stage #toolkit { left: -30px; }
.withBento.withToolkit.noOutrigger.flippedLayout#stage .quarterdeck { margin-right:30px; left:0;  }

/* 10 - with Bento right no Outrigger no Toolkit */
.withBento.noOutrigger.noToolkit.flippedLayout#stage .canvas { padding-left:0px; padding-right:30px; }
.withBento.noOutrigger.noToolkit.flippedLayout#stage .quarterdeck { margin-right:30px; left:0; }
.withBento.noOutrigger.noToolkit.flippedLayout#stage #bento { /*right:0; left:auto;*/ }

/* 11 - with Bento right, Toolkit left and Outrigger right */
.withBento.withToolkit.withOutrigger.flippedLayout.outRiggerRight#stage .canvas { padding-right:0px;}
.withBento.withToolkit.withOutrigger.flippedLayout.outRiggerRight#stage .deck {}

/* 12 - with Bento right with no Toolkit and Outrigger right */
.withBento.withOutrigger.noToolkit.outRiggerRight.flippedLayout#stage .canvas {}
.withBento.withOutrigger.noToolkit.outRiggerRight.flippedLayout#stage .deck {}
.withBento.withOutrigger.noToolkit.outRiggerRight.flippedLayout#stage .outrigger { right:0px;}






/* extras for the layout testing only only */
h1 { font-size:1.5em}
h2 { font-size:1em; font-weight:bold}
#stage .deck p { margin-bottom:1em;}
#stage #bento .label {
	display:block; 
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	writing-mode: tb-rl;

	white-space:nowrap;
	position:absolute;
	right:-5px;
	top:45px;
	
	background-color:#3CF;
	padding:10px;
}
#stage #bento .flipBentoToolkit {
	display:block; 
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	writing-mode: tb-rl;

	white-space:nowrap;
	position:absolute;
	right:-15px;
	bottom:45px;
	
	background-color:#3CF;
	padding:10px;
	
	}

/* toggle state of helm frop down */
#bridgeMenu.bridgeMenuOff .label.trigger { display:inline-block; }
#bridgeMenu.bridgeMenuOff .label.triggerBack,
#bridgeMenu .label.triggerBack { display:none; }
#bridgeMenu.bridgeMenuOn .label.trigger { display:none; }
#bridgeMenu.bridgeMenuOn .label.triggerBack { display:block; }

/* toggle back state for side panels */
/* for when the expanded state persist on load and the on states are enabled */
#stage #bento .triggerBack,
#stage #toolkit .triggerBack,
#stage #bento.bentoOn .trigger,
#stage #toolkit.toolkitOn .trigger  { display:none; }
#stage #toolkit.toolkitOn .triggerBack,
#stage #bento.bentoOn .triggerBack { display:block; }


#toolkit .label {
	display:block; 
	
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;

    white-space:nowrap;
	position:absolute;
	left:-5px;
	top:45px;
	padding:10px;
	background-color:#C9C;
}


#harbour { position:fixed; top:auto; right:0px; bottom:0; left:0; overflow:visible; z-index:5001; background-color:#0F0; height:0px; padding-right:250px; }

.mobileLandscape { display:none}
.tabletPortrait { display:none}
.widthSniffer { margin:2em 0; display:block}

	@import url(layouts.css);
/* CSS Document for the base structure of weblabs bridge */
/* reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;  }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; height:100%;  }

a,
.pseudoLink {  color: #06e; text-decoration:none; }
a:visited { /*color: #551a8b;*/ color: #06e; }
a:hover,
.pseudoLink:hover { color: #003399; }
.pseudoLink:hover { cursor:pointer; }
/*a:focus { outline: thin dotted; }*/
*:focus {outline: none;}
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear:both }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; display:inline-block}
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
h1, h2, h3, h4, h5, h6, p { 
 margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-style:normal;
  font-weight:normal
}
/* reset ends */

/* no semantic helpers */
/* The legen - wait for it - dary clearfix */
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after{
	content: " ";
	display: table;
}
.clearfix:after{clear: both;}



.visuallyHidden { 
  position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  }
  .label.visuallyHidden { width:0px !important; height:0px !important }






/* 

Genaral publishing blocks are always wrapped with a 'content' parent 
Amend in your theme.css 

*/
.body p, 
.body ul,
.body ol { font-family:Arial, Helvetica, sans-serif!important; max-width:75%;  }
/* reset for alert messages */
.alertify-inner .body p, 
.alertify-inner .body ul,
.alertify-inner .body ol { max-width:100%; }


.body p, .body ul, .body ol, code { margin-bottom:16px;}
.body ul, .body ol { padding-left:20px; margin-top:0;}



p:last-child, 
ul:last-child, 
ol:last-child, 
dl:last-child, 
fieldset:last-child { margin-bottom: 0px; }


ol > li,
ul > li { margin-top: 10px!important; }
ol > li:first-child,
ul > li:first-child {
  margin-top: 0px!important;
}





blockquote
{
  quotes: "“" "”";
}



/* Align */
.alignLeft		{ text-align: left; }
.alignCenter	{ text-align: center; }
.alignRight	{ text-align: right; }

.marginLeft { margin-left:10px; }
.marginCenter { margin-right:10px; margin-left:10px;  }
.marginRight { margin-right:10px; }
.marginTop { margin-top:10px; }
.marginBottom { margin-bottom:10px; }


.marginLeftMedium { margin-left:20px; }
.marginCenterMedium { margin-right:20px; margin-left:20px;  }
.marginRightMedium { margin-right:20px; }
.marginTopMedium { margin-top:20px; }
.marginBottomMedium { margin-bottom:20px; }


.marginLeftLarge { margin-left:40px; }
.marginCenterLarge { margin-right:40px; margin-left:40px;  }
.marginRightLarge { margin-right:40px; }
.marginTopLarge { margin-top:40px; }
.marginBottomLarge { margin-bottom:40px; }


/* Floating elements */
.floatLeft		{ float: left; }
.floatRight	{ float: right; }
.clearLeft		{ clear: left; }
.clearRight	{ clear: right; }
.clearBoth		{ clear: both; height:1px; }

/**/
.noSelect::-moz-selection { background: transparent; color:inherit; text-shadow: inherit; cursor:default; }
.noSelect::selection { background: transparent; color:inherit; text-shadow: inherit; cursor:default; } 


/* bridge menu launcher */
#mast .bridgeTrigger,
#mast .bridgeTriggerBack { cursor:pointer}


/* product menu */
.productContainer ul { list-style-type:none; padding:10px 0 10px 0; }
.productContainer ul li { display:inline-block; margin:0 10px 10px 10px; }
.productContainer ul li:first-child { }
.productContainer ul li a { 
	margin:0 auto;
}
/*.productContainer ul li.largeProductLogo a { width:90px; height:45px; }*/

.productContainer ul li a span { text-align:center; }


/* individual logos downscaled for super hi-res */
.productContainer ul li a.contentMaster span.logo { 
	background-image:url(../graphics/product-logos/200x200/contentmaster.png);
}
.productContainer ul li a.formsMaster span.logo { 
	background-image:url(../graphics/product-logos/200x200/formsmaster.png);
}
.productContainer ul li a.consultationMaster span.logo { 
	background-image:url(../graphics/product-logos/200x200/consultationmaster.png);
}
.productContainer ul li a.documentMaster span.logo { 
	background-image:url(../graphics/product-logos/200x200/documentmaster.png);
}
.productContainer ul li a.searchMaster span.logo { 
	background-image:url(../graphics/product-logos/200x200/searchmaster.png);
}
.productContainer ul li a.resourceMaster span.logo { 
	background-image:url(../graphics/product-logos/200x200/resourcemaster.png);
}
.productContainer ul li a.democracySuite span.logo { 
	background-image:url(../graphics/product-logos/200x200/democracy.png);
}
.productContainer ul li a.communityMaster span.logo { 
	background-image:url(../graphics/product-logos/200x200/communitymaster.png);
}
.productContainer ul li a.meetingsManager span.logo { 
	background-image:url(../graphics/product-logos/200x200/meetingsmanager.png);
}







@media only screen and (min-width: 768px) {
	.productContainer ul li a { 
		width:120px;
		}
		.productContainer ul li.largeLogo a { width:204px; }
	.productContainer ul li a span.wrap {
		display:block;
		width:84px; 
		height:84px;
		padding:8px;
		border:1px solid;
		margin:0 10px 10px 10px;
	}
		.productContainer ul li.largeLogo a span.wrap { width:168px;}
	.productContainer ul li a span.logo { 
		display:block;
		width:84px;
		height:84px;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		}
		.productContainer ul li.largeLogo a span.logo { width:168px; }
	.productContainer ul li a span.desc {  display:inline-block}
		.productContainer ul li.largeLogo a span.desc {  width:210px; }	
	
	  
}
/* file menu icons with no drop downs  */
a.fileMenuLink {
	width:34px; 
	height:34px;
	position:relative;
	top:-5px;
	background-size: 100% 100%;
	display:inline-block;
	/* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

}

/* system menus */
#mast .widget,
#harbour .widget { display:inline-block; position:relative;  }

a.widgetTrigger { 
	display:inline-block;
	/* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	}
	.systemMenus a.widgetTrigger {  }
	.systemApps a.widgetTrigger {  }

.widgetContainer { 
	position:absolute;
	width:0px;
	overflow:visible;
	z-index:5;
	background-color: transparent;
	/* updated this to include css transitions and use visibility instead */
	/*display:none;*/
	visibility: hidden;
	opacity: 0;
	transform-origin: 50% 0px 0px;
  	transition-property: visibility, opacity, transform;
  	transition-timing-function: linear, linear, cubic-bezier(0, 0, 0.265, 1.55);
  	transition-duration: 0s, 0s, 0.2s;
	}
	.systemApps .widgetContainer { height:300px; right:10px }
	
	/* visible with added class */
	.widgetContainer.show {
		width:180px; 
		visibility: visible;
		opacity: 1;
  		transition-duration: 0s, 0.5s, 0.5s;
	}
	@media only all and (min-width: 320px) {
       .widgetContainer.menu.show { width: 234px; }
		.systemMenus .widgetPane { max-height:280px; }
	}
	
	@media only all and (min-width: 480px) {
	   .widgetContainer.menu.show {  width: 380px; }
	   .systemMenus .widgetPane { max-height:200px; }
	}
	.widgetContainer.menu.show { 
		visibility: visible;
		opacity: 1;
  		transition-duration: 0s, 0.5s, 0.5s;	
	}
.widgetPane { 
	min-width:100%; 
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left;
	position:absolute;
	display:block;
	}
	@media only all and (min-width: 768px) {
       .systemApps .widgetPane { min-height:100px; }
	   .systemMenus .widgetPane { max-height:300px; }
	}
	
	
@media only all and (min-width: 992px) {
	.systemMenus .widgetPane { max-height:500px; }
}


/* chat */


.systemApps .widgetPane { min-height:90px; }
.systemApps .widgetPane { max-height:900px; }



/* reset the scrolling on this container and assign it to the immediate child so we can add in the tabs buttons */
.widget.chat .widgetPane {
	overflow-y:hidden !important; 
	overflow-x:hidden;
	/* mins and max heights in increments of 60px fior each user */
	min-height:210px;
	max-height:500px;
	height:330px;
}
.widget.chat .widgetPane .buddyList { 
	/*height:180px;*/ 
	/* increments of 60px */
	height:300px;
	position:relative;
	min-width:100%; 
}
.widget.chat .scrollPanel {
	height:inherit;
	min-width:100%; 
	overflow-y:auto;
	overflow-x:hidden;
	position:absolute;
	top:0;
}
/* search panel */
.searchBuddyResults { height:250px; }
.searchBuddyForm { 
	height:40px; 
	padding:5px; 
	border-top:1px solid #777E83; 
	overflow:hidden; 
	position:relative;
}
.searchBuddyForm .widgetField {
	padding: 7px 25% 7px 5%;
	width:70%;
	height:26px; 
	line-height:26px; 
	border:0px none;
}
.searchBuddyForm button,
.searchBuddyForm .button { position:absolute; z-index:2; right:5px; text-indent:-9999px; border:0px none; width:40px; height:40px; background-color:transparent }
.searchBuddyForm button span,
.searchBuddyForm .button span { 
	display:block; 
	width:inherit; 
	height:inherit; 
	background-position:center center; 
	background-repeat:no-repeat; 
	
	opacity: 0.3;
	}
	.searchBuddyForm button:hover span,
	.searchBuddyForm button:focus span,
	.searchBuddyForm .button:hover span,
	.searchBuddyForm .button:focus span { opacity:0.7; }
	.widget .resultMessage { height:250px; width:180px; text-align:center; display:table-cell; vertical-align:middle;}
	.resultMessage p { padding:10px; display:block; }
	.widget.chat .tag { margin:5px 0 5px 0 !important}


.widget.chat .scrollPanel .userBlock { padding:5px; font-size:12px; cursor:pointer; }
.widget.chat .scrollPanel .userBlock .left,
.widget.chat .scrollPanel .userBlock .right { display:block; float:left; }
.widget.chat .scrollPanel .userBlock .left { width:50px; margin-right:10px;}
.widget.chat .scrollPanel .userBlock .right { width:105px;}
.widget.chat figure .thumbNail { display:block; width:48px; height:48px;}

.widget.chat .scrollPanel .userBlock p { line-height:normal !important}
.widget.chat .scrollPanel .userBlock strong {}
.widget.chat .widgetPane .buddyTabs { height:30px; width:100%; bottom:0px; z-index:1; position:absolute; overflow:hidden; }
.widget.chat .widgetPane .buddyTabs ul { list-style-type:none; padding:0 0 0 0 !important; height:30px; margin:0 0 0 0 !important; }
.widget.chat .widgetPane .buddyTabs ul li { padding:0 0 0 0; margin:0 0 0 0; display:block; float:left; width:50%; line-height:30px; }
.widget.chat .widgetPane .buddyTabs ul > li { margin-top:0px !important; }
.widget.chat .widgetPane .buddyTabs ul li a { display:block; text-align:center; }







/* harbour */
.berth {
	display:block; 
	height:400px; 
	width:200px; 
	float:right; 
	position:relative; 
	top:-400px; 
	margin-right:10px;
}
.berth.minimise { height:30px; top:-30px;  }
.berthContainer { 
	position:absolute;
	width:0px;
	overflow:visible;
	z-index:5;
	background-color: transparent;
	/* updated this to include css transitions and use visibility instead */
	/*display:none;*/
	visibility: hidden;
	
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0;
	
	transform-origin: 50% 0px 0px;
  	transition-property: visibility, opacity, transform;
  	transition-timing-function: linear, linear, cubic-bezier(0, 0, 0.265, 1.55);
  	transition-duration: 0s, 0s, 0.2s;
	}
	.berthContainer.show {
		width:200px; 
		visibility: visible;
		filter: alpha(opacity=100);
		opacity: 1;
  		transition-duration: 0s, 0.5s, 0.5s;
	}
	.berthPane { 
		text-align:left;
		position:absolute;
		display:block;
		height:330px;
		min-width:100%;	
	}
	.berthPane .scrollPanel {
		min-width:100%; 
		overflow-y:auto;
		overflow-x:hidden;
		height:300px;
	}
	.berthPane .chatForm { display:block; height:69px; }
	.chatForm textarea { 
		resize:none; 
		height:60px; 
		width:90%; 
		padding:5px 5%; 
		border:none
	}
	.chatForm textarea:focus {
		outline-style:none;
		box-shadow:none;
	}
	/* reset slightly */
	.chatPane .thread article .left { width:40px; }
	.chatPane .thread article section,
	.chatPane .strings { margin-left:45px; }
	.chatPane .own { display:block; }
	


.berth {		
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
			
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.berth:hover,
.berth:focus {
	filter: alpha(opacity=100);
	opacity: 1;
}

.figureHead { 
	display: block; 
	height:30px;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	position:relative;
	}	
	.figureHead .left,
	.figureHead .right { display:block; float:left; }
	.figureHead .left { 
		width:120px; 
		padding:0 10px; 
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
	.figureHead .bulb { 
		position:absolute; 
		left:-10px; 
		top:-10px;
		transition-property: all;
  		transition-duration: 0.3s;
  		transition-timing-function: ease;
  		transition-delay: 2s;
		}
	.figureHead .right { width:60px; }
	.figureHead a { 
		display:block; 
		width:30px; 
		height:30px; 
		float:right; 
		overflow:hidden; 
		background-size:90%;
		background-position:center center;
		text-indent:-9999em;
		font-size:0%;
		opacity:0.6;
	 	}
		.figureHead a:hover { opacity:0.9; }
/* harbour ends */


















.systemApps .widgetPane ul.nav { 
	margin:5px; 
	list-style-type:none;
	min-height: 0;
	list-style-type: none;
	padding-left:0;
}
.systemApps .widgetPane ul.nav > li {
		
		position: relative;
		margin:0 0 0 0 !important;
		}
		.systemApps .widgetPane ul.nav > li.separator { border-top:1px solid #CCC; padding:1px 0 0 0; display:block}
		
		.systemApps .widgetPane ul.nav > li a {	
			display: block;
			border-bottom:#bebebf;
			background: #eeedf2;
			padding: 4px 10px;
			color:#333;
			text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
		}
			.systemApps .widgetPane ul.nav > li a:hover { 
				background-color:#d9dade;
				text-shadow: 1px 1px 0px rgba(255, 255, 255, 1.0);
			}
		.systemApps .widgetPane ul.nav > li.sessionName { padding: 3px 10px; font-size:90%;  vertical-align:top; }
		.systemApps .widgetPane ul.nav > li.sessionName span { display:inline-block; height:24px; width:24px; background-color:#777E83; background-size:cover; vertical-align:top; margin-right:5px; border-radius:3px;}
		.systemApps .widgetPane ul.nav > li.sessionName a { display:inline-block; padding:2px 0 0 0; color:#06C; width:115px; line-height:normal}
		.systemApps .widgetPane ul.nav > li.sessionName a:hover { background-color:transparent}
	
	
	
/* main menu inside a widget */
.drillMenu li { margin-top:0!important; background-color:#CF3}

/* overlays */
.overlay {
  display:none;
  position: absolute;
  top: 0;
  right:0;
  left: 0;
  bottom:0;
  min-width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0s;
  z-index:2
}

.zoom {
  display:none;
  position: absolute;
  box-sizing:border-box;
  top: 36px;
  right:0;
  left: 0;
  bottom:0;
  min-width: 100%;
  min-height: 100%;
  background-color: #FFF ;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  transition-delay: 0s;
  z-index:2
}

.adminCalendarTableScrolling {
	overflow-y:auto !important;
	height:100%;
}


/* kahuna */

/*.withToolkit .quarterdeck .kahuna { padding-right:45px; }*/
.quarterdeck .buttonGroup { margin:8px 0px 0px 0px;}
.quarterdeck .buttonGroup .button { margin-bottom:0;}





/*@media only all and (min-width: 320px) {
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.quarterdeck h1 { line-height:50px; font-size:150%;}.
	.quarterdeck .buttonGroup { margin:8px 0px 0px 10px;}
}
*/
.quarterdeck h1 {  font-size:120%; line-height:50px; }
.quarterdeck .buttonGroup .button { margin-left:5px;}
.quarterdeck .buttonGroup .button:first-of-type { margin-left:0px; }
@media only all and (min-width: 320px){
	.quarterdeck h1 { font-size:100%;  }
}
@media only all and (min-width: 768px) {
	.quarterdeck h1 { font-size:150%; line-height:50px; padding-top:0;   }
}




.responsiveMenuTrigger { display:none; }
.buttonGroup.responsiveMenu {}	

/* resizing the responsive quater deck button container */
@media only all and (min-width: 320px) and (max-width: 767px) {
	
	.responsiveMenuTrigger { 
		display:block; 
		width:34px !important; 
		height:34px !important;
		position:relative;
		top:8px;
		cursor:pointer;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.buttonGroup.responsiveMenu { 
		display:block; 
		width:100px;
		padding:10px 10px 10px 10px; 
		height:auto; 
		overflow:hidden; 
		position:absolute; 
		top:34px; 
		right:0px;
		background-color:#fff;
		text-align:center;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
		visibility: hidden;
		opacity: 0;
	}
	.buttonGroup.responsiveMenu.show {
		visibility: visible;
		opacity: 1;
		padding-bottom:10px;
		border-top-left-radius:3px;
		border-top-right-radius:0;
		border-bottom-right-radius:3px;
		border-bottom-left-radius:3px;
	}
	.buttonGroup.responsiveMenu .button { 
		width:95px !important;
		margin-left:0px !important; 
		margin-bottom:10px;
	}
	.buttonGroup.responsiveMenu .button.icon {  
		width:40px !important;
		margin-left:3px !important;
	}
	.mediaBulk,
	.mediaBulkActionButtons { 
		margin-left:0 !important; 
	}

	 
	
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.buttonGroup.responsiveMenu { 
		/*width:342px !important;*/
		padding:0px 10px 10px 10px;
		padding-bottom:0 !important
	}
	.mediaBulkActionButtons .group { 
		display:inline-block !important; 
		margin:0 0 0 0;
	}
	.buttonGroup.responsiveMenu .mediaBulkActionButtons .group { 
		vertical-align:top; 
		display:block; 
		width:107px; 
		margin:0 10px 0 10px; 
		float:left;
		}
		.buttonGroup.responsiveMenu .mediaBulkActionButtons .group { margin:0 0 0 0; }

	.mediaBulk { margin-bottom:10px; }
	

}


@media only screen and (min-width: 480px) and (orientation : portrait) and (max-width: 767px) {
	
	.buttonGroup.responsiveMenu { 
		padding:0px 10px 0 10px; 
	}
	
}


@media only all and (min-width: 768px)  {
	.buttonGroup.responsiveMenu { min-width:300px !important;  }
	.buttonGroup.responsiveMenu .mediaBulkActionButtons .group { 
		display:inline-block; 
		margin:0 0 0 0 !important;
	}
	.quarterdeck .buttonGroup .button:first-of-type { margin-left:5px;}
}







/* default spacing */
/* used to create correct whitespace on elements that do not touch the deck right and left edges*/



.body,
.block,
.grids,
code { margin:0 10px 20px 10px; }

/*.moduleContent .block .body { margin:0 10px !important;  }*/

.deck .body[contenteditable],
.deck .body[contenteditable=true] { margin:70px 10px 20px 10px !important; }

.searchResultWrapper,
.panel { margin:0 20px 40px 20px; }
.deck .paneWrapper .searchResultWrapper { margin-right:10px !important; margin-left:10px !important;}


.deck .body { padding-right:10px; padding-left:10px; }


.body.hgroup { padding-right:10px; padding-left:10px; }
.quarterdeck .hgroup { display:inline }

.deck .grid .body,
.deck .paneWrapper .body,
.accordion .body { padding-right:0px; padding-left:0px; }




.block .body { margin-right:0px !important; margin-left:0px !important; }

.deck .paneWrapper .body  { margin-right:10px !important; margin-left:10px !important; }
.deck .paneWrapper .block .body  { margin-right:0px !important; margin-left:0px !important; }

.deck .accordion .contentPanel .body { margin-bottom:10px; }
.accordion .body { padding-top:10px; padding-bottom:10px; }

.deck .accordion .contentPanel .grids .body { margin-right:10px !important; margin-left:10px !important; }
.deck .block table.standard { margin: auto; width: calc(100% - 20px);  }
.deck .grid .block table.standard { margin: auto; width: calc(100% - 0px);  }




.body,
.block {/* Animation Property */
	animation-property: width;
	animation-property: height;
	transition-duration: 1s;
	
	/* webkit */
	-webkit-animation-property: width;
	-webkit-animation-property: height;
	-webkit-transition-duration: 1s;
	
	/* moz */
	-moz-animation-property: width;
	-moz-animation-property: height;
	-moz-transition-duration: 1s;}


/*.deck .grid .block table.standard  { margin: auto;  width: calc(100% - 20px);  }*/
/*
.grid .body,
.grid .block { margin: auto !important;  width: calc(100% - 20px);   }*/

/*.grid .block .body {   background-color:#0F0  }*/

/*.grid .col-2-4:first-of-type { background-color:#0FC !important}
.grid .col-2-4:last-of-type { background-color:#ff6600 !important}*/






.withPadding { padding:20px 20px 20px 20px !important; }
.noPadding { padding: 0 0 0 0 !important}
.noPaddingTop { padding-top:0 !important}
.noPaddingRight { padding-right:0 !important}
.noPaddingBottom { padding-bottom:0 !important}
.noPaddingLeft { padding-left:0 !important}



.noMargin { margin:0 0 0 0 !important}
.noBottomMargin { margin-bottom:0!important;}

.marginTop { margin-top:10px !important;}


.panel .grids,
.contentPanel .grids,
.paneWrapper .grids { margin:0 0 10px 0;  }

.controlPaneTabs li a { padding:10px!important; }
.side-tabs-tabsRight .controlPaneTabs li a { padding:10px; }
/*TEST*/
/*.deck .accordion p.contentTrigger { padding:10px!important; }*/
.deck .accordion p.contentTrigger { padding:20px!important; }
.deck .accordion .contentPanel { padding-top:10px; }


#stage #bento { 
	left: -170px;
	width:200px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	} .flippedLayout#stage #bento { left:auto; right:-170px; }
	
	/* class for the onstate if use onLoad */
	#stage #bento.bentoOn { left:0; } .flippedLayout#stage #bento.bentoOn { right:0; left:auto;  }
/* top buttons in the bento draw */
.upKyara {
	top: 10px;
	left: 0px;
	position:absolute;
	display:block;
	z-index:1;
} .flippedLayout#stage .upKyara { right:0px; left:auto; }

#stage #bento .close { display:none; }
	/* if onload state is bentOn then show the close button */
	#stage #bento.bentoOn .close { 
		display:block!important; 
		top: 0px;
		right: 0px;
		position:absolute;
		top:10px;
	} .flippedLayout#stage #bento.bentoOn .close { right:auto; left:0px; }
	#stage #bento.bentoOn .close span { display:block; height:50px; padding-left:75px; position:relative; top:-10px;}	
	
	
	
	
	
/* Kyara in the bento */
.kyaras { 
	height:630px; 
	width:200px;
	margin-bottom:10px;
	padding-top:40px;
}
.kyara {
	display:block;
	/* 5 kyaras by default with a 10px top margin */
	height:116px;
	width:200px;
	margin-top:10px;
	position:relative;
}	
.kyara .tabTitle {
	display: block;
	z-index: 1;
	position: absolute;
	right: 0px;
	height: 116px;
	width: 30px;
	cursor: pointer;
	text-indent:-9999px;
	} 
	.kyara.active .tabTitle {  }
	.flippedLayout#stage .kyara .tabTitle { display:block; left:0px!important; }
	.flippedLayout .kyara .tabTitle { left:0px; }
	
	/* wrapper used to contain the module */
	.kyara .wrapper { 
		display:none;
		z-index:0;
		position:fixed;
		top:92px;
		left:-170px;
		width:170px;
		/* update for full height */
		/*height:620px;*/
		bottom:0;
		}  
		.flippedLayout#stage .kyara .wrapper { right:-170px; left:auto; }
		/* if the bento is out before the page loads add the active class to the kyara aswell as the  */
		.bentoOn .kyara.active .wrapper { display:block; left:0px; z-index:1; } .flippedLayout#stage .bentoOn .kyara.active .wrapper  { display:block; right:0px; left:auto; }
	.kyara .module { 
		display:block;
		right:0px;
		z-index:3;
		width:170px; 
		background-color:#FFF; 
		overflow-y:auto!important;
		/* update for full height */
		/*height:620px; */
		position:absolute;
		top:0;
		bottom:0;	
	}
	
	
	
	
/* chrome support in windows */
.kyara .module::-webkit-scrollbar {
    width: 10px;
    height: 2em;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4); 
}
.kyara .module::-webkit-scrollbar-button {
	background-image:url(../themes/classic/graphics/webkit-scrollbars/scrollButton.png);
	background-size:10px 10px;
	background-repeat:no-repeat;
	background-position:center center;
}
.kyara .module::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  }
.kyara .module::-webkit-scrollbar-top-button { background-color:#CF0 !important}
.kyara .module::-webkit-scrollbar-track-piece {
    background: #f2f2f2
}
.kyara .module::-webkit-scrollbar-thumb {
    background: #ccc;
	border:1px solid #999;
	
}
.kyara .module::-webkit-scrollbar-thumb:hover { background-color:#999}

/* show more buttons for the kyaras */
.upKyara,
.downKyara { display:inline-block; }
	.bentoOn .upKyara { position:absolute; }
	.bentoOn .downKyara { position:relative; } .flippedLayout#stage .bentoOn .downKyara { right:-30px;}
	
.upKyara span,	
.downKyara span { 
	text-indent:0px; 
	width:170px; 
	display:block; 
	height:30px; 
	text-indent:-9999px; 
	text-align:center;
}
.kyaraMenu {
	display:inline-block;
	width:30px;
	position:absolute;
	} .flippedLayout#stage .kyaraMenu { left:0px; }
	.kyaraMenu span { display:block; background-color:blue; height:30px; padding-left:30px; }	
	
/* filter menus using checkboxes or radios */




/* toolkit control */
#stage #toolkit .open span,
#stage #toolkit .close span { position:absolute; top:0; }
#stage #toolkit .open span { 
	left:-50px; 
	display:block;
	height:50px; 
	width:50px;
	z-index:1;
	}
	#stage.flippedLayout #toolkit .open span  { left:50px; }
#stage #toolkit .close span { 
	height:50px; 
	width:50px; 
	display:block;
	z-index:2;
}
#stage #toolkit .toolKitHero { height:50px; width:250px; position:absolute; top:0; z-index:1; }













.ie8 .deck {  }

/* loading spinners */
.loading { 
	text-align:center;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;	
	background-color:#fff;
	z-index:0;
}
.loading p { visibility:hidden; position:absolute; top:45%; left:0; right:0; text-align:center; display:inline-block }
.loading p.visible { visibility:visible }
td .loading { position:relative; text-indent:-9999px; background-color:transparent }
.loadingInline { display:inline-block; width:34px; height:36px; position:relative; }
.spinner { 
	display:block; 
	width:32px; 
	height:32px; 
	background-color:#fff; 
	position:absolute; 
	top:50%; 
	margin-top:-17px;
	left:50%; 
	margin-left:-17px;
	background-image:url(../themes/classic/graphics/spinners/spinner_32px_ffffff.gif)
}
td .spinner { 
	display:block; 
	width:16px; 
	height:16px; 
	background-color:transparent; 
	position:absolute; 
	top:50%; 
	margin-top:-8px;
	left:0; 
	margin-left:0;
	background-image:url(../themes/classic/graphics/spinners/spinner_32px_ffffff.gif);
	background-size:16px 16px;
}
td.alignCenter .spinner { 
	left:50%; 
	margin-left:-8px;
	background-image:url(../themes/classic/graphics/spinners/spinner_32px_ffffff.gif);
	background-size:16px 16px;
}
.widget .scrollPanel .loading { background-color:transparent; color:#FFF; text-indent:-9999em; }
.widget .scrollPanel .loading .spinner { background-color:inherit; background-image:url(../themes/classic/graphics/spinners/spinner_30px_30px_333333.gif); background-size:cover}

/* animations */
.animated { 
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}





.copyright { visibility:hidden; height:1px; display:block; overflow:hidden; }






/* service messages on the deck */
.serviceMessage { 
	display:block;
	overflow:hidden;
	width:auto;	
	padding-top: 10px;
  	padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 7px rgba(0, 0, 0, 0.5);
	margin-bottom:10px;
	border-radius:5px;
	/*background-color: rgba(0, 0, 0, 0.75);*/
	
	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box; 
  	box-sizing: border-box; 
}
.serviceMessage h1 { 
	font-size: 18px;
	line-height: 19px;
	margin-bottom: 10px;
	font-weight:bold;
	cursor:default
}
.serviceMessage .body {  
	margin:0 0 0 0;
}
.loginForm .serviceMessage { margin-right:10px; margin-left:10px;}
.loginForm .serviceMessage .body { margin-bottom:10px; cursor:default}



/* panels */
.messagePanel {
	background-color:#FFF;
	border:1px solid #c9c9c9;
	border-radius:5px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 2px 7px rgba(0, 0, 0, 0.10);
	margin:0 0 10px 0;
	padding:10px 10px 10px 10px;
}
.panelMessage { line-height:14px; display:inline-block; max-width:80%; }
.panelMessage { margin-bottom:0 !important;}
.panelMessage .panelCaption,
.panelMessage .panelTitle,
.panelMessage .panelExtras { display:block; font-size:80%;}


.panelMessage .panelTitle,
.panelMessage .panelExtras { color:#444; }


.messagePanel .togglePanel { padding-top:10px; font-size:80%; display:block }
.messagePanel .body { margin:0 0 0 0 !important}

.toggleTitle { cursor:pointer; display:block}
.togglePanelContent { padding:10px 0; display:block } 






/* system icons */





/* mini calendars */
.dateCalBlock { 
	display:inline-block; 
	margin-right:10px;
	margin-left:10px;
	}
	.messagePanel .dateCalBlock  { margin-right:0px; margin-left:0px;  }
.dateCalBlock .dateCal { 
  display:inline-block; 
  float:left;
  margin-right: 10px;
  text-align: center;
  width: 40px;
  height: 40px;
}
.dateCalBlock .dateCalBlockTitle { float:left; line-height:40px; vertical-align:top; font-size:16px; }
.dateCal span { display:block; clear:both}
.dateMonthAbbr { 
	border-radius:5px 5px 0 0;
	color:#FFF;
	font-size:9px;
	line-height:14px;
	text-transform:uppercase;
	text-align:center;
}
.dateDayNum { 
	border:1px solid #cccccc;
	border-radius:0 0 5px 5px;
	color:#444;
	font-size:18px;
	min-height:26px;
	line-height:25px;
	background-color:#FFF
}


.arrowIconBlock {
	display:inline-block; 
	/*margin-right:10px;
	margin-left:10px;*/
}
.arrowIcon {
  display:inline-block; 
  float:left;
  text-align:center;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  background-image:url(../themes/classic/graphics/icons/_arrowIconBlock.png);
  background-size:cover;
  background-position:center center
}



/* text helper classes */
.fadedText { color:#999;}
.oneLiner { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/* iframes */
.embediFrame { margin:10px; padding:10px; border:1px solid; border-color:#ccc; }
.noPadding .embediFrame { margin-top:0; margin-bottom:0;}
.panel .embediFrame,
.paneWrapper .embediFrame { margin-top:10px; margin-bottom:10px; border-right:none; border-left:none;}
.tabbedContent.side-tabs .paneWrapper .embediFrame { border-top:none;}
.embediFrame iframe { width:100%; min-height:350px; }
.noOutrigger .embediFrame { margin-left:0px; margin-right:0px; }

@media only all and (min-width: 992px) {
	/* --- NO OUTRIGGER --- */
	.noOutrigger .embediFrame { }
	/*.panel .embediFrame { border-right:1px solid; border-left:1px solid; border-color:#ccc;}
	.paneWrapper .embediFrame { border-right:1px solid; border-left:1px solid; border-color:#ccc;}
	.tabbedContent.side-tabs .paneWrapper .embediFrame { border-top:1px solid; border-color:#ccc;}*/
	.noOutrigger .grid.fixed-fluid .wrapRight .embediFrame { margin-right:0px; }
	.noOutrigger .grid.fluid-fixed .wrapLeft .embediFrame { margin-left:0px; }
	.noOutrigger .col-2-4 .embediFrame { margin-left:10px;}
	
	
	
	.noOutrigger .paneWrapper .embediFrame { margin-top:0px; }
}




/* bulbs */
span.bulb {
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px 1px 3px rgba(0, 0, 0, 0.75);
  display: inline-block;
  border-radius: 10px;
  padding:2px 7px 2px 6px;
  margin-top: 1px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 5px;
  line-height: 12px;
  font-size: 10px;
  color: #ffffff;
  font-weight:bold;
  box-shadow: none;
  cursor:default;
}
span.bulb.icon { 
	overflow:hidden; 
	position:relative; 
	padding-left:19px; 
	padding-right:5px;
}	
span.bulb.noText {
	box-shadow: none;
	text-shadow: none;
	text-indent:-9999px;
}
span.bulb.icon.noText { padding-left:18px; padding-right:0px; box-shadow:none; }
span.bulb.icon span { 
    display:block; 
	width:18px;
	height:18px; 
	position:absolute;
	top:0px; 
	left:0;
}
span.bulb::-moz-selection{ background: transparent;  text-shadow: none; }
span.bulb::selection { background:transparent; text-shadow: none; } 





.tri-state,
.toggleOnOffState { 
  display: inline-block;
  padding-right: 7px;
  padding-left: 6px;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  line-height: 18px;
  cursor:text;
}
.tri-state.icon,
.toggleOnOffState.icon { 
	overflow:hidden; 
	position:relative; 
	padding-left:20px; 
}	
.tri-state.noText,
.toggleOnOffState.noText {
	text-indent:-9999px;
	padding-right:0px;
}
.tri-state.icon span,
.toggleOnOffState.icon span {
	display:block; 
	width:18px;
	height:18px; 
	position:absolute;
	top:0px; 
	left:0;
}



/* drop menus launched by buttons */
.dropWrap { position:relative; overflow:visible; margin-right:20px; vertical-align:baseline; }
.dropMenu {
	text-align: left;
	position: absolute;
	z-index: 50; 
	width:auto;
	padding:4px;
	visibility:hidden;
	opacity: 0;
	transform-origin: 50% 0px 0px;
	transition-property: visibility, opacity, transform;
	transition-timing-function: linear, linear, cubic-bezier(0, 0, 0.265, 1.55);
	transition-duration: 0s, 0s, 0.2s;
	}
	.dropMenu.active { visibility:visible; opacity:1; }
	.dropWrap.floatRight { margin-left:20px; margin-right:0;}
	.dropWrap.floatRight .dropMenu { right:0; }
	.dropWrap .dropMenu ul { padding:0; margin:0; list-style-type:none; }
	.dropWrap .dropMenu ul > li { 
		display:block; 
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
		min-width: 170px;
		cursor: pointer;
		margin:0 0 1px 0!important;
		}
		.dropWrap.width100px .dropMenu ul > li { width:74px; min-width:74px;}
	.dropWrap .dropMenu ul li a {  }	
	.dropWrap .dropMenu ul li .icon { 
		height:21px; 
		width:21px;
		display:inline-block;
		vertical-align:top;
		margin-right:5px;
	}
	.dropWrap .dropMenu ul li .string { display:inline-block; vertical-align:bottom }
	.dropWrap .dropMenu ul li:hover {  }


/* progress steps */
/*.progress { max-width:50%; margin-bottom:20px; }*/

/* will have to rethingk the classes for this */

.stepProgress ul { padding:0 0 0 0; margin: 0 0 20px 10px; list-style-type:none;}
.stepProgress ul li { 
	display:inline-block; 
	text-align:center; 
	font-weight:bold; 
	background-image:url(../themes/classic/graphics/progress/arrow-right.png); 
	background-repeat:no-repeat; 
	background-position:right 10px;
	padding-right:20px;
	}
	.stepProgress ul li:last-of-type { padding-right:0px; background-image:none; }
.stepProgress .step { 
	display:inline-block; 
	background-color:#bcbcbc; 
	padding:5px 10px; 
	min-width:10px;
	text-align:center;
	border-radius:5px; 
	color:#FFF; 
	margin-bottom:5px;
	font-size:12px;
	}
	.stepProgress li.active .step { background-color:#46b53d; }
	.stepProgress li.complete .step { background-color:#9e9e9e; }
.stepProgress .stepDesc { 
	font-size:10px; 
	display:block; 
	color:#bcbcbc;
	}
	.stepProgress li.active .stepDesc { color:#4b4b4b; }
	.stepProgress li.complete .stepDesc { color:#9e9e9e; }

.stepProgress.floatRight li { margin-right:10px;}


@media only screen and (min-width: 320px) and (max-width: 800px) {
	.stepProgress,
	.stepProgress.floatRight { max-width:100%!important; display:block; float:none!important; }
	.stepProgress .step { 
		font-size:10px;
	}
	.stepProgress .stepDesc { font-size:8px!important; }
}   



.card-knob {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius:16px;
	
	
	text-align:center;
	line-height: 16px;
	
	font-weight: normal;
	vertical-align: middle;
	*vertical-align: baseline;
	position: relative;
	margin: -1px 10px 1px 10px;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	
	
	font-size:12px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF !important;
	background-color:#424242;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 1); 
	border:1px solid #000;
}
.card-knob:focus {
	box-shadow: 0px 0px 2px 2px rgba(8, 151, 251, 0.5);
  	border-top-color: #efefef;
  	border-right-color: #efefef;
  	border-bottom-color: #efefef;
  	border-left-color: #efefef;
}



/* parent child relationships - linked and not linked */
.hgroup.miniCrumb,
.hgroup.parentPath { display:block; margin:-10px 0 20px 0; padding:0 0 0 0; font-size:0; background-color:#f5f5f5 }

.hgroup.miniCrumb,
.hgroup.parentPath {  
	background-image:url(../themes/classic/graphics/crumbtrail/dot.png); 
	background-repeat:repeat; 
	background-position:bottom top;
}
.hgroup.miniCrumb .parents,
.hgroup.parentPath .parents { padding:0 10px; margin:0 0 0 0; }
.hgroup.miniCrumb a,
.hgroup.parentPath span.parent { 
	display:inline-block; 
	background-color:#f5f5f5;  
	color:#666; 
	text-shadow: 0px 1px 5px rgba(255, 255, 255, 1); 
	background-color:transparent; 
	font-size:14px;
}
.hgroup.miniCrumb a {
	padding:10px 25px 10px 13px;
	height:17px;
	background-color:transparent;
	/* height 37px; */ 
	background-image:url(../themes/classic/graphics/crumbtrail/arrowWithChildLinkNext.png); 
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size:contain;
}
.hgroup.parentPath span.parent  { 
	padding:10px 25px 10px 10px; 
	height:17px;
	background-image:url(../themes/classic/graphics/crumbtrail/slashWithChildNext.png); 
	background-repeat:no-repeat; 
	background-position:bottom right;
	background-size:contain;
	color:#666
}
.hgroup.miniCrumb a:hover { color:#0066ee;  }



/* light text */
.lightText {color:#909090;}


/* labelled Pairs */
.labelledPairs ul { list-style-type:none; padding-left:0; margin:0 0 0 0; display:block; overflow:visible; width:auto}
.labelledPairs li { clear:both}
.labelledPairs li span { display:inline-block; float:left; width:50%; }
.labelledPairs li span span { width:auto; float:none; }


.labelledPairs { padding-bottom:30px; padding-top:10px; margin-right:10px; margin-left:10px; }
.body  .labelledPairs { padding-bottom:30px; padding-top:10px; margin-right:10px; margin-left:0px; }
.labelledPairs li span,
.body  .labelledPairs li span { padding-bottom:15px; }
.labelledPairs li span.label,
.body  .labelledPairs li span.label { color:#909090; width:33.3%;}
.labelledPairs li span.value span.trim,
.body  .labelledPairs li span.value span.trim {
	max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0 0 0 0;
}

.labelledPairs li span span { display:inline-block; }

/* labelled pairs with 'inline' sub class */
.labelledPairs.inline ul li { display:inline-block; padding-right:20px; }
.labelledPairs.inline li span { display:inline-block; float:none!important; width:auto!important; }
.labelledPairs.inline li span,
.body .labelledPairs.inline li span { padding-bottom:0;}
.labelledPairs.inline li span.label { padding-right:8px; }

/* added toggle form elements */
.labelledPairs li label.label,
.body  .labelledPairs li label.label { display:block; float:left; color:#909090; width:33.3%;}

.labelledPairs li div.fieldValue,
.body  .labelledPairs li div.fieldValue { display:block; float:left; width:50%; }

.labelledPairs li div.fieldValue .FormField { 
	width: 100%  !important; 
	
}
.labelledPairs li div.fieldValue input.FormField {	
	box-sizing: border-box;
	width: 100%;
	height: 2.1rem;
	margin: 0 0 1rem;
	padding: .5rem;
	border: 1px solid #cacaca;
	border-radius: 3px;
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
	box-shadow: inset 0 1px 2px
	rgba(10,10,10,.1);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}
.labelledPairs li div.fieldValue select.FormField { 
	height: 2.1rem;
	margin: 0 0 1rem;
	padding: .5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #cacaca;
	border-radius: 3px;
	background-color: #fefefe;
	font-family: inherit;
	line-height: 1;
	color: #0a0a0a;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -1rem center;
	background-repeat: no-repeat;
	background-size: 9px 6px;
	padding-right: 1.5rem;
	-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}




.labelledPairs li div.fieldValue textarea.FormField {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	overflow: auto;
	height: auto;
	min-height: 200px;
	border-radius: 3px;  
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 2.4375rem;
	margin: 0 0 1rem;
	padding: 0.5rem;
	border: 1px solid #cacaca;
	border-radius: 3px;
	background-color: #fefefe;
	-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	font-family: inherit;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	color: #0a0a0a;
	-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
}
.labelledPairs li div.fieldValue textarea.FormField [type='text']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='password']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='date']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='datetime']:focus, 
.labelledPairs li div.fieldValue textarea.FormField  [type='datetime-local']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='month']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='week']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='email']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='number']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='search']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='tel']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='time']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='url']:focus, 
.labelledPairs li div.fieldValue textarea.FormField [type='color']:focus,
.labelledPairs li div.fieldValue textarea.FormField textarea:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
        box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; }



.labelledPairs li div.fieldValue textarea.FormField input:disabled, 
.labelledPairs li div.fieldValue textarea.FormField input[readonly],
.labelledPairs li div.fieldValue textarea.FormField textarea:disabled,
.labelledPairs li div.fieldValue textarea.FormField textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
  
  
.labelledPairs li div.editLabelledPairs {  display:block; float:left; width: 16.7%; text-align: right}
.labelledPairs li div.editLabelledPairs .button span, 
.labelledPairs li div.editLabelledPairs .button span,
.labelledPairs li div.editLabelledPairs button span { padding-bottom: 0px}
.labelledPairs li div.editLabelledPairs .button span,
.labelledPairs li div.editLabelledPairs button span,
.labelledPairs li div.editLabelledPairs .button span  { margin-left: 4px !important}




.fieldValue a.dp-choose-date {
	background: url(../themes/classic/graphics/jcal/calendar.png) top left no-repeat;
	width:34px;
	height: 34px;
	background-size:cover;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	position: absolute;
}




/* load more */
.loadMore { border:1px solid #ccc; margin:10px auto 20px auto; width:100px; text-align:center; border-radius:20px; background-color:#FFF; padding:11px 20px; cursor:pointer; font-size:14px!important; }
table .loadMore { margin-top:5px; margin-bottom:5px; }




/* a to z */
ul.aToZ { margin-top:0; padding-left:0; line-height:normal; list-style-type:none; text-align:center;}
ul.aToZ > li { display:inline-block; width:6%; margin-top:0!important;   }

	@media only screen and (min-width: 320px) and (max-width: 800px) {
		ul.aToZ > li.middleBreak { display:block; clear:both; padding:0 0 0 0; margin-bottom:0;}
	}  
	 
ul.aToZ > li a { color:#FFF; display:block; padding:6px 6px; background-color:#717171; border-radius:5px; text-align:center; max-width:10px; }
ul.aToZ > li a:hover { background-color:#000; }
ul.aToZ > li.active a,
ul.aToZ > li.active a:hover { background-color:#46B53D; }

	@media only all and (min-width: 992px) {
		ul.aToZ > li { width:3.34%; margin-bottom:0; }
		ul.aToZ > li a { padding:6px 10px; max-width:12px; }
		ul.aToZ > li.middleBreak { display:none; }
	}
/* page jumper */
aside.pageJumper { margin:0 10px 20px 10px; }	
.pageJumper p { 
	border: 1px solid #717171; 
	border-radius: 5px 5px 0 0; 
	margin: 20px 0 0 0 !important; 
	padding: 5px 10px 6px 10px; 
	color: #444444;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); 
	background: #777E83; 
	background-clip: padding-box; 
	box-shadow: inset 0 1px 0 #fff, inset 0 25px 15px -7px #C7D7E0; }

.pageJumper ol { list-style-type:none; margin:0 0 0 0; padding-left:0;}	
.pageJumper ol li { 
	border: 1px solid #717171; 
	border-top-color: #c8c8c8; 
	margin: -1px 0 0 0 !important; 
	padding: 0; background: #fefefe; 
	box-shadow: inset 0 1px 0 #fff;

}
.body .pageJumper p,
.body .pageJumper ol,
.body .pageJumper li { max-width:100% !important;}
.pageJumper p + .pageJumper ol li  { border-top: 0; margin-top: 0; }
.pageJumper ol li:last-child { border-radius: 0 0 5px 5px; }
.pageJumper ol li a { display: block; padding: 5px 10px 6px 10px; text-decoration: none; }
.namedAnchor { position:relative; top:-80px;}
	
	
	
/* images with dialoque trigger */
figure { position:relative; }
/**/
figure.inAlert { margin:0 0 20px 0 !important}
figure .thumbNail { background-size:cover}

.body figure { }

figure.size40 { width:40px;  }
figure.size40 .imgDialogueTrigger { width:16px; height:16px; }
figure.size40 .thumbNail { width:38px; height:38px; }


figure.size50 { width:50px;  }
figure.size50 .imgDialogueTrigger { width:18px; height:18px; }
figure.size50 .thumbNail { width:48px; height:48px; }


figure.size65 { width:65px;  }
figure.size65 .imgDialogueTrigger { width:22px; height:22px; }
figure.size65 .thumbNail { width:63px; height:63px; }

figure.size85 { width:85px; }
figure.size85 .imgDialogueTrigger { width:22px; height:22px; }
figure.size85 .thumbNail { width:83px; height:83px; }


figure.size105 { width:105px; }
figure.size105 .imgDialogueTrigger { width:33px; height:33px; }
figure.size105 .thumbNail { width:103px; height:103px; }

figure.size125 { width:125px; }
figure.size125 .imgDialogueTrigger { width:33px; height:33px; }
figure.size125 .thumbNail { width:123px; height:123px; }


figure.size145 { width:145px; }
figure.size145 .imgDialogueTrigger { width:33px; height:33px; }
figure.size145 .thumbNail { width:143px; height:143px; }


figure.size250 { width:250px; }
figure.size250 .imgDialogueTrigger { width:33px; height:33px; }
figure.size250 .thumbNail { width:248px; height:248px; }

figure .imgDialogueTrigger { display:block; position:absolute; right:0; top:0;  z-index:1; text-indent:-9999px; cursor:pointer  }
figure .imgDialogueTrigger span { width:inherit; height:inherit; display:block; background-size:100% 100%; position:absolute; top:0;}	


.block figure,
.body figure { display:inline-block; margin:0 10px 20px 10px;  vertical-align:top}
.body figure figcaption,
.block figure figcaption { margin-top:5px;  vertical-align:text-top; font-size:12px; line-height:normal}
	
.block figure.floatRight,
.body figure.floatRight { margin-right:0; margin-left:20px; margin-top:10px; }	
.block figure.floatRight figcaption,
.body figure.floatRight figcaption  { text-align:center}

figure figcaption.visuallyHidden { line-height:0; }
	

figure .thumbNail {
	display:block;
	background-size:100% 100%;
	background-color:#fff!important;
	border:1px solid #cccccc;
	background-image: url(../themes/classic/graphics/userThumbs/unknown.png); 
	}
	figure .thumbNail.picture { background-image: url(../themes/classic/graphics/userThumbs/picture.png); }
	figure .thumbNail.user { background-image: url(../themes/classic/graphics/userThumbs/user.png); }
	figure .thumbNail.user.male { background-image: url(../themes/classic/graphics/userThumbs/male.png); }
	figure .thumbNail.user.female { background-image: url(../themes/classic/graphics/userThumbs/female.png); }
	figure .thumbNail.movie { background-image: url(../themes/classic/graphics/userThumbs/video.png); }


/* icon progess bars */
.iconProgressBar { margin-bottom:20px; margin-right:10px; }
.iconProgressBar .fileupload-progress { margin-top:7px; }



/* boxed areas */
.boxed { background-color:#F5F5F5; padding:10px; margin-bottom:20px; border-radius:5px; border:1px solid #ccc;}
.boxed .body:first-of-type { margin-top:12px;}
.boxed .body { margin-left:12px;}
/* sliders */

/* support for development where funtionality is just too much for a small screen */
.visiblePhonesOnly { display:none;}
.alertScreenSize { 
	text-align:center !important; 
	background:#fff; 
	z-index:4001; 
	position:fixed; 
	top:35px; 
	right:0; 
	bottom:0; 
	left:0; 
	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.alertScreenSize .block { max-width:75%; position:absolute; top:30%; width:80%; margin:0 25% 0 15%; }
.alertScreenSize .body p, .alertScreenSize .body ul, .alertScreenSize .body ol { max-width:100%; }

.signIcon.passive { width:60px; height:60px; margin:0 auto;  }
.signIcon.passive {background:none;}
.signIcon .icon { width:inherit; height:inherit; display:block; background-size:cover; }


/* forcible reponse styles */
.visiblePhonesOnly { display:none; }


@media only all and (min-width: 320px) {
	.notVisibleOnPhones { display:none!important; }	
	.notVisibleOnPhonesAndTabletPortrait { display:none!important; }
	
	.notVisibleOnPhonesOnly { display:none!important; }
	.visiblePhonesOnly  { display:block; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.notVisibleOnPhones,
	.widget.notVisibleOnPhonesOnly { display:none!important; }	
	.notVisibleOnPhonesAndTabletPortrait { display:none!important; }
	
	.notVisibleOnPhonesOnly { display:block!important; }
	.button.notVisibleOnPhonesOnly { display:inline-block!important; }
	.visiblePhonesOnly  { display:block}
}

@media only screen and (min-width: 480px) and (orientation : portrait) {

	.notVisibleOnPhones { display:block!important; }
	.button.notVisibleOnPhones { display:inline-block!important}
	
	
	.notVisibleOnPhonesAndTabletPortrait { display:none!important; }
	.button.notVisibleOnPhonesAndTabletPortrait { display:none!important; }
	
	
	.notVisibleOnPhonesOnly { display:block!important; }
	.button.notVisibleOnPhonesOnly,
	.widget.notVisibleOnPhonesOnly { display:inline-block!important; }
	
	/*resets*/
	.inline-block.notVisibleOnPhones { display:inline-block !important}
	.visiblePhonesOnly  { display:block}
}

@media only all and (min-width: 480px) {
	
	.notVisibleOnPhonesOnly { display:block!important; }

	.button.notVisibleOnPhonesOnly { display:inline-block!important; }
	.visiblePhonesOnly  { display:block}
	
  
}

@media only all and (min-width: 768px) {
	.notVisibleOnPhones { display:block!important; }
	.button.notVisibleOnPhones { display:inline-block!important}
	
	.notVisibleOnPhonesAndTabletPortrait { display:block!important; }
	.button.notVisibleOnPhonesAndTabletPortrait,
	span.notVisibleOnPhonesAndTabletPortrait  { display:inline-block!important; }
	
	
	/*resets*/
	.inline-block.notVisibleOnPhones,
	.widget.notVisibleOnPhonesOnly { display:inline-block !important}
	.visiblePhonesOnly  { display:none}
	

}

@media only all and (min-width: 992px) {
	
	.inline-block.notVisibleOnPhones { display:inline-block}
	
}

@media only screen and (min-width: 768px) and (orientation : portrait) {
	
}

@media only all and (min-width: 1200px) {

}

@media only all and (min-width: 1440px) {

}

@media only all and (min-width: 1680px) {

}


	




/*
.fade {
	font-size: 9px;
}
*/
.grid { 
	margin-bottom:10px;
	}
	.grid.withMarginRightLeft {   margin:0 10px 10px 10px; }
	.panel .grid,
	.contentPanel .grid,
	.paneWrapper .grid { margin:0 0 0 0; }
	
	

[class*='col-'] {
  float: left;
  padding:10px 0;
}
.noGrids {padding:10px 0 0 0;}

.textCenter,
.textCenter [class*='col-'] {
  text-align:center;
}


/* override the parent text aligns in each cell */
.textLeft,
[class*='col-'].textLeft {
	text-align:left !important;
}

.textCenter,
[class*='col-'].textCenter {
	text-align:center !important;
}
.textRight,
[class*='col-'].textRight {
	text-align:right !important;
}


.fluid-right,
.fluid-left,
.cols-middle { padding:10px 0; /*text-align:center;*/}


.grid.noPadding [class*='col-'],
.grid.noPadding .fluid-right,
.grid.noPadding .fluid-left,
.grid.noPadding .cols-middle { padding:0 0 0 0;}

.grid.noMargin { margin-bottom:0}

.col-100 {
  width: 100%;
}
.col-90 {
  width: 90%;
}
.col-80 {
  width: 80%;
}
.col-70 {
  width: 70%;
}
.col-60 {
  width: 60%;
}
.col-53 {
  width: 53%;
}
.col-50 {
  width: 50%;
}
.col-40 {
  width: 40%;
}
.col-30 {
  width: 30%;
}
.col-29 {
  width: 29%;
}
.col-20 {
  width: 20%;
}
.col-18 {
  width: 18%;
}
.col-10 {
  width: 10%;
}
.col-5 {
  width: 5%;
}




.col-1-4 {
  width: 25%;
}
.col-2-4 {
  width: 50%;
}
.col-3-4 {
  width: 75%;
}
.col-1-3 {
  width: 33.33333333333333%;
}
.col-2-3 {
  width: 66.66666666666667%;
}
.col-3-3,
.col-4-4
{
  width:100%!important;
}



/* col layouts for other elements apart from fixed layout systems for form GUI */
.abstractCols .col-1-2 {
  width: 50%;
}
.abstractCols .col-1-3 {
   width: 33.33333333333333%;
}
.abstractCols .col-1-4 {
   width: 25%;
}
.abstractCols .col-1-5 {
   width: 20%;
}
.abstractCols .col-1-6 {
   width: 16.66666666666667%;
}
.abstractCols .col-1-7 {
   width: 14.28571428571429%;
}
.abstractCols .col-1-8 {
   width: 12.5%;
}
.abstractCols .col-1-9 {
   width: 11.11111111111111%;
}
.abstractCols .col-1-10 {
   width: 10%;
}
.abstractCols .col-1-11 {
   width: 9.09090909090909%;
}
.abstractCols .col-1-12 {
   width: 8.33333333333333%;
}

/*TEST*/
/*.grids.noParent { margin-right:0; margin-left:0; }*/
.grids.noParent { margin-right:10px; margin-left:10px; }
/* force the grids to snap repsonsively by adding the sub class 'snap' to the parent .grid */
/* tablet and up */
/* mobile portrait */
@media only all and (min-width: 320px) {
	.grids.snap .grid .col-2-4,
	.grids.snap .grid .col-1-3
	 {
		  width: 100%;
		  float:none
	}
	
	.grids.noParent.snap .grid .col-2-4,
	.grids.noParent.snap .grid .col-1-3 {
		  width: 100% !important; 
    }
	
	.grids.snap .grid .col-2-4 { width:100%; }
	
	
	
	/*TEST*/
	/*.grids.snap .grid .col-2-4:first-of-type .body,
	.grids.snap .grid .col-2-4:first-of-type .block { margin-right:2%; width:98% }
	.grids.snap .grid .col-2-4:last-of-type .body,
	.grids.snap .grid .col-2-4:last-of-type .block { margin-left:2%; width:98%  }*/

	/* used with  forcible reponse styles */
	.col-1-3.fiftyPercentWidthMobile { width: 50%; }
	
	
	/* message panels in grids */
	.grids.snap .grid .col-1-3:first-of-type .messagePanel {}
	.grids.snap .grid .col-1-3:last-of-type .messagePanel {}
	
	
	
	/* hide columns with the subclass for popular mobile viewports */
	.grids.snap .grid .col-2-4.hideSnap,
	.grids.snap .grid .col-1-3.hideSnap { display:none !important; }
	.grids.snap .grid.fluid-fixed .fluid-left.hideSnap,
	.grids.snap .grid.fixed-fluid .fluid-right.hideSnap { display:none !important}
}

/* mobile landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .grids.snap .grid .col-2-4,
	.grids.snap .grid .col-1-3 {
	  width: 100%;
	  float:none
	}
	.grids.snap .grid .col-2-4 .inline-label { width:auto; }
	
	
	
	
	.grids.snap .grid .col-2-4:first-of-type .body,
	.grids.snap .grid .col-2-4:first-of-type .block { margin-right:2%; width:98% }
	.grids.snap .grid .col-2-4:last-of-type .body,
	.grids.snap .grid .col-2-4:last-of-type .block { margin-left:2%; width:98%  }
	
	/* used with  forcible reponse styles */
	.col-1-3.fiftyPercentWidthMobile { width: 33.33333333333333%; }
	
	/* message panels in grids */
	.grids.snap .grid .col-1-3:first-of-type .messagePanel {}
	.grids.snap .grid .col-1-3:last-of-type .messagePanel {}
	
	/* hide columns with the subclass for popular mobile viewports */
	.grids.snap .grid .col-2-4.hideSnap,
	.grids.snap .grid .col-1-3.hideSnap { display:none !important; }
	.grids.snap .grid.fluid-fixed .fluid-left.hideSnap,
	.grids.snap .grid.fixed-fluid .fluid-right.hideSnap { display:none !important}
}
/* all up to 800 */
@media only screen and (min-width: 320px) and (max-width: 800px) {

	/* side tabs */
	.noOutrigger .side-tabs .tabPanel .grids.snap .grid .col-2-4 {
		width: 100%; float:none
	}
	
	/* hide columns with the subclass for popular mobile viewports */
	.grids.snap .grid .col-2-4.hideSnap,
	.grids.snap .grid .col-1-3.hideSnap { display:none !important; }
	.grids.snap .grid.fluid-fixed .fluid-left.hideSnap,
	.grids.snap .grid.fixed-fluid .fluid-right.hideSnap { display:none !important}
	
	
}
/* tablet and up */
@media only all and (min-width: 768px) {
    .grids.snap .grid .col-2-4 {
	  width: 50%; float:left
	}
	.grids.snap .grid .col-2-4 .inline-label {  vertical-align:top;  }
	
	/* make an exception for side tabs */
	.tabbedContent.side-tabs .grids.snap .grid .col-2-4 { width: 100%; float:none }
	/* used with  forcible reponse styles */
	.col-1-3.fiftyPercentWidthMobile { width: 33.33333333333333%; }
	
	
	.grids.snap .grid .col-1-3 {
	  width: 33.33333333333333%;  float:left
	}
	
	/* message panels in grids */
	.grids.snap .grid .col-1-3 .messagePanel { margin:0 5px }
	.grids.snap .grid .col-1-3:first-of-type .messagePanel { margin-left:0px; }
	.grids.snap .grid .col-1-3:last-of-type .messagePanel { margin-right:0px;}
	
	/* hide columns with the subclass for popular mobile viewports */
	.grids.snap .grid .col-2-4.hideSnap,
	.grids.snap .grid .col-1-3.hideSnap { display:none !important; }
	.grids.snap .grid.fluid-fixed .fluid-left.hideSnap,
	.grids.snap .grid.fixed-fluid .fluid-right.hideSnap { display:none !important}
	
}


@media only screen and (min-width: 768px) and (orientation : portrait) {
     .grids.snap.portraitOverride .grid .col-2-4 { width:100%; }
	 
	/* used with  forcible reponse styles */
	.col-1-3.fiftyPercentWidthMobile { width: 33.33333333333333%; }
	
	/* hide columns with the subclass for popular mobile viewports */
	.grids.snap .grid .col-2-4.hideSnap,
	.grids.snap .grid .col-1-3.hideSnap { display:none !important; }
	.grids.snap .grid.fluid-fixed .fluid-left.hideSnap,
	.grids.snap .grid.fixed-fluid .fluid-right.hideSnap { display:none !important}
	
}


@media only all and (min-width: 992px) {
     .tabbedContent.side-tabs .grids.snap .grid .col-2-4 { width: 50%!important; float:left }
	 .tabbedContent.side-tabs .grids.snap .grid .col-2-4 .inline-label {  vertical-align:top;  }
	 
	/* used with  forcible reponse styles */
	.col-1-3.fiftyPercentWidthMobile { width: 33.33333333333333%; }
	
	
	/* hide columns with the subclass for popular mobile viewports */
	.grids.snap .grid .col-2-4.hideSnap,
	.grids.snap .grid .col-1-3.hideSnap { display:block !important;  }
	.grids.snap .grid.fluid-fixed .fluid-left.hideSnap,
	.grids.snap .grid.fixed-fluid .fluid-right.hideSnap { display:block !important}
}










/* when no outrigger deck is wider */

/* --- NO OUTRIGGER --- */
/* fixed fluid */
.grid.fixed-fluid .wrapRight {
	float: left;
	width: 100% !important;
}


/* fluid fixed */
.grid.fluid-fixed .wrapLeft {
	float: left;
	width: 100% !important;
}


/* fixed - fluid - fixed */
.noOutrigger .grid.fixed-fluid-fixed .wrapMiddle {
   float: left;
   width: 100%;
}
.noOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
   float: left;
   margin-left: -100%;
}
.noOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
   float: left;
}




@media only all and (min-width: 320px) {
	/* --- NO OUTRIGGER --- */
	/* fixed-fluid reset to two stacked rows */
	.noOutrigger .grid.fixed-fluid .wrapRight {
		float: none;
		}
		.noOutrigger .grid.fixed-fluid .fluid-right {
			width:100%;
		}
		.grid.fixed-fluid .col-1-3 { 
			float: none;
			margin-left: 0%!important;
			clear:both;
			width:100%!important;
		}	
	
	/* fluid-fixed reset to two stacked rows */	
	.noOutrigger .grid.fluid-fixed .wrapLeft {
		float: none;
		}
		.noOutrigger .grid.fluid-fixed .fluid-left {
		   margin-right: 0px;
		}
	.grid.fluid-fixed .col-1-3 {
	   float: right;
	   width: 100%;
	   margin-left: 0px;
	}
	
	/* fixed - fluid - fixed */
	/* reset */
	.grid.fixed-fluid-fixed .wrapMiddle {
	   float: none;
	   width: auto;
	}
	.grid.fixed-fluid-fixed .cols-middle {
	   width:100%;
	}
	.grid.fixed-fluid-fixed .col-1-4.left {
	   float: none;
	   margin-left: 0;
	   width:100%;
	}
	.grid.fixed-fluid-fixed .col-1-4.right {
	   float: none;
	   width:100%;
	}
	
	
	    
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
       
}

@media only screen and (min-width: 480px) and (orientation : portrait) {
       
}

@media only all and (min-width: 480px) {
       
}

@media only all and (min-width: 768px) {
       
}

@media only all and (min-width: 992px) {
	/* --- NO OUTRIGGER --- */
	/* fixed fluid */
	.noOutrigger .grid.fixed-fluid .wrapRight {
		float: left!important;
		width: 100% !important;
	}
	
	
		.grid.fixed-fluid .fluid-right {
			width:auto;
			margin-left: 0px;
			
		}
		.noOutrigger .grid.fixed-fluid .fluid-right {
			width:auto;
			margin-left: 320px;
		}
		
		
			.grid.fixed-fluid .col-1-3 { 
				float: left!important;
				margin-left: 0;
				width:100%;
			}	
			.noOutrigger .grid.fixed-fluid .col-1-3 { 
				float: left!important;
				margin-left: -100%!important;
				width:320px!important; 
				clear:none;		
			}
	
	/* fluid - fixed */
	.noOutrigger .grid.fluid-fixed .wrapLeft {
		float: left!important;
		width: 100%!important;
	}
	
		.grid.fluid-fixed .fluid-left {
		   margin-right: 0px;
		}
		.noOutrigger .grid.fluid-fixed .fluid-left {
		   margin-right: 320px!important;
		}
		
		.grid.fluid-fixed .col-1-3 {
		   float: right!important;
		   width: 100%;
		   margin-left:0;
		}	
		.noOutrigger .grid.fluid-fixed .col-1-3 {
		   float: right!important;
		   width: 320px!important;
		   margin-left: -320px;
		   clear:none;
		}
	
	/* fixed - fluid - fixed */
	/* first reset the layout */	
	.noOutrigger .grid.fixed-fluid-fixed .wrapMiddle {
	   float: left;
	   width: 100%;
	}
	.noOutrigger .grid.fixed-fluid-fixed .cols-middle {
		width:auto;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
	   float: left;
	   margin-left: -100%;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
	   float: left;
	}
	/* then set the dimensions here and in media queries below this */
	.noOutrigger .grid.fixed-fluid-fixed .cols-middle {
		margin-right:240px;
		margin-left:240px;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
		width: 240px;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
		width: 240px;
		margin-left: -240px;
	}
	
       
}

@media only screen and (min-width: 768px) and (orientation : portrait) {
       
}

@media only all and (min-width: 1200px) {
	/* --- NO OUTRIGGER --- */
	/* fixed - fluid */
	.noOutrigger .grid.fixed-fluid .fluid-right {
		margin-left: 378px;
	}
	.noOutrigger .grid.fixed-fluid .col-1-3 { 
		width:378px!important;  
	}
	
	
		.withOutrigger .grid.fixed-fluid .wrapRight {
			float: left!important;
			width: 100% !important;
		}
		.withOutrigger .grid.fixed-fluid .fluid-right {
			width:auto;
			margin-left: 247px;
		}
		.withOutrigger .grid.fixed-fluid .col-1-3 { 
			float: left!important;
			margin-left: -100%!important;
			width:247px!important; 
			clear:none;
		}	
	
	
	
	
	/* fluid - fixed */
	.noOutrigger .grid.fluid-fixed .fluid-left {
		   margin-right: 378px!important;
	}
	.noOutrigger .grid.fluid-fixed .col-1-3 {
	   float: right!important;
	   width: 378px!important;
	   margin-left: -378px;
	}
	
		
		.withOutrigger .grid.fluid-fixed .wrapLeft {
			float: left!important;
			width: 100%!important;
		}
		.withOutrigger .grid.fluid-fixed .fluid-left {
		   margin-right: 247px!important;
		}
		.withOutrigger .grid.fluid-fixed .col-1-3 {
		   float: right!important;
		   width: 247px!important;
		   margin-left: -247px;
		   clear:none;
		}	
	
	
	
	
	
	/* fixed - fluid - fixed */
	.noOutrigger .grid.fixed-fluid-fixed .cols-middle {
		margin-right:284px;
		margin-left:284px;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
		width: 284px;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
		width: 284px;
		margin-left: -284px;
	}
	
       
}

@media only all and (min-width: 1440px) {
	/* --- NO OUTRIGGER --- */
	/* fixed - fluid */
	.withOutrigger .grid.fixed-fluid .fluid-right {
		margin-left: 327px;
	}
	.withOutrigger .grid.fixed-fluid .col-1-3 { 
		width:327px!important; 
	}
	
	
	/* fluid - fixed */
	.withOutrigger .grid.fluid-fixed .fluid-left {
	   margin-right: 327px!important;
	}
	.withOutrigger .grid.fluid-fixed .col-1-3 {
	   width: 327px!important;
	   margin-left: -327px;
	}
	
	

/* fixed - fluid - fixed */
	/* first reset the layout */	
	.withOutrigger .grid.fixed-fluid-fixed .wrapMiddle {
	   float: left;
	   width: 100%;
	}
	.withOutrigger .grid.fixed-fluid-fixed .cols-middle {
		width:auto;
	}
	.withOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
	   float: left;
	   margin-left: -100%;
	}
	.withOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
	   float: left;
	}
	/* then set the dimensions here and in media queries below this */
	.withOutrigger .grid.fixed-fluid-fixed .cols-middle {
		margin-right:240px;
		margin-left:240px;
	}
	.withOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
		width: 240px;
	}
	.withOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
		width: 240px;
		margin-left: -240px;
	}
	.withOutrigger .grid.fixed-fluid-fixed .cols-middle {
		margin-right:240px;
		margin-left:240px;
	}
	.withOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
		width: 240px;
	}
	.withOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
		width: 240px;
		margin-left: -240px;
	}
	
	
	
	.withOutrigger.noToolkit .grid.fixed-fluid-fixed .cols-middle {
		margin-right:327px;
		margin-left:327px;
	}
	.withOutrigger.noToolkit .grid.fixed-fluid-fixed .col-1-4.left {
		width: 327px;
	}
	.withOutrigger.noToolkit .grid.fixed-fluid-fixed .col-1-4.right {
		width: 327px;
		margin-left: -327px;
	}
	.withOutrigger.noToolkit .grid.fixed-fluid-fixed .cols-middle {
		margin-right:327px;
		margin-left:327px;
	}
	.withOutrigger.noToolkit .grid.fixed-fluid-fixed .col-1-4.left {
		width: 327px;
	}
	.withOutrigger.noToolkit .grid.fixed-fluid-fixed .col-1-4.right {
		width: 327px;
		margin-left: -327px;
	}
}


@media only all and (min-width: 1680px) {
	/* --- NO OUTRIGGER --- */
	/* fixed - fluid */
	.noOutrigger .grid.fixed-fluid .fluid-right {
		margin-left: 538px;
	}
	.noOutrigger .grid.fixed-fluid .col-1-3 { 
		width:538px!important;  
	}
	/* fluid - fixed */
	.noOutrigger .grid.fluid-fixed .fluid-left {
		   margin-right: 538px!important;
	}
	.noOutrigger .grid.fluid-fixed .col-1-3 {
	   float: right!important;
	   width: 538px!important;
	   margin-left: -538px;
	}
	/* fixed - fluid - fixed */
	.noOutrigger .grid.fixed-fluid-fixed .cols-middle {
		margin-right:404px;
		margin-left:404px;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.left {
		width: 404px;
	}
	.noOutrigger .grid.fixed-fluid-fixed .col-1-4.right {
		width: 404px;
		margin-left: -404px;
	}
       
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}









/* tables responding to grids */
/*.grid .col-2-4:first-of-type table { margin-right:2.5%; width:97.5% }
.grid .col-2-4:last-of-type table { margin-left:2.5%; width:97.5%  }*/

/* right floating elements reponding to grids */
.grid .col-2-4:first-of-type .floatRight { margin-right:2.5%;}

/* body text responding to grids */
/*TEST*/
/*.grid .col-2-4:first-of-type .body,
.grid .col-2-4:first-of-type .block { margin-right:4%; width:96% }
.grid .col-2-4:last-of-type .body,
.grid .col-2-4:last-of-type .block { margin-left:2%; width:98%  }*/

/*.grid .col-2-4:first-of-type .body,
.grid .col-2-4:first-of-type .block { margin-right:1%; margin-left:0; width:99% }
.grid .col-2-4:last-of-type .body,
.grid .col-2-4:last-of-type .block { margin-right:0; margin-left:2%; width:98%  }*/


@media only screen and (min-width: 320px) and (max-width: 800px) {
	.grid  table th,
	.grid  table td { font-size:95%!important;}

	.grid .col-2-4:first-of-type table { margin-right:0; width:100% }
	.grid .col-2-4:last-of-type table { margin-left:0; width:100%  }
	
	.grid .col-2-4:first-of-type .floatRight { margin-right:0;}
	
	.grid .col-2-4:first-of-type .body,
	.grid .col-2-4:first-of-type .block { margin-right:2%; margin-left:1%; width:96% }
	.grid .col-2-4:last-of-type .body,
	.grid .col-2-4:last-of-type .block { margin-right:2%; margin-left:1%; width:96%  }
	
}  





/* showing the grid bgs */

/* grids */
.showbackgrounds .grid { background-color:#ddd;}

 .grids.showbackgrounds .grid div:nth-child(2) {
	background-color:#CCC
}

.showbackgrounds .grids .grid div:nth-child(3) {
	background-color:#999
}

.showbackgrounds [class*='col-'] {
  background-color:#efefef;
}
/* fixed fluid */
.showbackgrounds .grid.fixed-fluid .fluid-right {
		background-color: #afeeee;
	}
.noOutrigger .showbackgrounds .grid.fixed-fluid .col-1-3 { 
	background-color: #98fb98;
}
/* fluid fixed */
.showbackgrounds .grid.fluid-fixed .fluid-left {
	   background-color: #afeeee;
	}
	.noOutrigger .showbackgrounds .grid.fluid-fixed .col-1-3 {
   background-color: #98fb98;
}
/* fixed - fluid - fixed */
.noOutrigger .showbackgrounds .grid.fixed-fluid-fixed .wrapMiddle {
   background-color: #fff
}
.showbackgrounds .grid.fixed-fluid-fixed .cols-middle{
   background-color: #afeeee;
}
.noOutrigger .showbackgrounds .grid.fixed-fluid-fixed .col-1-4.left {
   background-color: #cfcfcf;
}
.noOutrigger .showbackgrounds .grid.fixed-fluid-fixed .col-1-4.right {
   background-color: #E8EDAF;
}



/* update for 2022 */
/*Small only
@media screen and (max-width: 39.9375em) {
	.grids.snap .grid .col-2-4 { width:100% !important;  }
	.grids.snap .grid .col-2-4 ol.formFields { width: 100% !important}
}
*/

/*Medium and up
@media screen and (min-width: 40em)and (max-width: 63.9375em) {
	.grids.snap .grid .col-2-4 { width:100% !important; }
	.grids.snap .grid .col-2-4 ol.formFields { width: 100% !important; max-width: none !important}
	
	.grids.snap .grid .col-2-4 .selectboxit-container { width: 90% !important}
	
	.grids.snap .grid .col-2-4 .inline-label select, 
	.grids.snap .grid .col-2-4 .inline-label input.formField, 
	.grids.snap .grid .col-2-4 .inline-label textarea.formField, 
	.grids.snap .grid .col-2-4 .inline-label a.droplet {
		  width: 90% !important;
	}
	
	
	.grids.snap .grid .col-2-4 .inline-label .selectboxit-container .selectboxit { width: 100% !important}

}
*/



/*Large and up
@media screen and (min-width: 64em) {
	.grids.snap .grid .col-2-4 { width:50% !important; }
	.grids.snap .grid .col-2-4 ol.formFields { width: 100% !important;  max-width: none !important}
	.grids.snap .grid .col-2-4 .selectboxit-container { width: 90% !important}
	
	.grids.snap .grid .col-2-4 .inline-label select, 
	.grids.snap .grid .col-2-4 .inline-label input.formField, 
	.grids.snap .grid .col-2-4 .inline-label textarea.formField, 
	.grids.snap .grid .col-2-4 .inline-label a.droplet {
	  	width: 90% !important;
	}
	
	
	.grids.snap .grid .col-2-4 .inline-label .selectboxit-container .selectboxit { width: 100% !important}
	
}



	.inline-label select, 
	.inline-label .selectboxit-container {
  		width: calc(100% - 50px) !important;
	}
	

*/
/* mobile portrait */
/*
@media only all and (min-width: 320px) {

	.inline-label .selectboxit-container {
		padding-bottom: 100px !important;
		background-color: orange;
	}

}
*/

/* mobile landscape */
/*
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.inline-label .selectboxit-container {
		background-color: pink;
	}


}
*/

/* tablet and up */
/*
@media only all and (min-width: 768px) {
	.inline-label .selectboxit-container {
		background-color: purple;
	}
}
*/

/* tablet portrait */
/*
@media only all and (min-width: 768px) and (orientation : portrait) {
	.inline-label .selectboxit-container {
		background-color: grey !important;
	}
}
*/

/* mobile up to 800 by 600 */
/*
@media only all and (min-width: 768px) and (max-width: 800px) {
	.inline-label .selectboxit-container {
		background-color: magenta !important;
	}
}
*/
/*
@media only all and (min-width: 992px) {
	.inline-label .selectboxit-container {
		background-color: blue !important;
	}
}
*/

/* 1024 up to 1200 */
/*
@media only all and (min-width: 1168px) {

	.inline-label .selectboxit-container {
		background-color: green !important;
	}

}
*/
/* CSS Document */
/*.taskMenu { 
	overflow:hidden;
	margin-bottom:18px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #767b7e;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(206, 218, 223, 0.8);    
    box-shadow: inset 0px 0px 1px 1px rgba(206, 218, 223, 0.8);
	background-color:#72797d;
}
.ie9 .taskMenu { background-image:url(../../v10/graphics/gradients/taskMenuBg.png); background-repeat:repeat-x; }*/

.taskMenu .sortTask { 
	display:inline-block; 
	float:right;
	margin:9px 8px 4px 18px;
	border:1px solid #767b7e;
	font-size:0.750em;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.5);
	box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 0.5); 
	position:relative;
	z-index:1;
	
	background: #c7d7e0;	
}
.taskMenu .sortTask ul { padding:0 0 0 0; margin:0 0 0 0;}
.taskMenu .sortTask li { display:inline; list-style-type:none;}
.taskMenu .sortTask a { 
	display:inline-block; 
	padding-left:10px;
	padding-right:10px;
	float:left;
	line-height:30px;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1.0);
    filter: dropshadow(color=#000000, offx=-1, offy=-1);
	color:#FFF;
	border-right:1px solid #050506;
	-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	
	background: #34383a;
}
	.ie8 .taskMenu .sortTask a { }
	.ie9 .taskMenu .sortTask a { filter:none; }
	.taskMenu .sortTask a:hover { 
		background: #111111;
	}
	.ie8 .taskMenu .sortTask a:hover { }
	.ie9 .taskMenu .sortTask a:hover { filter:none; }
	
	
	
	
	
	
	
.taskMenu .sortTask li.first a { 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.taskMenu .sortTask li.last a { 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.taskMenu .sortTask li.active a,
.taskMenu .sortTask li.active a:hover {
	cursor:default;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.49);
    filter: dropshadow(color=#000000, offx=-1, offy=-1);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);

	background: #c7d7e0;
}
	.ie8 .taskMenu .sortTask li.active a,
	.ie8 .taskMenu .sortTask li.active a:hover { }
	.ie9 .taskMenu .sortTask li.active a,
	.ie9 .taskMenu .sortTask li.active a:hover {  }
	
.taskMenu .sortTask li.active.first a { border-right:1px solid #767b7e; border-left:0px none;}
.taskMenu .sortTask li.active.last a { border-left:1px solid #767b7e; border-right:0px none;}




.taskMenu .menuTitle {
	margin:0 1px 0 1px;
	padding:8px 18px 4px 18px;
	color:#333333;
	font-weight:normal;
	text-shadow: -1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=-1, offy=1);
	font-size:1.2em;
	margin-bottom:0;

	background: rgb(199,215,224);
	}
	.ie8 .taskMenu .menuTitle { 
		
		}	
		.ie9 .taskMenu .menuTitle { filter:none; }
	

/*.taskMenu .navigable,
.taskMenu .noNavigable {
	margin:8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	.taskMenu .noNavigable {
		border:1px solid #cccccc;
		overflow:hidden;
		background-color:#e9e8ed;
		list-style-type:none;
		padding-left:0;
		}*/

.drillMenu {
	color: #333;
	text-shadow: -1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=-1, offy=1);
	}
	.drillMenu > li { padding-top:100px;}
	.drillMenu > li,
	li.drillMenu {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
		}
		.outrigger .drillMenu > li,
		.outrigger li.drillMenu {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			}
		
		
	
		
		
		
		/* believe it or not but chrome is the problem here */
	/*	.taskMenu .drillMenu li.last,
		.taskMenu .drillMenu li.last {
			-moz-background-clip: padding;     
			-webkit-background-clip: padding;  
			background-clip: padding-box;
			}
			.taskMenu .drillMenu li.first {
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}
			.taskMenu .drillMenu li.last {
				-webkit-border-bottom-right-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				-moz-border-radius-bottomleft: 10px;
				border-bottom-right-radius: 10px;
				border-bottom-left-radius: 10px;
			}*/

.navigable .back {
	padding: 10px;
	position: relative;
	display: block;
	cursor:pointer;
	}
	.toolKitAccordion .back {padding: 7px 10px 7px 10px; background:#6D768E!important }
	.toolKitAccordion .back:hover {background:#6D768E!important }
	.ie9  .navigable .back {}
	/*.taskMenu .navigable .back {
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		}*/
		.navigable .back:hover { }
			.ie8 .navigable .back:hover { }
			.ie9 .navigable .back:hover { filter:none; }
	.navigable .back span.backArrow {
		display:inline-block;
		float:left;
		width:33px;
		height:33px;
		line-height:33px;
		}
		.toolKitAccordion .navigable .back span.backArrow {
			display:inline-block;
			float:left;
			width:30px;
			height:30px;
			line-height:30px;
			margin-top:-6px;
			margin-right:5px;
			margin-left:-5px;
		}
		.navigable .back:hover span.backArrow {
			background-position:left bottom;
		}
		
	


.drillMenu {
	margin: 0 0 0 0;
	min-height: 0;
	list-style-type: none;
	padding-left:0;
	}
	.drillMenu > li,
	li.drillMenu {
		padding: 10px 10px;
		position: relative;
		}
		/* smaller version for the toolkit container & Outrigger */
		.toolKitAccordion .drillMenu > li,
		.toolKitAccordion li.drillMenu,
			.outrigger .drillMenu > li,
			.outrigger li.drillMenu {
			padding: 5px 10px;
			position: relative;
			font-size:14px;
		}
		.drillMenu > li > span,
		li.drillMenu > span,
		.drillMenu > li > a,
		li.drillMenu > a {
			display: block;
			margin: -10px -10px;
			padding: 10px 10px;
			color: inherit;
			//color:expression(this.parentNode.currentStyle['color']);
			position: relative;
			}
			.toolKitAccordion .drillMenu > li > span,
			.toolKitAccordion li.drillMenu > span,
			.toolKitAccordion .drillMenu > li > a,
			.toolKitAccordion li.drillMenu > a,
				.outrigger .drillMenu > li > span,
				.outrigger li.drillMenu > span,
				.outrigger .drillMenu > li > a,
				.outrigger li.drillMenu > a  {
				margin: -5px -10px;
				padding: 6px 10px 7px 10px;
				}
				.ie7 li.drillMenu > span,
				.ie7 li.drillMenu > a {
					zoom: 1;
				}
	.drillMenu a span.small { margin:0 0 0 5px; padding:0 0 0 0; font-size:60% !important; opacity:0.8; vertical-align:central; text-shadow:none;}		
	.drillMenu span.followArrow {
		display:inline-block;
		float:right;
		width:33px;
		height:33px;
		line-height:33px;
		}
		.toolKitAccordion .drillMenu span.followArrow,
			.outrigger .drillMenu span.followArrow {
			display:inline-block;
			float:right;
			width:30px;
			height:30px;
			line-height:30px;
		}
	.drillMenu span:hover span.followArrow,
	.toolKitAccordion .drillMenu span:hover span.followArrow,
		.outrigger .drillMenu span:hover span.followArrow  {
		background-position:center bottom;
	}
		.drillMenu > li > span,
		li.drillMenu > span,
		.drillMenu > li > a,
		li.drillMenu > a {
			cursor: pointer;
			border-left: 0px solid #404040;
			border-left: 0px solid rgba(0, 0, 0, 0.5);
			-webkit-transition: border-left-width 100ms, padding-right 100ms;
			-moz-transition: border-left-width 100ms, padding-right 100ms;
			-ms-transition: border-left-width 100ms, padding-right 100ms;
			-o-transition: border-left-width 100ms, padding-right 100ms;
			transition: border-left-width 100ms, padding-right 100ms;
		}
		/* fix a slight margin bug on the navigable ul children */
		.drillMenu .drillMenu { margin-top:-1px;}
		
	/* Navigable menus classes */
	.navigable {
		overflow: hidden;
		position: relative;
		padding: 0;
	}
	.navigable > .load {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 10%;
		padding: 0;
		margin: 0;
		cursor: wait;
		background-color: #141414;
		background-image: url(../themes/classic/graphics/spinners/spinner_32px_141414.gif);
		background-repeat: no-repeat;
		background-position: center 4px;
	}
	.navigable ul.fixed {
		position: absolute;
		left: 0;
		width: 100%;
		}
		.navigable ul ul {
			position: absolute;
			left: 100%;
			top: 0;
			width: 100%;
			display: none;
		}
	.navigable-ajax,
	.navigable-ajax-loaded {
		cursor: pointer;
	}

	.drillMenu > li,
	li.drillMenu {
		border-top:1px solid #fff;
		border-bottom:#bebebf;
		background: #eeedf2;
		}
		.taskMenu .drillMenu > li,
		.taskMenu li.drillMenu {
			border-top:1px solid #fff;
			border-bottom:#bebebf;
			background: #eeedf2;
			}
			.taskMenu .drillMenu > li:hover,
			.taskMenu li.drillMenu:hover { 
				background:none; 
				background-color:#d9dade;
			}
			.toolKitAccordion .drillMenu > li:hover,
			.toolKitAccordion li.drillMenu:hover,
			
			
				.outrigger .drillMenu > li:hover,
				.outrigger li.drillMenu:hover { 
				background:none; 
				background-color:#848FAB;
				text-shadow: -1px -1px 0px rgba(0, 0, 0, 1.0);
				color:#FFF;
			}
			
	.ie9 .drillMenu,
	.ie9 .drillMenu > li,
	.ie9 li.drillMenu { }
	.ie8 .drillMenu,
	.ie8 .drillMenu > li,
	.ie8 li.drillMenu {  }
	
	
	.drillMenu .bulb { float:right}
	
	


/* forms */
.from.grids,
form.grids { margin:0 0 0 0;}
.form { width:100%; }
.form fieldset {
  /*background-color: #fafafa;*/
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
  border-top:1px solid #eaeaea;
  border-bottom:1px dotted #ccc;
  padding:17px 15px 0px 15px;
  margin-bottom:18px;
  clear:both;
  width:auto;
  overflow:hidden
}

.form fieldset legend {
/*line-height: 22px;*/
	border-width: 1px;
	border-style: solid;
	padding: 0 9px 1px 9px;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*z-index: 88;*/
	margin-bottom: 10px;

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);


	color:#666666;

	background: rgb(238,237,242);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWRmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWRhZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(238,237,242,1) 0%, rgba(217,218,222,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,237,242,1)), color-stop(100%,rgba(217,218,222,1)));
	background: -webkit-linear-gradient(top,  rgba(238,237,242,1) 0%,rgba(217,218,222,1) 100%);
	background: -o-linear-gradient(top,  rgba(238,237,242,1) 0%,rgba(217,218,222,1) 100%);
	background: -ms-linear-gradient(top,  rgba(238,237,242,1) 0%,rgba(217,218,222,1) 100%);
	background: linear-gradient(to bottom,  rgba(238,237,242,1) 0%,rgba(217,218,222,1) 100%);

	border-color: #cccccc;
}

ol.formFields { padding-left:0; list-style-type:none;  margin-top:0; margin-bottom:0; }
ol.formFields li { position:relative; margin-top:0!important }

/* LABELS */
.inline-label,
.chooseSelectOptions {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	width:auto;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	}
	.inline-label.chooseSelectOptions .inline-label {  }
	.inline-label.buttonBlock { padding-bottom:0; }

.inline-label,
.chooseSelectOptions { line-height:34px; }
.inline-label .body { line-height:normal; margin-top:16px; }
.inline-label.slider { padding-bottom:13px; }
.inline-label label,
.inline-label .label {
	display:inline-block;
	padding-right:5px;
	color:#666666;
	vertical-align:top;
	line-height:normal;
	font-size:0.938em;
	padding-top:8px;
}
.grids.snap .inline-label label,
.grids.snap .inline-label .label { width:100%; }




/* mobile portrait */
@media only all and (min-width: 320px) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label { display:block; padding-bottom:10px;  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label { }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label { }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label { }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
	/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label { }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }

}

/* mobile landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label { padding-bottom:10px;  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label { }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label {}

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label {}

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }

}


/* tablet and up */
@media only all and (min-width: 768px) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label { width:135px; display:inline-block;  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label { width:135px; display:inline-block; }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label { }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label {}

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { width:auto; display:block; }
/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { width:135px; display:inline-block;}

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { width:135px; display:inline-block;}

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label {}

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { width:135px; display:inline-block;}
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label {  }

}


/* tablet portrait */
@media only all and (min-width: 768px) and (orientation : portrait) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label { width:135px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label { }


/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride' */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label {}

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label {}

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }
}

/* mobile up to 800 by 600 */
@media only all and (min-width: 768px) and (max-width: 800px) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label { width:135px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label { width:130px; }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,


	.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label,
	.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.accordion .contentPanel .grids.snap  ol.formFields.sequence .col-2-4 .inline-label .label,

	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label { display:block; width:auto }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label { width:130px; }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { display:block; width:auto; }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label { width:130px; }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { width:130px; display:inline-block; }
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { width:130px; display:inline-block; }

}

/* tablet landscape > 1024 by 768 */
@media only all and (min-width: 992px) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label { width:185px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fluid columns and sequence columns that snap with no parent */
		.grids.snap.noParent .col-2-4 ol.formFields .inline-label label,
		.grids.snap.noParent .col-2-4 ol.formFields .inline-label .label,

		.grids.snap.noParent ol.formFields .col-2-4 .inline-label label,
		.grids.snap.noParent ol.formFields .col-2-4 .inline-label .label,

		.grids.snap.noParent .col-2-4 ol.formFields .inline-label label,
		.grids.snap.noParent ol.formFields .col-2-4 .inline-label .label,

		.grids.snap.noParent .col-2-4 ol.formFields .inline-label label,
		.grids.snap.noParent ol.formFields .col-2-4 .inline-label .label { width:135px!important; }




/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label { display:block; width:auto }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label { width:135px; }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label { }

/* panels and accordions with columns fixed and fluid - ''  */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label { display:block; width:auto }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label { width:175px; }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { display:inline-block; width:130px; }

/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { display:inline-block; width:130px; }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { width:auto; display:block; }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { width:auto; display:block; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label { width:130px; }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { width:auto; display:block;  }
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { width:auto; display:block;  }

}

/* 1024 up to 1200 */
@media only all and (min-width: 1168px) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label {  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label {  width:130px; display:inline-block }












/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label { }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { width:130px; display:inline-block }
/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { width:130px; display:inline-block}

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label { }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { width:130px; display:inline-block; }
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { width:130px; display:inline-block; }

}

/* 1400 or more */
@media only all and (min-width: 1425px) {

/* fields in one column with no parent */
	.inline-label label,
	.inline-label .label {  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label label,
	.grids.snap.noParent ol.formFields .inline-label .label { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label label,
	.panel .details .inline-label .label,
	.accordion .contentPanel .inline-label label,
	.accordion .contentPanel .inline-label .label {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label label,
	.panel .details .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label label,
	.helm#stage .module .grids.snap .col-2-4 ol.formFields .inline-label .label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label label,
	.helm#stage .grids.snap .col-2-4 .module ol.formFields .inline-label .label {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label label,
	.tabbedContent .paneWrapper .inline-label .label { }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
/* fields in top tabbed content with 2 fluid columns and sequence grid form */
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label {}

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label label,
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields .inline-label .label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label label,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields .inline-label .label { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .inline-label .label { }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .label { }
	/* fields in side tabbed content with 2 columns and sequence grid form */
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label label,
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .label { }




}









	.moduleContentSettings .inline-label label,
	.moduleContentSettings .inline-label .label { vertical-align:top; padding-top:2px; color:#444; font-size:0.838em;}
#stage .panel .panelSettings .inline-label label,
#stage .panel .panelSettings .inline-label .label { }


.panel .form fieldset .inline-label,
.panel .form fieldset .inline-label  {  padding-left:0  }
/**/

.inline-label.radioGroup .fieldset label,
.inline-label.checkGroup .fieldset label {
	clear:both;
	float:none;
	display:inline;
	margin-right:10px;
	width:auto;
}
.labelNote {
	display:block;
	font-size:10px;
	line-height:normal;
	}
	.ie9 .labelNote { font-size:11px; }
.inline-label label .required,
.inline-label .label .required { color:#931a03; }

.inline-label.buttonGroup {  border-top:1px dotted #ccc; padding-bottom:0; padding-top:20px; margin-top:10px; }
	.moduleContentSettings .inline-label.buttonGroup { border-top-color:#898D93; }


.fieldSchema { background-color:#ededed;  float:none; clear:both; margin-left:145px; font-size:11px; border:1px solid #cccccc; line-height:normal; width: 273px; margin-top:10px;}


.styleDebug .fieldSchema { background-image:url(../../v10/themes/theme/graphics/grid.png); }

.fieldSchema th { text-align:right; padding:5px 5px 5px 30px;}
.fieldSchema td { text-align:left; padding:5px 30px 5px 5px;}
.fieldSchema tr:first-of-type th,
.fieldSchema tr:first-of-type td { padding-top:15px;}
.fieldSchema tr:last-of-type th,
.fieldSchema tr:last-of-type td { padding-bottom:15px;}




/* contenteditable */
.body[contenteditable],
.body[contenteditable=true]  {
   background: white;
   padding:20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border:1px solid #efefef;
   resize:none;
}

/* FORM FIELDS */

/* form field ready states */
.inline-label input.formField,
.inline-label textarea.formField {
	display:inline-block;
	vertical-align: baseline;
	resize: none;
	cursor: text;
	position: relative;
	padding:9px 5px 6px 5px;
	text-align:left;
	background-color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #c4c4c4;
	-webkit-box-shadow: inset 0px 2px 5px  rgba(0, 0, 0, 0.35);
	box-shadow: inset 0px 2px 5px  rgba(0, 0, 0, 0.25);
}
.inline-label input.formField,
.inline-label textarea.formField,
.pseudoSelect {	color:#444444; }
.helm#stage .inline-label input.formField,
.helm#stage .inline-label textarea.formField { background-color:#303030; color:#DAD9DA}







/* used in the jquery.autosize.js plugin */
.animated {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}
.inline-label textarea.formField { min-height:50px;}



/* radio and check groups */
.inline-label.radioGroup .fieldset { display:inline-block; }
.noParent .inline-label.radioGroup .fieldset { padding-right:10px;  }
.inline-label.radioGroup .fieldset input[type="checkbox"],
.inline-label.radioGroup .fieldset input[type="radio"] { margin-right:5px; }
.inline-label.radioGroup .fieldset.inline label { display:inline-block; margin-right:10px; width:auto!important;  }
.inline-label.radioGroup .fieldset.stacked { display:inline-block;}
.inline-label.radioGroup .fieldset.stacked label { display:block; width:auto!important; }

.grids .inline-label.radioGroup.help .fieldset.inline { width:auto; }
.grids .inline-label.radioGroup .fieldset.inline label { display:inline-block!important; width:auto; }
.inline-label.radioGroup .fieldset label:last-of-type { margin-right:0px!important; }



/* checkboxes in css3 */
.checkWrap { position:relative; display:inline-block }
.checkWrap input[type="checkbox"]{
	-webkit-appearance: none !important;
	-moz-appearance:    none !important;
	appearance:         none !important;
	border:none;
	width: 21px;
	height: 21px;
	vertical-align:bottom;
	margin:0 0 0 0;
	opacity:0;
	position:absolute;
	bottom:0;
	cursor: pointer;
	}
	.checkWrap.tiny input[type="checkbox"]{ width: 13px; height: 13px; }
	.checkWrap.large input[type="checkbox"]{ width: 34px; height: 34px; }
.checkWrap span.checkbox {
	cursor: pointer;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	vertical-align:bottom;

	opacity: 0.9;

	 border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-background-clip: padding-box;
	background:none;
	background-color:#efefef !important;
	border:2px solid;

	border-color: #bababa;
	}
	.outrigger .checkWrap span.checkbox { background-color:#FFF !important; }
	.checkWrap.tiny span.checkbox { border:1px solid; width:13px; height: 13px; border-color: #bababa; }
	.checkWrap.large span.checkbox { border:2px solid; width:30px; height: 30px; border-color: #bababa; vertical-align:middle }
	.checkWrap:hover span.checkbox {
	opacity: 1;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1), inset 1px 1px 3px rgba(0, 0, 0, 0.1);
	}
	.checkWrap input[type="checkbox"]:focus + span.checkbox {
		opacity: 1;
		border-style:dotted;

		border-color: #3399ff;
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 4px rgba(51, 153, 255, 0.75);
	}
.checkWrap input[type="checkbox"]:checked + span.checkbox {
	opacity: 1;
	background-color:transparent;
	background-image: url(../themes/classic/graphics/icons/checkboxes/tick-default.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	}
	.checkWrap.tiny input[type="checkbox"]:checked + span.checkbox { background-size: 11px 11px; }
	.checkWrap.large input[type="checkbox"]:checked + span.checkbox { background-size: 25px 25px; 	background-position: 3px 3px; }

.checkWrap input[type="checkbox"]:disabled + span.checkbox,
.checkWrap:hover input[type="checkbox"]:disabled + span.checkbox { opacity:0.4 !important; cursor:not-allowed; background-color:#ebebeb !important;box-shadow:none; }

.checkWrap input[type="checkbox"]:checked + span.checkbox.positive { background-image: url(../themes/classic/graphics/icons/checkboxes/tick-positive.png); }
.checkWrap input[type="checkbox"]:checked + span.checkbox.approve { background-image: url(../themes/classic/graphics/icons/checkboxes/tick-approve.png);}
.checkWrap input[type="checkbox"]:checked + span.checkbox.lock { background-image: url(../themes/classic/graphics/icons/checkboxes/tick-lock.png); }
.checkWrap input[type="checkbox"]:checked + span.checkbox.negative { background-image: url(../themes/classic/graphics/icons/checkboxes/tick-negative.png); }
.checkWrap input[type="checkbox"]:checked + span.checkbox.black { background-image: url(../themes/classic/graphics/icons/checkboxes/tick-black.png); }
.checkWrap input[type="checkbox"]:checked + span.checkbox.passive { background-image: url(../themes/classic/graphics/icons/checkboxes/tick-passive.png); }

.checkWrap input[type="checkbox"]:checked + span.checkbox.positive,
.checkWrap input[type="checkbox"] + span.checkbox.seeState.positive { border-color:#2362dc }
.checkWrap input[type="checkbox"]:checked + span.checkbox.approve,
.checkWrap input[type="checkbox"] + span.checkbox.seeState.approve { border-color:#119f25 }
.checkWrap input[type="checkbox"]:checked + span.checkbox.lock,
.checkWrap input[type="checkbox"] + span.checkbox.seeState.lock { border-color:#dcb524 }
.checkWrap input[type="checkbox"]:checked + span.checkbox.negative,
.checkWrap input[type="checkbox"] + span.checkbox.seeState.negative { border-color:#c71a1e }
.checkWrap input[type="checkbox"]:checked + span.checkbox.black,
.checkWrap input[type="checkbox"] + span.checkbox.seeState.black { border-color:#000 }
.checkWrap input[type="checkbox"]:checked + span.checkbox.passive,
.checkWrap input[type="checkbox"] + span.checkbox.seeState.passive { border-color:#bababa }

.checkWrap input[type="checkbox"]:active,
.checkWrap input[type="checkbox"]:checked:active + span.checkbox {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}





/* radios in css3 */
.radioWrap { position:relative; display:inline-block}
.radioWrap input[type="radio"]{
	-webkit-appearance: none !important;
	-moz-appearance:    none !important;
	appearance:         none !important;
	border:none;
	width: 21px;
	height: 21px;
	vertical-align:bottom;
	margin:0 0 0 0;
	opacity:0;
	position:absolute;
	bottom:0;
	cursor: pointer;
	}
	.radioWrap.tiny input[type="radio"]{ width: 13px; height: 13px; }
	.radioWrap.large input[type="radio"]{ width: 34px; height: 34px; }
.radioWrap span.radioButton {
	cursor: pointer;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 10px;
	vertical-align:bottom;

	opacity: 0.9;

	 border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-background-clip: padding-box;
	background:none;
	background-color:#efefef !important;
	border:2px solid;

	border-color: #bababa;
	}
	/* contrast for the background  */
	.outrigger .radioWrap span.radioButton { background-color:#FFFFFF !important}
	.radioWrap.tiny span.radioButton { border:1px solid; width:13px; height: 13px; border-color: #bababa; vertical-align:middle }
	.radioWrap.large span.radioButton { border:2px solid; width:30px; height: 30px; border-color: #bababa; vertical-align:middle }
	.radioWrap:hover span.radioButton {
	opacity: 1;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1), inset 1px 1px 3px rgba(0, 0, 0, 0.1);
	}
	.radioWrap input[type="radio"]:focus + span.radioButton {
		opacity: 1;
		border-style:dotted;

		border-color: #3399ff;
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 4px rgba(51, 153, 255, 0.75);
	}
.radioWrap input[type="radio"]:checked + span.radioButton {
	opacity: 1;
	background-color:transparent;
	background-image: url(../themes/classic/graphics/icons/checkboxes/radio-default.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	}
	.radioWrap.tiny input[type="radio"]:checked + span.radioButton { background-size: 11px 11px; }
	.radioWrap.large input[type="radio"]:checked + span.radioButton { background-size: 24px 24px; 	background-position: center center; }
.radioWrap input[type="radio"]:disabled + span.radioButton,
.radioWrap:hover input[type="radio"]:disabled + span.radioButton { opacity:0.4 !important; cursor:not-allowed; background-color:#ebebeb !important;box-shadow:none; }

.radioWrap input[type="radio"]:checked + span.radioButton.positive { background-image: url(../themes/classic/graphics/icons/checkboxes/radio-positive.png) }
.radioWrap input[type="radio"]:checked + span.radioButton.approve { background-image: url(../themes/classic/graphics/icons/checkboxes/radio-approve.png) }
.radioWrap input[type="radio"]:checked + span.radioButton.lock { background-image: url(../themes/classic/graphics/icons/checkboxes/radio-lock.png) }
.radioWrap input[type="radio"]:checked + span.radioButton.negative { background-image: url(../themes/classic/graphics/icons/checkboxes/radio-negative.png) }
.radioWrap input[type="radio"]:checked + span.radioButton.black { background-image: url(../themes/classic/graphics/icons/checkboxes/radio-black.png) }
.radioWrap input[type="radio"]:checked + span.radioButton.passive { background-image: url(../themes/classic/graphics/icons/checkboxes/radio-passive.png) }

.radioWrap input[type="radio"]:checked + span.radioButton.positive,
.radioWrap input[type="radio"] + span.radioButton.seeState.positive { border-color:#2362dc !important }
.radioWrap input[type="radio"]:checked + span.radioButton.approve,
.radioWrap input[type="radio"] + span.radioButton.seeState.approve { border-color:#119f25 !important }
.radioWrap input[type="radio"]:checked + span.radioButton.lock,
.radioWrap input[type="radio"] + span.radioButton.seeState.lock { border-color:#dcb524 !important }
.radioWrap input[type="radio"]:checked + span.radioButton.negative,
.radioWrap input[type="radio"] + span.radioButton.seeState.negative { border-color:#c71a1e !important }
.radioWrap input[type="radio"]:checked + span.radioButton.black,
.radioWrap input[type="radio"] + span.radioButton.seeState.black { border-color:#000 !important }
.radioWrap input[type="radio"]:checked + span.radioButton.passive,
.radioWrap input[type="radio"] + span.radioButton.seeState.passive { border-color:#bababa !important }
.radioWrap input[type="radio"]:active,
.radioWrap input[type="radio"]:checked:active + span.radioButton {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}




/* Target IE9 and IE10 */

@media screen and (min-width:0\0) {
	input[type="checkbox"],
	input[type="radio"] {
		padding: 0;
		border: 0;
		box-shadow: none;
	}
}





/* css3 selectboxes */
.selectWrap {
	position:relative;
	display:inline-block;
	background:none !important;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	vertical-align:top !important;
}
.selectWrap select {
	/*line-height:32px;*/
	/*padding-left:  0.5rem ;
	padding-right:  2rem ;*/
	height:34px;



	padding:0.35rem 2rem 0.35rem 0.5rem ;
	padding-right:   ;
	overflow:visible;

	cursor:pointer;

	font-size: 1rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;


	outline: none;
	color:rgba(0, 0, 0, 0.75);
	position: relative;
	z-index: 1;

	-webkit-appearance: none !important;
	appearance: none !important;
	text-indent: 0.01px;
	text-overflow: '';

	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background-repeat: repeat-x;

	border: 1px solid #cccccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
	}


	.ie9 .selectWrap select { filter: none; }
	/* make ie10 behave */
	.selectWrap select option { color:#444 }
	.selectWrap select option:hover,
	.selectWrap select option:focus,
	.selectWrap select option:active
	.selectWrap select:active { color:#444; text-shadow:none !important; }
	/* small version */
	.selectWrap.small select {
		border-radius:5px;
		height: 22px;
		padding:0.15rem 2rem 0.15rem 0.5rem ;
		/*line-height: 20px;*/
		font-size: 12px;
	}
	.selectWrap.small.icon { position:relative; }
	.selectWrap.small.icon select { padding-left:48px; }
	.selectWrap.small.icon .icon {
		display:block;

		width:35px;
		height:20px;
		z-index:2;
		position:absolute;
		top:8px;
		left:1px;
		background-size:20px 20px;
		background-repeat:no-repeat;
		background-position:center ;
		border-right:1px solid #444;
		vertical-align:baseline;
		}


	@-moz-document url-prefix() {

		.selectWrap.small.icon .icon {top:9px;}

	}

	.ie9 .selectWrap select,
	.ie9 .selectWrap.small select { border-radius: 0px; text-shadow:none !important }
	@media screen and (min-width:0\0) {
	/* IE9 and IE10 rule sets go here */
	}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10-specific styles go here */
		.selectWrap select,
		.selectWrap.small select { border-radius: 0px; text-shadow:none !important}
	}

.selectWrap select:hover{
	color: #333333;
	background:none;
	background-color: #e6e6e6;
}
.selectWrap select:focus,
.selectWrap select:active {
	border-color: #3399ff;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 4px rgba(51, 153, 255, 0.75);
	color: #333333;
}

@-moz-document url-prefix() {

	.selectWrap {
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
	}
	.selectWrap select { padding:0.4rem; }
	.selectWrap.small select { padding:0.15rem; }
	.arrowSelect,
	.arrowSelectUp,
	.arrowSelectDown { display:none !important}

}



	/*

@-moz-document url-prefix() {


	.selectWrap {


	height:34px;
	background: transparent;
	border: 1px solid #cdcdcd;
	line-height:34px;


	font-size: 1rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;




	outline: none;
	color:rgba(0, 0, 0, 0.75);
	position: relative;
	z-index: 1;




  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;

  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;


  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}
	.selectWrap select {
		-moz-appearance: window;
		text-indent: 0.01px;
		text-overflow: '';
	}

	.selectWrap:hover {
		border-color: #3399ff;
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 4px rgba(51, 153, 255, 0.75);}

	.selectWrap  select:-moz-focusring {
		color: #444;
		text-shadow: 0 0 0 #000;
		border-color: #3399ff;
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 4px rgba(51, 153, 255, 0.75);

	}
}*/

	/*IE 10 Fix*/
.selectWrap select::-ms-expand,
.selectWrap select::-ms-expand{
	display: none;
}
.arrowSelect {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-image: none;
	border-right: 4px inset rgba(0, 0, 0, 0);
	border-style: solid inset inset;
	border-width: 4px;
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top:1rem;
	right:0.8rem;
	z-index: 2;
}

.arrowSelectUp {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;

	border-style: solid inset inset;
	border-width: 0 4px 6px 4px;
	border-width: 4px;
	border-color: transparent transparent #000 transparent;

	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top:0.5rem;
	right:0.8rem;
	z-index: 2;
}


.arrowSelectDown {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;

	border-style: solid inset inset;
	border-width: 6px 4px 0 4px;
	border-width: 4px;
	border-color: #000 transparent transparent  transparent;

	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top:1.25rem;
	right:0.8rem;
	z-index: 2;
}


/*	.outrigger.formBuilderOutRigger .selectWrap.small .arrowSelect {  top:0.6rem; }*/







/* mobile portrait */
@media only all and (min-width: 320px) {

/* fields in one column with no parent */
	ol.formFields { width:270px; }
	ol.formFields.sequence { }
	.inline-label input.formField,
	.inline-label textarea.formField,
	.inline-label a.droplet { width:194px; }
	/* Select Box */
	.inline-label select,
	.inline-label .selectboxit-container .selectboxit,
	.inline-label .aac-container { width:204px; }
	.inline-label input[type=datetime-local] { width:190px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields {  width:260px!important; }
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset { width:184px!important; }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields {}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset {  }


	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }


/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset {  }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields { width:auto!important }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset {width:184px!important;}

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { width:291px;  }

		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset {  }

	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride' */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields {}

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField {  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields { width:auto!important }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { width:291px; }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }


/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields {}
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields {}

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { }


/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields {}

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset {  }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] {  }


/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields {}
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence {}

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { width:194px; }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }


}

/* mobile landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* fields in one column with no parent */
	ol.formFields { /*width:430px;*/ width:100%; }
	ol.formFields.sequence { }
	.inline-label input.formField,
	.inline-label textarea.formField,
	.inline-label a.droplet { width:353px;  }
	/* Select Box */
	.inline-label select,
	.inline-label .selectboxit-container .selectboxit,
	.inline-label .aac-container { width:363px; }
	.inline-label input[type=datetime-local] { width:190px; }
/* update nick */

/* dialogue mini form */
	.dialogue .body { width:362px; }
	.dialogueContent { padding:15px 10px!important; }

	.dialogue .inline-label label,
	.dialogue .inline-label .label { width:330px; }
	.dialogue .inline-label input.formField,
	.dialogue .inline-label textarea.formField { width:265px; }
/* Select Box */
	.dialogue .inline-label select,
	.dialogue .inline-label .selectboxit-container .selectboxit { width:275px; }


/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields { width:420px!important;}
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset {  width:343px!important;  }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields {}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset {  }

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset {  }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields { }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset {}

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { }

		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset {  }

	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride' */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields {}

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField {  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields {  }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields {}
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields {}

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields {}

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset {  }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] {  }


/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields {}
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence {}

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }

}


/* tablet and up */
@media only all and (min-width: 768px) {

/* fields in one column with no parent */
	ol.formFields { width:auto!important; }
	ol.formFields.sequence { width:auto!important; }
	.inline-label input.formField,
	.inline-label textarea.formField,
	.inline-label a.droplet  { width:499px; }
	/* Select Box */
	.inline-label select,
	.inline-label .selectboxit-container .selectboxit,
	.inline-label .aac-container { width:509px; }
	.inline-label input[type=datetime-local] { width:190px; }


/* dialogue mini form */
	.dialogue .inline-label input.formField,
	.dialogue .inline-label textarea.formField {  }
/* Select Box */
	.dialogue .inline-label select,
	.dialogue .inline-label .selectboxit-container .selectboxit {  }


/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields { width:auto!important}
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset { width:273px!important;  }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields { width:auto!important;}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset { width:244px!important;  }

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset {  }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields { }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset {}

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { }

		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset {  }

	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields {}

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField {  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields {  }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields {}
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields {}

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields {width:546px!important;}

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset { /*width:332px;*/ width:327px; }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] {  }


/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields {}
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence {}

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }

}


/* tablet portrait */
@media only all and (min-width: 768px)  and (orientation : portrait) {

/* fields in one column with no parent */
	ol.formFields { width:auto; }
	ol.formFields.sequence { }
	.inline-label input.formField,
	.inline-label textarea.formField,
	.inline-label a.droplet  { width:499px; }
	/* Select Box */
	.inline-label select,
	.inline-label .selectboxit-container .selectboxit,
	.inline-label .aac-container { width:509px; }
	.inline-label input[type=datetime-local] { width:190px; }







	/* dialogue mini form */
	.dialogue .inline-label input.formField,
	.dialogue .inline-label textarea.formField {  }
/* Select Box */
	.dialogue .inline-label select,
	.dialogue .inline-label .selectboxit-container .selectboxit {  }



/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields { width:auto!important; }
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset { width:280px;  }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields { width:auto}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset { width:499px!important; }

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset {  }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields { }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset {width:282px!important;}

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { width:282px!important; }

		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset {  }

	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields {}

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField {  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields {  }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { width:282px!important; }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields {}
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields {}

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { }


/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields {width:529px!important;}

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset { width:310px; }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields {}
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence {}

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }

/* may 2022 fix to 2 column layout fields overflow on smaller screens */
	.col-2-4 .inline-label input.formField,
	.col-2-4 .inline-label textarea.formField,
	.col-2-4 .inline-label a.droplet  { width:179px; }
	/* Select Box */
	.col-2-4 .inline-label select,
	.col-2-4 .inline-label .selectboxit-container .selectboxit,
	.col-2-4 .inline-label .aac-container { width:189px; }



}

/* mobile up to 800 by 600 */
@media only all and (min-width: 768px) and (max-width: 800px) {

/* fields in one column with no parent */
	ol.formFields {  }
	ol.formFields.sequence { }
	.inline-label input.formField,
	.inline-label textarea.formField {  }
	.inline-label input[type=datetime-local] { width:190px; }

/* dialogue mini form */
	.dialogue .inline-label input.formField,
	.dialogue .inline-label textarea.formField { width:380px; }
/* Select Box */
	.dialogue .inline-label select,
	.dialogue .inline-label .selectboxit-container .selectboxit { width:390px; }






/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields {}
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset { width:273px;  }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields {}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset { width:499px!important;  }

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset {  }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields { }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset {width:282px!important;}

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { width:282px!important; }

		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset {  }

	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields {}

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField {  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields {  }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

	/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields {}
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields {}

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields {}

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset {  }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields {}
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence {}

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }

}

/* tablet landscape > 1024 by 768 */
@media only all and (min-width: 992px) {

/* fields in one column with no parent */
	ol.formFields { width:auto; 	}
	ol.formFields.sequence { width:auto; }
	.inline-label input.formField,
	.inline-label textarea.formField,
	.inline-label a.droplet  { width:549px; }
	/* Select Box */
	.inline-label select,
	.inline-label .selectboxit-container .selectboxit,
	.inline-label .aac-container { width:559px; }




	.inline-label input[type=datetime-local] {  }

/* dialogue mini form */
	.dialogue .inline-label input.formField,
	.dialogue .inline-label textarea.formField { width:330px; }
/* Select Box */
	.dialogue .inline-label select,
	.dialogue .inline-label .selectboxit-container .selectboxit { width:340px; }


/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields { width:auto!important; }
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset { width:394px!important;  }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }



	/* fields in 2 fluid columns and sequence columns that snap with no parent */
	.grids.snap.noParent .col-2-4 ol.formFields,
	.grids.snap.noParent ol.formFields .col-2-4  {}

	.grids.snap.noParent .col-2-4 ol.formFields .inline-label input.formField,
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label textarea.formField,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label input.formField,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label textarea.formField,
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label .fieldset,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label .fieldset { width:260px!important;  }

	.grids.snap.noParent .col-2-4 ol.formFields .inline-label input[type=datetime-local],
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label input[type=datetime-local] { }




/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields {}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset {  }

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset { width:559px; }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }


/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields { }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset { width:248px!important; }

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { /*width:248px!important;*/ }

		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { width:248px!important;  }

	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields {}

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField { width:550px;  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields {  }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { /*width:393px!important; */ width:244px!important; }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {   }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields { width:auto!important; }
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { width:244px; }



/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields { width:auto!important; }

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { width:244px; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields { width:752px!important; }

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset { width:536px;  }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper  ol.formFields {  width:auto!important;}
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields {  }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence { width:auto!important;}

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { width:249px!important; }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }


/* may 2022 fix to 2 column layout fields overflow on smaller screens */
	.col-2-4 .inline-label input.formField,
	.col-2-4 .inline-label textarea.formField,
	.col-2-4 .inline-label a.droplet  { width:210px; }
	/* Select Box */
	.col-2-4 .inline-label select,
	.col-2-4 .inline-label .selectboxit-container .selectboxit,
	.col-2-4 .inline-label .aac-container { width:220px; }


}

/* 1024 up to 1200 */
@media only all and (min-width: 1168px) {

/* fields in one column with no parent */
	ol.formFields {  }
	ol.formFields.sequence { }
	.inline-label input.formField,
	.inline-label textarea.formField { }
	.inline-label input[type=datetime-local] {  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields {}
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset { }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }

	/* fields in 2 fluid columns and sequence columns that snap with no parent */
	.grids.snap.noParent .col-2-4 ol.formFields,
	.grids.snap.noParent ol.formFields .col-2-4  {}

	.grids.snap.noParent .col-2-4 ol.formFields .inline-label input.formField,
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label textarea.formField,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label input.formField,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label textarea.formField,
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label .fieldset,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label .fieldset { width:345px!important;  }

	.grids.snap.noParent .col-2-4 ol.formFields .inline-label input[type=datetime-local],
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label input[type=datetime-local] { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields {}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset { width:302px!important; }

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset { }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields {width:auto; }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset {width:341px!important;}

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { width:341px!important;  }

		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { width:291px!important;}






	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields {}

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField {  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields { width:auto;  }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { width:341px!important; }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields {}
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { width:302px;  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields { }

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset { width:302px; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields { }

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset { }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] { }


/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields { width:463px!important;}
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence { width:auto!important; }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }



/* may 2022 fix to 2 column layout fields overflow on smaller screens */
	.col-2-4 .inline-label input.formField,
	.col-2-4 .inline-label textarea.formField,
	.col-2-4 .inline-label a.droplet  { width:320px; }
	/* Select Box */
	.col-2-4 .inline-label select,
	.col-2-4 .inline-label .selectboxit-container .selectboxit,
	.col-2-4 .inline-label .aac-container { width:330px; }

}

/* 1400 or more */
@media only all and (min-width: 1425px) {

/* fields in one column with no parent */
	ol.formFields {  }
	ol.formFields.sequence { }
	.inline-label input.formField,
	.inline-label textarea.formField { }
	.inline-label input[type=datetime-local] {  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields {}
	.grids.snap.noParent .inline-label input.formField,
	.grids.snap.noParent .inline-label textarea.formField,
	.grids.snap.noParent .inline-label .fieldset {  }
	.grids.snap.noParent .inline-label input[type=datetime-local] { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3  ol.formFields,
	.grids.snap.noParent .fluid-fixed .col-1-3  ol.formFields {}

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label .fieldset,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label .fieldset {  }

	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label input[type=datetime-local],
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label input[type=datetime-local] { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details ol.formFields,
	.accordion .contentPanel ol.formFields {}

	.panel .details .inline-label input.formField,
	.panel .details .inline-label textarea.formField,
	.panel .details .inline-label .fieldset,
	.accordion .contentPanel .inline-label input.formField,
	.accordion .contentPanel .inline-label textarea.formField,
	.accordion .contentPanel .inline-label .fieldset { }

	.panel .details .inline-label input[type=datetime-local],
	.accordion .contentPanel .inline-label input[type=datetime-local] {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 ol.formFields,
	.accordion .contentPanel .grids.snap .col-2-4 ol.formFields { }

	.panel .details .grids.snap .col-2-4 .inline-label input.formField,
	.panel .details .grids.snap .col-2-4 .inline-label textarea.formField,
	.panel .details .grids.snap .col-2-4 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label .fieldset {}

	.helm#stage .module .grids.snap .col-2-4 .inline-label input.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label textarea.formField,
	.helm#stage .module .grids.snap .col-2-4 .inline-label .fieldset,
	.helm#stage .grids.snap .col-2-4 .module .inline-label input.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label textarea.formField,
	.helm#stage .grids.snap .col-2-4 .module .inline-label .fieldset { }



		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset {  }





	.panel .details .grids.snap .col-2-4 .inline-label input[type=datetime-local],
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper ol.formFields { }

	.tabbedContent .paneWrapper .inline-label input.formField,
	.tabbedContent .paneWrapper .inline-label textarea.formField {  }

	.tabbedContent .paneWrapper .inline-label input[type=datetime-local] {  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 ol.formFields {}
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 input.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 ol.formFields,
	.panel .details .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 ol.formFields,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 ol.formFields { }

	.panel .details .grids.snap .fixed-fluid .col-1-3 input.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.panel .details .grids.snap .fluid-fixed .col-1-3 input.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .inline-label .fieldset,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 input.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label textarea.formField,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .inline-label .fieldset {  }


/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 ol.formFields { width:auto;  }

	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label textarea.formField,
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label .fieldset,
	.grids.snap .col-2-4 .inline-label a.droplet { width:395px!important; }




	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label input[type=datetime-local] {  }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper ol.formFields { }

	.tabbedContent.side-tabs .paneWrapper .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .inline-label .fieldset { }

	.tabbedContent.side-tabs .paneWrapper .inline-label input[type=datetime-local] { }


/* fields in side tabbed content with 2 columns - sequential and not */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields { width:auto!important; }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence {}

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label textarea.formField,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label .fieldset,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label input.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label textarea.formField,
		.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .inline-label .fieldset { width:339px!important; }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .inline-label input[type=datetime-local] {  }



/* may 2022 fix to 2 column layout fields overflow on smaller screens */
	.col-2-4 .inline-label input.formField,
	.col-2-4 .inline-label textarea.formField,
	.col-2-4 .inline-label a.droplet  { width:400px; }
	/* Select Box */
	.col-2-4 .inline-label select,
	.col-2-4 .inline-label .selectboxit-container .selectboxit,
	.col-2-4 .inline-label .aac-container { width:410px; }

}



/* and unresponsive classes here */
.inline-label label.labelInline,
.inline-label .label.labelInline { display:inline-block; width:auto!important; padding-left:5px; text-align:center}
.inline-label .selectboxit-container .selectboxit.minWidth { width:204px!important; }
.inline-label .selectboxit-container .selectboxit.numPairWidth { width:60px; }


.inline-label .selectWrap.minWidth select,
.inline-label .selectWrap.small select { width:204px!important; }
.inline-label .selectWrap.numPairWidth select { width:65px; }
.inline-label .selectWrap.widthSmall select { width:100px !important;}
.inline-label .selectWrap.widthMedium select { width:150px !important;}
.inline-label .selectWrap.widthLarge select { width:200px !important;}
.inline-label .selectWrap.width120 select{ width:120px !important;}



/* for in the rare case whwn small style selects are used ina form grid etc */
.inline-label .selectboxit-container .selectboxit.small { width:204px!important; margin-top:4px; }




/* new html5 attribute support */
.inline-label input.formField.color { width:63px!important; vertical-align:middle; }
.inline-label input.formField.num { text-align:center; }


/* disabled control */
input[disabled],
input[type="text"]:disabled,
textarea:disabled,
.selectWrap select:disabled {
	background:none;
	background-color:#f4f4f4!important;
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
	color:#777;
}

.inline-label input.formField.validate,
.inline-label textarea.formField.validate,
.selectField.validate.selectboxit-btn,
.inline-label .selectWrap select.validate  { border-color:#d35559; }




	.inline-label input.formField.date { width:108px; }

	/* override consistent set widths when necessary with this sub class */
	.inline-label input.formField.autoWidth,
	.inline-label textarea.formField.autoWidth { width:auto!important; }


	/* form field hover states */
	input.formField:hover,
	textarea.formField:hover,
	.body[contenteditable]:hover,
	.body[contenteditable=true]:hover,
	.pseudoSelect:hover,
	.ruleInput:hover  {
		border-color: #cccccc;
		box-shadow: inset 0px 2px 5px  rgba(0, 0, 0, 0.15)!important;
		color:#0066ff!important;
	}
	input.formField.disabled:hover,
	textarea.formField.disabled:hover  {
		background-color:#f4f4f4;
		box-shadow:none!important;
	}
	input.formField.autoReadOnly[readonly],
	input.formField.autoReadOnly[readonly]:hover,
	input.formField.autoReadOnly[readonly="readonly"]:hover,
	textarea.formField.autoReadOnly[readonly],
	textarea.formField.autoReadOnly[readonly]:hover,
	textarea.formField.autoReadOnly[readonly="readonly"]:hover {
		background-color:#f4f4f4!important;
		border-color:#f4f4f4!important;
		box-shadow:none!important;
		cursor:not-allowed!important;
		color:#444444!important;
	}
	.help.on textarea.formField.autoReadOnly[readonly] { background-color:#ffffff!important}
	input.formField.autoReadOnly[readonly]::-moz-selection { background:transparent;  }
	input.formField.autoReadOnly[readonly]::selection { background:transparent;  }




	/* form field focus states for validated  */
	input.formField:focus,
	textarea.formField:focus,
	input.formField.validate:focus,
	textarea.formField.validate:focus,
	.body[contenteditable]:focus,
	.body[contenteditable=true]:focus,
	input.small[type='text']:focus  {
		border:1px solid #5897fb;
		-webkit-transition: border-color .5s!important;
		-moz-transition: border-color .5s!important;
		-o-transition: border-color .5s!important;
		transition: border-color .5s!important;
		box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1)!important;
		color:#0066ff!important;
	}
	/* selectBoxIt.js */
	.selectField.selectboxit-btn:focus {
		border:1px solid #5897fb;
		-webkit-transition: border-color .5s!important;
		-moz-transition: border-color .5s!important;
		-o-transition: border-color .5s!important;
		transition: border-color .5s!important;
	}
	input.formField.readonly:focus,
	textarea.formField.readonly:focus,
	/* selectBoxIt.js */
	.selectboxit.selectField.disabled.selectboxit-disabled.selectboxit-btn:focus,
	.selectWrap select:disabled,
	.selectWrap select:disabled:focus,
	.selectWrap select:disabled:active
	{
		border:1px solid #f4f4f4 !important;
		-webkit-transition:none!important;
		-moz-transition:none!important;
		-o-transition:none!important;
		transition:none!important;
		box-shadow:none!important;

	}
.inline-label .helpIcon { display:none; }
.inline-label.help .helpIcon {
	display: inline-block;
	width: 33px;
	height: 33px;
	margin-bottom: -11px;
	vertical-align: top;
	float: none;
	position: relative;
	background-position: center top;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	cursor: pointer;
	margin-left: 5px;
}
	.inline-label.help.slider .helpIcon { margin-left:7px;}



/*.inline-label.help:hover*/
.inline-label.help.on {
	border-color:#c7b996;
	border-style:solid  !important;
	position:relative;
	background: #fdf6cc!important;
}
.inline-label.help.on > .helpIcon { display:none}

.inline-label.help .fieldTip {
	padding:0 15px 10px 15px;
	display:block;
	margin-right:10px;
	margin-top:26px;


	position:absolute;
	z-index:3;
	border:1px solid #c7b996;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#444444!important;
	display:none;

	background: #fdf6cc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmUzOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fdf6cc 0%, #ffe399 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf6cc), color-stop(100%,#ffe399));
	background: -webkit-linear-gradient(top,  #fdf6cc 0%,#ffe399 100%);
	background: -o-linear-gradient(top,  #fdf6cc 0%,#ffe399 100%);
	background: -ms-linear-gradient(top,  #fdf6cc 0%,#ffe399 100%);
	background: linear-gradient(to bottom,  #fdf6cc 0%,#ffe399 100%);
}


/* FIELD TIPS */

/* these are absolutely positioned so left and right positioning are necessary */
/* mobile portrait */
@media only all and (min-width: 320px) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip { left:10px; right:41px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip {}

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  {}


/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip { width:165px;}
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip  {  }
	/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip { }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip {  }




/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { }


/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip {  }


}

/* mobile landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip { left:10px; width:333px;  }

/* dialogue mini form */
	.dialogue .inline-label.help .fieldTip { width:245px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip {}

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip  { width:270px;  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip { width:270px  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip {  }

}


/* tablet and up */
@media only all and (min-width: 768px) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip { left:154px; width:480px; }

/* dialogue mini form */
	.dialogue .inline-label.help .fieldTip  { width:360px;  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip {}

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  { left:154px; right:53px!important; }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip { width:480px; left:150px;  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip  { left:10px; width:263px;  }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip { }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip { left:10px; width:270px; }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { left:10px; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip {  }
	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .fieldTip { left:150px!important; width:173px; }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .fieldTip { left:150px!important; width:173px; }



	.tabbedContent.side-tabs .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  { left:155px; width:305px }





}


/* tablet portrait */
@media only all and (min-width: 768px)  and (orientation : portrait) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip {  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip { left:10px; width:253px;}

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  { left:154px; right:43px!important;}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip  { left:10px;  }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip {  }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip { left:10px;  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { left:10px; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip { left:154px!important; width:290px; }
	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .fieldTip { left:154px!important; right:70px!important; }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .fieldTip { left:154px!important; right:75px; }


}

/* mobile up to 800 by 600 */
@media only all and (min-width: 768px) and (max-width: 800px) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip {  }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip { left:10px; width:253px; }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  { left:154px; width:auto; right:53px;}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip  {  }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip { }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip {   }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip { left:149px!important; width:290px }

}

/* tablet landscape > 1024 by 768 */
@media only all and (min-width: 992px) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip { left:204px; /*right:41px;*/ width:530px; }
/* dialogue mini form */
	.dialogue .inline-label.help .fieldTip { width:310px;}

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip { left:10px; width:373px; }


/* fields in 2 fluid columns and sequence columns that snap with no parent */
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label.help .fieldTip,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label.help .fieldTip  { left:153px; width:240px; }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  { left:10px; width:auto; right:43px!important; }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip { left:154px; width:540px; }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip { left:150px; width:230px  }
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip  { left:10px; width:260px  }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip { width:230px; left:153px}

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip { left:195px;  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip { left:150px; width:220px  }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  { left:10px; width:225px;  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { left:10px; width:223px; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip { left:149px; width:516px; }


	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .fieldTip { left:10px!important; width:230px  }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .fieldTip { left:10px!important; width:230px  }


	.tabbedContent.side-tabs .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  { left:10px; width:223px }

}

/* 1024 up to 1200 */
@media only all and (min-width: 1168px) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip { }
/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip {}

/* fields in 2 fluid columns and sequence columns that snap with no parent */
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label.help .fieldTip,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label.help .fieldTip  { width:325px; }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip { }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip { left:150px; width:320px; }


		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip { left:153px; width:270px; }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip { left:150px; width:320px; }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  { width:281px;  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { width:283px }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip {  }

	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .fieldTip { left:150px!important; width:230px  }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .fieldTip { left:150px!important; width:230px  }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  {  width:283px }




}

/* 1400 or more */
@media only all and (min-width: 1425px) {

/* fields in one column with no parent */
	.inline-label.help .fieldTip { }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label.help .fieldTip {}

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fluid-fixed .col-1-3 .inline-label.help .fieldTip,
	.grids.snap.noParent .fixed-fluid .col-1-3 .inline-label.help .fieldTip  {}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .inline-label.help .fieldTip,
	.accordion .contentPanel .inline-label.help .fieldTip { }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.accordion .contentPanel .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .module .grids.snap .col-2-4 .inline-label.help .fieldTip,
	.helm#stage .grids.snap .col-2-4 .module .inline-label.help .fieldTip  {  }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .inline-label.help .fieldTip { }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .inline-label.help .fieldTip {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .inline-label.help .fieldTip { width:375px; }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .fieldTip  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .fieldTip,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .fieldTip,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .fieldTip { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .inline-label.help .fieldTip {  }

	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .fieldTip {  width:320px  }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .fieldTip {  width:320px  }

}









.inline-label.help .fieldTip .arrow {
	width:53px;
	height:27px;
	background-image:url(../themes/classic/graphics/fieldTipPointer.gif);
	position:absolute;
	top:-27px;
}
.inline-label.help .fieldTip .close {
	width:42px;
	height:33px;
	background-image:url(../themes/classic/graphics/fieldTipCloser.gif);
	background-position:center top;
	position:absolute;
	top:-1px;
	right:15px;
	text-indent:-9999px;
	cursor:pointer;
}
	.inline-label.help .fieldTip .close:hover {
		background-position:center bottom;
	}
.tipContent { font-size:13.5px; line-height:normal; overflow:hidden }


.inline-label.help .helpIcon:hover {
	background-position:center bottom;
}

.validateErrorMessage {
	background-color:#f8dada;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #d35559;
	/*margin-left:145px;*/
	margin-top:10px;
	color:#c72e33;
	padding:10px 15px;
	font-size:12px;
	line-height:normal;
	position:relative;
	-webkit-box-shadow:  0px 0px 1px 2px rgba(0, 0, 0, 0.1);

	box-shadow:  0px 0px 1px 2px rgba(0, 0, 0, 0.1);
	text-shadow: none!important;
}


/* animations for reponsive snap size changes  */
.inline-label label,
.inline-label .label,
.inline-label input.formField,
.inline-label textarea.formField,
.inline-label.help .fieldTip,
.validateErrorMessage,
/* may 2022 fix to 2 column layout fields overflow on smaller screens */*/
.inline-label select,
.inline-label .selectboxit-container .selectboxit {
	/* Animation Property */
	animation-property: width;
	animation-property: height;
	transition-duration: 0.5s;

	/* webkit */
	-webkit-animation-property: width;
	-webkit-animation-property: height;
	-webkit-transition-duration: 0.5s;

	/* moz */
	-moz-animation-property: width;
	-moz-animation-property: height;
	-moz-transition-duration: 0.5s;
}



/* VALIDATION ERRORS */

/* mobile portrait */
@media only all and (min-width: 320px) {

/* fields in one column with no parent */
	.validateErrorMessage { margin-left:0px; margin-right:43px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .validateErrorMessage { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */


/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage { width:165px;}
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage { width:270px; }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { width:165px; }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage {}

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  {  }


/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage {  }


}

/* mobile landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* fields in one column with no parent */
	.validateErrorMessage { width:333px }

/* dialogue mini form */
	.dialogue .validateErrorMessage { width:245px; }


/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .validateErrorMessage { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage { width:270px;}
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage { width:270px;}
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { }


/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage { width:270px;}

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage {  }

}


/* tablet and up */
@media only all and (min-width: 768px) {

/* fields in one column with no parent */
	.validateErrorMessage { margin-left:144px; width:480px;  }

/* dialogue mini form */
	.dialogue .validateErrorMessage { width:360px; }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .validateErrorMessage { }


/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .validateErrorMessage { }


/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage { margin-left:0px !important;}
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage { margin-left:0px !important;  }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { width:263px}


/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage { margin-left:0px; width:270px;}

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { margin-left:0; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage { margin-left:145px; width:305px  }
	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .validateErrorMessage { margin-left:140px; width:173px }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { margin-left:140px; width:173px }


	.tabbedContent.side-tabs .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  { margin-left:145px;  width:305px }


}


/* tablet portrait */
@media only all and (min-width: 768px) and ( orientation : portrait) {

/* fields in one column with no parent */
	.validateErrorMessage { }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label .validateErrorMessage { margin-left:0px; width:253px;}

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .validateErrorMessage {
		margin-right:43px!important;
		margin-left:144px!important;
	}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage { width:260px;}
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage { width:260px; }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { }



/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage { width:260px;}

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { margin-left:0; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage  {  width:290px;  }
	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .validateErrorMessage { margin-left:143px!important; margin-right:70px; }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { margin-left:140px!important; margin-right:75px; }

}

/* mobile up to 800 by 600 */
@media only all and (min-width: 768px) and (max-width: 800px) {

/* fields in one column with no parent */
	.validateErrorMessage { }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label .validateErrorMessage { margin-left:0px; margin-right:60px; width:253px; }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .validateErrorMessage { margin-left:145px; width:480px}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage { margin-left:140px; width:478px  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage { width:263px  }
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage { width:263px  }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { width:263px }


/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage {}

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { margin-left:145px;}

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage { width:290px; margin-left:140px; }

	.tabbedContent.side-tabs .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  { margin-left:145px; width:307px }

}

/* tablet landscape > 1024 by 768 */
@media only all and (min-width: 992px) {

/* fields in one column with no parent */
	.validateErrorMessage { margin-left:194px; width:530px; }
/* dialogue mini form */
	.dialogue .validateErrorMessage { width:310px;}

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .inline-label .validateErrorMessage { margin-left:0px; width:374px;}


/* fields in 2 fluid columns and sequence columns that snap with no parent */
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label .validateErrorMessage  { margin-left:143px; width:240px; }




/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .validateErrorMessage {
		margin-right:43px;
		margin-left:0px;
		width:auto;
	}

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage { margin-left:143px; width:540px; }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { margin-left:143px; width:230px; }


/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage { margin-left:143px; width:225px; }
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage { margin-left:0; width:270px; }

/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage { margin-left:184px; }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage { margin-left:140px; width:220px; }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  { margin-left:0px; width:225px  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { margin-left:0px; width:223px; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage { width:516px; margin-left:140px;  }

	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .validateErrorMessage { margin-left:0px; width:230px; }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { margin-left:0px; width:230px;  }


	.tabbedContent.side-tabs .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  { margin-left:0px; width:223px }

}

/* 1024 up to 1200 */
@media only all and (min-width: 1168px) {

/* fields in one column with no parent */
	.validateErrorMessage { }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .validateErrorMessage { }


/* fields in 2 fluid columns and sequence columns that snap with no parent */
	.grids.snap.noParent .col-2-4 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent ol.formFields .col-2-4 .inline-label .validateErrorMessage  {  width: 325px; }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .validateErrorMessage { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage { margin-left:140px !important; width:320px }
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage { margin-left:140px !important; width:320px }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage {  width:271px; margin-left:144px !important; }


/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage { margin-left:140px; width:320px;}

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  { width:281px; }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { width:281px; }

/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage {  }
	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .validateErrorMessage { margin-left:140px; margin-right:43px; width:230px;  }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { margin-left:140px; margin-right:43px; width:230px!important; }


	.tabbedContent.side-tabs .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent.side-tabs .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  { margin-left:0px; width:281px }

}

/* 1400 or more */
@media only all and (min-width: 1425px) {

/* fields in one column with no parent */
	.validateErrorMessage { }

/* fields in 2 columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent ol.formFields .validateErrorMessage { }

/* fields in 2 fixed fluid columns that snap with no parent - '.grids.snap.noParent - these always snap */
	.grids.snap.noParent .fixed-fluid .col-1-3 ol.formFields .inline-label .validateErrorMessage,
	.grids.snap.noParent .fluid-fixed .col-1-3 ol.formFields .inline-label .validateErrorMessage { }

/* panels and accordions with no columns - '.panel .details' and '.accordion .contentPanel'  */
	.panel .details .validateErrorMessage,
	.accordion .contentPanel .validateErrorMessage {  }

/* panels and accordions with columns - ''  */
	.panel .details .grids.snap .col-2-4 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .col-2-4 .validateErrorMessage {}
	.helm#stage .module .grids.snap .col-2-4 .validateErrorMessage,
	.helm#stage .grids.snap .col-2-4 .module .validateErrorMessage {   }
		/* panels and accordions with columns with a sequence form inside it  */
		.panel .details .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage,
		.accordion .contentPanel .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { }


/* panels with fixed fluid columns - '.panel .details .grids.portraitOverride'  */

/* fields in top tabbed content with no columns - '.tabbedContent .paneWrapper '*/
	.tabbedContent .paneWrapper .validateErrorMessage {  }

/* fields in top tabbed content with 2 fluid columns - '.tabbedContent .paneWrapper' */
	.tabbedContent .paneWrapper .grids.snap .col-2-4 .validateErrorMessage { width:375px; }

/* fields in 2 fixed fluid columns inside  top tabbed content - '.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3' */
	.tabbedContent .paneWrapper .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.tabbedContent .paneWrapper .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage  {  }

/* panels and accordions with 2 fixed fluid columns inside - '' */
	.panel .details .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.panel .details .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fixed-fluid .col-1-3 .validateErrorMessage,
	.accordion .contentPanel .grids.snap .fluid-fixed .col-1-3 .validateErrorMessage { }



/* fields in side tabbed content with no columns - '.side-tabs .tabPanel' */
	.tabbedContent.side-tabs .paneWrapper .validateErrorMessage {  }
	/* exceptions fpor portrait mode */
	.tabbedContent.side-tabs .paneWrapper .grids.snap .col-2-4 ol.formFields .validateErrorMessage { width:320px; }
	.tabbedContent.side-tabs .paneWrapper .grids.snap ol.formFields.sequence .col-2-4 .validateErrorMessage { width:320px!important; }


}




	.validateErrorMessage .arrow {
		background-image:url(../themes/classic/graphics/validateErrorMessageArrow.gif);
		width:18px;
		height:9px;
		display:inline-block;
		position:absolute;
		top:-9px;
	}
	.validateErrorMessage p { margin-bottom:5px;}
	#stage .deck .validateErrorMessage p:last-child { margin-bottom:0px; }

	.validateErrorMessage p.required {
		background-image:url(../themes/classic/graphics/required-16by16.png);
		padding-left:20px;
		background-position:left top;
		background-repeat:no-repeat
	}
	.validateErrorMessage p.error {
		background-image:url(../themes/classic/graphics/error-16by16.png);
		padding-left:20px;
		background-position:left top;
		background-repeat:no-repeat
	}

.checkWrap span.checkbox.tristateTrue {
	background-image: url(../themes/classic/graphics/icons/checkboxes/tick-approve.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border-color: #119f25;
}

.checkWrap span.checkbox.tristateFalse {
	background-image: url(../themes/classic/graphics/icons/checkboxes/cross-negative.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border-color: #c71a1e;
}
/* CSS Document */

.inline-label .button,
.inline-label input[type="submit"],
.deck .buttonGroup .button,
.deck  .buttonGroup input[type="submit"] { margin-right:10px; line-height:normal!important; /* stops the rest of the form layout bumping the button height */  }


/* applies to psuedo button styles first and then rest for the button tag itself */
.button {
	box-shadow: 0pt 1px 0pt rgba(255, 255, 255, 0.55) inset, 0pt 1px 1px rgba(0, 0, 0, 0.15);
	text-shadow: 0pt 1px 0pt rgba(255, 255, 255, 0.55);
	display: inline-block;
	zoom: 1;
	vertical-align:top;
	position: relative;
	text-align: center;
	font-weight:normal;
	padding: 8px 12px 0 12px;
	height:26px!important;
	min-width: 6px;
	border-width: 1px;
	border-style: solid;
	-webkit-background-clip: padding-box;
	border-radius: 5px;
	-webkit-appearance: none;
	background-position: center center!important; 
	border-color:#cccccc;
	border:none;
	background-color: #efeff4;
	margin-bottom:10px;
	font-size:14px;
	}
	.button.blockButton { display:block }
input.button[type="submit"],
input.button[type="reset"],
.fileinput-button input,
span.button { padding-bottom:8px!important; height:auto!important;}



.statNum { 
	position: absolute; 
	bottom: -8px;
	min-width: 22px;
	padding: 0 5px; 
	height: 22px; 
	line-height: 20px;
	text-align: center;
	z-index: 200;
	border-radius: 50% 50% 50% 50%;
	font-weight: bold;
	font-size: 0.75rem;
	border: 0.01rem solid;
	box-sizing: border-box
}
.dataTablesTheme { position: relative; z-index: 1 !important}
.statNum.negative,
.statNum.approve,
.statNum.black { color: #FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); }

.statNum.positive { border-color: #2058C4}
.statNum.lock { border-color: #DAB124}
.statNum.negative { border-color: #C4141E; }
.statNum.approve { border-color: #21A62E; }
.statNum.black  { border-color: #000; }





.button.fullWidth { display:block; width:100%;}
.button:focus,
.button.active { box-shadow: 0px 0px 2px 2px rgba(8, 151, 251, 0.5)!important; border-color:#efefef;}

.button.dropMenuButton.dropActive { border-bottom-right-radius:0px; border-bottom-left-radius:0;}

@media only all and (min-width: 320px)  and (max-width: 480px) {
	.quarterdeck .buttonGroup .button {
	  font-size:12px;
	}
}


/* button group in the aside of the toolkit */
#toolkit .sideContent .buttonGroup { width:220px;}
#toolkit .sideContent .buttonGroup .button { display:block;}


/*@-moz-document url-prefix() {
    .button { padding-top:7px; height:27px!important; }
}*/
button.button { padding-top:0px; height:34px!important; }
button.textOnly,
a.button.textOnly { 
	background:none; 
	border:none; 
	border:none; 
	padding:0 0 0 0; 
	box-shadow: none;
	text-shadow: none;
	color:#000!important; 
	}


/* TOOLKIT make these a little smaller in the page navigation in the toolKit */
	ol.pageNav li .button,
	ol.pageNav li button.button { line-height: normal!Important; padding: 6px 12px 0 12px; height:24px!important; }
	
.button.icon { overflow:hidden; position:relative; padding-left:43px; }	
.button.icon.alignIconRight { overflow:hidden;  position:relative; padding-right:43px; padding-left:12px; }
.button.icon span.state { 
    display:block; 
	width:34px; 
	/* height:29px; */
	height:34px; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; 
	position:absolute; 
	top:0px; 
	left:0; 
}
	
/* get the icons on the right of the buttons */
.button.icon.alignIconRight span.state {
	display:block;
	width:34px; 
	height:34px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	float:right;
	margin-left:100%;
	left:-33px;
}

/* button icons - see classic */
.button.icon span.state span {
	display:block; 
	width:inherit; 
	height:inherit;
    -webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	line-height:34px;
	vertical-align:baseline;
}
	/* string value instead on an icon */
	.button.icon.string span.state span {
		color:#FFF;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
	}

/* massive buttons */
.button.massiveSize {
	padding: 11px 40px 0 40px!important;
	height:43px!important; 
	font-size: 24px!important;
	font-weight:normal!important;	
	line-height: 54px;
}
@-moz-document url-prefix() {
	.button.massiveSize { 
		padding: 9px 40px 0 40px!important;
		height:45px!important; 
	}
}
button.button.massiveSize {
	padding: 0px 40px 0 40px!important; 
	height:54px!important; 
}
.button.massiveSize.icon { padding-left:85px!important; }
.button.massiveSize.icon span.state { 
	width:54px; 
	height:54px; 
}
.button.massiveSize.icon span.state span { 
	width:inherit; 
	height:inherit; 
    line-height:54px;
	vertical-align:baseline;
}
.button.massiveSize.icon.alignIconRight {
	padding-right:85px!important;
	padding-left:40px!important;
}
.button.massiveSize.icon.alignIconRight span.state {
	display:block;
	width:54px; 
	height:54px; 
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	float:right;
	margin-left:100%;
	left:-54px;
}

.button.massiveSize.noText {text-indent:-9999px; white-space:nowrap; border-radius:54px; padding-left:14px !important;}


  

  

  
  
  
/* small buttons really reserved for the toolkit area and form builder  */
p.smallButtonLineHeight { line-height:24px;}
.button.small {
	padding: 0px 12px 0 12px!important;
	height:20px!important;
	font-size: 11px!important;
	font-weight:bold!important;
	line-height: 20px!important; /* minus the border */
	min-width: 6px;
	font-weight:bold;
	position:relative;
	border:1px solid #444;
	}
	.outrigger .button.passive {border:1px solid #444;}
button.button.small {
	padding: 0px 12px 0 12px!important;
	height:22px!important; 
}
@-moz-document url-prefix() {
	button.button.small {
		padding: 1px 12px 0 12px!important;
		height:22px!important; 
	}
}
.button.small.icon { padding-left:29px!important; }
.button.small.icon span {
	margin-left:3px;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	height: inherit;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	width:22px;
	height:20px!important;
	background-size: cover;
	}
	/* sub class for drop down style line */
	.button.small.icon.iconLine { padding-left:36px!important;}
	.button.small.icon.iconLine span {border-right:1px solid #000; }
	
.button.small.icon.noText { padding-right:0px!important; position:relative; text-indent:-9999px; white-space:nowrap; }
.button.small.icon.noText span { margin-left:6px; }


.button.small.rounded { border-radius:30px; }
.button.small.rounded.icon { padding-left:16px!important; }
.button.small.rounded.icon span { margin-left:0px; background-position:center center; background-size:cover; }
.button.small.rounded.icon.active span { background-size:80% 80%; }




/* smallest buttons really reserved for the pincards  */
p.smallestButtonLineHeight { line-height:24px;}
.button.smallest {
	padding: 0px 8px 0 8px!important;
	height:15px!important;
	font-size: 9px!important;
	font-weight:bold!important;
	line-height: 15px!important; /* minus the border */
	min-width: 6px;
	font-weight:bold;
	position:relative;
	border:1px solid #444;
	border-radius:0 0 0 0;
	}
button.button.smallest {
	padding: 0px 8px 0 8px!important;
	height:15px!important; 
}
@-moz-document url-prefix() {
	button.button.smallest {
		padding: 1px 8px 0 8px!important;
		height:15px!important; 
	}
}
.button.smallest.icon { padding-left:23px!important; }
.button.smallest.icon span {
	margin-left:3px;
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	height: inherit;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	width:15px;
	height:15px!important;
	background-size: cover;
	}
	/* sub class for drop down style line */
	.button.smallest.icon.iconLine { padding-left:36px!important;}
	.button.smallest.icon.iconLine span {border-right:1px solid #000; }
	
.button.smallest.icon.noText { padding-right:0px!important; padding-left:15px !important; position:relative; text-indent:-9999px; white-space:nowrap; }
.button.smallest.icon.noText span { margin-left:3px; }









/* normal sized rounded buttons for rule builing */
.button.icon.noText.rounded { border-radius:30px !important; text-indent:-9999px; white-space:nowrap; padding-left:22px !important;  }
.button.icon.noText.rounded span.state { border-radius:30px 30px 30px 30px !important; }


/* small sized rounded buttons for form builing */
.button.icon.small.noText.rounded { border-radius:30px !important; text-indent:-9999px; white-space:nowrap; padding-left:22px !important;  }
.button.icon.small.noText.rounded span.state { border-radius:30px 30px 30px 30px !important; }

/* massiveSize sized rounded buttons for form builing */
.button.icon.massiveSize.noText.rounded { border-radius:30px !important; text-indent:-9999px; white-space:nowrap; padding-left:14px !important;  }
.button.icon.massiveSize.noText.rounded span.state { border-radius:30px 30px 30px 30px !important; }


/* see theme for icon images */


/* bulb in a small button */
button.small span.bulb,
.button.small span.bulb,
button.small.icon span.bulb,
.button.small.icon span.bulb,
button.small.icon.noText span.bulb,
.button.small.icon.noText span.bulb { 
	position:absolute!important; 
	top:-10px!important; 
	display:inline-block!important; 
	min-width:5px;
	max-width:10px; 
	height:auto!important; 
	margin-left:-12px!important; 
	border-radius: 10px!important;
	padding:2px 7px 2px 6px!important;
	text-indent:0px;
	z-index:5;
}
button.small.icon span.bulb,
.button.small.icon span.bulb,
button.small.icon.noText span.bulb,
.button.small.icon.noText span.bulb {
	left:100%; 
}


@media only all and (min-width: 992px) {
	.button.small {
		padding: 0px 12px 0 12px!important;
		height:22px!important;
		font-size: 12px!important;
		line-height: 22px!important;
	}
	button.button.small {
		padding: 0px 12px 0 12px!important;
		height:24px!important; 
	}
	.button.small.icon { padding-left:29px!important; }
	.button.small.icon span {
		width:22px;
		height:22px!important;
	}
} 
	
	
	



	
	
.button:hover {}
.disabled,
:disabled {
  cursor: not-allowed !important;
  box-shadow: none;
  text-shadow: none;
}
button.disabled,
.button.disabled,
button:disabled,
.button:disabled {
  opacity:0.8 !important;
}
.button:focus {outline: none;} 
.button.active,
button.button.active {box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8) inset;}
	

/* buttons in a group */
.buttonFamily { display:inline-block; margin-right:10px; vertical-align:text-bottom; white-space: nowrap; font-size:0; }

@-moz-document url-prefix() {
    .buttonFamily {
		margin-bottom:1px;
    }
}
	/* small buttons ina group */
	.buttonFamily.small {
		border:1px solid #444;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color:#bababc;
		height:22px;
	}
	.buttonFamily .button,
	.buttonFamily button.button { margin:0 0 0 0 !important; display:inline-block; margin-bottom:0; }
	.buttonFamily a.button.small,
	.buttonFamily button.button.small {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border-top:none !important;
		border-right:1px solid #bababc !important;
		border-bottom:none!important;
		border-left:1px solid #d3d4d6 !important;
		height:22px !important;
		
		float:none
		
		
	}
	
	@-moz-document url-prefix() {
		.buttonFamily button.button.small {line-height:24px !important;}
	}
	.buttonFamily .button.small.first,
	.buttonFamily .button.small:first-of-type {
		-webkit-border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-left:0px none !important;
	}
	.buttonFamily .button.small.last,
	.buttonFamily .button.small:last-of-type {
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right:0px none !important;
	}
/* button family inside a hgroup */
.hgroup .buttonFamily { float:right !important; margin-top:10px; margin-left:20px; }


.searchFilter {
	height:22px!important;
	font-weight:bold;
	position:relative;
	display:inline-block;
	margin-left:10px;	
}
.searchFilter input.formField.small {
	display:inline-block; 
	cursor: text;
    position: relative;
	height:18px;
	top:-3px;
	width:90px;
	padding:5px 12px 5px 12px;
	margin:0 0 0 0!important;
	vertical-align:top;
	line-height:12px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#FFF;
}
@media only all and (min-width: 992px) {
	.searchFilter input.formField.small { width:180px; }
}
.searchFilter .button.small {
	-webkit-border-radius: 12px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-moz-border-radius: 12px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 12px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-right:0;
}
.searchFilter .button.small span { margin-left:2px; }





	


/* CSS Document */

/* panel for forms etc */	
.deck .panel {
	border-radius: 10px;
	border:1px solid transparent;
	margin-bottom:20px;
}
.deck .panel .tabTitle { 
	margin:10px 0 0 0;  
	position:relative;  
	padding:0 84px 10px 10px; 
	cursor:pointer
}
.deck .panel .tabTitle.on {  }
.deck .panelSummary {  }
.panelSettingsTrigger {
	display:block;
	width:44px;
	padding:0 10px;
	height:44px;
	text-indent:-99999px;
	cursor:pointer;
	position:absolute;
	bottom:-1px;
	right:10px;
}
	
.deck .panel .panelSettings {
	padding-top:10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
	position:relative;
	margin-bottom:10px;
	display:none;
}
.deck .panel .panelSettings p.settingTitle { }
.deck .panel .panelSettings .instructions { }
.deck .panel .panelSettings p.settingTitle,
.deck .panel .panelSettings .instructions { margin-right:10px; margin-left:10px; }
.deck .panel .panelSettings p.settingTitle { margin-bottom:10px; }
.deck .panel .panelSettings .instructions { margin-bottom:10px; }


/* accordion in the deck */
.deck .accordion {
	margin-bottom:20px;
}
.deck .accordion p.contentTrigger {
	display:block;
	margin-bottom:0!important;
    cursor:pointer;
}
.deck .accordion p.contentTrigger.on {  }

.deck .accordion p.contentTrigger.first { border-top:0px; }
.deck .accordion p.contentTrigger.last {}
.deck .accordion p.contentTrigger.last.on {}



/* accordion in the toolkit */
#toolkit .accordion {
	border:1px solid #CCC;
	overflow:hidden;
	width:240px;
}
#toolkit .accordion p.contentTrigger {
	display:block;
	border-top:1px solid #ccc;
	background-color:#efefef;
	margin-bottom:0!important;
    cursor:pointer;
}
#toolkit .accordion p.contentTrigger.on { background-color:#FFF; }
#toolkit .accordion p.contentTrigger { padding:10px!important; }
#toolkit .accordion .contentPanel { padding-top:10px; background-color:#FFF; }

.accordion .contentPanel { border-top:1px solid #ccc; }
.accordion .contentPanel:after {
  content: "";
  display: table;
  clear: both;
  overflow:hidden;
  width:auto
}






/* tabbed content in the deck */
.deck .tabbedContent {margin-bottom:20px;}
	/* reset for iframe setc */
	.deck.inColorbox .tabbedContent { margin-bottom:0}
.tabbedContent { position:relative;  }

	/* reset in 992.css */
	/*.controlPaneTabs { 
		list-style-type:none; 
		padding-left:0; 
		margin-bottom:0;
	}*/
	/*TEST*/
	.controlPaneTabs { 
		list-style-type:none; 
		padding-left:0; 
		margin:0 20px 0 20px;
	}
		/* reset in 992.css */
		.controlPaneTabs li { 
			display:block;
			margin:0 0px 0 0px!important;
			padding:0px!important; 
			border-bottom:none;
		}
		.controlPaneTabs li a { display:block; position:relative; }
		.controlPaneTabs.smallStyle li { font-size:80%; padding:8px; }
		.controlPaneTabs li.active {  }


.withHeadlineCard.tabbedContent{ background-color:#f6f6f6; margin-top:-10px; padding-top:10px;}

/*TEST*/	
/*.paneWrapper {  padding:10px 0 0px 0; }*/
.paneWrapper {  padding:30px 10px 10px 10px !important; background-color:#FFF !important }

.side-tabs,
.side-tabs-tabsRight {
	overflow: visible;
	height: auto!important;
}
/* reset in 992.css */
.side-tabs > .controlPaneTabs {
	background: none;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index:2;
	margin-top:0;
	position: relative;
	width:auto!important;
}
/* reset in 992.css */
.side-tabs-tabsRight  > .controlPaneTabs {
	background: none;
	right: 0px;
	top: 0;
	overflow: hidden;
	z-index:2;
	margin-top:0;
	position: relative;
	width:auto!important;
}
.side-tabs > .paneWrapper,
.side-tabs-tabsRight > .paneWrapper  { z-index:1; min-height:278px;}
/* reset in 320.css  */
.side-tabs > .paneWrapper { margin-left:20px; }
.side-tabs-tabsRight > .paneWrapper { margin-right:20px }
/* reset in 992.css */
.side-tabs,
.side-tabs-tabsRight { padding-right:0px; padding-left:0px; } 
/* reset in 992.css */
.side-tabs .controlPaneTabs li,
.side-tabs-tabsRight .controlPaneTabs li { 
	display:block; 
	margin:0 0 0 0!important; 
	padding:0 0 0 0; 
	width:auto;
}
.side-tabs .controlPaneTabs li.active,
.side-tabs-tabsRight .controlPaneTabs li.active { border-bottom:0px none!important; }
/* reset in 992.css */
.side-tabs .controlPaneTabs li.active { }
.side-tabs-tabsRight .controlPaneTabs li.active { }
/* reset in 992.css */
.side-tabs .controlPaneTabs li:last-of-type,
.side-tabs-tabsRight .controlPaneTabs li:last-of-type {border-bottom:none!important;}
.side-tabs .controlPaneTabs li a,
.side-tabs-tabsRight .controlPaneTabs li a {
	display:block;
}
.controlPaneTabs li a {  }
.controlPaneTabs li.active a {  }



/* panel children */
.deck .panel .details,
.deck .accordion .contentPanel,
.deck .tabbedContent .paneWrapper { 
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	min-height:100px;
}
.deck .panel .details:after,
.deck .accordion .contentPanel:after,
.deck .tabbedContent .paneWrapper:after {
  content: "";
  display: table;
  clear: both;
  overflow:hidden;
  width:auto
}
@media only all and (min-width: 992px){
	.deck .panel .details,
	.deck .accordion .contentPanel,
	.deck .tabbedContent .paneWrapper { padding-right:10px; padding-left:10px; height:auto; }
}

/* bulbs */
.deck .controlPaneTabs li a span.bulb {
  cursor:inherit;
  margin:0 0 0 6px;
  position:relative;
  display:inline;
  vertical-align:baseline
}


@-moz-document url-prefix() { 
	.deck .controlPaneTabs li a span.bulb {
		margin:0px 0 0 6px;
	}
}


/* CSS Document for tables */

/* in the deck action tables */
.deck table { border-collapse: collapse; border-spacing: 0; }
.deck table { vertical-align: top; font-size:10px; }
.deck table.verticalAlignMiddle th,
.deck table.verticalAlignMiddle td { vertical-align:middle} 

.standard caption { font-size:20px; padding-bottom:1em; text-align:left }
.standard tbody th { vertical-align:top;}
.standard small { font-size:10px; }
.standard thead th,
.standard tfoot td,
.standard tbody th:first-child { font-size:11px;}
.standard.sum tfoot td,
.standard.sum thead th,
.standard.sum tfoot th:first-child,
.standard.sum tbody th:first-child  { font-size:13px; }
.standard.sum .largeSum { font-size: 20px;}


table.standard th::-moz-selection { background:transparent; text-shadow:none; }
table.standard th::selection { background:transparent; text-shadow:none; }

table.standard {
    letter-spacing: -0.5px;
    border-collapse:collapse;
	margin-bottom:40px;
	width:100%;
}
.standard thead th { padding:10px 6px; }
.standard tbody td,
.standard tfoot td { padding:6px; } 
.standard.sortable thead th { padding-left:6px; }

@media only all and (min-width: 992px) {
	.deck table {  font-size:11px; letter-spacing: 0px; }
	.standard thead th { padding:12px 8px; }
	.standard thead th,
	.standard tfoot td,
	.standard tbody th:first-child { font-size:13px;}
	.standard small { font-size:11px; }
	.standard tbody td,
	.standard tfoot td { padding:8px; }
	.standard.sum tfoot td,
	.standard.sum thead th,
	.standard.sum tfoot th:first-child,
	.standard.sum tbody th:first-child { font-size:15px; }
	.standard.sortable thead th { padding-left:10px; }
}


.deck table {  font-size:11px; letter-spacing: 0px; }


/* header */
.standard thead th { 
/*  color:#fff;
    font-weight:bold;
	;
	background-color: #545454;*/
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	text-align:left;
	line-height:1;
	border-collapse:collapse;
	border-spacing:0;
	white-space:nowrap
	}
	.helm .standard thead th { border:none; }
	.standard thead th:first-child {
		background-image:url(../themes/classic/graphics/tables/1pxCCCCCC.gif); 
		background-position:left top; 
		background-repeat:repeat-y;
		}
		.helm .standard thead th:first-child { background-image:none; }
	.standard thead th:last-child {
		border-right:1px solid #ccc !important;
		/*background-image:url(../themes/classic/graphics/tables/1pxCCCCCC.gif); 
		background-position:right top; 
		background-repeat:repeat-y;*/
		}
		.standard thead th:last-child {border-right:none;}
	/* ui classes for sorting / drggin via the th span*/
	.standard thead th { overflow:visible}
	.standard thead th .sortIt {
		height:15px;
		width:1px;
  		position: relative;
  		display: inline;
		overflow:visible;
		float: right;
		margin-top: 0px;
		margin-right: -8px;
		margin-left: 0px;
		}
		.standard.sortable thead th .sortIt { margin-right:-25px; }
	.sortIt .dragColMarquee {  
		cursor: col-resize;
		position:absolute;
		height:33px;
		width:9px;
		display:block;
		overflow-x: hidden;
  		overflow-y: hidden;
		right:0px;
		top:-8px;
		opacity: 0;
   		transition: opacity .25s ease-in-out;
   		-moz-transition: opacity .25s ease-in-out;
   		-webkit-transition: opacity .25s ease-in-out;
		}
		.standard.sortable .sortIt .dragColMarquee {  height:46px; top:-15px;}
	.sortIt .dragColMarquee:hover { 
		background-image:url(../themes/classic/graphics/tables/colDrag.png); 
		background-position:right center; 
		background-repeat:no-repeat; 
		opacity:1;
		}
		.standard.sortable .sortIt .dragColMarquee:hover { 
			background-image:url(../themes/classic/graphics/tables/colDragSortable.png);
		}
	@media only all and (min-width: 992px) {
		.standard thead th .sortIt {
			margin-right: -10px;
		}
		.sortIt .dragColMarquee {  
			top:-10px;
			height:36px;
		}
	}
	.standard thead th:last-child .sortIt .dragColMarquee { display:none; }
	
	
	
	/* sort column in the last table heading cell */
	.standard thead th:last-child .sortIt .colSort { 
		cursor: pointer;
		position:absolute;
		width:33px;
		min-height:46px;
		display:block;
		right:-20px;
		bottom:-15px;
		background-image:url(../themes/classic/graphics/tables/filterTableButton.png);
		background-position:center 2px;
		background-size:38px 38px;
		background-repeat:no-repeat;
	}
	
	
	
	
	/*
	.standard.sortable thead th
{
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 10px;*/

/* footer */
.standard tfoot td { 
    color:#fff;
    font-weight:bold;
	background-color: #848FAB;
	text-align:left;
	line-height:1;
	text-shadow:1px 1px 1px #000;
	border-top:2px solid #687286;
}
.standard.spartan  tfoot td  { background-color:transparent; border-top:1px solid #ccc; color:#333; text-shadow:none; font-weight:normal; border-bottom-right-radius:0; border-bottom-left-radius:0; }
.searchResultWrapper table tfoot td { background-color:transparent; border-top:1px solid #000; color:#333; text-shadow:none; font-weight:normal; border-bottom-right-radius:0; border-bottom-left-radius:0; border-bottom:none!important; }
/* footer with vertical stripes */
.standard.zebraVertical tfoot td:nth-child(even){
	background-color:#8088a6;
}
.standard.zebraVertical tfoot td:nth-child(odd){
	background-color:#848FAB;
}




.standard tbody td,
.standard tbody th {
	border-bottom:1px solid #ccc;
	}
	.helm .standard tbody td,
	.helm .standard tbody th { border-bottom:none }
.standard.spartan tbody tr:last-of-type td,
.standard.spartan tbody tr:last-of-type th {
	border-bottom:0px none;
}
	/* vertical stripes */
	.standard.zebraVertical tbody td:nth-child(even){
		background-color:#f5f5f5;
	}
	.standard.zebraVertical tbody td:nth-child(odd){
		background-color:#fff;
	}
	/* when first col is not styled */
	.standard.zebraVertical.col1NoStyle tbody td:nth-child(odd){
		background-color:#f5f5f5;
	}
	.standard.zebraVertical.col1NoStyle tbody td:nth-child(even){
		background-color:#fff;
	}
	
	/* horizontal stripes */
	.standard.zebraHorizontal tbody tr:nth-child(odd) td { background-color:#ffffff; }
	.standard.zebraHorizontal tbody tr:nth-child(even) td { background-color:#f5f5f5; }
	
	
	
	
	
	
	
	.standard.zebraHorizontal tbody td { border-right:1px solid #ccc;}
	.standard.spartan.zebraHorizontal tbody td { border:none;}
	
/* sub class for highlighting rows when hovering over them */
.standard.hoverRows tbody tr:hover td { background-color:#FBF8E9!important;}
.standard.hoverRows tbody tr.loadingRow:hover td { background-color:inherit!important;}

	
	
	

.standard tbody td:first-child,
.standard tbody th:first-child {
	background-image:url(../themes/classic/graphics/tables/1pxCCCCCC.gif); 
	background-position:left; 
	background-repeat:repeat-y;
	/* border left does not line up so use an image instead */
	}
	.helm .standard tbody td:first-child,
	.helm .standard tbody th:first-child { background-image:none }
	.searchResultWrapper table tfoot td:first-child,
	.scrollable table tfoot td:first-child,
	.searchResultWrapper .standard tbody td:first-child, 
	.searchResultWrapper .standard tbody th:first-child,
	.scrollable .standard tbody td:first-child, 
	.scrollable .standard tbody th:first-child { background-image:none !important; border-left:0px !important; 
		}
		.standard.spartan.zebraHorizontal tbody td:first-child, 
		.standard.spartan.zebraHorizontal tbody th:first-child  { background-image:none !important; border:none !important }
	

.standard tbody td:last-child{
    border-right:1px solid #ccc;
	}
	.searchResultWrapper .standard tbody td:last-child,
	.searchResultWrapper table tfoot td:last-child,
	.scrollable .standard tbody td:last-child,
	.scrollable table tfoot td:last-child { border-right:0px; }
	
	.standard.spartan.zebraHorizontal tbody td:last-child, 
	.standard.spartan.zebraHorizontal tfoot th:last-child  { border:0px none !important; border-right:none !important }
	
	.standard.spartan.upload tbody td { border:none !important; background-image:none !important;}





/* spartan sub class removes norders left and right of table edge */
.standard.spartan thead th { 
	border-top:1px solid #ccc;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.65);
	background: #fefefe;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fefefe 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#f0f0f0 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f0f0f0',GradientType=0 );
}
.standard.spartan thead th:first-child { border-left:1px solid #CCC}



/*.standard.spartan thead th:first-child,*/
.standard.spartan { border:none !important;}
.standard.spartan tbody td:first-child,
.standard.spartan tbody th:first-child,
.standard.spartan tbody td.first {
	background-image:none !important;
	border-left:0px none !important;
}

.standard.spartan tbody td:last-child,
.standard.spartan tbody td.last {
    border-right:none!important;
}



/* reste for col1 with no style */
.standard.col1NoStyle thead th:first-child {
	background-color:transparent;
	color:#000;
	border-bottom:none;
	text-align:center;
	font-weight:normal;
	background-image:none;
	border-top:none;
}


/*.standard.col1NoStyle thead :nth-child(2) { border-top-left-radius:5px;}*/
.standard.col1NoStyle tbody td:first-child { background-image:none; }
.standard.col1NoStyle thead th:nth-child(2),
.standard.col1NoStyle tbody td:nth-child(2) { background-image:url(../themes/classic/graphics/tables/1pxCCCCCC.gif); background-position:left; background-repeat:repeat-y;}	
.standard.zebraHorizontal.col1NoStyle tbody td:first-child,
.standard.zebraVertical.col1NoStyle tbody td:first-child { border-right:none; background-color:#FFF; border-bottom:none; text-align:center}


.standard th { font-weight:bold; }
.standard th small { display:block; color:#999}
.standard tbody th:first-child { text-align:left; padding:10px;}
.standard.col1NoStyle.rowLabelsRight thead th:first-child { text-align:right;  }


.standard.col1NoStyle tbody th:first-child,
.standard.col1NoStyle tfoot th:first-child { border:none; background:none; text-align:right; padding-right:10px;}





/* sortable plugin dynamic styles */
.standard.sortable thead th { 
	padding: 15px 20px 15px 10px;

	background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
    text-shadow:1px 1px 1px #000;
	border-bottom:2px solid #000;
	border-top:none;
	
	background: #696969;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM2OTY5NjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #696969 30%, #555555 61%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#696969), color-stop(61%,#555555));
	background: -webkit-linear-gradient(top,  #696969 30%,#555555 61%);
	background: -o-linear-gradient(top,  #696969 30%,#555555 61%);
	background: -ms-linear-gradient(top,  #696969 30%,#555555 61%);
	background: linear-gradient(to bottom,  #696969 30%,#555555 61%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#555555',GradientType=0 );
	}
	.ie9 .standard.sortable thead th { filter:none }
	.standard.sortable thead th.withColSort { padding-right:45px;}


/*.standard.sortable thead th.withColSort {  }*/

	.standard.sortable thead th:first-child {
		border-top-left-radius:5px;
	}
	.standard.sortable thead th:last-child {
		border-top-right-radius:5px;
		border-right:none;
	}
	.standard.sortable tfoot td:first-child {
		border-bottom-left-radius:5px;
	}
	.standard.sortable tfoot td:last-child {
		border-bottom-right-radius:5px;
	}
	/* rest edges for action table wrapper */
	.searchResultWrapper .standard.sortable thead th:first-child { border-top-left-radius:0;}
	.searchResultWrapper .standard.sortable thead th:last-child { border-top-right-radius:0;}



.standard.sortable thead th.sorttable_sorted,
.standard.sortable thead th.sorttable_sorted_reverse {
	background: none;
	background-color:#000000;
	color:#FFF!important;
	}
.standard.sortable thead th.sorttable_sorted {
	background-image:url(../themes/classic/graphics/sortTable/sortTable-ArrowDown.png)!important; 
	background-position:right center;
	background-repeat:no-repeat
	}
.standard.sortable thead th.sorttable_sorted_reverse {
	background-image:url(../themes/classic/graphics/sortTable/sortTable-ArrowUp.png)!important; 
	background-position:right center;
	background-repeat:no-repeat
	}
	.standard.sortable thead th.withColSort.sorttable_sorted { background-image:url(../themes/classic/graphics/sortTable/sortTable-ArrowDown-25px-right.png)!important; }
	.standard.sortable thead th.withColSort.sorttable_sorted_reverse { background-image:url(../themes/classic/graphics/sortTable/sortTable-ArrowUp-25px-right.png)!important;  }
	
.standard.sortable thead th { cursor:pointer; }	
.standard.sortable thead th.sorttable_nosort { cursor:not-allowed}


td.alignCenter,
th.alignCenter { text-align:center!important; }

td.alignRight,
th.alignRight { text-align:right!important; }

td.alignLeft,
th.alignLeft { text-align:right!important; }


.standard.overflowHidden tbody td { 
  	max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* see /scripts/overflowTableCells.js */
.standard.overflowHidden tbody td .showHiddenTD { display:block; background:inherit; position:absolute; z-index:1; padding:6px; margin-left:-6px; margin-top:-6px; word-wrap:break-word;  }
.standard.overflowHidden tbody td .showHiddenTD.border {  background-color:#FBF8E9;  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.4); }
.standard.overflowHidden tbody td .showHiddenTD.right { /*background-color:#0F0!important*/}

@media only all and (min-width: 992px) {
	.standard.overflowHidden tbody td .showHiddenTD { padding:8px; margin-left:-8px; margin-top:-8px; }
	.standard.overflowHidden tbody td .showHiddenTD.border { padding-bottom:11px;}
}

/*
For IE you need to have this in your HTML, to fix an IE-specific rendering issue (up to IE9)

<!--[if IE]>
<style>
    table
    {
        table-layout: fixed;
        width: 100px;
    }
</style>
<![endif]-->
*/

/* children iside tables */

/* buttons in a group */
table .buttonFamily { margin-right:0; white-space:nowrap!important; word-wrap:!important; }
table .button { margin-bottom:1px; }
/* bulbs */


/* action table with dynamically added rows */
/* drop down row */
.standard tr.actionRow { display:none; }
.standard tr.actionRow td { padding-top:0; }
.standard tr.actionRow .actions { 
	display:none;
	border:1px solid #ccc;
	/* had to use bg images instead because of performance issues */
	border-left:none;
	border-top:none;
	text-align:center;
	padding:6px 6px 1px 6px;
	-webkit-box-shadow:  0px 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.standard tr.actionRow .actions .buttonGroup { 
	display:inline-block; 
	padding:0 5px 0 5px; 
	margin-bottom:5px;
	border-right:1px dotted #ccc;
	position:relative;
	top:0;
	width:auto;
	overflow:visible;
	vertical-align:top; /* important to get the switches and buttons to line up if they arer used together */
}
.standard tr.actionRow .actions .buttonGroup:first-of-type { padding-left:0;}
.standard tr.actionRow .actions .buttonGroup:last-of-type { padding-right:0; border-right:0px none !important; }
.standard tr.actionRow .actions .button { margin:0 5px; }


	/* added this as we need to dynamically add the html */
	.standard.actionTable tbody tr:nth-child(even) td {
		background-color: #f5f5f5;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
		-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
		box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;   
	}
	.standard.actionTable tbody tr:nth-child(odd) td {
		background-color: #fff;
	}
	.standard tr.rowVisble:hover td {
		background-color: #fbf8e9!important;
		-o-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		cursor:pointer  
	}
	/* sub class for highlighting rows when hovering over them */
	.standard tr.rowVisble.loadingRow:hover td { background-color:inherit!important;}

	.standard tr.rowVisble.active td,
	.standard tr.rowVisble.active:hover td,
	.standard tr.rowVisble.even.active td,
	.standard tr.rowVisble.even.active:hover td,
	.standard tr.rowVisble.odd.active td,
	.standard tr.rowVisble.odd.active:hover td { 
		background-color:#d6edff!important; 
		text-shadow: 0 1px 0 rgba(255,255,255,1);
		} 
/*		.standard tr.rowVisble.loadingRow td { background-color:#fff!important;}*/


	.searchResultWrapper .standard.sortable tbody tr:nth-child(odd) td { background-color:#ffffff; }
	.searchResultWrapper .standard.sortable tbody tr:nth-child(even) td { background-color:#f5f5f5; }

.searchResultWrapper { position:relative}
.searchResultWrapper table { margin:0 0 0 0;}
.searchResultWrapper { 
	padding:0px 0px; 
}
.searchResultWrapper .decor {
	min-height:45px;
}
.searchResultWrapper .decor .grid { }







/*.searchResultWrapper .decor.top { border-top-right-radius:10px; border-top-left-radius:10px; }
.searchResultWrapper.ruleBuilderActive .decor.top { border-top-right-radius:0px; border-top-left-radius:0px; }*/







.searchResultWrapper table.sortable { border-top:1px solid #000; }
.searchResultWrapper table tfoot td { border-bottom-left-radius:0px!important; border-bottom-right-radius:0px!important; background-image:none; border:none!important}
.searchResultWrapper .decor .button { margin-bottom:0; }
.searchResultWrapper .decor .col-1-4.right.textRight .button { margin-right:10px;}


.searchResultWrapper .decor .resultMessage {  margin-bottom:0!important; line-height:22px; font-size:80%; }
.searchResultWrapper .decor .decorTitle {  margin-bottom:0!important; line-height:22px; font-size:130%; }
.searchResultWrapper .decor .decorTitle span.bulb { vertical-align:top}
.searchResultWrapper .decor .resultMessage,
.searchResultWrapper .decor .decorTitle {text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);}
@media only all and (min-width: 992px) {
	.searchResultWrapper .decor .resultMessage { font-size:100%; }
}


/* SAVED VIEWS */
.searchResultWrapper .decor .savedViews { 
	padding:10px; 
	margin:10px;
	display:block;
	background-color: #f5f5f5;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) inset;
	border-radius:10px;
	border:1px solid #757E82;
}
.savedViews p { text-align:center}
.savedViews a { 
	display:inline-block; 
	border-radius:5px; 
	background-color: #ffffff; 
	padding:0px 10px 0 29px;
	line-height:28px;
	font-size:12px; 
	border:1px solid #e0e0e0; 
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05) inset, 0px 1px 0px rgba(255, 255, 255, 0.53);
    text-align: center;
	color:#404040;
	position:relative;
}
.savedViews a span { display:inline-block; width:29px; height:29px;  position:absolute; left:0; }
.savedViews a span.radio { background-image:url(../themes/classic/graphics/ruleBuilder/radio-rest.png); background-size:100% 100%;}

.savedViews a:hover { border-color:#b2b2b2; }
.savedViews a:hover span.radio {background-image:url(../themes/classic/graphics/ruleBuilder/radio-hover.png);}

.savedViews a.active { border-color:#1b1d1c; color:#1b1d1c}
.savedViews a.active span.radio {background-image:url(../themes/classic/graphics/ruleBuilder/radio-checked.png);}





.searchResultWrapper .textRight .selectboxit-container { position:relative; right:15px; }







.ruleBuilder { 
	background-color:#f5f5f5;
	border-top-right-radius:10px; 
	border-top-left-radius:10px;
	box-shadow: inset 0px -11px 8px -10px rgba(0,0,0,0.75);
	display:none
	}
.ruleBuilderTitle {
	border-top-right-radius:10px; 
	border-top-left-radius:10px;
	font-size: 1em;
    line-height: 40px;
    padding:0 10px;
	
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35) inset;
	
	
	background: #565656;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNWI1YjViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiM1NjU2NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iIzU1NTU1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDU0NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #565656 0%, #5b5b5b 2%, #565658 5%, #555556 7%, #545455 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(2%,#5b5b5b), color-stop(5%,#565658), color-stop(7%,#555556), color-stop(100%,#545455));
	background: -webkit-linear-gradient(top,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
	background: -o-linear-gradient(top,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
	background: -ms-linear-gradient(top,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
	background: linear-gradient(to bottom,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#545455',GradientType=0 );
} 
.ruleBuilderTitle .trigger {
	color:#fff;
	text-shadow: 0px -1px 0px #000;
	font-weight:bold;
}
.ruleControls { margin-right:11px; line-height:normal}
.ruleControls .small { margin-top:8px; border:none!important; }
.ruleControls .button { margin-left:5px;}

.ruleBuilderTitle a.trigger { display:inline-block; color:#FFF; padding-left:40px; background-color:transparent; }
.ruleBuilderTitle a.trigger.active { 
	background-image:url(../themes/classic/graphics/ruleBuilder/downArrow.png); 
	background-size:40px 40px; 
	background-repeat:no-repeat; 
	background-position:left center;
	}
	.ruleBuilderTitle a.trigger.active:hover { background-position:left 1px; }


.ruleZone { padding:10px 0 10px 0;}
ol.rules { padding:0; list-style-type:none; margin-top:0;  margin-bottom:0; }
ol.rules > li.ruleParent { line-height:normal; margin-bottom:-10px; position:relative; padding-right:10px; padding-left:10px;  }
ol.rules > li.ruleParent:last-of-type { margin-bottom:5px; }
ol.rules .rule {  }

/*ol.rules .switchContainer,
ol.rules .rule { display:inline-block; vertical-align:top  }
ol.rules .switchContainer { }
ol.rules .rule { width:95%;}*/

.ruleZone .button { margin-bottom:0; }


ol.conditions {  padding:0 0 0 0; margin:0 0 0 0!important; list-style-type:none; }
ol.conditions > li { line-height:normal; margin:5px 0 0 0;} 
ol.conditions > li:first-of-type { margin:0 0 0 0; } 
ol.conditions > li:last-of-type { margin:0 0 5px 0; } 




ol.rules .rule { border-radius:10px; border:1px solid #ccc; background-color:#FFF; }
.prevPointer { 
	width:22px; 
	height:11px; 
	display:block; 
	position:relative; 
	left:50%; 
	margin-left:-11px; 
	top:1px; 
	background-image:url(../themes/classic/graphics/ruleBuilder/prevPointer.png); 
	background-size:100% 100%;
}
.nextPointer { 
	width:14px; 
	height:6px; 
	display:block; 
	position:relative; 
	left:50%; 
	margin-left:-7px; 
	top:6px; 
	background-image:url(../themes/classic/graphics/ruleBuilder/nextPointer.png); 
	background-size:100% 100%;
	}
	ol.rules > li.ruleParent:first-of-type .prevPointer,
	ol.rules > li.ruleParent:last-of-type .nextPointer { display:none; }
	
ol.rules li.ruleParent:hover .rule { border-color:#999 }
ol.rules li.ruleParent:hover .prevPointer { background-image:url(../themes/classic/graphics/ruleBuilder/prevPointer-hover.png); }
ol.rules li.ruleParent:hover .nextPointer { background-image:url(../themes/classic/graphics/ruleBuilder/nextPointer-hover.png); }
	ol.rules li.ruleParent.focus .rule { border-color:#6e94e8!important; }
	ol.rules li.ruleParent.focus .prevPointer { background-image:url(../themes/classic/graphics/ruleBuilder/prevPointer-focus.png); }
	ol.rules li.ruleParent.focus .nextPointer { background-image:url(../themes/classic/graphics/ruleBuilder/nextPointer-focus.png); }



.ruleTop { padding:5px 10px; }
.ruleBottom { padding:5px 10px 0 10px; display:none }
.ruleBottom.active { display:block }


.ruleTop input,
.ruleTop .button,
.ruleTop .trigger { vertical-align:middle }
.ruleTop input.small { width:40%; }
.ruleTop .trigger { 
	display:inline-block; 
	text-indent:-9999px; 
	width:33px; 
	height:24px; 
	background-image:url(../themes/classic/graphics/ruleBuilder/ruleTop-trigger-ready.png); 
	background-size:100% 100%;
	background-color:transparent!important;
	cursor:pointer;
	margin-right:5px;
	}
	.ruleTop .trigger:hover,
	.ruleTop .trigger.active { background-image:url(../themes/classic/graphics/ruleBuilder/ruleTop-trigger-active.png); }
	.ruleTop .trigger.active:hover { background-image:url(../themes/classic/graphics/ruleBuilder/ruleTop-trigger-active-hover.png); }
	
	
	
/* popularity */
.table-popularity-idicator,
.popularity-percent { background-image:url(../themes/classic/graphics/popularity-bar.png); background-repeat:repeat-x; height:8px;}
.table-popularity-idicator { display:inline-block; width:35px; }
.popularity-percent { width:auto; display:block; background-position: 0px -8px; }





	













.rowControl { float:right; }
.ruleBottom { 
	border-top:1px solid #ccc; 
	box-shadow:inset 0px 12px 8px -10px rgba(0,0,0,0.25);
}








.button.round { border-radius: 50%; }








.scrollable,
.scrollable.resizeResponsively { 
	height:450px; 
	overflow-y:auto !important; 
	overflow-x:hidden; 
	background-color:#f6f6f6; 
	padding-bottom:10px;
}
.scrollable.scrollX { overflow-x:auto !important }
.scrollable.scrollY { overflow-y:auto !important }

.scrollable.autoHeight { height:auto; max-height:300px; padding-bottom:0; }



@media only all and (min-width: 320px) {
	.scrollable.resizeResponsively { 
		height:220px; 
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* mobile and up */
@media only screen and (min-width: 480px) and (orientation : portrait) {
    .scrollable.resizeResponsively { 
		height:480px; 
	}
}

@media only all and (min-width: 480px) {
     
}

/* small tablet landscape and up */
@media only all and (min-width: 768px) {
	.scrollable.resizeResponsively { 
		height:290px; 
	}
	
	ol.conditions > li input.small[type="text"] { width:35%;}

}

@media only all and (min-width: 992px) {
	
	.scrollable.resizeResponsively { 
		height:510px; 
	}
	
	ol.conditions > li input.small[type="text"] { width:50%;}
	
}

@media only screen and (min-width: 768px) and (orientation : portrait) {
	
	.scrollable.resizeResponsively { 
		height:720px; 
	}
       
}

@media only all and (min-width: 1200px) {
	ol.conditions > li input.small[type="text"] { width:59%;}
}

@media only all and (min-width: 1440px) {
	ol.conditions > li input.small[type="text"] { width:65%;}
}

@media only all and (min-width: 1680px) {

}












/* colsort */
/* absolute potiooned popups*/
.filterList {
	display:none;
	position:absolute;
	right:31px;
	z-index:5;
	-webkit-box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 0;
	border-radius: 10px;
	border-top-right-radius: 0;
	width:200px;
	background-color:#f5f5f5;
	text-align:left;
	font-size:0.750em!important;
	}
	.resultsContainer .filterList { right:15px; }
	.filterList label,
	.filterList .textOnly,
	.filterList a.textOnly { 
		padding:.85em 1em!important;  
		display:block;
		}
		.filterList  a.button.textOnly {font-size:1em!important; width:auto; margin-bottom:0!important; line-height:normal!important; height:auto!important;  }
		.filterList label { 
			border-bottom:1px dotted #bebebe;
			}
			.filterList label:last-of-type { border-bottom:1px solid #bebebe }
			.filterList .textOnly { width:100%; text-align:right; }
	

/* scrollbale tbody area */

	table.scrollTbody { width:100%; } /* fixed width table */
    table.scrollTbody thead tr { display: block; }
    table.scrollTbody tbody { 
      display: block; /* makes it sizeable */
      height: 200px; /* min-height of scrollable area */
      overflow: auto; /* scroll rather than overflow */
      width: 100%; /* fill the box */
	  border-bottom:1px solid #ccc;
    }
	 table.scrollTbody.standard tbody tr:last-of-type td,  table.scrollTbody.standard tbody tr:last-of-type th { border-bottom:0px none}
	table.scrollTbody.height200px tbody{ height:200px; }
	table.scrollTbody.height300px tbody{ height:300px; }
	table.scrollTbody.height400px tbody{ height:400px; }
	table.scrollTbody.height500px tbody{ height:500px; }
	table.scrollTbody.height600px tbody{ height:600px; }
	table.scrollTbody.height70pcentVheight tbody{ height:70vh; }
   /* 
   
   if no jquery was involved then we would need to set the widths of the table and its td's th's
   
   table.scrollTbody thead th { width: 250px; } 
    table.scrollTbody tbody td { width: 242px; }*/
	
	









       
/* CSS Document */
/* panels */
#stage #toolkit { padding-top:50px; }
.sidePanel {  }
.sidePanel h1 { 
	font-size:1em; 
	line-height:40px; 
	display:block;
	padding:0 10px;
	cursor:pointer;
	position:relative;
	width:230px;
	
	border-top:1px solid #6a6a6a;
	border-bottom:1px solid #262626;
	color:#b9b9b9;
	text-shadow: 0px -1px 0px #000;
    filter: dropshadow(color=#000, offx=0, offy=-1);
	background: #34383a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzgzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNDQ0NDQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #34383a 0%, #444444 3%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34383a), color-stop(3%,#444444), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #34383a 0%,#444444 3%,#333333 100%);
	background: -o-linear-gradient(top,  #34383a 0%,#444444 3%,#333333 100%);
	background: -ms-linear-gradient(top,  #34383a 0%,#444444 3%,#333333 100%);
	background: linear-gradient(to bottom,  #34383a 0%,#444444 3%,#333333 100%);
}
	.sidePanel h1:hover,
	.sidePanel h1.on {
		border-top:1px solid #6a6a6a;
		border-bottom:1px solid #262626;
		color:#fff;
		text-shadow: 0px -1px 0px #000;
		filter: dropshadow(color=#000, offx=0, offy=-1);
		background: #565656;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNWI1YjViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiM1NjU2NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iIzU1NTU1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDU0NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #565656 0%, #5b5b5b 2%, #565658 5%, #555556 7%, #545455 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(2%,#5b5b5b), color-stop(5%,#565658), color-stop(7%,#555556), color-stop(100%,#545455));
		background: -webkit-linear-gradient(top,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
		background: -o-linear-gradient(top,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
		background: -ms-linear-gradient(top,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
		background: linear-gradient(to bottom,  #565656 0%,#5b5b5b 2%,#565658 5%,#555556 7%,#545455 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#545455',GradientType=0 );
	}
.sidePanel h1 span.count { font-size:0.667em; vertical-align:top; }
.sidePanel h1 a.button { display:inline-block; float:right; margin-top:8px; }
.sideContent { background-color:#f5f5f5; border-bottom:1px solid #95a0a6; position:relative; top:0; width:250px; }
.sideContent.padding { padding:10px; width:230px; }




.sideContent table { font-size:0.688em;  line-height:normal;text-align:left; margin:0 0 0 0; }
.sideContent table { width:220px;  }
.sideContent table td { padding-left:10px;}
.sideContent table th,
.sideContent table td { vertical-align:text-top; text-align:left }
.sideContent table th {/*font-family: Myriad Pro, Arial, Helvetica, sans-serif;*/ width:45%}
.sideContent table td { /*font-family:MyriadPro-Regular, Arial, Helvetica, sans-serif;*/font-weight:normal; }

.sideContent .knobContainer { margin:20px 0 10px; }


/* thread */
.thread { line-height:normal}

.thread article {
	margin-bottom:1px;
	font-size:12px;
	padding:5px;
}
.thread article:nth-child(even) { background-color:#f5f5f5 }



.thread figure { margin:0 0 0 0;}


.thread .comment { display:block}
.messageString { white-space:pre-line; }
.dateAdded { display:inline-block}
input.commentTextField { width:90%; }
.thread article section .droplet { margin:10px 0;}
.edits { padding-top:5px; }
.thread article section .editSection { display:inline-block; float:right; margin:0 5px 5px 5px; background-color:#0F0; width:15px; height:15px; text-indent:-9999px; visibility:hidden; opacity:0; cursor:pointer}
.thread article section .editSection span { background-size:100% 100%; width:inherit; height:inherit; display:block}
.thread article section .editSection.active { visibility:visible; opacity:1;}
	

.thread article .wrapRight {
   float: left;
   width: 100%;
}
.thread article section {
   margin-left: 55px;
}
.thread article .left {
   float: left;
   width: 50px;
   margin-left: -100%;
}
/* empty image replacement */
figure .thumbNail { display:block; width:50px; height:50px;}



/* reset where its used elesewhere from deck */
.widget .thread { position:relative}
.widget .thread article section {  margin-left: 45px;}

.widget .thread article .left {
   width: 40px;
}
.widget figure .thumbNail { display:block; width:40px; height:40px;}
.widget .thread article.threadComment { top:307px; position:fixed; width:155px; display:block; border-top:1px solid #444;}




/* styling */
.thread article {
	background-color:#fff; 
	text-shadow: 0 1px 0 rgba(255,255,255,1)!;
	border-bottom:1px solid #ccc;
}
.thread article:nth-child(even) { background-color:#f5f5f5}
.thread article:hover { background-color: #fbf8e9; }	
.thread	.dateAdded { color:#999999}
/* CSS Document for card view */


/* cards in search results */
.cardItem { background-color:#FFF; margin:10px; border-radius:2px; cursor:pointer; position:relative; display:block; float:left }
.cardItem .block { display:inline-block; width:100%; margin:0 0 0 0 !important;}
.cardItem .thumbAndValues figure { float:right; margin-left:10px;}
.cardItem .thumbAndValues p.figcaption { display: inline-block; vertical-align:top}
/*.cardItem .thumbAndValues .thumbNail {
	
	width:40px;
	height:40px;
	background-image: url(../themes/classic/graphics/userThumbs/user.png);
	background-size: 100% 100%;
	background-color:#FFF;
	float:right;
	}
	.cardItem .thumbAndValues .thumbNail.male { background-image: url(../themes/classic/graphics/userThumbs/male.png); }
	.cardItem .thumbAndValues .thumbNail.female { background-image: url(../themes/classic/graphics/userThumbs/female.png); }*/
.cardItem .thumbAndValues p.figcaption span { display:block}



.cardItem .labelledPairs li,
.cardItem .thumbAndValues p.figcaption span.smallValue { font-size:11px; }

.cardItem .actions { position:absolute; right:-1px; left:-1px; padding:10px 10px 0 10px; border:1px solid #ccc; z-index:1 }
.cardItem .actions .button { display:block; }


.cardItem .grid .col-2-4:first-of-type .button { margin-right:5px;}
.cardItem .grid .col-2-4:last-of-type .button { margin-left:5px;}
.cardItem hr { display:block; height:1px; border:0; border-top:1px dotted #ccc; margin:0 0 10px 0; padding:0; }

/* list view in search results */
.listItem { 
	padding:5px 10px;
	}
	.listItem.active { padding:5px 10px 15px 10px; }
.scrollable.bulkActive .listItem:first-of-type { padding-top:20px; padding-bottom:15px; }
.scrollable.bulkInActive .listItem:first-of-type { 
	padding-top:20px; padding-bottom:5px
	}
	.scrollable.bulkInActive .listItem:first-of-type.active { 
		padding-top:20px; padding-bottom:15px
	}

.listItem .trigger { position:relative; cursor:pointer; }

.listItem figure {
	float:right;
	display:block;
	margin:10px 10px 0 10px;
}
.listItem .body { margin-right:0; margin-left:0; margin-bottom:0; font-size:11px; /* reset */ padding-right:0; padding-left:0; }
#stage .deck .listItem .body p { margin-bottom:0px; }
#stage .deck .listItem .largeValue { font-size:14px; padding-bottom:5px; display:block; }



.cardItem .labelledPairs,
.listItem .labelledPairs { margin:0 0 0 0; padding:0 0 0 0; }
.listItem .labelledPairs ul { font-size:11px; margin-top:0!important; padding-top:0!important; }
.listItem .labelledPairs ul li { border-right:1px solid #ccc; margin-right:10px; padding-right:10px; line-height:normal; }
.listItem .labelledPairs ul li:last-of-type { border-right:none; padding-right:0; }
.cardItem .labelledPairs span,
.listItem .labelledPairs span { padding-bottom:0;}
.listItem .labelledPairs span.value { padding-right:0px; }
.listItem .trigger { background-color:#FFF; }
.listItem .trigger .block { padding:10px 0 10px 10px; /* reset margin */ margin:0 0 0 0;}
.listItem .actions { position:relative; padding:5px 10px; text-align:center; }


/* reset the fotn sizes for cards when they are in the deck without a parent */
#stage .deck .cardsInDeck .listItem .largeValue { font-size: 1.714em; margin-bottom:10px;  }
#stage .deck .cardsInDeck .listItem .body,
#stage .deck .cardsInDeck .listItem .labelledPairs ul {font-size:1em;}



.listItem .actions .buttonGroup,
.bulkActionButtons .buttonGroup { 
	display:inline-block; 
	padding:0 5px 0 5px; 
	border-right:1px dotted #ccc;
	position:relative;
	top:0;
	width:auto;
	overflow:visible;
	vertical-align:top; /* important to get the switches and buttons to line up if they arer used together */
}
.listItem .actions .buttonGroup:first-of-type,
.bulkActionButtons .buttonGroup:first-of-type { padding-left:0; }
.listItem .actions .buttonGroup:last-of-type,
.bulkActionButtons .buttonGroup:last-of-type { padding-right:0; border-right:0px none; }
.listItem .actions .button,
.bulkActionButtons .button { margin:0 5px; }


.bulkActionButtons { 
	text-align:center; 
	padding:10px 0;
	display:none
	}
	.bulkActionButtons.active { display:block; }





	




/* common classes */
.cardItem :hover,
.trigger:hover  { background-color: #fbf8e9; }

.cardItem.active,
.listItem.active .trigger,
.cardItem.checkedforBulk,
.listItem.checkedforBulk .trigger {
	background-color:#d6edff!important; 
	text-shadow: 0 1px 0 rgba(255,255,255,1)!important;
}


.cardItem.active :hover,
.listItem.active:hover .trigger,
.cardItem.checkedforBulk :hover,
.listItem.checkedforBulk:hover .trigger {
	background-color:#c7e6fe!important; 
	}
	.cardItem .actions .grids,
	.cardItem .actions .grid,
	.cardItem .actions .col-2-4 { background-color:transparent!important }

.cardItem .shadows,
.listItem .shadows {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
	padding:10px; 
	}
	.cardItem.active .shadows,
	.listItem.active .shadows {
		box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2), -3px 3px 3px rgba(0, 0, 0, 0.2), 0px -3px 3px rgba(0, 0, 0, 0.2);
	}







.cardItem .actions,
.listItem .actions { 
	visibility: hidden;
	opacity: 0;
	transform-origin: 50% 0px 0px;
  	transition-property: visibility, opacity, transform;
  	transition-timing-function: linear, linear, cubic-bezier(0, 0, 0.265, 1.55);
  	transition-duration: 0s, 0s, 0.2s;
	height:0px;
	}
	.cardItem .actions.show,
	.listItem .actions.show {
		visibility: visible;
		opacity: 1;
  		transition-duration: 0s, 0.5s, 0.5s;
		height:auto;
		box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2), -3px 3px 3px rgba(0, 0, 0, 0.2), 0px -3px 3px rgba(214, 237, 255, 1), 0px -3px 3px rgba(214, 237, 255, 1);
	}

.cardItem .trigger .loading,
.listItem .trigger .loading { text-indent:-9999px;  }

.cardItem .trigger .spinner,
.listItem .trigger .spinner { background-color:transparent; }

.listItem .trigger .loading { left:0; }



.searchExtras {
	border-top:1px solid #000;
	

	background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
    text-shadow:1px 1px 1px #000;
	border-bottom:2px solid #000;
	
	background: #696969;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiM2OTY5NjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #696969 30%, #555555 61%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#696969), color-stop(61%,#555555));
	background: -webkit-linear-gradient(top,  #696969 30%,#555555 61%);
	background: -o-linear-gradient(top,  #696969 30%,#555555 61%);
	background: -ms-linear-gradient(top,  #696969 30%,#555555 61%);
	background: linear-gradient(to bottom,  #696969 30%,#555555 61%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#555555',GradientType=0 );
}
.searchExtras ul { }
@media only screen and (min-width: 320px) and (max-width: 800px) {
	.searchExtras ul.aToZ li { font-size:12px;}
	.searchExtras ul.aToZ > li.middleBreak { display:block; clear:both; padding:0 0 0 0; margin-bottom:0; height:0px;}
	.searchExtras ul.aToZ li:nth-child(n) a { border-bottom-right-radius:5px!important; border-bottom-left-radius:5px!important; border-top-right-radius:0px!important;  border-top-left-radius:0px!important; }
	.searchExtras ul.aToZ li:nth-child(n+16) a { border-top-right-radius:5px!important;  border-top-left-radius:5px!important; border-bottom-right-radius:0px!important; border-bottom-left-radius:0px!important; }
}  
	@media only all and (min-width: 992px) {
		ul.aToZ > li { width:3.34%; margin-bottom:0; }
		ul.aToZ > li a { padding:6px 0px;  padding: 15px 10px 15px 10px; border-radius:0px!important;}
		ul.aToZ > li.middleBreak { display:none; }
	}
.searchExtras ul.aToZ > li a { color:#FFF; display:block; background-color:transparent;  }
.searchExtras ul.aToZ > li a:hover { background-color:#424242; }
.searchExtras ul.aToZ > li.active a,
.searchExtras ul.aToZ > li.active a:hover { background-color:#000000; }



@media only all and (min-width: 320px) {
	.cardItem { width:245px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.cardItem { width:45%; }
	.cardItem .thumbAndValues p.figcaption { margin-top:10px; }
}

@media only screen and (min-width: 480px) and (orientation : portrait) {
       
}

@media only all and (min-width: 480px) {
     
}

@media only all and (min-width: 768px) {
	.cardItem { width:47%; }
}

@media only all and (min-width: 992px) {
	.cardItem { width:31%; }
}

@media only screen and (min-width: 768px) and (orientation : portrait) {
       
}

@media only all and (min-width: 1200px) {
	.cardItem { width:23%; }
}

@media only all and (min-width: 1440px) {
	.cardItem { width:23.5%; }
}

@media only all and (min-width: 1680px) {
	.cardItem { width:18.5%; }
}


/* CSS Document */

/*
 
<a href="javascript:void(0)" class="droplet">
	<span class="dropletInfo"> 	  
		<span class="strings">
			<span class="editDroplet passive"><span class="wrong-icon">remove</span></span>
			<span class="dropletTitle">Housing survey production problems - version 2</span>
			<span class="dropletSize">31kb</span>
			<span class="tag positive">Live</span>
		</span>
	</span>    
	<span class="dropletIcon icon-doc-pdf">PDF</span> 
	<span class="clearfix"></span>
</a>

*/


.droplet { font-size:12px; }
.thread a.droplet { display:block; }

.inline-label a.droplet { display:inline-block; padding-right:10px; line-height:normal; /*background-color:#0F0*/ }
a.droplet:hover .dropletTitle { text-decoration:underline}
.dropletInfo {
   float: left;
   width: 100%;
}
.strings {
   margin-left: 50px;
   display:block;
   line-height:normal !important
}
.inline-label .strings .clearfix { display:none}

.dropletIcon {
   float: left;
   width: 40px;
   height:40px;
   margin-left: -100%;
   text-indent:-9999px;
   background-size:100% 100%;
	}
	.inline-label .dropletIcon { 
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
		}
		.inline-label a.droplet:hover .dropletIcon { 
			zoom: 1;
			filter: alpha(opacity=100);
			opacity: 1;
		}

.droplet .strings .tag { display:inline-block; vertical-align:baseline; }
.droplet .editDroplet { 
	display:inline-block!important; 
	float:right; 
	margin:0 5px 0px 5px; 
	text-indent:-9999px; 
	/*visibility:hidden; 
	opacity:0; */
	cursor:pointer;	
}
.droplet .strings .editDroplet { 
	width:15px; 
	height:15px; 
	text-indent:-9999px; 
	visibility:hidden; 
	opacity:0;
	background-color:#0F0
	}
	.droplet .strings:hover .editDroplet {
		visibility:visible; 
		opacity:1;
	}
.inline-label .droplet .strings .editDroplet { 
	width:24px; 
	height:24px; 
	text-indent:-9999px;
	visibility:visible;
	opacity:1;
	border-radius:5px;
	margin-left:0px;
	float:right;
	margin-left:10px;
	position:relative;
	right:-15px;
	/*visibility:hidden; 
	opacity:0; */
}
.dropletTitle { display:inline-block; margin-bottom:5px; }
.dropletSize { display:block; clear:both; }



.inline-label .droplet .strings { display:block; /*background-color:#39F*/ }
.inline-label .droplet .strings .dropletTitle  { /*background-color:#FFF; */display:block}


.droplet .strings .editDroplet span { background-size:100% 100%; width:inherit; height:inherit; display:block; }
/*.droplet .strings .editDroplet.active { visibility:visible; opacity:1; }*/





/* reset for placement other than in the deck */
.widget .thread .droplet .strings { margin-left:0px; }
.widget .thread .droplet .strings .dropletTitle { padding-top:30px; }


/* styling */
.dropletTitle {  }
.dropletSize { color:#999; }


/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  /*font: 14px Helvetica, Arial;*/
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
  text-shadow:none !important;
}

/* Button */
.selectboxit-container .selectboxit {
  /*width: 220px; /*  Width of the dropdown button - set inside deckForms.css */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  position: relative;
  
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; 
  box-sizing: border-box !important; 
  /* see variable widths for the rule bulder inside tables css */
  }
  /* small version */
  .selectboxit-container .selectboxit.selectField.small { 
  	border-radius:5px;
	
	-moz-box-sizing: border-box !important;
  	-webkit-box-sizing: border-box !important; 
  	box-sizing: border-box !important; 
  }
  
  

  .selectboxit-container .selectboxit.widthSmall { width:100px !important;}
  .selectboxit-container .selectboxit.widthMedium { width:150px !important;}
  .selectboxit-container .selectboxit.widthLarge { width:200px !important;}
  
  .selectboxit-container .selectboxit.width120 { width:120px !important;}
  
  
  /* filters inside the rule builder */
/*.searchResultWrapper .selectboxit-container .selectboxit.small { width:120px!important; }
.searchResultWrapper .decor .selectboxit-container .selectboxit.small { width:100px!important; }*/

/* results per page control using the plugin selectBoxIt */
  

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 32px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
  }
  /* small version */
  .selectboxit-container.forceSmallCSS span, .selectboxit-container.forceSmallCSS .selectboxit-options a  { 
	  height: 24px!important; /* Height of the drop down */
	  line-height: 22px!Important; /* Vertically positions the drop down text */
	  display: block;
	  font-size:12px;
  }
/* reset fromt he default.css */
.selectboxit-container ul > .selectboxit-option  { margin:0 0 0 0!important; }
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 4px rgba(51, 153, 255, 0.75);
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 3px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; 
  box-sizing: border-box !important; 
  }
  /* small version */
  .selectboxit-container.forceSmallCSS span, .selectboxit-options  { 
	  border-radius: 5px;
	  -moz-box-sizing: border-box !important;
  	  -webkit-box-sizing: border-box !important; 
      box-sizing: border-box !important; 
  }
  /* reset fromt he default.css */
  ul.selectboxit-options { padding-left:0!important; }

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px;
  }

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; 
  box-sizing: border-box !important; 
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; 
  box-sizing: border-box !important; 
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 43%;
  right: 0;
  left: 0;
  }
  /* small version */
  .selectboxit-container.forceSmallCSS .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	  top:39%;
  }

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 34px;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center center;
  float: left;
  }
   /* small version */
  .selectboxit-container.forceSmallCSS .selectboxit-option-icon-url {
	 width:24px;
	 background-size: cover;
  }

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; 
  box-sizing: border-box !important; 
  }
  .ie9 .selectboxit-btn { background:#e7e7e7 url(../themes/classic/graphics/legacyGradients/select-ready.png) repeat-x top; }
  /* small version */
  .ie9 .selectboxit-container.forceSmallCSS .selectboxit-btn  { background:#c1c1c4 url(../themes/classic/graphics/legacyGradients/select-forceSmall-ready.png) repeat-x top; }
 
/* add to themes later */
.small.passive.selectboxit-btn {
  border: 1px solid #999999 !important;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}
/* reset in the theme */

/* reset for all the classic theme clash */
.selectboxit.selectField.negative.selectboxit-enabled:hover,
.selectboxit.selectField.negative.selectboxit-enabled:focus,
.selectboxit.selectField.positive.selectboxit-enabled:hover,
.selectboxit.selectField.positive.selectboxit-enabled:focus,
.selectboxit.selectField.approve.selectboxit-enabled:hover,
.selectboxit.selectField.approve.selectboxit-enabled:focus,
.selectboxit.selectField.lock.selectboxit-enabled:hover,
.selectboxit.selectField.lock.selectboxit-enabled:focus,
.selectboxit.selectField.black.selectboxit-enabled:hover,
.selectboxit.selectField.black.selectboxit-enabled:focus,
.selectboxit.selectField.passive.selectboxit-enabled:hover,
.selectboxit.selectField.passive.selectboxit-enabled:focus   { background-position: 0 0px; }

/* default drop down arrow */
.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

/* default selected value in grey */
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #7d7d7d;
  background-image: linear-gradient(to bottom, #7d7d7d, #707070);
  background-repeat: repeat-x;
}
.forceSmallCSS .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  background-color: #7d7d7d;
  background-image: linear-gradient(to bottom, #7d7d7d, #707070);
  background-repeat: repeat-x;
}



.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}
.systemFlag {
	position: fixed;
	z-index:4;
	right:0;
	top:0;
	}



/* render the width needed to not occlude the logout out button in the top right menu */
	/*#mast .ribbonWrapper { width:60px; margin-left:15px; }*/
	
	
.ribbonWrap { position:relative; }

.block .ribbonWrap.figure figure,
.body .ribbonWrap.figure figure { margin-right:0; margin-bottom:0; }
.block .ribbonWrap.figure,
.body .ribbonWrap.figure  { margin-right:20px; margin-bottom:20px; display:inline-block } 

	
.ribbon-wrapper-large {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  z-index:5;
  top: -3px;
  right: -3px;
}
.ribbon-wrapper-large.leftRibbon {
	right:0;
	left: -6px;
	}
	.mediaStore .ribbon-wrapper-large.leftRibbon {
		right:0;
		left: 0px;
	}
.ribbon-wrapper-small {
  width: 48px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  z-index:5;
  top: -3px;
  right: -3px;
}
.ribbon {
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -o-transform:      rotate(45deg);
  -ms-transform:     rotate(45deg);
  position: relative;
}




.leftRibbon .ribbon {
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -o-transform:      rotate(-45deg);
  -ms-transform:     rotate(-45deg);
}


.ribbon-wrapper-large .ribbon {
  font: bold 15px Sans-Serif;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
}


.ribbon-wrapper-large.leftRibbon .ribbon {
  left: -26px;
}


.ribbon-wrapper-small .ribbon {
  font: bold 8px Sans-Serif;
  padding: 4px 0;
  left: -5px;
  top: 8px;
  width: 70px;
}

.ribbon {
  color: white!important;
/*  background-color:#BFDC7A;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
  background-image:-webkit-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:-moz-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:-ms-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:-o-linear-gradient(top, #BFDC7A, #8EBF45);*/

  -webkit-text-shadow: rgba(0, 0, 0, 0.55) 0 1px 1px;
  -moz-text-shadow:rgba(0, 0, 0, 0.55) 0 1px 1px;
  text-shadow:rgba(0, 0, 0, 0.55) 0 1px 1px;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon.passive { 
	color:#333!important;
	-webkit-text-shadow: rgba(255, 255, 255, 0.55) 0 1px 1px;
	-moz-text-shadow:rgba(255, 255, 255, 0.55) 0 1px 1px;
	text-shadow:rgba(255, 255, 255, 255.55) 0 1px 1px;
}
.ribbon.lock { 
  -webkit-text-shadow: rgba(255, 255, 255, 0.55) 0 1px 1px;
  -moz-text-shadow:rgba(255, 255, 255, 0.55) 0 1px 1px;
  text-shadow:rgba(255, 255, 255, 255.55) 0 1px 1px;	
}





.ribbon:before, 
.ribbon:after {
  content: "";
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon.approve:before, 
.ribbon.approve:after {
  border-top:   3px solid #6e8900;   
}
.ribbon.lock:before, 
.ribbon.lock:after {
  border-top:   3px solid #DAAF23;   
}
.ribbon.negative:before, 
.ribbon.negative:after {
  border-top:   3px solid #A51719;   
}
.ribbon.black:before, 
.ribbon.black:after {
  border-top:   3px solid #000000;   
}
.ribbon.positive:before, 
.ribbon.positive:after {
  border-top:   3px solid #18438E;   
}
.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}
/* CSS Document */
.switch {
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
	position: relative;
	height: 34px;
	width: 95px;
	padding: 0;
	vertical-align: middle;
	-webkit-background-clip: padding-box;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	transition: all 400ms;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	}
	.inline-label .switch { margin-top:8px;}
	.inline-label .switch.tiny,
	.inline-label .switch.mini { margin-top:0px;}
	.switch > input {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
	}
	.switch.wide {
		width: 125px;
	}
	.switch.wider {
		width: 155px;
	}
	.switch.focus {
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
	}
	.switch-on,
	.switch-off {
		display: block;
		position: absolute;
		line-height: 34px;
		font-size: 18px;
		overflow: hidden;
		padding: 0;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		}
		.no-boxshadow .switch-on,
		.no-boxshadow .switch-off {
			line-height: 26px;
			border-width: 1px;
			border-style: solid;
		}
		.switch-on {
			color: white;
			right: 91px;
			-webkit-background-clip: padding-box;
			border-radius: 4px 0 0 4px;
			transition: right 200ms;
			box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), inset -5px 1px 3px rgba(0, 0, 0, 0.5);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
			}
			.wide > .switch-on {
				right: 121px;
			}
			.wider > .switch-on {
				right: 151px;
			}
		.switch-off {
			color: #999999;
			left: 36px;
			padding-left: 4px;
			-webkit-background-clip: padding-box;
			border-radius: 0 4px 4px 0;
			transition: left 200ms;
			box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), inset 5px 1px 3px rgba(0, 0, 0, 0.3);
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			}
			.ie9 .switch-off { background:#bfbfbf url(../themes/classic/graphics/legacyGradients/switch-off.png) repeat-x top !important;}
		.switch-on > span,
		.switch-off > span {
			display: block;
			width: 55px;
			padding-top: 1px;
			}
			.wide > .switch-on > span,
			.wide > .switch-off > span {
				width: 85px;
			}
			.wider > .switch-on > span,
			.wider > .switch-off > span {
				width: 115px;
			}
			.switch-on > span {
				margin-left: -55px;
				transition: margin-left 200ms;
				}
				.wide > .switch-on > span {
					margin-left: -85px;
				}
				.wider > .switch-on > span {
					margin-left: -115px;
				}
	/* the switch surface */			
	.switch-button {
		position: absolute;
		z-index: 88;
		display: block;
		border-width: 1px;
		border-style: solid;
		width: 38px;
		left: 0;
		top: 0;
		bottom: 0;
		padding: 0;
		margin: 0;
		-webkit-background-clip: padding-box;
		border-radius: 5px;
		transition: left 200ms, border-color 400ms;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
		
		/* add to theme */	
		color: #666666;
		background: #d6dadf;
		background-size: 100% 100%;
		background: linear-gradient(top, #efeff4, #d6dadf);
		border-color: #cccccc;
		}
		.focus > .switch-button {
			border-color: #3399ff !important;
		}
		.switch-button.silver-gradient,
		.switch-button.white-gradient {
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
		}
		.switch-button.black-gradient,
		.switch-button.anthracite-gradient,
		.switch-button.grey-gradient,
		.switch-button.red-gradient,
		.switch-button.orange-gradient,
		.switch-button.green-gradient,
		.switch-button.blue-gradient {
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
		}
		.medium > .switch-button:after,
		.tiny > .switch-button:after,
		.mini > .switch-button:after {
			display: block;
			content: ' ';
			position: absolute;
			top: 50%;
			left: 50%;
			background-image: url(../../img/standard/sprites.png);
		}
	/* Prevent animation when dragging */
	.dragging > .switch-on,
	.dragging > .switch-on > span,
	.dragging > .switch-off,
	.dragging > .switch-off > span,
	.dragging > .switch-button {
		transition: none;
	}
	/* Active style */
	.switch.checked > .switch-button {
		left: 55px;
		}
		.wide.checked > .switch-button {
			left: 85px;
		}
		.wider.checked > .switch-button {
			left: 115px;
		}
		.reversed-switches .switch.checked > .switch-button {
			left: auto;
			right: 55px;
			}
			.reversed-switches .wide.checked > .switch-button {
				right: 85px;
			}
			.reversed-switches .wider.checked > .switch-button {
				right: 115px;
			}
		.checked > .switch-on {
			right: 36px;
			}
			.checked > .switch-on > span {
				margin-left: 0;
				}
				.ie7 .checked > .switch-on > span {
					margin-left: -4px;
				}
			.reversed-switches .checked > .switch-on {
				left: 36px;
				right: 0;
				margin-left: 0;
			}
		.checked > .switch-off {
			left: 91px;
			}
			.wide.checked > .switch-off {
				left: 121px;
			}
			.wider.checked > .switch-off {
				left: 151px;
			}
			.reversed-switches .checked > .switch-off {
				left: 0;
				right: 91px;
				}
				.reversed-switches .wide.checked > .switch-off {
					right: 121px;
				}
				.reversed-switches .wider.checked > .switch-off {
					right: 151px;
				}
				.reversed-switches .checked > .switch-off > span {
					margin-left: -55px;
					}
					.reversed-switches .wide.checked > .switch-off > span {
						margin-left: -85px;
					}
					.reversed-switches .wider.checked > .switch-off > span {
						margin-left: -115px;
					}

	.switch.medium {
		width: 70px;
		height: 24px;
		*vertical-align: -7px;
		}
		.switch.medium.wide {
			width: 100px;
		}
		.switch.medium.wider {
			width: 130px;
		}
		p > .switch.medium {
			margin-top: -5px;
			margin-bottom: -3px;
		}
		.button-height .switch.medium {
			margin-top: -2px;
			margin-bottom: 2px;
		}
		.medium > .switch-on,
		.medium > .switch-off {
			line-height: 23px;
			font-size: 14px;
			font-weight: bold;
			}
			.no-boxshadow .medium > .switch-on,
			.no-boxshadow .medium > .switch-off {
				line-height: 20px;
			}
			.medium > .switch-on {
				right: 66px;
				}
				.medium.wide > .switch-on {
					right: 96px;
				}
				.medium.wider > .switch-on {
					right: 126px;
				}
				.reversed-switches .medium > .switch-on {
					left: 66px;
					right: 0;
					}
					.reversed-switches .medium.wide > .switch-on {
						left: 96px;
					}
					.reversed-switches .medium.wider > .switch-on {
						left: 126px;
					}
			.medium > .switch-off {
				left: 26px;
				}
				.reversed-switches .medium > .switch-off {
					left: 0;
					right: 26px;
				}
			.medium > .switch-on > span,
			.medium > .switch-off > span {
				width: 40px;
				}
				.medium.wide > .switch-on > span,
				.medium.wide > .switch-off > span {
					width: 70px;
				}
				.medium.wider > .switch-on > span,
				.medium.wider > .switch-off > span {
					width: 100px;
				}
				.medium > .switch-on > span {
					margin-left: -40px;
					}
					.medium.wide > .switch-on > span {
						margin-left: -70px;
					}
					.medium.wider > .switch-on > span {
						margin-left: -100px;
					}
					.reversed-switches .medium > .switch-on > span {
						margin-left: 0;
					}
		.medium > .switch-button {
			width: 28px;
			}
			.medium > .switch-button:after {
				width: 7px;
				height: 8px;
				margin: -3px 0 0 -3px;
				background-position: -120px 0;
				}
				.black-inputs .medium > .switch-button:after,
				.black-input.medium > .switch-button:after {
					background-position: -127px 0;
					margin-top: -4px;
				}
		.checked.medium > .switch-button {
			left: 40px;
			}
			.medium.checked.wide > .switch-button {
				left: 70px;
			}
			.medium.checked.wider > .switch-button {
				left: 100px;
			}
			.reversed-switches .switch.checked.medium > .switch-button {
				left: auto;
				right: 40px;
				}
				.reversed-switches .medium.checked.wide > .switch-button {
					right: 70px;
				}
				.reversed-switches .medium.checked.wider > .switch-button {
					right: 100px;
				}
			.checked.medium > .switch-on {
				right: 26px;
				}
				.checked.medium > .switch-on > span {
					margin-left: 0;
					}
					.ie7 .checked > .switch-on > span {
						margin-left: -4px;
					}
				.reversed-switches .checked.medium > .switch-on {
					left: 26px;
					right: 0;
					margin-left: 0;
				}
			.checked.medium > .switch-off {
				left: 66px;
				}
				.medium.checked.wide > .switch-off {
					left: 96px;
				}
				.medium.checked.wider > .switch-off {
					left: 126px;
				}
				.reversed-switches .checked.medium > .switch-off {
					left: 0;
					right: 66px;
					}
					.reversed-switches .medium.checked.wide > .switch-off {
						right: 96px;
					}
					.reversed-switches .medium.checked.wider > .switch-off {
						right: 126px;
					}
				.reversed-switches .medium.checked > .switch-off > span {
					margin-left: -40px;
					}
					.reversed-switches .medium.checked > .switch-off > span {
						margin-left: -70px;
					}
					.reversed-switches .medium.checked > .switch-off > span {
						margin-left: -100px;
					}

	.switch.tiny,
	.switch.mini {
		width: 35px;
		height: 15px;
		}
		.switch.tiny {
			overflow: visible;
			margin-left: 2px;
			margin-right: 2px;
		}
		p > .switch.tiny,
		p > .switch.mini,
		.button-height .switch.tiny,
		.button-height .switch.mini {
			margin-top: -1px;
			margin-bottom: 1px;
		}
		.tiny > .switch-on,
		.tiny > .switch-off,
		.mini > .switch-on,
		.mini > .switch-off {
			line-height: 15px;
			}
			.tiny > .switch-on,
			.mini > .switch-on {
				right: 27px;
				-webkit-border-top-left-radius: 8px;
				-webkit-border-bottom-left-radius: 8px;
				-moz-border-radius: 8px 0 0 8px;
				border-radius: 8px 0 0 8px;
				}
				.reversed-switches .tiny > .switch-on,
				.reversed-switches .mini > .switch-on {
					left: 27px;
					right: 0;
					-webkit-border-radius: 0;
					-webkit-border-top-right-radius: 8px;
					-webkit-border-bottom-right-radius: 8px;
					-moz-border-radius: 0 8px 8px 0;
					border-radius: 0 8px 8px 0;
				}
			.tiny > .switch-off,
			.mini > .switch-off {
				left: 8px;
				-webkit-border-top-right-radius: 8px;
				-webkit-border-bottom-right-radius: 8px;
				-moz-border-radius: 0 8px 8px 0;
				border-radius: 0 8px 8px 0;
				}
				.reversed-switches .tiny > .switch-off,
				.reversed-switches .mini > .switch-off {
					left: 0;
					right: 8px;
					-webkit-border-radius: 0;
					-webkit-border-top-left-radius: 8px;
					-webkit-border-bottom-left-radius: 8px;
					-moz-border-radius: 8px 0 0 8px;
					border-radius: 8px 0 0 8px;
				}
			.tiny > .switch-on > span,
			.tiny > .switch-off > span,
			.mini > .switch-on > span,
			.mini > .switch-off > span {
				display: none;
			}
		.tiny > .switch-button {
			top: -2px;
			left: -2px;
			bottom: -2px;
			width: 17px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.5);
			}
			.black-inputs .tiny > .switch-button,
			.black-input.tiny > .switch-button {
				-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 3px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 3px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 3px rgba(0, 0, 0, 0.5);
			}
			.reversed-switches .tiny > .switch-button {
				left: auto;
				right: -2px;
			}
			.tiny > .switch-button:after {
				width: 5px;
				height: 7px;
				margin: -2px 0 0 -2px;
				background-position: -134px 0;
				}
				.black-inputs .tiny > .switch-button:after,
				.black-input.tiny > .switch-button:after {
					background-position: -139px 0;
					margin-top: -3px;
				}
		.mini > .switch-button {
			width: 13px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			}
			.mini > .switch-button:after {
				width: 5px;
				height: 6px;
				margin: -2px 0 0 -2px;
				background-position: -144px 0;
				}
				.black-inputs .mini > .switch-button:after,
				.black-input.mini > .switch-button:after {
					background-position: -149px 0;
				}
		.switch.checked.tiny > .switch-button {
			left: 17px;
			}
			.reversed-switches .switch.checked.tiny > .switch-button {
				left: auto;
				right: 17px;
			}
		.switch.checked.mini > .switch-button {
			left: 20px;
			}
			.reversed-switches .switch.checked.mini > .switch-button {
				left: auto;
				right: 20px;
			}
			.checked.tiny > .switch-on,
			.checked.mini > .switch-on {
				right: 8px;
				}
				.reversed-switches .checked.tiny > .switch-on,
				.reversed-switches .checked.mini > .switch-on {
					left: 8px;
					right: 0;
				}
			.checked.tiny > .switch-off,
			.checked.mini > .switch-off {
				left: 27px;
				}
				.reversed-switches .checked.tiny > .switch-off,
				.reversed-switches .checked.mini > .switch-off {
					left: 0;
					right: 27px;
				}

	.switch.disabled, .disabled .switch,
	.switch.disabled, .disabled .switch {
		cursor: default;
		}
		.disabled .switch-on,
		.disabled .switch-off {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-webkit-text-shadow: none;
			-moz-text-shadow: none;
			text-shadow: none !important;
			border: 1px solid #efefef;
			line-height: 30px;
			opacity:0.6;
			}
			.ie9 .disabled .switch-on,
			.ie9 .disabled .switch-off {
				zoom: 1;
				filter: alpha(opacity=60);
			}
			.no-boxshadow .disabled .switch-on,
			.no-boxshadow .disabled .switch-off {
				line-height: 26px;
			}
			.medium.disabled > .switch-on, .disabled .medium > .switch-on,
			.medium.disabled > .switch-off, .disabled .medium > .switch-off {
				height: 22px;
				line-height: 20px;
				}
				.medium.disabled > .switch-on > span, .disabled .medium > .switch-on > span,
				.medium.disabled > .switch-off > span, .disabled .medium > .switch-off > span {
					width: 38px;
				}
			.tiny.disabled > .switch-on, .disabled .tiny > .switch-on,
			.tiny.disabled > .switch-off, .disabled .tiny > .switch-off,
			.mini.disabled > .switch-on, .disabled .mini > .switch-on,
			.mini.disabled > .switch-off, .disabled .mini > .switch-off {
				height: 13px;
				line-height: 13px;
			}
			.disabled .switch-button {
				-webkit-box-shadow: none !important;
				-moz-box-shadow: none !important;
				box-shadow: none !important;
				}
				.disabled .switch-button:after {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-khtml-opacity: 0.5;
					-moz-opacity: 0.5;
					opacity: 0.5;
				}
/* http://www.jacklmoore.com/colorbox/ */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:1000; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
/* TALK TO NICK #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}*/
#cboxLoadingOverlay, #cboxLoadingGraphic{top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
#cboxLoadedContent .dialogue { visibility:visible; position:relative;  }


/*******************************************************************************
 * Tree container
 */
ul.dynatree-container
{
	white-space: nowrap;
	padding: 3px;
	margin: 0; /* issue 201 */
	background-color: white;
	overflow: auto;
	height: 100%; /* issue 263 */
}

ul.dynatree-container ul
{
	padding: 0 0 0 32px;
	margin: 0;
}

ul.dynatree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-image: none;  /* no v-lines */

	margin:0 0 0 0 !Important;
	padding:1px 0 0 0;
	line-height:32px;
}
ul.dynatree-container > li { margin-top: 0px!important; }
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}


/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
	width: 32px;
	height: 32px;
	/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(../themes/classic/graphics/dynaTree/dynatree32.png);
	background-position: 0 0;/*	background-color:#0F0*/
}



span.webPage span.dynatree-icon
{
	background-position: -32px 0px;
}

/* web folder */
span.webFolder span.dynatree-icon { background-position: -128px -320px; }
.dynatree-expanded.webFolder span.dynatree-icon { background-position: -160px -320px; }





/* HTM */
/* folder */
span.htmFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/htm-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.htmFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/htm-folder-open-64.png); }

/* file icon */
span.htmFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/htm-file-64.png); background-size:cover; background-position:center top; }
span.htmFile.dynatree-active span.dynatree-icon,
span.htmFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/htm-file-active-64.png); background-size:cover; background-position:center top; }







/* WORD */
/* folder */
span.wordFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/word-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.wordFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/word-folder-open-64.png); }

/* file icon */
span.wordDoc span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/word-ready-64.png); background-size:cover; background-position:center top; }
span.wordDoc.dynatree-active span.dynatree-icon,
span.wordDoc span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/word-active-64.png); background-size:cover; background-position:center top; }

/* file page */
span.wordDocPage span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/word-page-64.png); background-size:cover; background-position:center top; }






/* JPG */
/* folder */
span.jpgFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/jpg-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.jpgFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/jpg-folder-open-64.png); }

/* file icon */
span.jpgFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/jpg-file-64.png); background-size:cover; background-position:center top; }
span.jpgFile.dynatree-active span.dynatree-icon,
span.jpgFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/jpg-file-active-64.png); background-size:cover; background-position:center top; }


/* XLS */
/* folder */
span.xlsFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/xls-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.xlsFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/xls-folder-open-64.png); }

/* file icon */
span.xlsFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/xls-file-64.png); background-size:cover; background-position:center top; }
span.xlsFile.dynatree-active span.dynatree-icon,
span.xlsFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/xls-file-active-64.png); background-size:cover; background-position:center top; }


/* PDF */
/* folder */
span.pdfFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/pdf-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.pdfFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/pdf-folder-open-64.png); }

/* file icon */
span.pdfFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/pdf-file-64.png); background-size:cover; background-position:center top; }
span.pdfFile.dynatree-active span.dynatree-icon,
span.pdfFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/pdf-file-active-64.png); background-size:cover; background-position:center top; }


/* PNG */
/* folder */
span.pngFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/png-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.pngFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/png-folder-open-64.png); }

/* file icon */
span.pngFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/png-file-64.png); background-size:cover; background-position:center top; }
span.pngFile.dynatree-active span.dynatree-icon,
span.pngFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/png-file-active-64.png); background-size:cover; background-position:center top; }


/* MP3 */
/* folder */
span.mp3Folder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/mp3-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.mp3Folder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/mp3-folder-open-64.png); }

/* file icon */
span.mp3File span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/mp3-file-64.png); background-size:cover; background-position:center top; }
span.mp3File.dynatree-active span.dynatree-icon,
span.mp3File span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/mp3-file-active-64.png); background-size:cover; background-position:center top; }


/* CSS */
/* folder */
span.cssFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/css-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.cssFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/css-folder-open-64.png); }

/* file icon */
span.cssFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/css-file-64.png); background-size:cover; background-position:center top; }
span.cssFile.dynatree-active span.dynatree-icon,
span.cssFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/css-file-active-64.png); background-size:cover; background-position:center top; }


/* ASP */
/* folder */
span.aspFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/asp-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.aspFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/asp-folder-open-64.png); }

/* file icon */
span.aspFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/asp-file-64.png); background-size:cover; background-position:center top; }
span.aspFile.dynatree-active span.dynatree-icon,
span.aspFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/asp-file-active-64.png); background-size:cover; background-position:center top; }



/* DLL */
/* folder */
span.dllFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/dll-folder-64.png); background-size:cover; background-position:center top; }
.dynatree-expanded.dllFolder span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/dll-folder-open-64.png); }

/* file icon */
span.dllFile span.dynatree-icon { background-image:url(../themes/classic/graphics/icons/styledFileTypes/dll-file-64.png); background-size:cover; background-position:center top; }
span.dllFile.dynatree-active span.dynatree-icon,
span.dllFile span.dynatree-icon:hover { background-image:url(../themes/classic/graphics/icons/styledFileTypes/dll-file-active-64.png); background-size:cover; background-position:center top; }





/** Used by 'icon' node option: */
ul.dynatree-container img
{
	width: 32px;
	height: 32px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

/*
span.dynatree-empty
{
}
span.dynatree-vline
{
}
*/
span.dynatree-connector
{
	background-image: none;
}
/*
.dynatree-lastsib span.dynatree-connector
{
}
*/
/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.dynatree-expander
{
	background-position: 0px -160px;
	cursor: pointer;
}
span.dynatree-expander:hover
{
	background-position: -32px -160px;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
}
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander,  /* Expanded, delayed, not last sibling */
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -64px -160px;
}
.dynatree-exp-e span.dynatree-expander:hover,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander:hover,  /* Expanded, delayed, not last sibling */
.dynatree-exp-el span.dynatree-expander:hover,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander:hover  /* Expanded, delayed, last sibling */
{
	background-position: -96px -160px;
}
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image:url(../themes/classic/graphics/spinners/spinner_32px_ffffff.gif);
}


/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox
{
	margin-left: 3px;
	background-position: 0px -64px;
}
span.dynatree-checkbox:hover
{
	background-position: -32px -64px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -128px -64px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -160px -64px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: -64px -64px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -96px -64px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -96px;
}
span.dynatree-radio:hover
{
	background-position: -32px -96px;
}

.dynatree-partsel span.dynatree-radio
{
	background-position: -128px -96px;
}
.dynatree-partsel span.dynatree-radio:hover
{
	background-position: -160px -96px;
}

.dynatree-selected span.dynatree-radio
{
	background-position: -64px -96px;
}
.dynatree-selected span.dynatree-radio:hover
{
	background-position: -96px -96px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-has-children span.dynatree-icon /* Default icon */
{
/*    background-position: 0px -16px; */
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -32px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -160px -32px;
}

/* Status node icons */

.dynatree-statusnode-wait span.dynatree-icon
{
	background-image:url(../themes/classic/graphics/spinners/spinner_32px_ffffff.gif)}

.dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -224px;
/*	background-image: url("ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node
{
/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
/*  display: inline-block; /* Required to make a span sizeable */
}


/* Remove blue color and underline from title links */
ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: #111111; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
	/* Set transparent border to prevent jumping when active node gets a border
	   (we can do this, because this theme doesn't use vertical lines)
	   */
	border: 1px solid white; /* Note: 'transparent' would not work in IE6 */

}

ul.dynatree-container a:hover
{
/*	text-decoration: underline; */
	background: #F2F7FD; /* light blue */
	border-color: #B8D6FB; /* darker light blue */
}

span.dynatree-node a
{
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a
{
/*	font-weight: bold; */ /* custom */
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}

span.dynatree-has-children a
{
/*	font-style: oblique; /* custom: */
}

span.dynatree-expanded a
{
}

span.dynatree-selected a
{
/*	color: green; */
	font-style: italic;
}

span.dynatree-active a
{
	border: 1px solid #99DEFD;
	background-color: #D8F0FA;
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.dynatree-drag-helper
{
}
div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper /*.dynatree-drop-accept*/
{
/*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -64px -224px;
}
div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -32px -224px;
}

/*** Drop marker icon *********************************************************/

#dynatree-drop-marker
{
	width: 32px;
	position: absolute;
	background-position: 0 -224px;
	margin: 0;
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -288px;
}
#dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -128px -224px;
}
#dynatree-drop-marker.dynatree-drop-move
{
	background-position: -128px -224px;
}

/*** Source node while dragging ***********************************************/

span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
span.dynatree-drop-target a
{
}
span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject
{
	border: 1px solid red;
}
span.dynatree-drop-target.dynatree-drop-after a
{
}

.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; 
	z-index: 99999;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; 
	z-index: 99999;
	top: 50px; 
	left: 50%;
	width: 550px;
	margin-left: -282px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 220px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text.formField {
			/*margin-bottom: 15px;*/
			width: 95%!important;
			/*-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;*/
		}
		.buttonGroup {
		}
			/*.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}*/
			
			.buttonGroup .button { margin-left: 10px;}

.alertify-isHidden {
	display: none;
}


@media only screen and (min-width: 320px) and (max-width: 767px)  {
	.alertify,
	.alertify-logs {
		width: 60%  !important;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify-logs {width: 60% !important;} 
	.alertify {
		left: 20%;
		margin: 0;
	}
}


/* tags */
.tag { 
	display:inline-block; 
	padding:1px 4px !important;
	background-color:#CCC; 
	border-radius:3px; 
	border:1px solid #999;
	font-size:10px;
    line-height: 10px!important;
    text-transform: uppercase;
	margin-bottom:5px;
	text-shadow:none!important;
	vertical-align:top;
}
.tag.fullWidth { display: block; text-align: center}
.cardItem .labelledPairs li .tag { line-height: normal!important;}
.body .tag { line-height:normal!important}
.mediaStore figure figcaption .tag { display:inline-block !important; width:auto; vertical-align:middle; line-height:inherit !important}


.tag::-moz-selection{ background: transparent;  text-shadow: none; }
.tag::selection { background:transparent; text-shadow: none; } 

table.standard .tag { margin-bottom:0;  }
.body .labelledPairs.inline li .tag { line-height:normal!important; }

.helm#stage table td  .tag { vertical-align:baseline}
.labelledPairs li span .tag { padding-bottom:0px; vertical-align:baseline }
	
	
.tag.withBulbChildren { padding:5px 4px !important;  width:100% !important; box-sizing:border-box !important; margin-top:5px; display:block !important }	
.tag.withBulbChildren .bulb.icon { margin-top:5px; width:100%;box-sizing:border-box}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}


@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/* class '.fileupload-progress' is used for the plugin uploadify */
.fileupload-progress.inline-block { display:inline-block !important; margin-right:10px; margin-left:10px;  }
.progress {
	height: 24px;
	margin-bottom: 20px;
	overflow: hidden;
	position:relative;
	}
	.progress.vertical {
	  width: 24px;
	  margin-top: 20px;
	  margin-bottom: 20px;
	  overflow:visible;
	  position:relative;
	  display:inline-block;
	  }
	  .progress.overflow {overflow:visible;}
	  .boxed .progress {
		  position:relative;
	  }
	  .progress.vertical.wide { width:48px; }
	  [class*='col-'] .progress.vertical { width:20%; }
	  
/* see theme */
	  
	  
.progressLabel {
	height: inherit;
	line-height: 24px;
	position: absolute;
	z-index: 1;
	padding-left: 10px;
	left: 0px;
	padding-right: 10px;
	}
	.progressLabel.right { left:auto; right:0px; }
	.progress.vertical .progressLabel {
		width: 100%;
		height: auto;
		vertical-align: bottom;
		padding: 0 0 0 0;
		text-align: center;
		top: auto;
		left:0;
		right: 0;
		bottom: 5px;
		line-height: normal
		}
		.progress.vertical .progressLabel.top { 
			top: -20px;
			bottom: auto;
		}
		.progress .statBubble { 
			position:absolute !important;  
			z-index: 3; 
			right:auto; 
			left: 10px;
			top:10px; 
			bottom:auto; 
			min-width:44px;
			max-width:100%;
			opacity:0.0;
    		filter:alpha(opacity=0);
			}
			.grid [class*='col-']:last-of-type .statBubble { right:10px; left:auto;}
			.progress:hover .statBubble { 
				opacity:1.0;
				filter:alpha(opacity=100);
				-webkit-transition: all 1s ease-in-out;
				-moz-transition: all 1s ease-in-out;
				-o-transition: all 1s ease-in-out;
				transition: all 1s ease-in-out;
			}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  text-align: center;
	}
	.progress.vertical .progress-bar {
	  float: left;
	  width: inherit;
	  height: 100%;
	  font-size: 12px;
	  color: #ffffff;
	  text-align: center;
	  position:absolute;
	  top: auto;
  	  right: 0px;
	  bottom:0;
	  left:0px;
	}
	[class*='col-'] .progress.vertical .progress-bar { width:100%; }

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

/* animation class */
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

/* CSS Document for bridge video */
.inlineVideoContent,
.videoPage { margin:0 0 0 0; background-color:#111111 }
.inlineVideoContent { padding:30px;  }
.inlineVideoContent video { width:100%; }
.videoPage { text-align:center}
.videoPage video { width:90%; margin:30px auto;}
/* CSS Document */
/* preview site */
.previewSite#stage { background-image:url(../graphics/preview/grid.png) !important; }
.previewSite#stage .canvas,
.previewSite#stage .deck { background:none!important; }
/* as we are dealing with viewports that might be larger than the availble screen we dont want side scrolling - 'overflow:hidden' */
.previewSite#stage .deck { text-align:center !important; overflow:hidden; }
.previewPane { border:0px none; margin:0 auto;}
.previewSite#stage .deck .ruler {
	position:relative; 
	z-index:6;
	height:30px;
}
.ruler.bottom,
.ruler.other { 
	background:url(../graphics/preview/ruler.png) no-repeat left top;
	background-color:rgba(0,0,0,0.2);
	width:0;
	-webkit-transition: width 0.5s ease-out-in;
    -moz-transition: width 0.5s ease-out-in;
    -o-transition: width 0.5s ease-out-in;
    transition: width 0.5s ease-out-in;
}
.ruler.other { 
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ruler.other {
	width:0;
	-webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.ruler.bottom {
	width:0;
	-webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}
.previewDiv .iframe { border:none !important;
	box-shadow:0px -1px 0px rgba(0, 0, 0, 0.1),
	1px 0px 0px rgba(0, 0, 0, 0.1),
	0px 1px 0px rgba(0, 0, 0, 0.1),
	-1px 0px 0px rgba(0, 0, 0, 0.1),
	0px 4px 10px rgba(0, 0, 0, 0.1);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	-moz-background-clip: padding;     /* Firefox 3.6 */
	background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.viewport {
	width:0;
	-webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
	padding-bottom:30px;
}






/* 1024 by 768 */
.viewport.size1024by768 { margin:0 auto 0 auto; width:1039px; height:798px; } /* needs + 30 for the ruler to show */
.viewport.size1024by768 .previewDiv { width:inherit; height:768px; }
.viewport.size1024by768 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size1024by768 .ruler.bottom { width:1039px; margin:0 auto 0 auto; }
.viewport.size1024by768 .ruler.other {
	width:768px; 
	margin:-429px 0 0 -399px;
}
.viewport.size1024by768 .ruler.bottom,
.viewport.size1024by768 .ruler.other { opacity:1;}


.viewport.size1024by600 { margin:0 auto 0 auto; width:1039px; height:630px; } /* needs + 30 for the ruler to show */
.viewport.size1024by600 .previewDiv { width:inherit; height:600px; }
.viewport.size1024by600 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size1024by600 .ruler.bottom { width:1039px; margin:0 auto 0 auto; }
.viewport.size1024by600 .ruler.other {
	width:600px; 
	margin:-345px 0 0 -314px;
}
.viewport.size1024by600 .ruler.bottom,
.viewport.size1024by600 .ruler.other { opacity:1;}








.viewport.size1280by800 { margin:0 auto 0 59px; width:1310px; height:830px; } /* needs + 30 for the ruler to show */
.viewport.size1280by800 .previewDiv { width:inherit; height:800px; }
.viewport.size1280by800 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size1280by800 .ruler.bottom { width:1310px; margin:0 auto 0 auto; }
.viewport.size1280by800 .ruler.other {
	width:830px; 
	margin:-460px 0 0 -430px;
}
.viewport.size1280by800 .ruler.bottom,
.viewport.size1280by800 .ruler.other { opacity:1;}


.viewport.size1366by768 { margin:0 auto 0 59px; width:1396px; height:798px; } /* needs + 30 for the ruler to show */
.viewport.size1366by768 .previewDiv { width:inherit; height:768px; }
.viewport.size1366by768 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size1366by768 .ruler.bottom { width:1396px; margin:0 auto 0 auto; }
.viewport.size1366by768 .ruler.other {
	width:768px; 
	margin:-429px 0 0 -399px;
}
.viewport.size1366by768 .ruler.bottom,
.viewport.size1366by768 .ruler.other { opacity:1;}




/* tablets */
.viewport.size533by853 { margin:0 auto 0 135px; width:563px; height:883px; } /* needs + 30 for the ruler to show */
.viewport.size533by853 .previewDiv { width:inherit; height:853px; }
.viewport.size533by853 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size533by853 .ruler.bottom { width:563px; margin:0 auto 0 auto; }
.viewport.size533by853 .ruler.other {
	width:853px; 
	margin:-471px 0 0 -442px;
}
.viewport.size533by853 .ruler.bottom,
.viewport.size533by853 .ruler.other { opacity:1;}

/* 800 by 600 */
.viewport.size800by600 { margin:0 auto 0 auto; width:830px; height:630px; } /* needs + 30 for the ruler to show */
.viewport.size800by600 .previewDiv { width:inherit; height:600px; }
.viewport.size800by600 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size800by600 .ruler.bottom { width:830px; margin:0 auto 0 auto; }
.viewport.size800by600 .ruler.other {
	width:600px; 
	margin:-345px 0 0 -315px;
}
.viewport.size800by600 .ruler.bottom,
.viewport.size800by600 .ruler.other { opacity:1;}



/* 720 by 1280 */
.viewport.size720by1280 { margin:0 auto 0 auto; width:750px; height:1310px; } /* needs + 30 for the ruler to show */
.viewport.size720by1280 .previewDiv { width:inherit; height:1280px; }
.viewport.size720by1280 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size720by1280 .ruler.bottom { width:750px; margin:0 auto 0 auto; }
.viewport.size720by1280 .ruler.other {
	width:1280px; 
	margin:-685px 0 0 -655px;
}
.viewport.size720by1280 .ruler.bottom,
.viewport.size720by1280 .ruler.other { opacity:1;}

/* 600 by 1024 */
.viewport.size600by1024 { margin:0 auto 0 auto; width:630px; height:1054px; } /* needs + 30 for the ruler to show */
.viewport.size600by1024 .previewDiv { width:inherit; height:1024px; }
.viewport.size600by1024 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size600by1024 .ruler.bottom { width:630px; margin:0 auto 0 auto; }
.viewport.size600by1024 .ruler.other {
	width:1024px; 
	margin:-557px 0 0 -526px;
}
.viewport.size600by1024 .ruler.bottom,
.viewport.size600by1024 .ruler.other { opacity:1;}

/* 320 by 533 */
.viewport.size320by533 { margin:0 auto 0 auto; width:350px; height:563px; } /* needs + 30 for the ruler to show */
.viewport.size320by533 .previewDiv { width:inherit; height:533px; }
.viewport.size320by533 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size320by533 .ruler.bottom { width:350px; margin:0 auto 0 auto; }
.viewport.size320by533 .ruler.other {
	width:533px; 
	margin:-312px 0 0 -281px;
}
.viewport.size320by533 .ruler.bottom,
.viewport.size320by533 .ruler.other { opacity:1;}


/* 320 by 480 */
.viewport.size320by480 { margin:0 auto 0 auto; width:350px; height:510px; } /* needs + 30 for the ruler to show */
.viewport.size320by480 .previewDiv { width:inherit; height:480px; }
.viewport.size320by480 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size320by480 .ruler.bottom { width:350px; margin:0 auto 0 auto; }
.viewport.size320by480 .ruler.other {
	width:480px; 
	margin:-285px 0 0 -256px;
}
.viewport.size320by480 .ruler.bottom,
.viewport.size320by480 .ruler.other { opacity:1;}

/* 360 by 640 */
.viewport.size360by640 { margin:0 auto 0 auto; width:390px; height:670px; } /* needs + 30 for the ruler to show */
.viewport.size360by640 .previewDiv { width:inherit; height:640px; }
.viewport.size360by640 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size360by640 .ruler.bottom { width:390px; margin:0 auto 0 auto; }
.viewport.size360by640 .ruler.other {
	width:640px; 
	margin:-365px 0 0 -335px;
}
.viewport.size360by640 .ruler.bottom,
.viewport.size360by640 .ruler.other { opacity:1;}



/* 540 by 960 */
.viewport.size540by960 { margin:0 auto 0 auto; width:570px; height:990px; } /* needs + 30 for the ruler to show */
.viewport.size540by960 .previewDiv { width:inherit; height:960px; }
.viewport.size540by960 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size540by960 .ruler.bottom { width:570px; margin:0 auto 0 auto; }
.viewport.size540by960 .ruler.other {
	width:960px; 
	margin:-525px 0 0 -495px;
}
.viewport.size540by960 .ruler.bottom,
.viewport.size540by960 .ruler.other { opacity:1;}




/* 640 by 960 */
.viewport.size640by960 { margin:0 auto 0 auto; width:670px; height:990px; } /* needs + 30 for the ruler to show */
.viewport.size640by960 .previewDiv { width:inherit; height:960px; }
.viewport.size640by960 .previewDiv .iframe { width:inherit; height:inherit; }
.viewport.size640by960 .ruler.bottom { width:670px; margin:0 auto 0 auto; }
.viewport.size640by960 .ruler.other {
	width:960px; 
	margin:-525px 0 0 -495px;
}
.viewport.size640by480 .ruler.bottom,
.viewport.size640by480 .ruler.other { opacity:1;}


/* 640 by 1136 */
.viewport.size640by1136 { margin:0 auto 0 auto; width:670px; height:1166px; } /* needs + 30 for the ruler to show */
.viewport.size640by1136 .previewDiv { width:inherit; height:1136px; }
.viewport.size640by1136 .previewDiv .iframe { width:inherit; height:1166px; }
.viewport.size640by1136 .ruler.bottom { width:670px; margin:30px auto 0 auto; }
.viewport.size640by1136 .ruler.other {
	width:1166px;
	margin:-628px 0 0 -597px;
}
.viewport.size640by1136 .ruler.bottom,
.viewport.size640by1136 .ruler.other { opacity:1;}

/* 480 by 800 */
.viewport.size480by800 { margin:0 auto 0 auto; width:510px; height:830px; } /* needs + 30 for the ruler to show */
.viewport.size480by800 .previewDiv { width:inherit; height:800px; }
.viewport.size480by800 .previewDiv .iframe { width:inherit; height:830px; }
.viewport.size480by800 .ruler.bottom { width:510px; margin:30px auto 0 auto; }
.viewport.size480by800 .ruler.other {
	width:830px;
	margin:-460px 0 0 -430px;
}
.viewport.size480by800 .ruler.bottom,
.viewport.size480by800 .ruler.other { opacity:1;}

/* 480 by 640 */
.viewport.size480by640 { margin:0 auto 0 auto; width:510px; height:670px; } /* needs + 30 for the ruler to show */
.viewport.size480by640 .previewDiv { width:inherit; height:640px; }
.viewport.size480by640 .previewDiv .iframe { width:inherit; height:670px; }
.viewport.size480by640 .ruler.bottom { width:510px; margin:30px auto 0 auto; }
.viewport.size480by640 .ruler.other {
	width:670px;
	margin:-380px 0 0 -350px;
}
.viewport.size480by640 .ruler.bottom,
.viewport.size480by640 .ruler.other { opacity:1;}






@media only all and (min-width: 1200px) {
	.viewport.size1024by768 { margin:0 auto 0 59px; } 
	.viewport.size1024by600 { margin:0 auto 0 59px; } 
	.viewport.size1280by800 { margin:0 auto 0 59px; } 
	.viewport.size1366by768 { margin:0 auto 0 59px; }
	
	/* tablets */
	.viewport.size533by853 {margin:0 auto 0 216px;}
	.viewport.size800by600 {margin:0 auto 0 95px;}
	.viewport.size600by1024 {margin:0 auto 0 171px;}
	
	
	/* phones */
	.viewport.size320by480 {margin:0 auto 0 auto;}
	.viewport.size640by960 {margin:0 auto 0 auto;}
	.viewport.size640by1136 {margin:0 auto 0 auto;}
	
}

@media only all and (min-width: 1440px) {
	.viewport.size1024by768 { margin:0 auto 0 100px; } 
	.viewport.size1024by600 { margin:0 auto 0 100px; }
	.viewport.size1280by800 { margin:0 auto 0 59px; }
	.viewport.size1366by768 { margin:0 auto 0 59px; }
	
	/* tablets */
	.viewport.size533by853 {margin:0 auto 0 326px;}
	.viewport.size800by600 {margin:0 auto 0 200px;}
	.viewport.size600by1024 {margin:0 auto 0 291px;}
	
	
	/* phones */
	.viewport.size320by480 {margin:0 auto 0 auto;}
	.viewport.size640by960 {margin:0 auto 0 auto;}
	.viewport.size640by1136 {margin:0 auto 0 auto;}
	
}

@media only all and (min-width: 1680px) {
	.viewport.size1024by768 { margin:0 auto 0 auto; }
	.viewport.size1024by600 { margin:0 auto 0 auto; } 
	.viewport.size1280by800 { margin:0 auto 0 auto; }
	.viewport.size1366by768 { margin:0 auto 0 auto; }
	
	/* tablets */
	.viewport.size533by853 {margin:0 auto 0 auto;}
	.viewport.size800by600 {margin:0 auto 0 auto;}
	.viewport.size600by1024 {margin:0 auto 0 auto;}
	
	/* phones */
	.viewport.size320by480 {margin:0 auto 0 auto;}
	.viewport.size640by960 {margin:0 auto 0 auto;}
	.viewport.size640by1136 {margin:0 auto 0 auto;}
}
/* CSS Document */

/*
<article class="log">
	<h1><span class="icon"></span>Content master</h1>

	
	<section class="details">
	<p><a href="#history1" class="summary passive clearfix"><span class="icon browser-icon"></span><span class="action">View page</span></a></p>
		<div class="panel" style="display:none" id="history1">
			<p class="clearfix"><span class="left">Time</span><span class="right"><time datetime="2012-08-26 20:09-0700">8:09pm on August 26th, 2012</time></span></p>
			<p class="clearfix"><span class="left">Duration</span><span class="right">2 mins</span></p>
			<a href="javascript:void(0)" class="button small passive">Open</a>
		</div>
	</section>

</article>
*/

.log { border:1px solid #ccc; border-bottom:0px none; display:block; margin:0 1px 0 1px; }
.log:first-of-type {  margin-top:1px;}
.log:last-of-type { border-bottom:1px solid #ccc; }
header.session { padding:10px;color:#999; display:block}
.log .details { background-color:#f5f5f5;  border-top:1px solid #ccc;  display:block; padding-bottom:0 !important }
.log .details:last-of-type { }


.log header { padding:10px 5px 5px 5px;  }
.log .summary { cursor:pointer; padding:5px; line-height:25px; display:block  }
.log .summary.passive,
.log .summary.passive:hover { 
	background:none; 
	color:#333 !important; 
	text-shadow:none !important;
}
.log .summary.passive:focus,
.log .summary.passive:hover,
.log .summary.passive.current { 
	background-color:#848FAB;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1.0) !important;
	color:#FFF !important;
}
.log .summary.passive.current:hover { background-color:#6D768E}
.log .summary.on { 
	background-color: #565656 !important; 
	color: #ffffff !important;
  	text-shadow: #000000;}



.log .summary span { display:block; float:left; }
.log .summary .icon { 
	width: 20px;
	height: 20px; 
	margin-right:8px;
	line-height:inherit;
	background-size:20px 20px;
	background-position:center center;
	opacity:0.7;
}
.log .summary span.action { /*width:105px;*/ width:118px; /*background-color:blue*/ }
@media screen and (min-width:0\0) {  
	.log .summary span.action { width:90px; }
}
.log .details .panel { padding:10px 10px 10px 0; margin:0 10px 0 10px }
.log .details .panel p { margin-bottom:10px; font-size:12px; }
.log .details .panel .button { display:block; }
.log .clearfix .left,
.log .clearfix .right { display:block; float:left; }
.log .clearfix .left { width:45%; padding-right:5%; font-weight:bold; }
.log .clearfix .right { width:50%; }



	/* reset size for the bento */
	#bento .systemIcon { 
	  line-height:20px;
	  font-weight:bold;
	  margin-bottom:0px;
	  margin-right:0px !important;
	}
	#bento .systemIcon span.state { 
	  width: 20px;
	  height: 20px;
	}
	#bento .systemIcon .systemIconLabel { 
		display:block !important; 
		float:left; 
		width:118px; 
		text-align:left;
		/*background-color:#0F0;*/
		line-height:normal !important;
		margin-left:8px;
		font-size:14px;
	}
	@media screen and (min-width:0\0) {  
		#bento .systemIcon .systemIconLabel { 
		width:100px;
		}
	}
.col-2-4 .mapWrapper { width:100%; max-width:477px; margin:0 auto; position:relative; }
.col-2-4 .mapWrapper .map { width:100%; z-index:0; }
.statBubble { 
	display:block; 
	border-radius:5px; 
	background-color:rgba(0,0,0,0.7); 
	color:#FFF; 
	padding:5px 10px; 
	min-width:150px; 
	overflow:hidden;
	transform-origin: 50% 0px 0px;
  	transition-property: visibility, opacity, transform;
  	transition-timing-function: linear, linear, cubic-bezier(0, 0, 0.265, 1.55);
  	transition-duration: 0s, 0s, 0.2s;
	}
	.mapWrapper .statBubble { position:absolute; }
.width50percent { width:45%; }
.statBubble .width50percent:first-of-type { margin-right:10%;} 


.statBubble strong { font-size:20px; line-height:35px;}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/* additions */
.block.boxed.slider { overflow:hidden; }
.boxed.slider { padding:0 0 0 0; }



/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 60px auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;*/
	background:none;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	}
	/* see theme for spinners etc */

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	
	}
	#stage.helm .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#stage.helm .bx-wrapper .bx-pager.bx-default-pager a.active {

	}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {}

.bx-wrapper .bx-next {}

.bx-wrapper .bx-prev:hover {}
.bx-wrapper .bx-next:hover {}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {

}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	width: 100%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
.pager { text-align:center; }
.pager a { margin:0 5px;}

@charset "UTF-8";
/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}



.flowchart-container {
    position: relative;
    overflow: hidden;
}

.flowchart-links-layer, .flowchart-operators-layer, .flowchart-temporary-link-layer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.flowchart-operators-layer, .flowchart-temporary-link-layer {
    pointer-events: none;
}

.flowchart-temporary-link-layer {
    display: none;
}



.flowchart-link, .flowchart-operator {
    cursor: default;
}


.flowchart-operator-connector {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.flowchart-operator-connector-label {
    font-size: small;
}

.flowchart-operator-inputs .flowchart-operator-connector-label {
    margin-left: 14px;
}

.flowchart-operator-outputs .flowchart-operator-connector-label {
    text-align: right;
    margin-right: 5px;
}

.flowchart-operator-connector-arrow {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(204, 204, 204);
    position: absolute;
    top: 0px;
}

.flowchart-operator-connector-small-arrow {
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent; /*rgb(100, 100, 100);*/
    position: absolute;
    top: 5px;
    pointer-events: none;
}

.flowchart-operator-connector:hover .flowchart-operator-connector-arrow {
    border-left: 10px solid rgb(153, 153, 153);
}

.flowchart-operator-inputs .flowchart-operator-connector-arrow {
    left: -1px;
}

.flowchart-operator-outputs .flowchart-operator-connector-arrow {
    right: -10px;
}

.flowchart-operator-inputs .flowchart-operator-connector-small-arrow {
    left: -1px;
}

.flowchart-operator-outputs .flowchart-operator-connector-small-arrow {
    right: -7px;
}

.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}


/* Default Operator */

.flowchart-operator {
    position: absolute;
    width: 140px;
    border: 1px solid #CCCCCC;
    background: #FAFAFA;
    pointer-events: initial;
}

.flowchart-operator.selected {
    border-color: #555;
}

.flowchart-operator .flowchart-operator-title {
    width: 100%;
    padding: 5px;
    font-weight: bold;
    box-sizing: border-box;
    border-bottom: 1px solid #DDDDDD;
    background: #F0F0F0;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: move;
}

.flowchart-operator .flowchart-operator-inputs-outputs {
    display: table;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.flowchart-operator .flowchart-operator-inputs, .flowchart-default-operator .flowchart-operator-outputs {
    display: table-cell;
    width: 50%;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.atwho-view {
    position:absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    color: black;
    border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    min-width: 120px;
    z-index: 11110 !important;
}

.atwho-view .atwho-header {
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    border-bottom: solid 1px #eaeff1;
    color: #6f8092;
    font-size: 11px;
    font-weight: bold;
}

.atwho-view .atwho-header .small {
    color: #6f8092;
    float: right;
    padding-top: 2px;
    margin-right: -5px;
    font-size: 12px;
    font-weight: normal;
}

.atwho-view .atwho-header:hover {
    cursor: default;
}

.atwho-view .cur {
    background: #3366FF;
    color: white;
}
.atwho-view .cur small {
    color: white;
}
.atwho-view strong {
    color: #3366FF;
}
.atwho-view .cur strong {
    color: white;
    font:bold;
}
.atwho-view ul {
    /* width: 100px; */
    list-style:none;
    padding:0;
    margin:auto;
    max-height: 200px;
    overflow-y: auto;
}
.atwho-view ul li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
    cursor: pointer;
    /* border-top: 1px solid #C8C8C8; */
}
.atwho-view small {
    font-size: smaller;
    color: #777;
    font-weight: normal;
}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
  line-height: normal;
}