/* Minification failed. Returning unminified contents.
(833,74): run-time error CSS1019: Unexpected token, found ','
 */
/* CSS Document */

/* base of your theme */
/* base theme begins */
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	background: white;
}
@font-face {
    font-family: 'OxygenRegular';
    src: url('../fonts/Oxygen/oxygen-regular.eot');
    src: url('../fonts/Oxygen/oxygen-regular.eot') format('embedded-opentype'),
         url('../fonts/Oxygen/oxygen-regular.woff') format('woff'),
         url('../fonts/Oxygen/oxygen-regular.ttf') format('truetype'),
         url('../fonts/Oxygen/oxygen-regular.svg#OxygenRegular') format('svg');
}
@font-face {
    font-family: 'OxygenLight';
    src: url('../fonts/Oxygen/oxygen-light.eot');
    src: url('../fonts/Oxygen/oxygen-light.eot') format('embedded-opentype'),
         url('../fonts/Oxygen/oxygen-light.woff') format('woff'),
         url('../fonts/Oxygen/oxygen-light.ttf') format('truetype'),
         url('../fonts/Oxygen/oxygen-light.svg#OxygenLight') format('svg');
}
body, input, button, textarea {
	font-family: 'OxygenRegular', sans-serif;
	font-weight: 400; 
	font-size: 14px;
	line-height: 16.8px;
	color: #444;
}
.button {
	font-family: 'OxygenRegular', sans-serif;
	font-weight: 400; 
}
button.small,
.button.small,
button.smallest,
.button.smallest {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-shadow: none;
	position:relative;
	overflow:visible
}
/* used in the rule builder */
input.small[type='text'] {
  line-height: 22px;
  height:22px;
  font-size: 12px;
  padding:0 5px;
  border:1px solid #ccc;
}
h1,h2,h3,h4,h5,h6 { font-family:'OxygenLight', sans-serif; font-weight:300; line-height:normal; color:#333;}
h3,h4,h5,h6 { font-weight:400; line-height:1.7em; }
h1 { font-size:2.143em; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); }
h2,
h1.panelSummary { font-size:1.714em; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25); }
h3 { font-size:1.5em; }
h4, h5, h6 { font-size:1.143em; text-transform:uppercase; }

h1 .altTitle { font-size:70%; }
.altTitle { color:#666 !important }


.body h1 { margin-bottom:31px;}
.body h2 { margin-bottom:22px;}
.body h3 { margin-bottom:20px;}
.body h4, .body h5, .body h6 { margin-bottom:15px;}
.body em {}
.body .intro { color:#000!important; font-family:'OxygenLight', sans-serif!important; font-weight:300; }
.wrapped,
.boxed { color:#666666; }
.wrapped { background-color:#f5f5f5; border:1px solid #CCC; border-radius:10px; padding:10px; }
.border-left { border-left:2px solid #CCC; display:block; padding:10px; }
.body .underline { border-bottom:1px solid #111; padding-bottom:0.15em;}


code { border-radius:5px 5px 5px 5px; background-color:#333; color:#FFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25) inset; padding:10px;  }
code var { color:#0F0}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
hr.dotted { border-top-style:dotted}


q{quotes:"\201C" "\201D" "\2018" "\2019"}

blockquote
{
  padding-left: 12px;
  border-left: 8px solid rgba(0, 0, 0, 0.1);
  margin-left:0
}

q{quotes:"‘" "’" "“" "”"}
q:before{content:"‘";content:open-quote}
q:after{content:"’";content:close-quote}
q q:before{content:"“";content:open-quote}q q:after{content:"”";content:close-quote}
blockquote{quotes:"“" "”"}
blockquote p:before{content:"“";content:open-quote}
blockquote p:after{content:"";content:no-close-quote}
blockquote p:last-of-type:after{content:"”";content:close-quote}
blockquote{text-indent:-0.4em}
blockquote p:last-of-type{margin-bottom:0}

.labelledPairs li span.label,
.body  .labelledPairs li span.label { color:#909090; }



/* background colours */
#stage { background-color:#fff; }
#stage .canvas { background-color:#fff; } 
#stage .quarterdeck { 
	background-color:#fff;
	background: rgba(255, 255, 255, .9);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
}
#stage .quarterdeck .kahuna { background-color:transparent; }
#stage #bento { background-color:#717171; }
.outrigger { background-color:#fff; }
#toolkit { background-color:#717171; }
#stage .deck { background-color:#fff; }


/* alternative deck bg */
 
.altDeckBg#stage,
.altDeckBg#stage .canvas,
.altDeckBg#stage .deck { background-color:#f6f6f6;  }




#mast {
	border-top:1px solid #767f84;
	border-bottom:1px solid #000000;
	background: #ccdce5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZGNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Zjc2N2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ccdce5 0%, #6f767a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdce5), color-stop(100%,#6f767a));
	background: -webkit-linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
	background: -o-linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
	background: -ms-linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
	background: linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
}
.ie8 #mast { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdce5', endColorstr='#6f767a',GradientType=0 ); }
#bridgeMenu { 
	background: rgba(51, 51, 51, .8);
	background-image:url(../graphics/product-menu/pinStripe.png);
}
#mast .bridgeTrigger,
#mast .bridgeTriggerBack {
	color:#FFF;
	background-color:#333; 
	padding:0 0px; 
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
#mast .bridgeTriggerBack { background-color:#000; }
.bridgeMenuOn#bridgeMenu { 
	background: rgba(51, 51, 51, .8);
	background-image:url(../graphics/product-menu/pinStripe.png);
}
#bridgeMenu a.label { 
	color:#FFF;
	background-color:#333; 
	padding:4px 10px; 
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
	#bridgeMenu a.label.trigger { 
	
	}

	
.productContainer {
	background: rgba(51, 51, 51, .8);
	background-image:url(../graphics/product-menu/pinStripe.png);
	/*background-image:url(../graphics/login/gradient-bg.png);*/
	/*background: rgba(51, 51, 51, .5) url(../graphics/login/gradient-bg.png);*/

}
.productContainer ul li a span.wrap {

}

.productContainer ul li a span.desc { color:#fff; border-radius:5px; background-color:#333; padding:5px 10px; }
.productContainer ul li a:hover span.desc,
.productContainer ul li.activeProduct a span.desc { color:#4bc7fd}


@media only screen and (min-width: 768px) {
	
	.productContainer ul li a span.wrap {
		border:1px solid #505050;
		border-radius: 5px;
		background-color: #2b2b2b;
	}
	.productContainer ul li a span.desc { background-color:transparent; padding:0 0 0 0;}
	.productContainer ul li.activeProduct a span.desc { color:#4bc7fd }
	.productContainer ul li.activeProduct a span.wrap,
	.productContainer ul li a:hover span.wrap { border-color:#4bc7fd; }
	.productContainer ul li.activeProduct a span.wrap:after {
		content: url('../graphics/product-menu/downArrowBlue.png');
		position:relative; top:-1px;
	} 
	
}
/* file menu icons with no drop downs  */
a.fileMenuLink.helmLink { background-image:url(../graphics/helm-menu/helm-ready.png); }
a.fileMenuLink.helmLink:hover,
a.fileMenuLink.helmLink.active { background-image:url(../graphics/helm-menu/helm-hover.png); }
	

/* system widgets and apps */
a.widgetTrigger { 
	width:34px; 
	height:34px;
	position:relative;
	top:-5px;
	background-size: cover;
}
a.widgetTrigger.mainMenu { 
	background-image:url(../graphics/main-menu/ready.png);
	}
	a.widgetTrigger.mainMenu.active,
	a.widgetTrigger.mainMenu:hover { background-image:url(../graphics/main-menu/active.png); }
/* widget icons */

/* waste bin */
.widget.waste .widgetTrigger { background-image:url(../graphics/waste-menu/waste-menu-ready.png); }
	.widget.waste .widgetTrigger.active,
	.widget.waste .widgetTrigger:hover { background-image: url(../graphics/waste-menu/waste-menu-hover.png); }
/* chat app */	
.widget.chat .widgetTrigger { background-image: url(../graphics/chat-menu/chat-menu-ready.png); }
	.widget.chat .widgetTrigger.active,
	.widget.chat .widgetTrigger:hover {
		background-image: url(../graphics/chat-menu/chat-menu-hover.png);
	}
/* profile / user  */	
.widget.user .widgetTrigger {
	background-image: url(../graphics/user-menu/user-menu-ready.png);
}
	.widget.user .widgetTrigger.active,
	.widget.user .widgetTrigger:hover {
		background-image: url(../graphics/user-menu/user-menu-hover.png);
	}

/* workflow */
.widget.workflow .widgetTrigger { background-image:url(../graphics/workflow-menu/workflow-menu-ready.png); }
	.widget.workflow .widgetTrigger.active,
	.widget.workflow .widgetTrigger:hover { background-image: url(../graphics/workflow-menu/workflow-menu-hover.png); }

/* bookmark app */	
.widget.bookmark .widgetTrigger { background-image: url(../graphics/bookmark-menu/bookmark-menu-ready.png); }
.widget.bookmark .widgetTrigger.active,
.widget.bookmark .widgetTrigger:hover {
    background-image: url(../graphics/bookmark-menu/bookmark-menu-hover.png);
}
.widget.bookmarkActive .widgetTrigger { background-image: url(../graphics/bookmark-menu/bookmark-menu-active-ready.png); }
.widget.bookmarkActive .widgetTrigger.active,
.widget.bookmarkActive .widgetTrigger:hover {
	background-image: url(../graphics/bookmark-menu/bookmark-menu-active-hover.png);
}
	
	

.systemApps .widgetPane,
.systemMenus .widgetPane { 
	border:5px solid #777E83; 
	border-radius:3px; 
	top:-6px; 	
	box-shadow:0px -1px 0px rgba(0, 0, 0, 1),
	1px 0px 0px rgba(0, 0, 0, 1),
	0px 1px 0px rgba(0, 0, 0, 1),
	-1px 0px 0px rgba(0, 0, 0, 1),
	0px 4px 10px rgba(0, 0, 0, 0.4);
	-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 */
}

.systemMenus .widgetPane { background-color:#ffffff }
.systemApps .widgetPane { background-color:#eeedf2 }


/* main menu arrow */
.widgetContainer.menu .arrow {
	background-image:url(../graphics/main-menu/pointUp.png);
	width:23px;
	height:13px;
	position:absolute;
	top:-19px;
	z-index:1;
	left:5px;
} 
.widgetContainer.menu .widgetPane .navigable { margin:1px;}
/* apps menu arrows */
.systemApps .widgetContainer .arrow {
	background-image:url(../graphics/main-menu/pointUp.png);
	width:23px;
	height:13px;
	position:absolute;
	top:-19px;
	z-index:1;
	right:-5px;
} 


/* main menu drill menu */
.navigable .back {
	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;
	}
	.navigable .back:hover {background: #111111;}
	
		.navigable .back  { background:#424242;}
		.navigable .back:hover {background: #111111;}
	
.navigable .back span.backArrow { 
	background-image:url(../graphics/main-menu/drillBack.png); 
	background-size: cover;		
	margin-top:-4px;
	margin-right:5px;
	margin-left:-2px;
	}
	.taskMenu .navigable .back span.backArrow { 
		margin-top:-8px;
	}
	.outrigger .navigable .back span.backArrow { 
		margin-top:-8px;
	}
	.navigable .back:hover span.backArrow { background-image:url(../graphics/main-menu/drillBackhover.png); background-size: cover; }
	
.toolKitAccordion .navigable .back span.backArrow {
	background-image: url(../graphics/toolkit/toolkit-drill-back.png);
	background-size: cover;
	}
	.toolKitAccordion .navigable .back:hover span.backArrow { background-image:url(../graphics/toolkit/toolkit-drill-back-hover.png); background-size: cover; }

.taskMenu ul li a span.bulb, 
#stage .accordion p.contentTrigger span.bulb, 
.tabbedPanels .tabs li.active a span.bulb, 
.drillMenu span.bulb {
  display: inline-block;
  float: right;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  margin-top: 3px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 5px;
  line-height: 12px;
  font-size: 12px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
  color: #ffffff;
  text-shadow: #000000;
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  font-weight:normal;
}
.drillMenu span.bulb { margin-top:2px }
	.taskMenu .drillMenu span.bulb  { 
		margin-top:-1px;
	}

.toolKitAccordion .drillMenu span.bulb,
.outrigger .drillMenu span.bulb {
  display: inline-block;
  float: right;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  margin-top: 1px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 5px;
  line-height: 10px;
  font-size: 10px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
  color: #ffffff;
  text-shadow: #000000;
  border-top-width: 0px;
  border-right-width-value: 0px;
  border-bottom-width: 0px;
  border-left-width-value: 0px;
  border-top-style: none;
  border-right-style-value: none;
  border-bottom-style: none;
  border-left-style-value: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
}

.drillMenu span.followArrow {
	background-image: url(../graphics/main-menu/follow.png); background-size: cover;
		}
		.toolKitAccordion .drillMenu span.followArrow {
			background-image: url(../graphics/main-menu/follow.png); background-size: cover;
		}
		.drillMenu span.followArrow { margin-top:-5px; }
		.taskMenu .drillMenu span.followArrow  { 
			margin-top:-8px;
		}
		.toolKitAccordion .drillMenu  span.followArrow,
			.outrigger .drillMenu  span.followArrow { margin-top:-6px; }

.drillMenu > li,
li.drillMenu {
		border-top:1px solid #fff;
		border-bottom:#bebebf;
		background: #eeedf2;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWRmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWRhZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #eeedf2 0%, #d9dade 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeedf2), color-stop(100%,#d9dade));
		background: -webkit-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
		background: -o-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
		background: -ms-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
		background: linear-gradient(to bottom,  #eeedf2 0%,#d9dade 100%);	
		}
		.ie9 .drillMenu > li,
		.ie9 li.drillMenu { filter:none }
		
			.outrigger .drillMenu > li,
			.outrigger li.drillMenu { background:none; background:#e5e5e5 }
		
		
		.drillMenu > li:hover,
		li.drillMenu :hover { background:none; background-color:#d9dade}
		
			.outrigger .drillMenu > li:hover,
			.outrigger li.drillMenu :hover { background:none; background-color:#717171}
		
		   

/* open and close buttons for the bento and toolkit */
.upKyara span { background-image:url(../graphics/bento/bento-hero.png); background-size: cover;}
#stage #bento .close span {
	background-image: url(../graphics/bento/bentoBackReady.png);
	background-size: cover;
}
#stage #bento .close span:hover {
	background-image: url(../graphics/bento/bentoBackHover.png);
	background-size: cover;
}
#stage #bento .kyaraMenu span {
	background-image: url(../graphics/kyaraMenus.png);
	background-repeat: no-repeat;
	background-position: right;
}
#stage #toolkit .open span {
	background-image: url(../graphics/toolkit/toolkit-open-ready.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	background-color:#424242;
	}
	#stage #toolkit .open:hover span {
		background-image: url(../graphics/toolkit/toolkit-open-hover.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: cover;
		background-color:#424242;
	}
	#stage #toolkit .close span {
		background-image: url(../graphics/toolkit/toolkit-back-ready.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: cover;
		background-color:#424242;
		}
		#stage #toolkit .close:hover span {
		background-image: url(../graphics/toolkit/toolkit-back-hover.png);
		background-repeat: no-repeat;
		background-position: left;
		background-size: cover;
		background-color:#424242;
		}
.flippedLayout#stage #toolkit .open span,
.flippedLayout#stage #bento.bentoOn .close span { 
	background-image:url(../graphics/open-double-arrow.png); 		
	background-repeat:no-repeat;
	background-position:right;
	}
	.flippedLayout#stage #toolkit .close span { 
		background-image:url(../graphics/close-double-arrow.png); 		
		background-repeat:no-repeat;
		background-position:right;
		}		
.kyara .tabTitle {
	background-color: #424242;
	/*background-image: url(../graphics/kyara-title-flipped.png);
	background-repeat: no-repeat;
	background-position: right top;*/
	color:#FFF;
	border-top-left-radius: 0px;
  	border-top-right-radius: 5px;
  	border-bottom-right-radius: 5px;
  	border-bottom-left-radius: 0px;
  	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.5) inset;
	background-size: cover;
	}
	
	.bentoOn .kyara.active .tabTitle { background-color:#FFF!important; box-shadow: none; }
	.kyara .tabTitle:hover { background-color:#000; }
	
/* images for kyara titles */
.tabTitle.multimedia { background-image:url(../graphics/bento/kyara-title-multimedia-ready.png); }
.kyara.active .tabTitle.multimedia { background-image:url(../graphics/bento/kyara-title-multimedia-active.png); }

.tabTitle.clippings { background-image:url(../graphics/bento/kyara-title-clippings-ready.png); }
.kyara.active .tabTitle.clippings { background-image:url(../graphics/bento/kyara-title-clippings-active.png); }

.tabTitle.bookmarks { background-image:url(../graphics/bento/kyara-title-bookmarks-ready.png); }
.kyara.active .tabTitle.bookmarks { background-image:url(../graphics/bento/kyara-title-bookmarks-active.png); }

.tabTitle.history { background-image:url(../graphics/bento/kyara-title-history-ready.png); }
.kyara.active .tabTitle.history { background-image:url(../graphics/bento/kyara-title-history-active.png); }


.tabTitle.tasks { background-image:url(../graphics/bento/kyara-title-tasks-ready.png); }
.kyara.active .tabTitle.tasks { background-image:url(../graphics/bento/kyara-title-tasks-active.png); }
	
	
	.flippedLayout#stage .kyara .tabTitle {
		background-image: url(../graphics/kyara-title.png);
		background-repeat: no-repeat;
		background-position: left top!important;
		
	}
	
/* toolkit trihgger */
#stage #toolkit .toolKitHero {  background-image:url(../graphics/toolkit/toolkithero.png); background-size: cover; background-color:#424242;}
#stage #toolkit .open span {
	
    border-bottom-left-radius: 5px;
	}
	#stage.flippedLayout #toolkit .open span  { left:50px;  }

/* kahuna menu trigger */
@media only all and (min-width: 0px) and (max-width: 767px) { 
	.responsiveMenuTrigger { 
		background-image:url(../graphics/kahuna-menu/kahuna-menu-ready.png); background-size: cover; }
		.responsiveMenuTrigger:hover {
		background-image: url(../graphics/kahuna-menu/kahuna-menu-hover.png); background-size: cover;
		}
	.buttonGroup.responsiveMenu { 
		display:block; 
		padding:10px 10px 0 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;
	/*	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;*/
	}
	.buttonGroup.responsiveMenu.show {
		visibility: visible;
		opacity: 1;
	}
	.buttonGroup.responsiveMenu .button { 
		display:block; 
		width:100%; 
		margin-left:0px!important; 
		margin-bottom:10px;
	}
}
	
	
	
	
	
/* deck forms */
.inline-label {  }	
/* admin form field tips */
.inline-label.help .helpIcon {
	background-image: url(../graphics/formFieldTipIcon.png);
}




/* button icons */

/* button icons - see buttons.css */
.stop-icon { background-image:url(../graphics/icons/stop.png); }
.cloud-icon.cloud-icon {background-image:url(../graphics/icons/cloud.png); }
.magnify-icon {background-image:url(../graphics/icons/magnify.png); }
.folder-icon {background-image:url(../graphics/icons/folder.png); }
.binocular-icon {background-image:url(../graphics/icons/binocular.png); }
.flag-icon {background-image:url(../graphics/icons/flag.png); }
.cross-icon {background-image:url(../graphics/icons/cross.png); }
.pinned-icon {background-image:url(../graphics/icons/cross.png); }
.clock-icon {background-image:url(../graphics/icons/clock.png);}
.up-icon {background-image:url(../graphics/icons/up.png);}
.down-icon,
.button.dropMenuButton.dropActive .down-icon {background-image:url(../graphics/icons/down.png); }
.right-icon {background-image:url(../graphics/icons/right.png);}
.left-icon {background-image:url(../graphics/icons/right.png);}
.calculator-icon {background-image:url(../graphics/icons/calculator.png); }
.user-icon {background-image:url(../graphics/icons/user.png);}
.lock-icon {background-image:url(../graphics/icons/lock.png);}
.warning-icon {background-image:url(../graphics/icons/warning.png);}
.tick-icon {background-image:url(../graphics/icons/tick.png);}
.star-icon {background-image:url(../graphics/icons/star.png);}
.refresh-icon {background-image:url(../graphics/icons/refresh.png);}
.message-icon {background-image:url(../graphics/icons/message.png);}


.paperclip-icon {background-image:url(../graphics/icons/paperclip.png);}
.picture-icon,
.passive.active .picture-icon {background-image:url(../graphics/icons/picture.png);}
.pin-icon,
.passive.active .pin-icon {background-image:url(../graphics/icons/pin.png);}
.reply-icon,
.passive.active .reply-icon {background-image:url(../graphics/icons/reply.png);}
.speech-icon,
.passive.active .speech-icon {background-image:url(../graphics/icons/speech.png);}
.code-icon,
.passive.active .code-icon {background-image:url(../graphics/icons/code.png);}
.bookmark-icon,
.passive.active .bookmark-icon {background-image:url(../graphics/icons/bookmark.png);}
.funnel-icon,
.passive.active .funnel-icon {background-image:url(../graphics/icons/funnel.png);}
.pencilpad-icon,
.passive.active .pencilpad-icon {background-image:url(../graphics/icons/pencilpad.png);}
.table-icon,
.passive.active .table-icon {background-image:url(../graphics/icons/table.png);}
.table-sideHeadings-icon,
.passive.active  .table-sideHeadings-icon {background-image:url(../graphics/icons/table-sideHeadings.png);}
.table-footer-icon,
.passive.active  .table-footer-icon {background-image:url(../graphics/icons/table-footer.png);}
.columns-icon,
.passive.active .columns-icon {background-image:url(../graphics/icons/columns.png);}
.list-icon,
.passive.active .list-icon {background-image:url(../graphics/icons/list.png);}
.card-icon,
.passive.active .card-icon {background-image:url(../graphics/icons/card.png);}
.bin-icon,
.passive.active .bin-icon {background-image:url(../graphics/icons/bin.png);}
.cube-icon,
.passive.active .cube-icon {background-image:url(../graphics/icons/cube.png);}
.expand-icon,
.passive.active .expand-icon {background-image:url(../graphics/icons/expand.png);}
.wrong-icon,
.passive.active .wrong-icon {background-image:url(../graphics/icons/wrong.png);}
.pencil-icon,
.passive.active .pencil-icon {background-image:url(../graphics/icons/pencil.png);}
.plus-icon,
.passive.active .plus-icon {background-image:url(../graphics/icons/plus.png);}
.minus-icon,
.passive.active .minus-icon {background-image:url(../graphics/icons/minus.png);}
.eye-icon,
.passive.active .eye-icon {background-image:url(../graphics/icons/eye.png);}
.question-icon,
.passive.active .question-icon {background-image:url(../graphics/icons/question.png);}
.stop-icon,
.passive.active  .stop-icon {background-image:url(../graphics/icons/stop.png);}
.cloud-icon,
.passive.active .cloud-icon {background-image:url(../graphics/icons/cloud.png);}
.reload-icon,
.passive.active .reload-icon {background-image:url(../graphics/icons/reload.png);}
.play-icon,
.passive.active .play-icon {background-image:url(../graphics/icons/play.png);}
.pause-icon,
.passive.active .pause-icon {background-image:url(../graphics/icons/pause.png);}
.backward-icon,
.passive.active .backward-icon {background-image:url(../graphics/icons/backwards.png);}
.forward-icon,
.passive.active .forward-icon {background-image:url(../graphics/icons/forwards.png);}
.facebook-icon,
.passive.active .facebook-icon {background-image:url(../graphics/icons/facebook.png);}
.twitter-icon,
.passive.active .twitter-icon {background-image:url(../graphics/icons/twitter.png);}
.workflow-icon,
.passive.active .workflow-icon {background-image:url(../graphics/icons/workflow.png);}
.server-icon,
.passive.active .server-icon {background-image:url(../graphics/icons/server.png);}
.cog-icon,
.passive.active .cog-icon {background-image:url(../graphics/icons/cog.png);}
.browser-icon,
.passive.active .browser-icon {background-image:url(../graphics/icons/browser.png);}
.no-entry-icon,
.passive.active .no-entry-icon {background-image:url(../graphics/icons/no-entry.png);}
.flow-icon,
.passive.active .flow-icon {background-image:url(../graphics/icons/flow.png);}
.import-icon,
.passive.active .import-icon {background-image:url(../graphics/icons/import.png);}




/* icons for the small buttons */






.passive .magnify-icon,
.lock .magnify-icon {background-image:url(../graphics/icons/magnify-invert.png); }
.passive .folder-icon,
.lock .folder-icon {background-image:url(../graphics/icons/folder-invert.png); }
.passive .binocular-icon,
.lock .binocular-icon {background-image:url(../graphics/icons/binocular-invert.png); }
.passive .flag-icon,
.lock .flag-icon {background-image:url(../graphics/icons/flag-invert.png); }
.passive .cross-icon,
.lock .cross-icon {background-image:url(../graphics/icons/cross-invert.png); }
.passive .pinned-icon,
.lock .pinned-icon {background-image:url(../graphics/icons/cross-invert.png);}
.passive .clock-icon,
.lock .clock-icon {background-image:url(../graphics/icons/clock-invert.png);}
.passive .up-icon,
.lock .up-icon {background-image:url(../graphics/icons/up-invert.png);}
.passive .right-icon,
.lock .right-icon {background-image:url(../graphics/icons/right-invert.png);}
.passive .down-icon,
.lock .down-icon {background-image:url(../graphics/icons/down-invert.png); }
.passive .left-icon,
.lock .left-icon {background-image:url(../graphics/icons/left-invert.png);}
.passive .calculator-icon,
.lock .calculator-icon {background-image:url(../graphics/icons/calculator-invert.png); }
.passive .user-icon,
.lock .user-icon {background-image:url(../graphics/icons/user-invert.png);}
.passive .lock-icon,
.lock .lock-icon  {background-image:url(../graphics/icons/lock-invert.png);}
.passive .warning-icon,
.lock .warning-icon {background-image:url(../graphics/icons/warning-invert.png);}
.passive .tick-icon,
.lock .tick-icon {background-image:url(../graphics/icons/tick-invert.png);}
.passive .star-icon,
.lock .star-icon {background-image:url(../graphics/icons/star-invert.png);}
.passive .refresh-icon,
.lock .refresh-icon {background-image:url(../graphics/icons/refresh-invert.png);}
.passive .message-icon,
.lock .message-icon {background-image:url(../graphics/icons/message-invert.png);}
.passive .play-icon,
.lock .play-icon {background-image:url(../graphics/icons/play-invert.png);}
.passive .backward-icon,
.lock .backward-icon {background-image:url(../graphics/icons/backwards-invert.png);}
.passive .forward-icon,
.lock .forward-icon {background-image:url(../graphics/icons/forewards-invert.png);}
.passive .paperclip-icon,
.lock .paperclip-icon {background-image:url(../graphics/icons/paperclip-invert.png);}
.passive .picture-icon,
.lock .picture-icon {background-image:url(../graphics/icons/picture-invert.png);}
.passive .pin-icon,
.lock .pin-icon {background-image:url(../graphics/icons/pin-invert.png);}
.passive .reply-icon,
.lock .reply-icon {background-image:url(../graphics/icons/reply-invert.png);}
.passive .speech-icon,
.lock .speech-icon {background-image:url(../graphics/icons/speech-invert.png);}
.passive .code-icon,
.lock .code-icon {background-image:url(../graphics/icons/code-invert.png);}
.passive .bookmark-icon,
.lock .bookmark-icon {background-image:url(../graphics/icons/bookmark-invert.png);}
.passive .funnel-icon,
.lock .funnel-icon {background-image:url(../graphics/icons/funnel-invert.png);}
.passive .pencilpad-icon,
.lock .pencilpad-icon {background-image:url(../graphics/icons/pencilpad-invert.png);}
.passive .table-icon,
.lock .table-icon {background-image:url(../graphics/icons/table-invert.png);}
.passive .table-sideHeadings-icon,
.lock .table-sideHeadings-icon {background-image:url(../graphics/icons/table-sideHeadings-invert.png);}
.passive .table-footer-icon,
.lock .table-footer-icon {background-image:url(../graphics/icons/table-footer-invert.png);}
.passive .columns-icon,
.lock .columns-icon {background-image:url(../graphics/icons/columns-invert.png);}
.passive .list-icon,
.lock .list-icon {background-image:url(../graphics/icons/list-invert.png);}
.passive .card-icon,
.lock .card-icon {background-image:url(../graphics/icons/card-invert.png);}
.passive .bin-icon,
.lock .bin-icon {background-image:url(../graphics/icons/bin-invert.png);}
.passive .cube-icon,
.lock .cube-icon {background-image:url(../graphics/icons/cube-invert.png);}
.passive .expand-icon,
.lock .expand-icon {background-image:url(../graphics/icons/expand-invert.png);}
.passive .wrong-icon,
.lock .wrong-icon {background-image:url(../graphics/icons/wrong-invert.png);}
.passive .pencil-icon,
.lock .pencil-icon {background-image:url(../graphics/icons/pencil-invert.png);}
.passive .plus-icon,
.lock .plus-icon {background-image:url(../graphics/icons/plus-invert.png);}
.passive .minus-icon,
.lock .minus-icon {background-image:url(../graphics/icons/minus-invert.png);}
.passive .eye-icon,
.lock .eye-icon {background-image:url(../graphics/icons/eye-invert.png);},
.passive .question-icon,
.lock .question-icon {background-image:url(../graphics/icons/question-invert.png);}
.passive .stop-icon,
.lock .stop-icon {background-image:url(../graphics/icons/stop-invert.png);}
.passive .cloud-icon,
.lock .cloud-icon {background-image:url(../graphics/icons/cloud-invert.png);}
.passive .reload-icon,
.lock .reload-icon {background-image:url(../graphics/icons/reload-invert.png);}
.passive .pause-icon,
.lock .pause-icon {background-image:url(../graphics/icons/pause-invert.png);}
.passive .backward-icon,
.lock .backward-icon {background-image:url(../graphics/icons/backwards-invert.png);}
.passive .forward-icon,
.lock .forward-icon {background-image:url(../graphics/icons/forwards-invert.png);}
.passive .facebook-icon,
.lock .facebook-icon {background-image:url(../graphics/icons/facebook-invert.png);}
.passive .twitter-icon,
.lock .twitter-icon {background-image:url(../graphics/icons/twitter-invert.png);}
.passive .workflow-icon,
.lock .workflow-icon {background-image:url(../graphics/icons/workflow-invert.png);}
.passive .server-icon,
.lock .server-icon {background-image:url(../graphics/icons/server-invert.png);}
.passive .cog-icon,
.lock .cog-icon {background-image:url(../graphics/icons/cog-invert.png);}
.passive .browser-icon,
.lock .browser-icon {background-image:url(../graphics/icons/browser-invert.png);}
.passive .no-entry-icon,
.lock .no-entry-icon {background-image:url(../graphics/icons/no-entry-invert.png);}
.passive .flow-icon,
.lock .flow-icon {background-image:url(../graphics/icons/flow-invert.png);}
.passive .import-icon,
.lock .import-icon {background-image:url(../graphics/icons/import-invert.png);}





.formsmaster { background-image:url(../../../graphics/product-logos/mini/formsmaster.png);}
.consultationmaster {background-image: url(../../../graphics/product-logos/mini/consultationsmaster.png);}
.contentmaster {background-image: url(../../../graphics/product-logos/mini/contentmaster.png);}
.leisurebookings {background-image: url(../../../graphics/product-logos/mini/leisurebookings.png);}
.searchmaster {background-image: url(../../../graphics/product-logos/mini/searchmaster.png);}


/* browser logos */
.chrome {background-image: url(../../../graphics/browsers/128-chrome.png);}
.firefox { background-image: url(../../../graphics/browsers/128-firefox.png);}
.internetexplorer { background-image: url(../../../graphics/browsers/128-ie.png);}
.safari { background-image: url(../../../graphics/browsers/128-safari.png);}
.opera { background-image: url(../../../graphics/browsers/Opera_128x128.png);}


/* OS logos */
.apple {background-image: url(../../../graphics/operatingSystems/128-apple.png);}
.windows {background-image: url(../../../graphics/operatingSystems/128-windows.png);}
.android {background-image: url(../../../graphics/operatingSystems/128-android.png);}
.linux {background-image: url(../../../graphics/operatingSystems/128-linux.png);}
.unknown {background-image: url(../../../graphics/operatingSystems/128-unknown.png);}


/* flags */
.flag {}

.systemIcon { 
  display:inline-block; 
  margin-right: 20px;
  text-align: center;
  line-height:40px;
}
.systemIcon span.state { 
  width: 40px;
  height: 40px;
  background-size:cover;
  display:block;
  float:left;
}
.systemIconLabel { display: inline-block !important; margin-left:10px;}

	


/* default droplets that have system grey BG and invert icons */
.droplet-icon {   }
/* default is a systen grey bg - best servered with icons */
.droplet-icon .state { background-color:#717171; border-radius:5px; }
.droplet-icon .state.noBg { background-color:transparent; border-radius:0; }
.droplet-icon .state,
.droplet-icon .state span { display:block; width:inherit; height:inherit; }
.droplet-icon .state span { background-size:90%; background-repeat:no-repeat; background-position:center center; }
.droplet-icon .state.noBg span { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.droplet-icon span.flag { background-repeat:no-repeat; background-position:center center; background-size:130%; }

/* .flag-icon */
.flag-ad { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ad.png);}
.flag-ae { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ae.png);}
.flag-af { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/af.png);}
.flag-ag { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ag.png);}
.flag-ai { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ai.png);}
.flag-al { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/al.png);}
.flag-am { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/am.png);}
.flag-ao { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ao.png);}
.flag-aq { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/aq.png);}
.flag-ar { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ar.png);}
.flag-as { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/as.png);}
.flag-at { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/at.png);}
.flag-au { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/au.png);}
.flag-aw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/aw.png);}
.flag-ax { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ax.png);}
.flag-az { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/az.png);}
.flag-ba { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ba.png);}
.flag-bb { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bb.png);}
.flag-bd { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bd.png);}
.flag-be { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bd.png);}
.flag-bf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bf.png);}
.flag-bg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bg.png);}
.flag-bh { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bh.png);}
.flag-bi { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bi.png);}
.flag-bj { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bj.png);}
.flag-bl { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bl.png);}
.flag-bm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bm.png);}  
.flag-bn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bn.png);}
.flag-bo { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bo.png);} 
.flag-bq { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bq.png);}  
.flag-br { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/br.png);}  
.flag-bs { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bs.png);}  
.flag-bt { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bt.png);}  
.flag-bv { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bv.png);}  
.flag-bw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bw.png);}  
.flag-by { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/by.png);}  
.flag-bz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/bz.png);}  
.flag-ca { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ca.png);}  
.flag-cc { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cc.png);} 
.flag-cd { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cd.png);}  
.flag-cf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cf.png);}  
.flag-cg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cg.png);}  
.flag-ch { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ch.png);}  
.flag-ci { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ci.png);}  
.flag-ck { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ck.png);}  
.flag-cl { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cl.png);}  
.flag-cm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cm.png);} 
.flag-cn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cn.png);}  
.flag-co { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/co.png);}  
.flag-cr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cr.png);}  
.flag-cu { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cu.png);}  
.flag-cv { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cv.png);}  
.flag-cw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cw.png);}  
.flag-cx { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cx.png);}  
.flag-cy { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cy.png);}  
.flag-cz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/cz.png);}  
.flag-de { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/de.png);}  
.flag-dj { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/dj.png);}  
.flag-dk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/dk.png);}  
.flag-dm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/dm.png);}  
.flag-do { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/do.png);}  
.flag-dz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/dz.png);}  
.flag-ec { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ec.png);}  
.flag-ee { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ee.png);}  
.flag-eg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/eg.png);}  
.flag-eh { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/eh.png);}  
.flag-er { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/er.png);}  
.flag-es { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/es.png);}  
.flag-et { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/et.png);}  
.flag-fi { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/fi.png);}  
.flag-fj { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/fj.png);}  
.flag-fk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/fk.png);}  
.flag-fm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/fm.png);}  
.flag-fo { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/fo.png);}  
.flag-fr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/fr.png);}  
.flag-ga { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ga.png);}  
.flag-gb { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gb.png);}  
.flag-gd { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gd.png);}  
.flag-ge { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ge.png);}  
.flag-gf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gf.png);}  
.flag-gg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gg.png);}  
.flag-gh { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gh.png);}  
.flag-gi { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gi.png);}  
.flag-gl { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gl.png);}  
.flag-gm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gm.png);}  
.flag-gn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gn.png);}  
.flag-gp { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gp.png);}  
.flag-gq { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gq.png);}  
.flag-gr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gr.png);}  
.flag-gs { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gs.png);}  
.flag-gt { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gt.png);}  
.flag-gu { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gu.png);}  
.flag-gw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gw.png);}  
.flag-gy { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/gy.png);}  
.flag-hk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/hk.png);}  
.flag-hm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/hm.png);}  
.flag-hn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/hn.png);}  
.flag-hr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/hr.png);}  
.flag-ht { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ht.png);}  
.flag-hu { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/hu.png);}  
.flag-id { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/id.png);} 
.flag-ie { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ie.png);}  
.flag-il { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/il.png);}  
.flag-im { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/im.png);}  
.flag-in { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/in.png);}  
.flag-io { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/io.png);}  
.flag-iq { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/iq.png);}  
.flag-ir { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ir.png);}  
.flag-is { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/is.png);}  
.flag-it { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/it.png);}  
.flag-je { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/je.png);}  
.flag-jm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/jm.png);}  
.flag-jo { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/jo.png);}  
.flag-jp { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/jp.png);}  
.flag-ke { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ke.png);}  
.flag-kg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/kg.png);}  
.flag-kh { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/kh.png);}  
.flag-ki { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ki.png);}  
.flag-km { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/km.png);}  
.flag-kn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/kn.png);}  
.flag-kp { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/kp.png);}  
.flag-kr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/kr.png);}  
.flag-kw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/kw.png);}  
.flag-ky { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ky.png);}  
.flag-kz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/kz.png);}  
.flag-la { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/la.png);} 
.flag-lb { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/lb.png);}  
.flag-lc { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/lc.png);}  
.flag-li { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/li.png);}  
.flag-lk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/lk.png);}  
.flag-lr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/lr.png);}  
.flag-ls { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ls.png);}  
.flag-lt { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/lt.png);} 
.flag-lu { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/lu.png);}  
.flag-lv { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/lv.png);}  
.flag-ly { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ly.png);}  
.flag-ma { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ma.png);}  
.flag-mc { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mc.png);}  
.flag-md { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/md.png);}  
.flag-me { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/me.png);}  
.flag-mf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mf.png);}  
.flag-mg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mg.png);}  
.flag-mh { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mh.png);}  
.flag-mk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mk.png);}  
.flag-ml { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ml.png);}  
.flag-mm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mm.png);}  
.flag-mn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mn.png);}  
.flag-mo { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mo.png);}  
.flag-mp { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mp.png);}  
.flag-mq { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mq.png);}  
.flag-mr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mr.png);}  
.flag-ms { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ms.png);}  
.flag-mt { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mt.png);}  
.flag-mu { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mu.png);}  
.flag-mv { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mv.png);}  
.flag-mw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mw.png);}  
.flag-mx { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mx.png);}  
.flag-my { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/my.png);}  
.flag-mz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/mz.png);}  
.flag-na { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/na.png);}  
.flag-nc { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/nc.png);}  
.flag-ne { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ne.png);}  
.flag-nf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/nf.png);}  
.flag-ng { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ng.png);}  
.flag-ni { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ni.png);}  
.flag-nl { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/nl.png);}  
.flag-no { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/no.png);}  
.flag-np { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/np.png);}  
.flag-nr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/nr.png);}  
.flag-nu { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/nu.png);}  
.flag-nz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/nz.png);}  
.flag-om { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/om.png);}  
.flag-pa { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pa.png);}  
.flag-pe { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pe.png);}  
.flag-pf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pf.png);}  
.flag-pg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pg.png);}  
.flag-ph { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ph.png);}  
.flag-pk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pk.png);}  
.flag-pl { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pl.png);}  
.flag-pm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pm.png);}  
.flag-pn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pn.png);}  
.flag-pr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pr.png);}  
.flag-ps { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ps.png);}  
.flag-pt { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pt.png);}  
.flag-pw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/pw.png);}  
.flag-py { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/py.png);}  
.flag-qa { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/qa.png);}  
.flag-re { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/re.png);}  
.flag-ro { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ro.png);}  
.flag-rs { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/rs.png);}  
.flag-ru { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ru.png);}  
.flag-rw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/rw.png);}  
.flag-sa { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sa.png);}  
.flag-sb { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sb.png);}  
.flag-sc { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sc.png);}  
.flag-sd { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sd.png);}  
.flag-se { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/se.png);}  
.flag-sg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sg.png);}  
.flag-sh { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sh.png);}  
.flag-si { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/si.png);}  
.flag-sj { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sj.png);}  
.flag-sk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sk.png);}  
.flag-sl { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sl.png);}  
.flag-sm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sm.png);}  
.flag-sn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sn.png);}  
.flag-so { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/so.png);}  
.flag-sr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sr.png);}  
.flag-ss { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ss.png);}  
.flag-st { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/st.png);}  
.flag-sv { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sv.png);}  
.flag-sx { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sx.png);}  
.flag-sy { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sy.png);}  
.flag-sz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/sz.png);}  
.flag-tc { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tc.png);}  
.flag-td { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/td.png);}  
.flag-tf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tf.png);}  
.flag-tg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tg.png);}  
.flag-th { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/th.png);}  
.flag-tj { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tj.png);}  
.flag-tk { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tk.png);}  
.flag-tl { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tl.png);}  
.flag-tm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tm.png);}  
.flag-tn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tn.png);}  
.flag-to { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/to.png);}  
.flag-tr { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tr.png);}  
.flag-tt { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tt.png);}  
.flag-tv { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tv.png);}    
.flag-tw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tw.png);}    
.flag-tz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/tz.png);}    
.flag-ua { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ua.png);}    
.flag-ug { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ug.png);}    
.flag-um { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/um.png);}    
.flag-us { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/us.png);}    
.flag-uy { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/uy.png);}    
.flag-uz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/uz.png);}    
.flag-va { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/va.png);}    
.flag-vc { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/vc.png);}    
.flag-ve { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ve.png);}    
.flag-vg { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/vg.png);}     
.flag-vi { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/vi.png);}     
.flag-vn { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/vn.png);}     
.flag-vu { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/vu.png);}     
.flag-wf { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/wf.png);}     
.flag-ws { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ws.png);}     
.flag-ye { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/ye.png);}     
.flag-yt { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/yt.png);}     
.flag-za { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/za.png);}     
.flag-zm { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/zm.png);}     
.flag-zw { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/zw.png);}     
.flag-zz { background-image:url(../../../graphics/flags/png-country-squared-flat-res-128x128/zz.png);}





/* icons for on off - yes no - allow deny not set */
span.bulb.icon span {background-size:18px 18px;}
span.bulb.icon span.icon-tick { 
	background-image:url(../graphics/icons/tick-32.png);
}
span.bulb.icon.passive span.icon-tick,
span.bulb.icon.lock span.icon-tick { 
	background-image:url(../graphics/icons/tick-32-invert.png);
}
span.bulb.icon span.icon-cross { 
	background-image:url(../graphics/icons/cross-32.png);
}
span.bulb.icon.passive span.icon-cross,
span.bulb.icon.lock span.icon-cross { 
	background-image:url(../graphics/icons/cross-32-invert.png);
}
span.bulb.icon span.icon-lock { 
	background-image:url(../graphics/icons/lock-32.png);
}
span.bulb.icon.passive span.icon-lock,
span.bulb.icon.lock span.icon-lock { 
	background-image:url(../graphics/icons/lock-32-invert.png);
}


/* tri state */
.tri-state.icon span,
.toggleOnOffState.icon span { background-size:100% 100%; }
.toggleOnOffState.icon .icon-on {
	background-image:url(../graphics/icons/bulb-magenta.png);	
}
.toggleOnOffState.icon .icon-off {
	background-image:url(../graphics/icons/bulb-grey.png);	
}


.tri-state.icon .icon-allowed {
	background-image: url(../graphics/icons/tri-state-tick.png);
}
.tri-state.icon .icon-denied {
	background-image:url(../graphics/icons/tri-state-cross.png);	
}
.tri-state.icon .icon-notSet {
	background-image:url(../graphics/icons/tri-state-empty.png);	
}




/* export doc icons */
.action-export .icon { background-size:100% 100%; }
.icon-add-doc { background-image:url(../graphics/icons/docs/add-doc-dark.png)}
.icon-doc-miscellaneous { background-image:url(../graphics/icons/docs/miscellaneous-icon-dark.png)}
.icon-doc-pdf { background-image:url(../graphics/icons/docs/pdf-icon-dark.png)}
.icon-doc-excel { background-image:url(../graphics/icons/docs/excel-icon-dark.png)}
.icon-doc-csv { background-image:url(../graphics/icons/docs/csv-icon-dark.png)}
.icon-doc-tsv { background-image:url(../graphics/icons/docs/tsv-icon-dark.png)}
.icon-doc-word { background-image:url(../graphics/icons/docs/word-icon-dark.png)}
.icon-doc-text { background-image:url(../graphics/icons/docs/text-icon-dark.png)}
.icon-doc-presentation { background-image:url(../graphics/icons/docs/powerpoint-icon-dark.png)}


/* progress bars */
.progress {
  background-color: #f5f5f5;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	}
	.progress.vertical {
	  background-color: #f5f5f5;
	  border-radius: 5px;
	  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  }
	  .progress.overflow {overflow:visible;}
	  .boxed .progress {
		  background-color: #fff;
  		  border-radius: 5px;
  		  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	  }
	  #stage.helm .progress {
  		background-color: #232323
	  }
	  
.progress-bar {
  color: #ffffff;
  background-color: #ABABAC;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
		  border-radius: 5px;
	}
	.progress.vertical .progress-bar {
	  color: #ffffff;
	  /* default is the same as the passive style */
	  background-color: #ABABAC;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
			  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -webkit-transition: width 0.6s ease;
			  transition: width 0.6s ease;
			  border-radius: 5px;
	}


/* slider */
/* LOADER */
.bx-wrapper .bx-loading {
	background-color: #fff;
	background-image: url(../themes/classic/graphics/spinners/spinner_32px_ffffff.gif);
	background-repeat: no-repeat !important;
	background-position: center center !important;
	}
	#stage.helm .bx-wrapper .bx-loading { background-color:transparent; background-image: url(../themes/classic/graphics/spinners/spinner_30px_30px_333333.gif); }
.bx-wrapper .bx-pager {
	color: #666;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
	}
	#stage.helm .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#stage.helm .bx-wrapper .bx-pager.bx-default-pager a.active {
		background: #8E9FA9;
	}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background-image: url(../graphics/bxslider/controls.png);
	background-repeat: no-repeat;
	background-position: 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background-image: url(../graphics/bxslider/controls.png);
	background-repeat: no-repeat;
	background-position: -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-auto .bx-start {
	background-image: url(../graphics/bxslider/controls.png);
	background-repeat: no-repeat;
	background-position: -86px -11px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	background-image: url(../graphics/bxslider/controls.png);
	background-repeat: no-repeat;
	background-position: -86px -44px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/* slider ends */

/* COLOURS */
	
	
	
	
	/* green action colour */
	.button.approve,
	.button.icon.approve,
	.button.icon .approve.string,
	.selectWrap.approve select {
		color: white;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
	}
	.selectWrap.approve .arrowSelect {
		border-color: rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
		border-right: 4px inset rgba(255, 255, 255, 0);
		}
		.selectWrap.approve .arrowSelectUp {
			border-color: transparent transparent #fff transparent;
		}
		.selectWrap.approve .arrowSelectDown {
			border-color: #fff transparent transparent transparent;
		}
		.selectWrap.approve.icon .icon { border-color:#fff; }
	
	.approve,
	.button.icon.approve,
	nav ul.utilitiesMenu ul.messages li span.bulb.approve,
	.switch-on,
	.approve-active:active, .approve-active.active,
	.approve-active > .switch-on,
	.selectWrap.approve select  {
		background: #9dc697;
		background: -moz-linear-gradient(top, #9dc697 0%, #41bf4a 50%, #0db71d 51%, #0d9d23 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dc697), color-stop(50%,#41bf4a), color-stop(51%,#0db71d), color-stop(100%,#0d9d23));
		background: -webkit-linear-gradient(top, #9dc697 0%,#41bf4a 50%,#0db71d 51%,#0d9d23 100%);
		background: -o-linear-gradient(top, #9dc697 0%,#41bf4a 50%,#0db71d 51%,#0d9d23 100%);
		background: -ms-linear-gradient(top, #9dc697 0%,#41bf4a 50%,#0db71d 51%,#0d9d23 100%);
		background: linear-gradient(to bottom, #9dc697 0%,#41bf4a 50%,#0db71d 51%,#0d9d23 100%);
		}
		.ie9 .approve,
		.ie9 .button.icon.approve,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.approve,
		.ie9 .selectWrap.approve select { 
			background:none; 
			background-image:url(../graphics/legacyGradients/approve.png)
		}
		.ie9 .button.massiveSize.approve,
		.ie9 .button.icon.massiveSize .approve { 
			background:url(../graphics/legacyGradients/approve-massive.png) !important
			}
			
	
	/* skin them green by default */
	.switch-on,
	.approve-active:active, 
	.approve-active.active,
	.approve-active > .switch-on,
	.selectWrap.approve select:active,
	.selectWrap.approve select {
		border-color: #9dc697
	}	
	.ie9 .switch-on,
	.ie9 .approve-active:active, 
	.approve-active.active,
	.ie9 .approve-active > .switch-on,
	.ie9 .selectWrap.approve select:active {
		background-image:url(../graphics/legacyGradients/switch-approve.png)
	}	
		
	.drillMenu > li.current { background: #0d9d23 }
	.inline-label.switch.approve,
	.inline-label.switch.approve:hover { background:transparent; text-shadow:none; }
	

	/* hover */
	.approve:hover,
	.taskMenu ul li a:hover .bulb.approve,
	.button.icon:hover .approve.state,
	.selectWrap.approve select:hover  {
		background: #91c08d;
		background: -moz-linear-gradient(top, #91c08d 0%, #53b559 50%, #23a72f 51%, #0d9d23 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91c08d), color-stop(50%,#53b559), color-stop(51%,#23a72f), color-stop(100%,#0d9d23));
		background: -webkit-linear-gradient(top, #91c08d 0%,#53b559 50%,#23a72f 51%,#0d9d23 100%);
		background: -o-linear-gradient(top, #91c08d 0%,#53b559 50%,#23a72f 51%,#0d9d23 100%);
		background: -ms-linear-gradient(top, #91c08d 0%,#53b559 50%,#23a72f 51%,#0d9d23 100%);
		background: linear-gradient(to bottom, #91c08d 0%,#53b559 50%,#23a72f 51%,#0d9d23 100%);
		}
		.ie9 .approve:hover,
		.ie9 .button.icon.approve:hover,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.approve:hover,
		.ie9 .selectWrap.approve select:hover { 
			background-image:url(../graphics/legacyGradients/approve-hover.png)
			}
			.ie9 .button.massiveSize.approve:hover,
			.ie9 .button.icon.massiveSize:hover .approve {
				background-image:url(../graphics/legacyGradients/approve-massive-hover.png) !important
			}
			
	.button.approve,
	.drillMenu > li.current a {
		color: white;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
	}

	/* bulbs in the tab panels and tables */
	span.bulb.approve { border:1px solid #1a8c26;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1) }
	span.bulb.icon.approve { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8) }
	/* popularity */
	.popularity-percent.approve { background-image:url(../graphics/popularity-bar-approve.png) }

	
	/* disabled button */
	.button.approve.disabled,
	.button.approve.disabled:hover,
	/* disabled icon button */
	.button.icon.disabled .state.approve,
	.selectWrap.approve select:disabled { background-image:none; background-color:#91c08d !important; text-shadow:none; text-shadow:none!important; }
	/* tags */
	.tag.approve,
	.button.small.rounded.approve {
		background:none;
		color:#fff;
		background-color:#9dc697;
		border-color:#21A62E;
		text-shadow: 0pt 1px 0pt rgba(0, 0, 0, 0.55) !important;
	}
	/* img dialogue trigger */
	.imgDialogueTrigger.approve {
		background:none;
		background-color:#9dc697;
		}
		.imgDialogueTrigger.approve:hover,
		.button.small.rounded.approve:hover { background-color:#91c08d; }
	/* service messages on the deck */
	.serviceMessage.approve,
	.serviceMessage.appprove:hover,
	/* alertify */
	.alertify-log-approve {
		background:none !important;	
		background-color: rgb(145, 192, 141) !important;
		border:1px solid #15A127 !important;
		color: white !important;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6) !important;
	}
	.serviceMessage.approve h1 { color:#FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); }
	.serviceMessage.approve .body { }
	/* progress bars */
	.progress-bar-approve,
	.progress.vertical .progress-bar-approve {
	  background-color:#91C08D;
	  border-radius:5px;
	}
	.progress-striped .progress-bar-approve {
	  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);
	}
	
	
	
	/* red action colour */
	.button.negative,
	.button.icon.negative,
	.button.icon .negative.string,
	.selectWrap.negative select { 
		color: white !important;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
	}
	.selectWrap.negative .arrowSelect {
		border-color: rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
		border-right: 4px inset rgba(255, 255, 255, 0);
		}
		.selectWrap.negative .arrowSelectUp {
			border-color: transparent transparent #fff transparent;
		}
		.selectWrap.negative .arrowSelectDown {
			border-color: #fff transparent transparent transparent;
		}
		.selectWrap.negative.icon .icon { border-color:#fff; }
	.negative,
	.button.icon.negative,
	nav ul.utilitiesMenu ul.messages li span.bulb.negative,
	.negative-active:active, 
	.negative-active.active,
	.negative-active > .switch-on,
	.selectWrap.negative select { 
		background: #f07f88;
		background: -moz-linear-gradient(top, #f07f88 0%, #e73542 50%, #e10111 51%, #ec1314 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f07f88), color-stop(50%,#e73542), color-stop(51%,#e10111), color-stop(100%,#ec1314));
		background: -webkit-linear-gradient(top, #f07f88 0%,#e73542 50%,#e10111 51%,#ec1314 100%);
		background: -o-linear-gradient(top, #f07f88 0%,#e73542 50%,#e10111 51%,#ec1314 100%);
		background: -ms-linear-gradient(top, #f07f88 0%,#e73542 50%,#e10111 51%,#ec1314 100%);
		background: linear-gradient(to bottom, #f07f88 0%,#e73542 50%,#e10111 51%,#ec1314 100%);
		}
		.ie9 .negative,
		.ie9 .button.icon.negative,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.negative,
		.ie9 .selectWrap.negative select { 
			background:none; 
			background-image:url(../graphics/legacyGradients/negative.png)
		}
		.ie9 .button.massiveSize.negative,
		.ie9 .button.icon.massiveSize .negative { 
			background:url(../graphics/legacyGradients/negative-massive.png) !important
			}
			
			
	.negative-active:active, .negative-active.active,
	.negative-active > .switch-on,
	.selectWrap.negative select:active,
	.selectWrap.negative select  {
		border-color: #f07f88;
	}	
	.ie9 .negative-active:active, 
	.ie9 .negative-active.active,
	.ie9 .negative-active > .switch-on,
	.ie9 .selectWrap.negative select:active  {
		background-image:url(../graphics/legacyGradients/switch-negative.png)
	}


	/* hover */
	.negative:hover,
	.taskMenu ul li a:hover .bulb.negative,
	.button.icon:hover .negative.state,
	.selectWrap.negative select:hover {
		background: #dd7883;
		background: -moz-linear-gradient(top, #dd7883 0%, #dd3f49 50%, #c2111d 51%, #ca211e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd7883), color-stop(50%,#dd3f49), color-stop(51%,#c2111d), color-stop(100%,#ca211e));
		background: -webkit-linear-gradient(top, #dd7883 0%,#dd3f49 50%,#c2111d 51%,#ca211e 100%);
		background: -o-linear-gradient(top, #dd7883 0%,#dd3f49 50%,#c2111d 51%,#ca211e 100%);
		background: -ms-linear-gradient(top, #dd7883 0%,#dd3f49 50%,#c2111d 51%,#ca211e 100%);
		background: linear-gradient(to bottom, #dd7883 0%,#dd3f49 50%,#c2111d 51%,#ca211e 100%);
		}
		.ie9 .negative:hover,
		.ie9 .button.icon.negative:hover,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.negative:hover,
		.ie9 .selectWrap.negative select:hover { 
			background-image:url(../graphics/legacyGradients/negative-hover.png)
			}
			.ie9 .button.massiveSize.negative:hover,
			.ie9 .button.icon.massiveSize:hover .negative {
				background-image:url(../graphics/legacyGradients/negative-massive-hover.png) !important
			}
			
			
	/* bulbs in the tab panels and tables */
	span.bulb.negative { border:1px solid #cb2115; }
	/* popularity */
	.popularity-percent.negative { background-image:url(../graphics/popularity-bar-negative.png);}
	
	/* disabled button */
	.button.negative.disabled,
	.button.negative.disabled:hover,
	/* disabled icon button */
	.button.icon.disabled .state.negative,
	.selectWrap.negative select:disabled { background-image:none; background-color:#dd7883 !important; text-shadow:none!important; }
	/* tags */
	.tag.negative,
	.button.small.rounded.negative  {
		background:none;
		color:#fff;
		background-color:#f07f88;
		border-color:#C4141E;
		text-shadow: 0pt 1px 0pt rgba(0, 0, 0, 0.55) !important;
	}
	/* img dialogue trigger */
	.imgDialogueTrigger.negative {
		background:none;
		background-color:#f07f88;
		}
		.imgDialogueTrigger.negative:hover,
		.button.small.rounded.negative:hover { background-color:#dd7883; }
	/* service messages on the deck */
	.serviceMessage.negative,
	.serviceMessage.negative:hover,
	/* alertify */
	.alertify-log-negative,
	.alertify-log-error {
		background:none !important;	
		background-color: rgb(240, 127, 136) !important;
		border:1px solid #C6191E !important;
		color: white !important;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6) !important;
	}
	.serviceMessage.negative h1 { color:#FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); }
	.serviceMessage.negative .body { }
	/* progress bars */
	.progress-bar-negative,
	.progress.vertical .progress-bar-negative {
	  background-color: #F07F88;
	  border-radius: 5px;
	}
	.progress-striped .progress-bar-negative {
	  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);
	}
	
	
	
	
	
	
	
	/* positive action state - blue */
	.button.positive,
	.button.icon.positive,
	.button.icon .positive.string,
	.selectWrap.positive select {
		color: white;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
	}
	.selectWrap.positive .arrowSelect {
		border-color: rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
		border-right: 4px inset rgba(255, 255, 255, 0);
		}
		.selectWrap.positive .arrowSelectUp {
			border-color: transparent transparent #fff transparent;
		}
		.selectWrap.positive .arrowSelectDown {
			border-color: #fff transparent transparent transparent;
		}
		.selectWrap.positive.icon .icon { border-color:#fff; }
	.positive,
	.button.icon.positive,
	nav ul.utilitiesMenu ul.messages li span.bulb.positive,
	.positive-active:active, 
	.positive-active.active,
	.positive-active > .switch-on,
	.selectWrap.positive select {
		background: #6e94e8;
		background: -moz-linear-gradient(top, #6e94e8 0%, #3970e0 50%, #2260dd 51%, #2463de 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e94e8), color-stop(50%,#3970e0), color-stop(51%,#2260dd), color-stop(100%,#2463de));
		background: -webkit-linear-gradient(top, #6e94e8 0%,#3970e0 50%,#2260dd 51%,#2463de 100%);
		background: -o-linear-gradient(top, #6e94e8 0%,#3970e0 50%,#2260dd 51%,#2463de 100%);
		background: -ms-linear-gradient(top, #6e94e8 0%,#3970e0 50%,#2260dd 51%,#2463de 100%);
		background: linear-gradient(to bottom, #6e94e8 0%,#3970e0 50%,#2260dd 51%,#2463de 100%);
		}
		.ie9 .positive,
		.ie9 .button.icon.positive,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.positive,
		.ie9 .selectWrap.positive select { 
			background:none; 
			background-image:url(../graphics/legacyGradients/positive.png);
		}
		.ie10 .selectWrap.positive select { display:none}
		.ie9 .button.massiveSize.positive,
		.ie9 .button.icon.massiveSize .positive { 
			background:url(../graphics/legacyGradients/positive-massive.png) !important
			}
			
			
	.positive-active:active, .positive-active.active,
	.positive-active > .switch-on,
	.selectWrap.positive select:active,
	.selectWrap.positive select  {
		border-color: #6e94e8;
	}	
	.ie9 .positive-active:active, 
	.ie9 .positive-active.active,
	.ie9 .positive-active > .switch-on  {
		background-image:url(../graphics/legacyGradients/switch-positive.png)
	}
			
	
	/* hover */
	.positive:hover,
	.taskMenu ul li a:hover .bulb.positive,
	.button.icon:hover .positive.state,
	.selectWrap.positive select:hover  {
		background: #5a81d1;
		background: -moz-linear-gradient(top, #5a81d1 0%, #3264d6 50%, #2056c4 51%, #1d5bc4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a81d1), color-stop(50%,#3264d6), color-stop(51%,#2056c4), color-stop(100%,#1d5bc4));
		background: -webkit-linear-gradient(top, #5a81d1 0%,#3264d6 50%,#2056c4 51%,#1d5bc4 100%);
		background: -o-linear-gradient(top, #5a81d1 0%,#3264d6 50%,#2056c4 51%,#1d5bc4 100%);
		background: -ms-linear-gradient(top, #5a81d1 0%,#3264d6 50%,#2056c4 51%,#1d5bc4 100%);
		background: linear-gradient(to bottom, #5a81d1 0%,#3264d6 50%,#2056c4 51%,#1d5bc4 100%);
		}
		.ie9 .positive:hover,
		.ie9 .button.icon.positive:hover,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.positive:hover,
		.ie9 .selectWrap.positive select:hover  { 
			background-image:url(../graphics/legacyGradients/positive-hover.png)
			}
			.ie9 .button.massiveSize.positive:hover,
			.ie9 .button.icon.massiveSize:hover .positive {
				background-image:url(../graphics/legacyGradients/positive-massive-hover.png) !important
			}
				
	
	/* bulbs in the tab panels and tables */
	span.bulb.positive { 
		border:1px solid #61697e;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}
	span.bulb.icon.positive { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8) }	
	/* popularity */
	.popularity-percent.positive { background-image:url(../graphics/popularity-bar-positive.png) }
	
	
	/* disabled button */
	.button.positive.disabled,
	.button.positive.disabled:hover,
	/* disabled icon button */
	.button.icon.disabled .state.positive,
	.selectWrap.positive select:disabled  { 
		background-image:none !important;
		background-color:#5a81d1 !important;
		text-shadow:none!important;
	}
	/* tags */
	.tag.positive {
		background:none;
		color:#fff;
		background-color:#5a81d1;
		border-color:#2058C4;
		text-shadow: 0pt 1px 0pt rgba(0, 0, 0, 0.55) !important;
	}
	/* img dialogue trigger */
	.imgDialogueTrigger.positive {
		background:none;
		background-color:#6e94e8;
		}
		.imgDialogueTrigger.positive:hover { background-color:#5a81d1; }
	/* service messages on the deck */
	.serviceMessage.positive,
	.serviceMessage.positive:hover,
	/* alertify */
	.alertify-log-positive {
		background:none !important;	
		background-color: rgb(90, 129, 209) !important;
		border:1px solid #1F59C4 !important;
		color: white !important;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6) !important;
	}
	.serviceMessage.positive h1 { color:#FFF; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); }
	.serviceMessage.positive .body { }
	/* progress bars */
	.progress-bar-positive,
	.progress.vertical .progress-bar-positive  {
	  background-color: #698de9;
	  border-radius: 5px;
	}
	.progress-striped .progress-bar-positive {
	  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);
	}
	
	
	
	
		
	/* grey action color */	
	.button.passive,
	.button.icon,
	.button.icon .passive.string,
	.selectWrap.passive select {
		color:#444;
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	}
	.passive,
	/* exception for icon buttons */
	.button.icon,
	/*.button.icon.passive,*/
	nav ul.utilitiesMenu ul.messages li span.bulb.passive,
	.passive-active:active,
	.passive-active.active,
	.passive-active > .switch-on,
	.selectWrap.passive select  {
		background: #f4f4f4;
		background: -moz-linear-gradient(top, #f4f4f4 0%, #d3d4d6 50%, #c0c1c4 51%, #c0c1c4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#d3d4d6), color-stop(51%,#c0c1c4), color-stop(100%,#c0c1c4));
		background: -webkit-linear-gradient(top, #f4f4f4 0%,#d3d4d6 50%,#c0c1c4 51%,#c0c1c4 100%);
		background: -o-linear-gradient(top, #f4f4f4 0%,#d3d4d6 50%,#c0c1c4 51%,#c0c1c4 100%);
		background: -ms-linear-gradient(top, #f4f4f4 0%,#d3d4d6 50%,#c0c1c4 51%,#c0c1c4 100%);
		background: linear-gradient(to bottom, #f4f4f4 0%,#d3d4d6 50%,#c0c1c4 51%,#c0c1c4 100%);
		}
		/* reset text colour in switches */
		.passive-active:active,
		.passive-active.active,
		.passive-active > .switch-on,
		.selectWrap.passive select:active {color:#444; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);}
		.ie9 .passive,
		/* exception for icon buttons */
		.ie9 .button.icon,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.passive,
		.ie9 .selectWrap.passive select  { 
			background:none; 
			background-image:url(../graphics/legacyGradients/passive.png)
		}
		.ie9 .button.massiveSize.passive,
		/* exception for icon buttons */
		.ie9 .button.icon.massiveSize,
		.ie9 .button.icon.massiveSize .passive { 
			background:url(../graphics/legacyGradients/passive-massive.png) !important
			}
			.ie9 .button.massiveSize.passive:hover,
			/* exception for icon buttons */
			.ie9 .button.massiveSize:hover,
			.ie9 .button.icon.massiveSize:hover .passive,
			.ie9 .button.icon.massiveSize .passive  {
				background-image:url(../graphics/legacyGradients/passive-massive-hover.png) !important
			}
	
	.passive-active:active, .passive-active.active,
	.passive-active > .switch-on,
	.selectWrap.passive select:active,
	.selectWrap.passive select {
		border-color: #f4f4f4
	}	
	.ie9 .passive-active:active, 
	.ie9 .passive-active.active,
	.ie9 .passive-active > .switch-on,
	.ie9 .selectWrap.passive select:active   {
		background-image:url(../graphics/legacyGradients/switch-passive.png)
	}

		.button.small.passive,
		.button.smallest.passive,
		.button.massiveSize.passive,
		.selectWrap.small.passive select { border:1px solid #444; }

		/* default event */
		.button.icon .passive,
		.passive:hover,
		.button.icon:hover,
		/* taskMenu */
		.taskMenu ul li a:hover .bulb.passive,
		/* button icon reset to default grey for buttons with icons */
		/*.passive.state,*/
		.button.icon:hover .passive.state,
		.selectWrap.passive select:hover  {
			background: #d6d6d6;
			background: -moz-linear-gradient(top, #d6d6d6 0%, #bebfc1 50%, #acadaf 51%, #acacae 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(50%,#bebfc1), color-stop(51%,#acadaf), color-stop(100%,#acacae));
			background: -webkit-linear-gradient(top, #d6d6d6 0%,#bebfc1 50%,#acadaf 51%,#acacae 100%);
			background: -o-linear-gradient(top, #d6d6d6 0%,#bebfc1 50%,#acadaf 51%,#acacae 100%);
			background: -ms-linear-gradient(top, #d6d6d6 0%,#bebfc1 50%,#acadaf 51%,#acacae 100%);
			background: linear-gradient(to bottom, #d6d6d6 0%,#bebfc1 50%,#acadaf 51%,#acacae 100%);
		}
		
	
		
		
		.ie9 .passive:hover,
		.ie9 .button.icon.passive:hover,
		/* exception for icon buttons */
		.ie9 .button.icon:hover,
		.ie9 .button.icon .passive,
		.ie9 .button.icon:hover .passive,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.passive:hover,
		.ie9 .selectWrap.passive select:hover { background-image:url(../graphics/legacyGradients/passive-hover.png) }
		
		
		
		.passive.active,
		.passive.state.active,
		.passive:active,
		 a.button.passive.active,
		 a.button.passive.state.active,
		 a.button.passive:active {			
			background: #ababac;
			background: -moz-linear-gradient(top, #ababac 0%, #a0a1a2 50%, #939395 51%, #8f9092 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ababac), color-stop(50%,#a0a1a2), color-stop(51%,#939395), color-stop(100%,#8f9092));
			background: -webkit-linear-gradient(top, #ababac 0%,#a0a1a2 50%,#939395 51%,#8f9092 100%);
			background: -o-linear-gradient(top, #ababac 0%,#a0a1a2 50%,#939395 51%,#8f9092 100%);
			background: -ms-linear-gradient(top, #ababac 0%,#a0a1a2 50%,#939395 51%,#8f9092 100%);
			background: linear-gradient(to bottom, #ababac 0%,#a0a1a2 50%,#939395 51%,#8f9092 100%);
			color:#f9f9f9 !important;
			text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.8);
		}
		.ie9 .passive.active,
		.ie9 .passive.state.active,
		.ie9 .passive:active { }
	
		
	
	   /* bulbs in the tab panels and tables */
		span.bulb.passive { border:1px solid #747576; color:#444; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); }
		span.bulb.icon.passive { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }	
		/*reset the passive text color */
		.drillMenu span.bulb.passive { color:#000; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); }
		/* popularity */
	   .popularity-percent.passive { background-image:url(../graphics/popularity-bar.png);}
		

	   /* disabled button */
	   .button.passive.disabled,
	   .button.passive.disabled:hover,
	   /* button with icon */
	   .button.icon.disabled,
	   .button.icon.disabled:hover,
	   .selectWrap.passive select:disabled { background-image:none; background-color:#d6d6d6 !important; text-shadow:none !important; }
	   /* disabled icon button */
	   .button.icon.disabled .state.passive { background-image:none; background-color:#acacae; text-shadow:none; }
	   
	   /* tags */
	   .tag.passive {
			background:none;
			color:#fff;
			background-color:#ababac;
			border-color:#444;
			text-shadow: 0pt 1px 0pt rgba(0, 0, 0, 0.55) !important;
		}
		/* img dialogue trigger */
		.imgDialogueTrigger.passive {
			background:none;
			background-color:#ababac;
			}
			.imgDialogueTrigger.passive:hover { background-color:#9a9a9b; }
		/* service messages on the deck */
		.serviceMessage.passive,
		.serviceMessage.passive:hover,
		/* alertify */
		.alertify-log-passive {
			background:none !important;	
			background-color: rgb(171, 171, 172) !important;
			border:1px solid #ACADAF !important;
			color:#444 !important;
			text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6) !important;
		}
		.serviceMessage.passive h1 { color:#333; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);}
		.serviceMessage.passive .body { }
		/* progress bars */
		.progress-bar-passive,
		.progress.vertical .progress-bar-passive {
		  background-color: #ABABAC;
		  border-radius: 5px;
		}
		.progress-striped .progress-bar-passive {
		  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);
		}
		
			.buttonFamily .passive.active { background:none!important; background-color:#717171!important; }
			.buttonFamily .button.small.passive:focus,
			.buttonFamily button.button.small.passive:focus,
			.buttonFamily .button.small.passive.active,
			.buttonFamily button.button.small.passive.active { border-right:1px solid #444!important; border-left:1px solid #444!important; }
			
			
				/* clean up the borders on button families when used to control panels etc */
				.buttonFamily .button.button.small.passive:first-of-type,
				.buttonFamily button.button.small.passive:first-of-type { border-left:none !important}
				
				.buttonFamily .button.button.small.passive:last-of-type,
				.buttonFamily button.button.small.passive:last-of-type { border-right:none !important}
			
			.ie9 .passive:active, 
			.ie9 .passive.active,
			.ie9 .passive > .switch-on { color:#111 !important}
			
			
		
			
			
			
			
	/* yelow action color */	
		.button.lock,
		.lock,
		.button.icon .lock.string,
		.selectWrap.lock select  { 
			color:#444!important; 
			text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
		}
			.selectWrap.lock .arrowSelect {
				border-color: rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
				border-right: 4px inset rgba(255, 255, 255, 0);
			}
			.selectWrap.lock .arrowSelect {
				border-color: rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
				border-right: 4px inset rgba(255, 255, 255, 0);
			}
			.selectWrap.lock .arrowSelectUp {
				border-color: transparent transparent #000 transparent;
			}
			.selectWrap.lock .arrowSelectDown {
				border-color: #000 transparent transparent transparent;
			}
			.selectWrap.lock.icon .icon { border-color:#000; }
		.lock,
		.button.icon.lock,
		/* message drop down bulbs */
		nav ul.utilitiesMenu ul.messages li span.bulb.lock,
		.lock-active:active, 
		.lock-active.active,
		.lock-active > .switch-on,
		.selectWrap.lock select {
			background: #ead9ad;
			background: -moz-linear-gradient(top, #ead9ad 0%, #eece6a 50%, #f0be27 51%, #f8d924 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ead9ad), color-stop(50%,#eece6a), color-stop(51%,#f0be27), color-stop(100%,#f8d924));
			background: -webkit-linear-gradient(top, #ead9ad 0%,#eece6a 50%,#f0be27 51%,#f8d924 100%);
			background: -o-linear-gradient(top, #ead9ad 0%,#eece6a 50%,#f0be27 51%,#f8d924 100%);
			background: -ms-linear-gradient(top, #ead9ad 0%,#eece6a 50%,#f0be27 51%,#f8d924 100%);
			background: linear-gradient(to bottom, #ead9ad 0%,#eece6a 50%,#f0be27 51%,#f8d924 100%);
			}
			/* reset text colour in switches */
			.lock-active:active, 
			.lock-active.active,
			.lock-active > .switch-on,
			.selectWrap.lock select:active {color:#444; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);}
			.ie9 .lock,
			.ie9 .button.icon.lock,
			.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.lock,
			.ie9 .selectWrap.lock select { 
				background:none; 
				background-image:url(../graphics/legacyGradients/lock.png)
			}
			.ie9 .button.massiveSize.lock,
			.ie9 .button.icon.massiveSize .lock { 
				background:url(../graphics/legacyGradients/lock-massive.png) !important
				}
				
				
		.lock-active:active, 
		.lock-active.active,
		.lock-active > .switch-on,
		.selectWrap.lock select:active,
		.selectWrap.lock select  {
			border-color: #ead9ad
		}	
		.ie9 .lock-active:active, 
		.ie9 .lock-active.active,
		.ie9 .lock-active > .switch-on,
		.ie9 .selectWrap.lock select:active  {
			background-image:url(../graphics/legacyGradients/switch-lock.png)
		}
		

		/* hover */
		.lock:hover,
		.taskMenu ul li a:hover .bulb.lock,
		.button.icon:hover .lock.state,
		.selectWrap.lock select:hover {
			background: #d5c191;
			background: -moz-linear-gradient(top, #d5c191 0%, #d3ba63 50%, #d8ab22 51%, #dfc126 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5c191), color-stop(50%,#d3ba63), color-stop(51%,#d8ab22), color-stop(100%,#dfc126));
			background: -webkit-linear-gradient(top, #d5c191 0%,#d3ba63 50%,#d8ab22 51%,#dfc126 100%);
			background: -o-linear-gradient(top, #d5c191 0%,#d3ba63 50%,#d8ab22 51%,#dfc126 100%);
			background: -ms-linear-gradient(top, #d5c191 0%,#d3ba63 50%,#d8ab22 51%,#dfc126 100%);
			background: linear-gradient(to bottom, #d5c191 0%,#d3ba63 50%,#d8ab22 51%,#dfc126 100%);
		}
		.ie9 .lock:hover,
		.ie9 .button.icon.lock:hover,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.lock:hover,
		.ie9 .selectWrap.lock select:hover { 
			background-image:url(../graphics/legacyGradients/lock-hover.png) 
			}
			.ie9 .button.massiveSize.lock:hover,
			.ie9 .button.icon.massiveSize:hover .lock {
				background-image:url(../graphics/legacyGradients/lock-massive-hover.png) !important
			}
		
		
	   .bulb.lock { text-shadow: none!important; }
	   
	   /* bulbs in the tab panels and tables */
	   span.bulb.lock { border:1px solid #f0be27; color:#444; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); }
	   span.bulb.icon.lock { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
	   /* popularity */
	  .popularity-percent.lock { background-image:url(../graphics/popularity-bar-lock.png);}
	
	   
	   
	   
	    /* disabled button */
	   .button.lock.disabled,
	   .button.lock.disabled:hover,
	    /* disabled icon button */
	   .button.icon.disabled .state.lock,
	   .selectWrap.lock select:disabled { background-image:none; background-color:#f0be27 !important; text-shadow:none!important;   }
	   /* tags */
	   .tag.lock {
			background:none;
			color:#fff;
			background-color:#f1cd6c;
			border-color:#DAB124;
			text-shadow: 0pt 1px 0pt rgba(255, 255, 255, 0.55) !important;
		}
		/* img dialogue trigger */
		.imgDialogueTrigger.lock {
			background:none;
			background-color:#f1cd6c;
			}
			.imgDialogueTrigger.lock:hover { background-color:#f0be27; }
		/* service messages on the deck */
		.serviceMessage.lock,
		.serviceMessage.lock:hover,
		/* alertify */
		.alertify-log-lock {
			background:none !important;	
			background-color: rgb(241, 205, 108) !important;
			border:1px solid #DAB124 !important;
			color:#444 !important;
			text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6) !important;
		}
		.serviceMessage.lock h1 { color:#444; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); }
		.serviceMessage.lock .body { }
		/* progress bars */
		.progress-bar-lock,
		.progress.vertical .progress-bar-lock {
		  background-color: #f0c009;
		  border-radius: 5px;
		}
		.progress-striped .progress-bar-lock {
		  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);
		}
		
		
		
		
			
	/* black action color */			
	.button.black,
	.button.icon .black.string,
	.selectWrap.black select {
		color: white;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
	}
	.selectWrap.black .arrowSelect {
		border-color: rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
		border-right: 4px inset rgba(255, 255, 255, 0);
		}
		.selectWrap.black .arrowSelect {
			border-color: rgba(255, 255, 255, 0.9) rgba(0, 0, 0, 0) rgba(255, 255, 255, 0);
			border-right: 4px inset rgba(255, 255, 255, 0);
		}
		.selectWrap.black .arrowSelectUp {
			border-color: transparent transparent #fff transparent;
		}
		.selectWrap.black .arrowSelectDown {
			border-color: #fff transparent transparent transparent;
		}
		.selectWrap.black.icon .icon { border-color:#fff; }
	.black,
	.button.icon.black, 
	nav ul.utilitiesMenu ul.messages li span.bulb.black,
	.black-active:active, 
	.black-active.active,
	.black-active > .switch-on,
	.selectWrap.black select {
		background: #6f6f6f;
		background: -moz-linear-gradient(top, #6f6f6f 0%, #1d1d1d 50%, #040404 51%, #000000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(50%,#1d1d1d), color-stop(51%,#040404), color-stop(100%,#000000));
		background: -webkit-linear-gradient(top, #6f6f6f 0%,#1d1d1d 50%,#040404 51%,#000000 100%);
		background: -o-linear-gradient(top, #6f6f6f 0%,#1d1d1d 50%,#040404 51%,#000000 100%);
		background: -ms-linear-gradient(top, #6f6f6f 0%,#1d1d1d 50%,#040404 51%,#000000 100%);
		background: linear-gradient(to bottom, #6f6f6f 0%,#1d1d1d 50%,#040404 51%,#000000 100%);
		}
		.ie9 .black,
		.ie9 .button.icon.black,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.black,
		.ie9 .selectWrap.black select { 
			background:none; 
			background-image:url(../graphics/legacyGradients/black.png)
		}
		.ie9 .button.massiveSize.black,
		.ie9 .button.icon.massiveSize .black { 
			background:url(../graphics/legacyGradients/black-massive.png) !important
			}	


		/* hover */
		.black:hover,
		/* taskMenu */
		.taskMenu ul li a:hover .bulb.black,
		/* button icon reset for hover */
		.button.icon:hover .black.state,
		.selectWrap.black select:hover {
			background: #58575c;
			background: -moz-linear-gradient(top, #58575c 0%, #1c1c1c 50%, #030303 51%, #00000a 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58575c), color-stop(50%,#1c1c1c), color-stop(51%,#030303), color-stop(100%,#00000a));
			background: -webkit-linear-gradient(top, #58575c 0%,#1c1c1c 50%,#030303 51%,#00000a 100%);
			background: -o-linear-gradient(top, #58575c 0%,#1c1c1c 50%,#030303 51%,#00000a 100%);
			background: -ms-linear-gradient(top, #58575c 0%,#1c1c1c 50%,#030303 51%,#00000a 100%);
			background: linear-gradient(to bottom, #58575c 0%,#1c1c1c 50%,#030303 51%,#00000a 100%);
		}
		.ie9 .black:hover,
		.ie9 .button.icon.black:hover,
		.ie9 nav ul.utilitiesMenu ul.messages li span.bulb.black:hover,
		.ie9 .selectWrap.black select { 
			background-image:url(../graphics/legacyGradients/black-hover.png)
			}
			.ie9 .button.massiveSize.black:hover,
			.ie9 .button.icon.massiveSize:hover .black {
				background-image:url(../graphics/legacyGradients/black-massive-hover.png) !important
			}

		
	   /* bulbs in the tab panels and tables */
	   span.bulb.black { border:1px solid #030303; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6); }
	   span.bulb.icon.black { text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
	   /* popularity */
	  .popularity-percent.black { background-image:url(../graphics/popularity-bar-black.png);}
	
		/* disabled button */
	   .button.black.disabled,
	   .button.black.disabled:hover,
	    /* disabled icon button */
	   .button.icon.disabled .state.black,
	   .selectWrap.black select:disabled { background-image:none; background-color:#58575c !important; text-shadow:none!important; }
	   /* tags */
	   .tag.black {
			background:none;
			color:#fff;
			background-color:#58575c;
			border-color:#000;
		}
		/* service messages on the deck */
		.serviceMessage.black,
		.serviceMessage.black:hover,
		/* alertify */
		.alertify-log-black {
			background:none !important;	
			background-color: rgb(88, 87, 92) !important;
			border:1px solid #020207 !important;
			color: white !important;
			text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6) !important;
		}
		.serviceMessage.black h1 { color:#fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6); }
		.serviceMessage.black .body { color:#FFF }
		/* progress bars */
		.progress-bar-black,
		.progress.vertical .progress-bar-black {
		  background-color: #58575C;
		  border-radius: 5px;
		}
		.progress-striped .progress-bar-black {
		  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);
		}
		

/* progress bar */
.progressLabel { 
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6) !important; 
	font-size:90%;
	font-weight:bold;
}


/* switches off & disabled state */
	.switch-off {
		background: #f0f0f0;
		background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f0f0f0)) !important;
		background: -webkit-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
		background: -moz-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
		background: -ms-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
		background: -o-linear-gradient(top, #e0e0e0, #f0f0f0) !important;
		background: linear-gradient(top, #e0e0e0, #f0f0f0) !important;
		border-color: #cccccc;
	}
	.disabled .switch-button,
	.disabled .switch-off {
		color: #666666 !important;
		border-color: #d0d0d0 !important;
		background: #f8f8f8;
		background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f8f8f8)) !important;
		background: -webkit-linear-gradient(top, #fafafa, #f8f8f8) !important;
		background: -moz-linear-gradient(top, #fafafa, #f8f8f8) !important;
		background: -ms-linear-gradient(top, #fafafa, #f8f8f8) !important;
		background: -o-linear-gradient(top, #fafafa, #f8f8f8) !important;
		background: linear-gradient(top, #fafafa, #f8f8f8) !important;
	}



/* panel for forms etc */
.deck .accordion p.contentTrigger,
.controlPaneTabs li a { color:#111111; }
.deck .panel {
	border-color:#CCC;
}
.deck .panel:hover,
.deck .accordion:hover {
    box-shadow:  0px 0px 5px 0px rgba(89, 134, 251, 0.5);
}
.panelSettingsTrigger {
	background-image: url(../graphics/panels/panelTrigger-ready.png);
	background-size: cover;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border:1px solid transparent;
}
.panelSettingsTrigger.on {
		background-image:url(../graphics/panels/panelTrigger-active.png);
		background-size: cover;
		border-bottom-color:transparent;
	}
		.panelSettingsTrigger.on:hover {
			background-image:url(../graphics/panels/panelTrigger-active-hover.png);
			background-size: cover;
	
		}
		.deck .panel { background-color:#efefef; }
.deck .panel.on { background-color:#fff; }
.deck .panel .tabTitle { border-bottom:1px solid transparent; }
.deck .panel .tabTitle.on { border-color:#ccc; background-color:#FFF}

.panelSettingsTrigger.on {
		background-color:#e2e2e2;
		border-color:#CCCCCC;
		border-bottom-color:transparent;
	}
	.deck .panel .panelSettings {
	background-color:#e2e2e2;
    border-bottom-color: #cccccc;
	}
	.deck .panel .panelSettings p.settingTitle { font-weight:bold; }
	
/* tabbed content */
		.inColorbox .controlPaneTabs { margin-left:20px;}
		.controlPaneTabs li { 
	
			border:1px solid #CCCCCC;
			border-bottom:none;
		}
		.controlPaneTabs li.active { border-bottom:1px solid #fff!important; position:relative; z-index:1  }
		/*TEST*/
		/*.paneWrapper { border:1px solid #CCCCCC;  }*/
		.paneWrapper { border-top:1px solid #CCCCCC;  border-bottom:1px solid #CCCCCC; }
		.side-tabs > .paneWrapper { border:1px solid #CCCCCC;  border-right:none; }
		.side-tabs-tabsRight > .paneWrapper { border:1px solid #CCCCCC; border-left:none; }
		.inColorbox .paneWrapper { border-right:none; border-bottom:none; border-left:none; }
.side-tabs .controlPaneTabs li,
.side-tabs-tabsRight .controlPaneTabs li { 
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:none;
	border-left:1px solid #CCC;
}
.side-tabs .controlPaneTabs li.active,
.side-tabs-tabsRight .controlPaneTabs li.active {   }
/* reset in 992.css */
.side-tabs .controlPaneTabs li.active { border-right:1px solid #ccc;}
.side-tabs-tabsRight .controlPaneTabs li.active { border-left:1px solid #fff;}
/* reset in 992.css */
.side-tabs .controlPaneTabs li:last-of-type,
.side-tabs-tabsRight .controlPaneTabs li:last-of-type { }
.controlPaneTabs li a { 
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
		
	background: #efefef;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: -moz-linear-gradient(top,  #eeedf2 0%, #d9dade 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeedf2), color-stop(100%,#d9dade));
	background: -webkit-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
	background: -o-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
	background: -ms-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
	background: linear-gradient(to bottom,  #eeedf2 0%,#d9dade 100%);

 }
.controlPaneTabs li.active a { background:none; background-color:#fff;  }	


/* accordions in the deck */
.deck .accordion {
	border:1px solid #CCC;
}
.deck .accordion p.contentTrigger {
	border-top:1px solid #ccc;
	background-color:#efefef;
}
.deck .accordion p.contentTrigger.on { background-color:#FFF; }





/* drop menus launched by buttons */
.dropMenu {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);  
	margin-top:-10px;
	background-color: #ffffff;
	border:1px solid #aeaeae;
	}
	.dropWrap .dropMenu ul li a { color: #444444; }	
	.dropWrap .dropMenu ul li:hover,
	.dropWrap .dropMenu ul li.current { background-color:#D6EDFF; }






/* sorting tables card and lists  */
.standard tr.actionRow .actions,
.cardItem .actions,
.listItem .actions,
.mediaStore .actions,
.bulkActionButtons { 
	background: #ffffff;
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 26%, #fdfdfd 35%, #e8e8e8 79%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#ffffff), color-stop(35%,#fdfdfd), color-stop(79%,#e8e8e8), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 26%,#fdfdfd 35%,#e8e8e8 79%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 26%,#fdfdfd 35%,#e8e8e8 79%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 26%,#fdfdfd 35%,#e8e8e8 79%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 26%,#fdfdfd 35%,#e8e8e8 79%,#e5e5e5 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );*/
}

.standard tr.actionRow .actions,
.cardItem .actions,
.listItem .actions,
.mediaStore .actions { 
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; }




/* alertify */
/**
 * Default Look and Feel
 */
.alertify {
	background-color:#8e9fa9;
	border: 5px solid #8e9fa9; /* browsers that don't support rgba */
/*	border: 10px solid rgba(142,159,169,.9);*/
	border-radius: 8px;
	/*box-shadow: 0 3px 3px rgba(0,0,0,.3);*/
	box-shadow:0px -1px 0px rgba(66, 66, 66, 1),
	1px 0px 0px rgba(66, 66, 66 1),
	0px 1px 0px rgba(66, 66, 66 1),
	-1px 0px 0px rgba(66, 66, 66 1),
	0px 4px 10px rgba(66, 66, 66 0.4);
	
	
	
	-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 */
}
.alertify-inner {
				border-radius: 5px;
				padding:20px;		
				background: #f1f1f1;
				background: -moz-linear-gradient(top,  #f1f1f1 0%, #d6d4d5 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#d6d4d5));
				background: -webkit-linear-gradient(top,  #f1f1f1 0%,#d6d4d5 100%);
				background: -o-linear-gradient(top,  #f1f1f1 0%,#d6d4d5 100%);
				background: -ms-linear-gradient(top,  #f1f1f1 0%,#d6d4d5 100%);
				background: linear-gradient(to bottom,  #f1f1f1 0%,#d6d4d5 100%);





		}
	/*.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		border-radius: 4px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		box-shadow: 0 0 15px #2B72D5;
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #5CB811;
			border: 1px solid #3B7808;
		}
*/
.alertify-log {
	opacity:0.9;
	padding: 15px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 7px rgba(0, 0, 0, 0.5);
	border-radius:5px;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
	
	
}


	/* out of the box classes for the plugin */
	.alertify-log-error {} /* same as negative */
	.alertify-log-success {
		background: #f1f1f1;
		background: -moz-linear-gradient(top,  #f1f1f1 0%, #d6d4d5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#d6d4d5));
		background: -webkit-linear-gradient(top,  #f1f1f1 0%,#d6d4d5 100%);
		background: -o-linear-gradient(top,  #f1f1f1 0%,#d6d4d5 100%);
		background: -ms-linear-gradient(top,  #f1f1f1 0%,#d6d4d5 100%);
		background: linear-gradient(to bottom,  #f1f1f1 0%,#d6d4d5 100%);
		text-shadow: 1px 1px 0 rgba(255,255,255,.5);
		border:1px solid #8e9fa9;
	}

	/* new classes for the bridge */
	/*.alertify-log-negative {
		background: red;
		font-size:200%;
	}*/



/* color box */
#cboxOverlay{ background-color:#000; background-image:url(../graphics/login/gradient-bg.png); background-repeat:repeat-x;}
#colorbox{
	-webkit-box-shadow:  0px 0px 30px 4px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 30px 4px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	}
    #cboxContent{ }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{
			border:3px solid #8193a1; 
			background:#fff;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			overflow:hidden;
			
			
			
		}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{
				position:absolute; top:50%; left:5px; margin-top:-32px; 
				/*background:url(../images/controls.png) no-repeat top left; */
				width:28px; height:65px; 
				text-indent:-9999px;
		}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; /*background:url(../images/controls.png) no-repeat top right;*/ width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover {background-position:bottom right;}
        #cboxLoadingOverlay {background:#000;}
        /*#cboxLoadingGraphic {background:url(images/loading.gif) no-repeat center center;}*/
        #cboxClose {
			position: absolute;
			top: 3px;
			right: 40px;
			display: block;
			background: transparent url(../graphics/colorbox/colorboxclose.png) no-repeat center top;
			width: 53px;
			height: 25px;
			text-indent: -9999px;
			border:none;
		}
        #cboxClose:hover{background-position:bottom center;}

.dialogue {
	background: #e5e5e5;
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #c1c1c1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#c1c1c1));
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#c1c1c1 100%);
	background: -o-linear-gradient(top,  #e5e5e5 0%,#c1c1c1 100%);
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#c1c1c1 100%);
	background: linear-gradient(to bottom,  #e5e5e5 0%,#c1c1c1 100%);
	text-shadow: 1px 1px 1px #ffffff;
	
	
	/* proof on concept - i dont think inline content should be used like this anyway */
	visibility:hidden;
	position:absolute;
	top:0; 
	right:0; 
	bottom:0; 
	left:0;
	height:100%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow-y:auto;
}
.dialogueContent { padding:20px; }
.dialogue .body { }
.dialogue .itemList,
.dialogue form { border-bottom:1px solid #888888;  background-color: #efefef!important; padding:10px; margin:10px; }
.dialogue .itemList ol,
.dialogue .itemList ul { margin-top:0; margin-bottom:0;}
.dialogueContent { /*border-bottom:1px solid #dfdfdf; */}
.dialogue .actions {   }
.dialogue .actions .button { 
	float:right; 
	margin-left:15px;
	-webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.5);
}
.dialogue .content { padding-bottom:18px; }
.dialogue .content.segmentStyle { padding-bottom:10px!important; }


/* panel with decor */
.searchResultWrapper .decor.top { 
	border-top-right-radius:10px; 
	border-top-left-radius:10px;
	}
/*.searchResultWrapper .decor:last-of-type*/
.searchResultWrapper .decor.bottom { border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
.decor.decorPrimary {
	background: #ccdce5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: -moz-linear-gradient(top,  #ccdce5 0%, #6f767a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdce5), color-stop(100%,#6f767a));
	background: -webkit-linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
	background: -o-linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
	background: -ms-linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
	background: linear-gradient(top,  #ccdce5 0%,#6f767a 100%);
	margin-bottom:0;
	}
	.decor.decorPrimary.bottom { border-top:1px solid #767f84;}
.decor.decorSecondary {
	background: #efefef;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background: -moz-linear-gradient(top,  #eeedf2 0%, #d9dade 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeedf2), color-stop(100%,#d9dade));
	background: -webkit-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
	background: -o-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
	background: -ms-linear-gradient(top,  #eeedf2 0%,#d9dade 100%);
	background: linear-gradient(to bottom,  #eeedf2 0%,#d9dade 100%);
	}
	.decor.decorSecondary.bottom { border-top:1px solid #c0c0c0;}

.searchResultWrapper { border-radius:10px; }	
.searchResultWrapper.noBottomDecor { border-bottom-right-radius:0; border-bottom-left-radius:0; }
.searchResultWrapper.decorPrimary { 
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35) inset; 
	border-top:1px solid #767f84;
	border-right:1px solid #767f84;
	border-bottom:1px solid #000000;
	border-left:1px solid #767f84;
}
.searchResultWrapper.decorSecondary { 
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35) inset; 
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #c0c0c0;
	border-left:1px solid #cccccc;
}
.decorPrimary input.formField.small {
	-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); 
	border:1px solid #444;
	color:#444444; 
}
.decorSecondary input.formField.small {
	-webkit-box-shadow: inset 0px 2px 5px  rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 2px 5px  rgba(0, 0, 0, 0.15); 
	border:1px solid #c0c0c0;
	color:#444444; 
}




/* helm */
.helm#stage .deck .module header {
	border-color:#c8d6df;
	background: rgb(200,214,223);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4ZDZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzczNzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(200,214,223,1) 0%, rgba(108,115,119,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,214,223,1)), color-stop(100%,rgba(108,115,119,1)));
	background: -webkit-linear-gradient(top,  rgba(200,214,223,1) 0%,rgba(108,115,119,1) 100%);
	background: -o-linear-gradient(top,  rgba(200,214,223,1) 0%,rgba(108,115,119,1) 100%);
	background: -ms-linear-gradient(top,  rgba(200,214,223,1) 0%,rgba(108,115,119,1) 100%);
	background: linear-gradient(top,  rgba(200,214,223,1) 0%,rgba(108,115,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d6df', endColorstr='#6c7377',GradientType=0 );
}
.helm#stage .module .moduleContent,
.helm#stage .module footer,
.helm#stage .module.footerOn .moduleContent  {
	border-color:#6C7377;
}


/* grids with col verytcial line seperators */
.grid.withVerticalseperator [class*='col-'] {
	background-image:url(../graphics/colVerticalBg.png); background-position:right; background-repeat:repeat-y; padding-top:10px; padding-bottom:10px;
	}
	.grid.withVerticalseperator [class*='col-']:last-of-type { background-image:none !important }
	

/* chat widget  */
.widget.chat .widgetPane .buddyTabs ul li { background-color:#000}
.widget.chat .widgetPane .buddyList,
.widget.chat .widgetPane .buddyTabs ul li.active { background-color:#333 !important }
.widget.chat .scrollPanel .userBlock,
.widget.chat .widgetPane .buddyTabs a { color:#999; text-transform:capitalize }

.widget.chat .widgetPane .buddyTabs ul li.active a,
.widget.chat .scrollPanel .userBlock strong { color:#FFF }
.widget.chat .scrollPanel .userBlock:hover { background-color:#444444; }
.searchBuddyForm button span,
.searchBuddyForm .button span {
	background-image: url(../graphics/icons/magnify-large.png);
	background-size: 55% 55%;
}
.widget .resultMessage { color:#999; }	
/* harbour elements */
.berthPane .chatForm { border-top:1px solid #444 }
.chatPane { background-color:#efefef }
.berth {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color:#444444;
	box-shadow:0px -1px 0px rgba(0, 0, 0, 1),
	1px 0px 0px rgba(0, 0, 0, 1),
	0px 1px 0px rgba(0, 0, 0, 1),
	-1px 0px 0px rgba(0, 0, 0, 1),
	0px 4px 10px rgba(0, 0, 0, 0.4);
	-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 */
}
.figureHead { 
	border-top-left-radius: 3px;
  	border-top-right-radius: 3px; 
	background-color:#000000; 
	color:#FFF;
}	
.figureHead .toggle { background-image: url(../graphics/icons/down.png); }
.figureHead .toggle.on { background-image:url(../graphics/icons/up.png); }
.figureHead a.close { background-image:url(../graphics/icons/wrong.png); }	




/* if necessary */
@media only all and (min-width: 320px) {
     .grid.withVerticalseperator [class*='col-'] { background-image:none }

	 .side-tabs-tabsRight .controlPaneTabs li.active { border-left:1px solid #ccc;}
	 
}

@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) {
	.grid.withVerticalseperator [class*='col-'] {
		background-image:url(../graphics/colVerticalBg.png);
	}
	.helm .grid.withVerticalseperator [class*='col-'] {
		background-image:url(../graphics/colVerticalBgDark.png);
	}
}

@media only all and (min-width: 992px) {
	/* side tabs */
	.side-tabs .controlPaneTabs li.active { border-right:1px solid #fff; }
	/* iframe in side tabs */
	.noOutrigger .grid.fluid-fixed .wrapLeft .embediFrame { margin-right:10px; }
	.noOutrigger .grid.fixed-fluid .wrapRight .embediFrame { margin-left:10px; }
	
	
	/* --- NO OUTRIGGER --- */
	.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;}
}

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

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

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

@media only all and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
       
}