/* @group IMPORTED STYLES */

	@import 'ss-standard.css';
	@import 'jquery.fixedheadertable.css';
	@import 'flexslider.css';

/* @end */

/* @group RESET STYLES */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, input {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: baseline;
		background: transparent;
	}

	p, blockquote  {
	    font-weight: normal;
	}

	/* reset html5 elements */
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
	        margin: 0;
	        padding: 0;
	        border: 0;
	        font-size: 100%;
	        font: inherit;
	        vertical-align: baseline;
	        background: transparent;
	    }

	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
	        display: block;
	    }

	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* Remove margins for navigation lists */
	nav ul,
	nav li  {
	    margin: 0;
	    padding: 0;
	    background: none;
	    list-style: none;
	    list-style-image: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: none;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* disable default webkit form styles */
	input[type=text],
	input[type=email],
	input[type=tel],
	input[type=password],
	textarea,
	select {
		-webkit-appearance: none;
	}

	/* removes whitespace around forms */
	button,
	input,
	textarea,
	select {
	    margin:0;
	    background: none;
		border: none;
	    vertical-align:middle;
	}

	/* apply a natural box layout model to all elements */
	*,
	*:before,
	*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* @end */


/* @group BASE STYLES */ 

	html, body {
		height: 100%;
		min-width: 1024px;
	}

	html {
		font-smooth:always;
		-webkit-font-smoothing: antialiased; 
	}
	body {
		background: #dbdbdb url('../img/bg/grey.png') repeat-x 0 0;
	}
	body.darkblue { background-color: #1a3a82; background-image: url('../img/bg/darkblue.png'); }
	body.blue { background-color: #2572a5; background-image: url('../img/bg/blue.png'); }
	body.lightblue { background-color: #1a93b8; background-image: url('../img/bg/lightblue.png'); }
	
	body.darkgreen { background-color: #0f7786; background-image: url('../img/bg/darkgreen.png'); }
	body.green { background-color: #29b866; background-image: url('../img/bg/green.png'); }
	body.lightgreen { background-color: #29afab; background-image: url('../img/bg/lightgreen.png'); }

	body.red { background-color: #c03f34; background-image: url('../img/bg/red.png'); }
	body.orange { background-color: #e46c0f; background-image: url('../img/bg/orange.png'); }
	body.yellow { background-color: #e1b70e; background-image: url('../img/bg/yellow.png'); }


	body,
	button,
	input,
	select,
	textarea {
	    color: #373737;
		font-family: 'Open Sans', sans-serif;
	    font-size: 16px;
	    line-height: 16px;

	    -webkit-text-size-adjust: none;
	}
	
/* @end */ 



/* @group SIMPLE GRID */
/* IE8+ only */ 
/* http://css-tricks.com/dont-overthink-it-grids/ */

	/* Column */
		[class*='span'] {
	  		float: left;
	  		width: 100%;
		  	min-height: 1px;
		}
		
		
	/* Grid */

		.span23 { width: 95.825%; }
		.span22 { width: 91.66%; }
		.span21 { width: 87.5%; }
		.span20 { width: 83.33%; }
		.span19 { width: 79.165%; }
		.span18 { width: 75%; }
		.span17 { width: 70.825%; }
		.span16 { width: 66.66%; }
		.span15 { width: 62.5%; }
		.span14 { width: 58.33%; }
		.span13 { width: 54.165%; }
		.span12 { width: 50%; }
		.span11 { width: 45.825%; }
		.span10 { width: 41.66%; }
		.span9 { width: 37.5%; }
		.span8 { width: 33.33%; }
		.span7 { width: 29.165%; }
		.span6 { width: 25%; }
		.span5 { width: 20.825%; }
		.span4 { width: 16.66%; }
		.span3 { width: 12.5%; }
		.span2 { width: 8.33%; }
		.span1 { width: 4.165%; }

		.offset23 { margin-left: 95.825%; }
		.offset22 { margin-left: 91.66%; }
		.offset21 { margin-left: 87.5%; }
		.offset20 { margin-left: 83.33%; }
		.offset19 { margin-left: 79.165%; }
		.offset18 { margin-left: 75%; }
		.offset17 { margin-left: 70.825%; }
		.offset16 { margin-left: 66.66%; }
		.offset15 { margin-left: 62.5%; }
		.offset14 { margin-left: 58.33%; }
		.offset13 { margin-left: 54.165%; }
		.offset12 { margin-left: 50%; }
		.offset11 { margin-left: 45.825%; }
		.offset10 { margin-left: 41.66%; }
		.offset9 { margin-left: 37.5%; }
		.offset8 { margin-left: 33.33%; }
		.offset7 { margin-left: 29.165%; }
		.offset6 { margin-left: 25%; }
		.offset5 { margin-left: 20.825%; }
		.offset4 { margin-left: 16.66%; }
		.offset3 { margin-left: 12.5%; }
		.offset2 { margin-left: 8.33%; }
		.offset1 { margin-left: 4.165%; }
		
		/*.span15 { width: 93.75%; }
		.span14 { width: 87.5%; }
		.span13 { width: 81.25%; }
		.span12 { width: 75%; }
		.span11 { width: 68.75%; }
		.span10 { width: 62.5%; }
		.span9 { width: 56.25%; }
		.span8 { width: 50%; }
		.span7 { width: 43.75%; }
		.span6 { width: 37.5%; }
		.span5 { width: 31.25%; }
		.span4 { width: 25%; }
		.span3 { width: 18.75; }
		.span2 { width: 12.5%; }
		.span1 { width: 6.25%; }*/


		
		
	/* Grid container */
		.row {
		}

		.add-margin-top {
			margin-top: 20px;
		}
		
		/* clear */
		.row:after {
			content: "";
	  		display: table;
			clear: both;
		}
		
		
	/* Gutters */
		[class*='span'] {
			padding: 0 10px;
		}

		.row .row {
			margin-right: -10px;
			margin-left: -10px;
		}

	/* Padding */
		.row-pad {
			padding: 20px 10px;
		}

		/*.row-pad > [class*='span']:last-of-type {
			padding-right: 20px;
		}*/

	/* Helper */

		[class*="span"].hide,
		.row [class*="span"].hide {
		  display: none;
		}
		[class*="span"].pull-right,
		.row [class*="span"].pull-right {
		  float: right;
		}

/* @end */



/* @group TYPOGRAPHY */

	/* Headers */

		h1, h2, h3, h4 {
			font-weight: 400;
		}

		h1 {
			font-size: 2.250em;
			line-height: 1em;
			font-weight: 300;
		}

			.color h1 {
				color: #fff;
			}

			.color h1 span {
				color: #c1c1c1;
			}

			.well h1 {
				margin-top: 0;
			}
			
		h2 {
			margin: 20px 0;
			font-size: 1.5em;
			line-height: 1em;
		}
			.well h2:first-child {
				margin-top: 0;
			}

			h2 span {
				display: block;
				font-weight: 700;
			}

		h3 {
			margin: 20px 0;
			font-size: 1em;
			line-height: 1em;
			font-weight: 700;
		}

			.well h3:first-child {
				margin-top: 0;
			}

			h3 span {
				font-weight: 400;
			}

		h4 {
			margin: 15px 0 10px;
			color: #373737;
			font-size: 0.813em;
			line-height: 1em;
			font-weight: 700;
			text-transform: uppercase;
		}


	/* Text elements */
		p,
		ul,
		ol,
		dl {
			margin-top: 20px;
			font-size: 0.75em;
			line-height: 1.5em;
		}

		p:first-child {
			margin-top: 0;
		}


	/* Lists */

		dl.inline {
			margin-top: 0;
			font-size: 1em;
			line-height: 1em;
		}

			dl.inline dt,
			dl.inline dd {
				float: left;
			}

			dl.inline dt {
				clear: left;
				margin-right: 4px;
			}

			dl.inline dd + dt,
			dl.inline dd + dt + dd {
				margin-top: 6px;
			}

		dt {
			font-weight: 700;
		}



	/* Tables */

		.table-container {
			padding: 10px;
			background: #fff;
			border-radius: 10px;
		}
		.lt-ie9 .table-container { position: relative; behavior: url(../css/PIE.htc); }

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

		.table-container.notifications {
			background: #ededed;
			border-radius: 10px 10px 0 0;
		}
		.lt-ie9 .table-container.notifications { position: relative; behavior: url(../css/PIE.htc); }



		table {
			position: relative;
			width: 100%;
			border-collapse:separate;
			/*border-spacing: 0 6px;*/
			font-size: 0.813em;
			line-height: 1em;
		}

			tr {
				position: relative;
			}

			td {
				max-width: 160px;
				background-color: #f3f3f3;
				border-top: 3px solid #fff;
				border-bottom: 3px solid #fff;
				vertical-align: middle;
			}

			th,
			td {
				padding: 8px;
			}

			th:first-child,
			td:first-child {
				padding-left: 24px;
			}

			th {
				color: #999;
				font-weight: 700;
				text-align: left;
				text-transform: uppercase;
			}

			.time {
				float: right;
			}

			table.top td {
				vertical-align: top;
			}

			table.top tr.detail td:last-child {
				vertical-align: top;
				text-align: right;
			}


			/* sortable */

				.sortable th.sort span {
					position: relative;
					cursor: pointer;
				}

				.sortable th.sort span:before,
				.sortable th.sort span:after {
					content: '';
					position: absolute;
					top: 50%;
					right: -15px;
					color: #15a29e;
					font-family: "SSStandard";
					font-size: 0.5em;
					line-height: 1em;
				}

				.sortable th.sort span:before { content: '\25BE'; margin-top: 1px; }
				.sortable th.sort span:after { content: '\25B4'; margin-top: -5px; }

				.sortable th[class*='sort-'] span:before {
					content: '';
				}

				.sortable th[class*='sort-'] span:after {
					margin-top: -2px;
				}

				.sortable th.sort-desc span:after {
					content: '\25BE';
				}

				.sortable th.sort-asc span:after {
					content: '\25B4';
				}



			/* Show/hide details */

				.show-hide tbody tr {
					cursor: pointer;
				}

				.show-hide tr:hover td { background: #f0f0f0; }

				.show-hide td:last-child {
					position: relative;
				}

				.show-hide tr:not(.detail):not(.locked) td:last-child:after {
					content: '\25C3';
					position: absolute;
					z-index: 1;
					right: 4px;
					margin-top: 2px;
					font-family:'SSStandard';
					color: #ccc;
					font-size: 0.769em;
				}

				.show-hide tr.selected:not(.detail):not(.locked) td:last-child:after {
					content: '\25BE';
				}

					tr.detail td {
						max-width: 100%;
						cursor: default;
						vertical-align: top;
					}

					tr.detail td:last-child {
						vertical-align: bottom;
					}

					tr.detail td:first-child:after {
						content: '';
						position: absolute;
						z-index: 2;
						left: 0;
						right: 0;
						margin-top: -14px;
						height: 1px;
						border: 1px solid transparent;
						border-width: 3px 10px 2px;
						background: #d0d4d4;
					}
					tr.detail.hide td,
					tr.detail.hide td:first-child:after {
						display: none;
					}


			
			/* Help Desk */

			.help-desk {
			}

				.help-desk td:last-child {
					padding-right: 12px;
				}

				.help-desk td:first-child,
				.help-desk td:last-child {
					white-space: nowrap;
				}

				.help-desk tr.selected td,
				.help-desk tr.selected:hover td,
				.help-desk tr.detail td,
				.help-desk tr.detail:hover td {
					background: #96c6cd;
				}

				.help-desk tr.detail td:first-child:after {
					border-color: #96c6cd;
				}



			/* Standard Table */

			.standard-table {
			}	

				.standard-table tr > :first-child {
					padding-left: 8px;
					text-align: right;
				}
				.overlay .standard-table tr > :first-child{
					text-align: left;
				}

				.standard-table tr:not(.detail) th:last-child,
				.standard-table tr:not(.detail) td:last-child {
					padding-right: 24px;
					text-align: right;
				}

				.standard-table tr.selected td,
				.standard-table tr.selected:hover td,
				.standard-table tr.detail td,
				.standard-table tr.detail:hover td {
					background: #f3f3f3;
				}

				.standard-table tr.detail td:first-child:after {
					border-color: #f3f3f3;
				}

				.standard-table tr.detail p {
					max-width: 560px;
					margin: 0 0 10px;
					font-size: 1em;
				}


				.notice {
					position: relative;
				}				

				.notice i {
					color: #c0422d;
					line-height: 1.125em;
				}

				.notice-details {
					display: none;
					position: absolute;
					z-index: 10;
					left: 35px;
					top: -20px;
					width: 480px;
					padding: 25px;
					background: #c0422d;
					border-radius: 5px;
					color: #fff;
				}
				.lt-ie9 .notice-details { behavior: url(../css/PIE.htc); }

				.notice-details:before {
					content: '';
					position: absolute;
					left: -12px;
					top: 15px;
					width: 0px;
					height: 0px;
					border-style: solid;
					border-width: 10px 12px 10px 0;
					border-color: transparent #c0422d transparent transparent;

					/* provides a straight edge on triangle*/
					-moz-transform: scaleY(1.1);
				}

					.notice-details h3 {
						margin-top: 0;
						font-size: 1.125em;
						line-height: 1em;
					}

					.notice-details p {
						font-size: 1em;
					}


			/* Notifications */

				.notifications td {
					background: #fff;
					border-color: #ededed;
				}
				.notifications tr:hover td { background: #f6f6f6; }





			/* New */

				.new td {
					font-weight: 700;
				}

					.new td:first-child:before {
						content: '\25cf';
						position: relative;
						left: -7px;
						margin-left: -7px;
						margin-top: -2px;
						font-family:'SSStandard';
						font-size: 0.538em;
						line-height: 1em;
					}
					.new.orange td:first-child:before { color: #e2a414; }
					.new.blue td:first-child:before { color: #2980b9; }


			/* Viewing */

				.viewing td,
				tr.viewing:hover td {
					background: #1e4191;
					color: #fff;
				}


			/* Replied */

				.replied td:first-child:before {
					content: '\21a9';
					position: relative;
					left: -6px;
					margin-left: -10px;
					margin-top: -5px;
					color: #666;
					font-family:'SSStandard';
					font-size: 0.846em;
					line-height: 1em;
				}
				.replied.orange td:first-child:before { color: #e2a414; }
				.replied.blue td:first-child:before { color: #2980b9; }


			/* Read */

				.read td {
					background: none;
				}

			/* Locked */

				.locked td,
				table .locked:hover td {
					background: none;
					color: #c5c5c5;
					cursor: default;
				}

					.locked td:first-child:before {
						content: '\1f512';
						position: relative;
						left: -6px;
						margin-left: -10px;
						margin-top: -5px;
						color: #c1c1c1;
						font-family:'SSStandard';
						font-size: 0.846em;
						line-height: 1em;
					}


	/* Links */
		a {
			color: #373737;
			font-weight: 700;
			
			-webkit-transition: color 0.2s ease-in-out;
			   -moz-transition: color 0.2s ease-in-out;
			    -ms-transition: color 0.2s ease-in-out;
			     -o-transition: color 0.2s ease-in-out;
			        transition: color 0.2s ease-in-out;
		}
		a:hover { color: #0c636f; }


	/* Buttons */

		.btn-container {
			overflow: hidden;
			margin: 10px 0 0;
			font-size: 1em;
			line-height: 1em;
		}

		.btn-container.bottom {
			position: absolute;
			bottom:0;
		}

		.btn {
			display: inline-block;
			padding: 10px 14px;
			background: #9a9a9a;
			border: 1px solid #9a9a9a;
			border-radius: 5px;
			color: #fff;
			font-size: 0.875em;
			line-height: 14px;
			height: 36px;
			font-weight: 700;
			text-decoration: none;
			vertical-align: middle;
			
			-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			   -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			    -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			     -o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
			        transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		}
		.lt-ie9 .btn { position: relative; behavior: url(../css/PIE.htc); }

		.btn:hover,
		.color .btn:hover {
			background-color: #2e2f2f;
			border-color: #2e2f2f;
			color: #fff;
		}

		.btn:focus {
			border-color: #15a29e;
			outline: 0;
			-webkit-box-shadow: 0 0 15px rgba(21,162,158,0.6);
			    	box-shadow: 0 0 15px rgba(21,162,158,0.6);
		}
		.lt-ie9 .btn:focus { box-shadow: none; }

		.btn-mini {
			height: auto;
			padding: 3px 10px;
		}

			.btn-mini  + .btn-mini {
				margin-left: 7px;
			}

		.btn-primary {
			background-color: #0c636f;
			border-color: #0c636f;
		}
		body.darkblue .btn-primary { background-color: #1a3a82; border-color: #1a3a82; }
		body.blue .btn-primary { background-color: #2572a5; border-color: #2572a5; }
		body.lightblue .btn-primary { background-color: #1a93b8; border-color: #1a93b8; }
		
		body.darkgreen .btn-primary { background-color: #0f7786; border-color: #0f7786; }
		body.green .btn-primary { background-color: #29b866; border-color: #29b866; }
		/*body.lightgreen .btn-primary { background-color: #29afab; border-color: #29afab; }*/

		body.red .btn-primary { background-color: #c03f34; border-color: #c03f34; }
		body.orange .btn-primary { background-color: #e46c0f; border-color: #e46c0f; }
		body.yellow .btn-primary { background-color: #a2840a; border-color: #a2840a; }

		
		.btn-secondary {
			background-color: #15a29e;
			border-color: #15a29e;
		}

		.btn-tertiary {
			background: #fff;
			border-color: #e6e6e6;
			color: #15a29e;
		}

		.btn-opaque {
			background: rgba(0,0,0,0.15);
			border-color: rgba(0,0,0,0.05);
		}
		.lt-ie9 .btn-opaque  { position: relative; -pie-background: rgba(0,0,0,0.15); border-color: transparent; behavior: url(../css/PIE.htc); }

			.btn-opaque:hover {
				background: #000;
				border-color: #000;
			}
		.lt-ie9 .btn-opaque  { -pie-background: rgba(0,0,0,0.3); }


		[class*='btn-icon'] {
			position: relative;
		}

		.btn-icon-large {
			padding-left: 40px;
		}

		.btn-icon-small {
			padding-left: 30px;
		}

		[class*='btn-icon'] i {
			position: absolute;
		}

		.btn-icon-large i {
			top: 5px;
			left: 5px;
		}

		.btn-icon-small i {
			top: 14px;
			left: 10px;
		}

			.btn-icon-large i {
				height: 26px;
				width: 26px;
				padding-top: 6px;
				border: 3px solid #fff;
				border-radius: 13px;
				font-size: 0.750em;
				line-height: 1em;
				text-align: center;
			}
			.lt-ie9 .btn-icon-large i { behavior: url(../css/PIE.htc); }

			.btn-tertiary.btn-icon-large i {
				border-color: #15a29e;
			}

				.btn-tertiary:hover i {
					border-color: #fff;
				}

			.btn-icon-small i {
				font-size: 0.857em;
				line-height: 1em;
			}

		.btn-right {
			float: right;
		}

		.btn-full-width {
			width: 100%;
		}

		.btn-centertext {
			text-align: center;
		}



	/* Notification number */

		.notification-no {
			display: inline-block;
			width: 18px;
			margin:-2px -5px 0 20px;
			background: #15a29e;
			border-radius: 18px;
			color: #fff;
			font-size: 0.625em;
			line-height: 18px;
			font-weight: 700;
			text-align: center;
			vertical-align: top;
		}
		.lt-ie9 .notification-no { position: relative; behavior: url(../css/PIE.htc); }


	/* Other */

		hr {
		    height: 0;
		    margin: 20px 0;
			border: 0;
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		}


    
/* @end */



/* @group IMAGE STYLES */ 
    
	img {
		vertical-align: middle;
	}

	figure[class*='ss'] {
		width: 130px;
		height: 130px;
		line-height: 134px;
		background: #e6e6e6;
		border-radius: 130px;
		color: #15a29e;
		font-size: 3.750em;
		text-align: center;
	}
	.lt-ie9 figure[class*='ss'] { position: relative; behavior: url(../css/PIE.htc); }


    
/* @end */



/* @group FORMS */

	form.form-first fieldset:first-child {
		margin-top: -15px;
	}

	form + form {
		margin-top: 25px;
	}

	/* fieldset */
		fieldset {
			position: relative;
		}

		fieldset + fieldset {
			margin-top: 25px;
		}
	
	/* form element row */
		.form-row {
			position: relative;
		}
		.form-row + .form-row {
			/*margin-top: 15px;*/
		}

		.form-actions {
			margin-top: 20px;
			text-align: right;
		}

		.form-actions.bottomright {
			position: absolute;
			bottom: 0;
			right: 0;
		}
	
	/* label */
		label,
		.legend {
			display: block;
			margin: 15px 0 10px;
			color: #999;
			font-size: 0.813em;
			line-height: 1em;
			font-weight: 700;
			text-transform: uppercase;
			cursor: pointer;
		}

			label span {
				font-size: 0.846em;
				font-weight: 400;
				text-transform: none;
			}


		label.inline  {
			display: inline-block;
			font-size: 1em;
			line-height: 1em;
			margin: 0 10px 0 0;
		}
	
	/* text input */
		.text-input {
			display: block;
			width: 100%;
			height: 36px;
			padding: 8px 12px;
			background: #efefef;
			border: 1px solid #e8e8e8;
			border-radius: 5px;
			font-size: 0.813em;
			line-height: 1.5em;

			-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
					transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		}
		.lt-ie9 .text-input { position: relative; behavior: url(../css/PIE.htc); }

		.text-input:hover {
			border-color: #15a29e;
		}
		.text-input:focus {
			border-color: #15a29e;
			outline: 0;
			-webkit-box-shadow: 0 0 8px rgba(21,162,158,0.6);
			      	box-shadow: 0 0 8px rgba(21,162,158,0.6);
		}
		.lt-ie9 .text-input:focus { box-shadow: none; }


		textarea.text-input {
			line-height: 1.5em;
			resize: vertical;
		}

			textarea.x2 {
				height: 110px;
			}

			textarea.x3 {
				height: 184px;
			}

			textarea.x4 {
				height: 258px;
			}

			textarea.x5 {
				height: 332px;
			}

			textarea.x6 {
				height: 406px;
			}

			textarea.med-input {
				height: 234px;
			}

	/* placeholder */

		.placeholder { color: #bfbfbf; line-height: 1.5em; }
		::-webkit-input-placeholder { color: #bfbfbf; }
		:-moz-placeholder { color: #bfbfbf; }				
		::-moz-placeholder { color: #bfbfbf; }
		:-ms-input-placeholder { color: #bfbfbf; }


	/* search container */

		.search-container {
			position: relative;
		}

			.search-input {
				background-color: #fff;
				border-color: #d9d9d9;
			}

			.search-container button {
				position: absolute;
				top: 50%;
				right: 6px;
				margin-top: -8px;
				line-height: 1.2em;
			}


	/* select container */

		.select-container {
			position: relative;
		}

			.select-container select {
				position: absolute;
				z-index: 2;
				top: 0;
				bottom: 0;
				height: 100%;
				width: 100%;
				filter: alpha(opacity=0);
				opacity: 0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
				background: #fff;
				font-size: 0.813em;
				cursor: pointer;
			}

			.select-text {
				line-height: 1.25em;
			}

			.select-text i {
				position: absolute;
				top: 50%;
				right: 20px;
				margin-top: -6px;
				font-size: 0.643em;
			}

			.select-container:hover .select-text {
				border-color: #15a29e;	
			}

			.select-container select:focus + .select-text {
				border-color: #15a29e;
				outline: 0;
				-webkit-box-shadow: 0 0 8px rgba(21,162,158,0.6);
				    	box-shadow: 0 0 8px rgba(21,162,158,0.6);
			}
			.lt-ie9 .select-container select:focus + .select-text { box-shadow: none; }



	/* multiple select */

		select[multiple] {
			visibility: hidden;
			height: 0;
			overflow: hidden;
			position: absolute;
		}

		.selectlist-list {
			margin-top: 5px;
		}

		.selectlist-item {
			position: relative;
			display: inline-block;
			margin: 5px 5px 0 0;
			padding: 4px 20px 4px 8px;
			background: #efefef;
			border: 1px solid #e8e8e8;
			border-radius: 5px;
			font-size: 0.875em;
			line-height: 1em;

			cursor: pointer;
		}
		.lt-ie9 .selectlist-item { position: relative; behavior: url(../css/PIE.htc); }

		.selectlist-item:after {
			content: '\2421';
			position: absolute;
			top: 6px;
			right: 4px;
			font-family:'SSStandard';
			vertical-align: middle;
			margin-left: 5px;
			color: #999;
		}
		.selectlist-item:hover:after {
			color: #df615b;
		}



	/* checkbox container */


		.checkbox-container  {
			position: relative;
		}

			.checkbox-container input {
				position: absolute;
				z-index: 2;
				left: 0;
				top: 0;
				bottom: 0;
				height: 100%;
				width: 100%;
				filter: alpha(opacity=0);
				opacity: 0;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
				cursor: pointer;
			}

			.checkbox {
				display: inline-block;
				width: 12px;
				height: 12px;
				background: #fff;
				border: 1px solid #e8e8e8;
				border-radius: 3px;
			}
			/*.lt-ie9 .checkbox { position: relative; behavior: url(../css/PIE.htc); }*/
			
			.color .filter .checkbox {
				background: #efefef;
			}

			.checkbox-container input + .checkbox:after {
				content:'';
				display: inline-block;
				position: relative;
				top: -1px;
				color: #15a29e;
				font-family:'SSStandard';
				font-size: 0.875em;
				line-height: 1em;
			}

			table .checkbox-container input + .checkbox:after {
				font-size: 1em;
				line-height: 1em;
			}

			.checkbox-container input:checked + .checkbox:after {
				content:'\2713';
			}

			.checkbox-container:hover .checkbox {
				border-color: #15a29e;	
			}

			.checkbox-container input:focus + .checkbox {
				border-color: #15a29e;
				outline: 0;
				-webkit-box-shadow: 0 0 8px rgba(21,162,158,0.6);
				    	box-shadow: 0 0 8px rgba(21,162,158,0.6);
			}
			.lt-ie9 .checkbox-container input:focus + .checkbox { box-shadow: none; }



	/* file upload */
		.file-upload-container {
			display: block;
			width: 100%;
			height: 234px;
			padding: 14px 20px;
			background: #efefef;
			border: 1px solid #e8e8e8;
			border-radius: 5px;

			-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
					transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		}
		.lt-ie9 .file-upload-container { position: relative; behavior: url(../css/PIE.htc); }

		.ie .file-upload-container {
			height: auto;
		}

			.file-upload-container label,
			.file-upload-container .legend {
				display: block;
				margin: 0 0 8px;
				color: #373737;
				font-weight: 400;
				text-align: center;
				text-transform: none;
			}

			.ie .file-upload-container .legend {
				display: none;
			}

			.file-dropbox {
				display: block !important;
				position: relative;
				height: 114px;
				margin-bottom: 14px;
				background: #f7f7f7;
				border: 1px dashed #e5e5e5;
				border-radius: 5px;
			}

			.ie .file-dropbox {
				display: none !important;
			}


			.file-dropbox:before {
				position: absolute;
				top: 50%;
				left: 50%;
				height: 60px;
				width: 60px;
				margin:  -30px 0 0 -30px;
				border: 5px solid #dbdbdb;
				border-radius: 30px;
				color: #dbdbdb;
				font-size: 1.5em;
				line-height: 50px;
				text-align: center;
			}
			.lt-ie9 .file-dropbox:before { position: relative; behavior: url(../css/PIE.htc); }

			.file-dropbox-active {background:#0c636f;}

			.file-upload-spinner {
				position: absolute;
				right: 0;
				top: 4px;
				background: url('../img/assets/loading.gif');
				width:15px;
				height:15px;
				vertical-align:text-bottom;
			}
			.file-upload-size { display: none !important; }
			.file-upload-cancel {
				display: inline-block;
				margin-left: 7px;
				font-size: 1em;
				line-height: 1.385em;
				vertical-align: middle;
			}

			.file-upload-failed-text {display:none; color: #df615b;}
			.file-upload-fail .file-upload-failed-text {display:inline;}

			.file-upload {
				opacity:0;
				height: 0;
			}

		
	/* buttons */
		[type=submit],
		[type=button] {
			cursor: pointer;
			
			
			-webkit-transition: background-color 0.2s ease-in-out;
			   -moz-transition: background-color 0.2s ease-in-out;
			    -ms-transition: background-color 0.2s ease-in-out;
			     -o-transition: background-color 0.2s ease-in-out;
			        transition: background-color 0.2s ease-in-out;
		}
		[type=submit] {
		}
		[type=submit]:hover,
		[type=button]:hover {
			
		}


	/* Small */

		small {
			display: block;
			margin-top: 15px;
			font-size: 0.75em;
			line-height: 1.250em;
		}


	/* Errors etc */

		label.error {
			position: absolute;
			z-index: 2;
			right: 0;
			margin: 0;
			padding: 4px;
			background: #df615b;
			border-radius: 0 0 3px 3px;
			color: #fff;
			font-size: 0.675em;
			line-height: 1em;
			text-transform: none;

			-webkit-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.5);
			   -moz-box-shadow: 0 5px 6px -6px rgba(0,0,0,0.5);
			        box-shadow: 0 5px 6px -6px rgba(0,0,0,0.5);
		}

		label.valid {
			padding: 0;
		}

		select + label.error {
			bottom: -18px;
		}

		select + label.valid {
			bottom: 0;
		}

		select[multiple] + label.valid {
			bottom: 30px;
		}


		label.error:after {
			content: '';
			display: block;
			font-family:'SSStandard';
			position: absolute;
			z-index: 10;
			top: -20px;
			right: 15px;
			height: 10px;
			width: 10px;
			font-size: 1em;
			line-height: 1em;
		}

		label.error:after {
			content: '\2421';
			color: #df615b;
		}

		label.valid:after {
			content: '\2713';
			color: #81c777;
		}

		input.error,
		textarea.error,
		select.error + label.error + .select-text,
		select[multiple].error + label.error + .select-container .select-text {
			border-color: #df615b;
			border-radius:  5px 5px 0 5px;
		}

		label.error + .select-text i,
		label.error + .select-container .select-text i {
			visibility: hidden;
		}

/* @end */ 



/* @group CORE LAYOUT */

	.wrapper {
		width: 100%;
		max-width: 1200px;
		min-width: 1024px;
	}

/* @end */



/* @group HEADER */

	.header {
		position: relative;
		background: #fff;
		border-bottom: 1px solid #dbdbdb;
	}
		.header .wrapper {
			position: relative;
			padding: 30px 0 24px;
		}

		.logo {
			display: block;
			width: 268px;
			height: 50px;
			background: url('../img/logo.png') no-repeat 0 0;
		}

		.utils {
			position: absolute;
			top: 34px;
			right: 10px;
			margin-top: 0;
			font-size: 0.875em;
			line-height: 1em;
		}

			.utils li {
				float: left;
			}

			.utils a {
				font-weight: 400;
				text-decoration: none;
			}

			.utils-link {
				display: block;
				padding: 10px 18px;
				color: #373737;
			}

			.utils-link:hover {
				color: #2e2f2f;
			}

			.utils-link:hover i {
				color: #2e2f2f;
			}

			.utils i {
				margin-right: 10px;
				color: #15a29e;
				font-size: 1.286em;
				line-height: 1em;
				vertical-align: middle;

				-webkit-transition: color 0.2s ease-in-out;
				   -moz-transition: color 0.2s ease-in-out;
				    -ms-transition: color 0.2s ease-in-out;
				     -o-transition: color 0.2s ease-in-out;
				        transition: color 0.2s ease-in-out;
			}

			/* Open menu */

			.util-menu {
				position: relative;
				z-index: 40;
				overflow: hidden;
				height: 38px;
				border-radius: 5px;

				-webkit-transition: all 0.2s ease-in-out;
				   -moz-transition: all 0.2s ease-in-out;
				    -ms-transition: all 0.2s ease-in-out;
				     -o-transition: all 0.2s ease-in-out;
				        transition: all 0.2s ease-in-out;
			}
			.lt-ie9 .util-menu { position: relative; behavior: url(../css/PIE.htc); }

				.util-menu:hover {
					height: 110px;
					background: #373737;
					color: #fff;
				}

				.util-menu > a {
					padding-right: 45px;
					border-bottom: 1px solid transparent;
				}

				.util-menu:hover > a {
					color: #fff;
					border-color: #494949;
				}

					.util-menu:hover > a i {
						color: #15a29e;
					}

				.util-menu > a:after {
					content:'\25BE';
					position: absolute;
					right: 18px;
					color: #15a29e;
					font-family:'SSStandard';
					font-size: 0.643em;
					line-height: 2.000em;
				}

				.util-menu ul {
					overflow: hidden;
					margin-top: 0;
					padding: 10px 0;
					border-radius: 0 0 5px 5px;
					font-size: 0.929em;
					line-height: 1em;
				}
				.lt-ie9 .util-menu ul { position: relative; behavior: url(../css/PIE.htc); }

				.util-menu li {
					clear: left
				}

				.util-menu ul a {
					display: block;
					width: 100%;
					padding: 5px 18px;
					color: #fff;
				}

    
/* @end */ 



/* @group PRIMARY NAVIGATION */
    
	nav.primary {
		position: absolute;
		z-index: 10;
		top: 104px;
		bottom: 0px;
		overflow: hidden;
		width: 48px;
		margin-left: -10px;
		background: #373737;
		border-top: 1px solid #dbdbdb;

		 -webkit-box-shadow: inset -8px 0 6px -6px rgba(0,0,0,0.25), inset 8px 0 6px -6px rgba(0,0,0,0.25);
			-moz-box-shadow: inset -8px 0 6px -6px rgba(0,0,0,0.25), inset 8px 0 6px -6px rgba(0,0,0,0.25);
			     box-shadow: inset -8px 0 6px -6px rgba(0,0,0,0.25), inset 8px 0 6px -6px rgba(0,0,0,0.25);

		-webkit-transition: width 0.2s ease-in-out;
		   -moz-transition: width 0.2s ease-in-out;
		    -ms-transition: width 0.2s ease-in-out;
		     -o-transition: width 0.2s ease-in-out;
		        transition: width 0.2s ease-in-out;
	}

	nav.fixed {
		top: 0;
		position: fixed;
	}

	nav.primary:hover {
		width: 230px;
		z-index: 20;
	}

	nav.primary.open {
		width: 22.5%;
		max-width: 270px;
		min-width: 230px;
	}

		nav.primary ul {
			font-size: 1em;
			line-height: 1em;
		}

		/*nav.primary li:first-child {
			border-top: 1px solid #494949;
		}*/

		nav.primary li {
			position: relative;
			border-bottom: 1px solid #494949;
		}

		nav.primary a {
			display: block;
			padding: 16px 60px 16px 48px;
			color: #909090;
			font-weight: 400;
			text-decoration: none;
			white-space: nowrap;
		}
		nav.primary a:hover { color: #fff; }
		nav.primary a.active {
			color: #fff;

			 -webkit-box-shadow: none;
				-moz-box-shadow: none;
				     box-shadow: none;
		}
		nav.primary .nav-dashboard.active { background: #e7e7e7; color: #373737; }
		nav.primary .nav-dashboard.active i { color: #373737; }

		nav.primary .nav-notifications.active { background: #1e4191; }
		nav.primary .nav-downloads.active { background: #2980b9; }
		nav.primary .nav-helpdesk.active { background: #107e8e; }
		nav.primary .nav-documentlibrary.active { background: #f1c40f; }
		nav.primary .nav-knownissues.active { background: #cd4338; }
		nav.primary .nav-servicecentre.active { background: #e46c0f; }
		nav.primary .nav-assets.active { background: #29b866; }
		nav.primary .nav-training.active { background: #29afab; }
		nav.primary .nav-events.active { background: #1a93b8; }

		nav.primary i {
			position: absolute;
			left: 16px;
			color: #fff;
			line-height: 1.25em;
		}

		nav.primary .notification-no {
			position: absolute;
			top: 50%;
			right: 20px;
			margin: -16px -13px 0 0;

			-webkit-transition: margin 0.2s ease-in-out;
			   -moz-transition: margin 0.2s ease-in-out;
			    -ms-transition: margin 0.2s ease-in-out;
			     -o-transition: margin 0.2s ease-in-out;
			        transition: margin 0.2s ease-in-out;
		}

		nav.primary:hover .notification-no,
		nav.primary.open .notification-no {
			margin: -9px 0 0 0;
		}
	
/* @end */ 



/* @group PAGE ELEMENTS/REGIONS  */

	/* main */
		.main {
			
		}
			.main .wrapper {
			}

			.content-container {
				/*min-height: 663px;*/
				padding: 35px 30px;
			}
    
/* @end */ 



/* @group CONTENT ELEMENTS */

	
	/*----------------------------------------
	HOMEPAGE ELEMENTS
	----------------------------------------*/

		h1.welcome {
			height: 308px;
			padding: 30px 320px 0 28px;
			background: url('../img/assets/welcome-bg.jpg') no-repeat 100% 0;
			font-size: 1.750em;
			line-height: 1.071em;
		}

			h1.welcome span {
				display: inline-block;
				width: 280px;
			}

		h2.welcome {
			font-size: 1.125em;
			line-height: 1em;
		}

		.features-list {
			margin-top: 0;
			font-size: 1em;
			line-height: 1em;
		}

			.features-list li {
				border-bottom: 1px solid #dbdbdb;
			}

			.features-list a {
				display: block;
				padding: 14px 10px;
				color: #999;
				font-weight: 400;
				text-decoration: none;
			}

			.features-list a:before {
				margin-right: 10px;
				color: #373737;
				line-height: 1.125em;
				vertical-align: middle;
			}

			.features-list-content {
				display: none;
			}

				.features-list-content p {
					margin: -4px 0 11px 37px;
				}
	
	/*----------------------------------------
	REGISTRATION ELEMENTS
	----------------------------------------*/	

		h1.register-thanks {
			margin: 30px 0 20px;
			font-size: 1.5em;
			line-height: 1em;
			font-weight: 400;
		}



	/*----------------------------------------
	DASHBOARD ELEMENTS
	----------------------------------------*/
		
		.table-dash {
			margin-bottom: 10px;
			background: #fff;
			padding: 0 5px;
		}

			.table-dash td:last-child {
				padding-right: 8px;
			}

			.table-dash td:last-child:after {
				display: none;
			}

		.help-desk-requests {
			position: absolute;
			bottom: 12px;
			right: 20px;
			margin: 0;
			color: #fff;
		}

			.help-desk-requests:after {
				content: '\2753';
				margin-left: 10px;
				font-family:'SSStandard';
				vertical-align: middle;
			}



	/*----------------------------------------
	NOTIFICATIONS ELEMENTS
	----------------------------------------*/

	.message {
		padding: 18px;
		background: #fff;
		border-radius: 0 0 10px 10px;
	}
	.lt-ie9 .message { position: relative; behavior: url(../css/PIE.htc); }

		.message-header {
			padding-bottom: 20px;
			border-bottom: 1px solid #ededed;
		}

			.message-details {
				margin-top: 7px;
				font-size: 0.875em;
				line-height: 1.286em;
				font-weight: 600;
				text-align: right;
			}

				.message-details dt {
					float: left;
					clear: left;
					width: 70px;
					color: #999;
				}

				.message-details dd {
					float: left;
					margin-left: 10px; 
				}

			

			.file-list {
				margin-top: 0;
				font-size: 0.813em;
				line-height: 1.385em;
			}

				.file-list li {
					position: relative;
				}

				.file-list li + li {
					margin-top: 10px;
				}

				.file-list a {
					font-weight: 400;
				}

				.file-delete {
					display: inline-block;
					width: 16px;
					height: 16px;
					margin-right: 5px;
					padding: 2px;
					background: #e8e8e8;
					border-radius: 8px;
					color: #8c8c8c;
					font-family:'SSStandard';
					font-size: 0.769em;
					line-height: 1.4em;
					text-align: center;
					text-decoration: none;
					vertical-align: middle;
				}
				.lt-ie9 .file-delete { position: relative; behavior: url(../css/PIE.htc); }

				.message-header .file-list {
					float: right;
					margin-right: 15px;
				}

				.file-list.attached li:before {
					content: '\1F4CE';
					display: inline-block;
					width: 16px;
					height: 16px;
					margin-top: 1px;
					margin-right: 5px;
					padding: 2px;
					background: #e8e8e8;
					border-radius: 8px;
					color: #8c8c8c;
					font-family:'SSStandard';
					font-size: 0.769em;
					line-height: 1.4em;
					text-align: center;
					text-decoration: none;
				}
				.lt-ie9 .file-list.attached li:before { position: relative; behavior: url(../css/PIE.htc); }

				.file-name {
					display: inline-block;
					color: #88888e;
					max-width: 88%;
					max-height: 18px;
					overflow: hidden;
					text-overflow: ellipsis;
					vertical-align: middle;
				}

				.no-files {
					margin-top: 10px;
					min-height: 20px;
				}

			/*

				.file-list.attached {
					text-align: right;
				}

				.file-list.attached li {
					display: inline-block;
					width: 210px;
					margin-top: 0;
					text-align: left;
				}*/


			.message-content {
				padding: 25px 15px 15px;
			}



	/*----------------------------------------
	HELP DESK ELEMENTS
	----------------------------------------*/

		.help-desk-note-header {
			overflow: hidden;
			margin-bottom: 15px;
		}

			.help-desk-note-header h3 {
				float: left;
				margin: 0;
				line-height: 1.25em;
			}

			.help-desk-note-header p {
				margin-top: 15px;
			}

			.help-desk-note-header time {
				float: right;
				color: #bababa;
				font-size: 0.813em;
				line-height: 1.385em;
			}


		.help-desk-note p {
			margin-top: 15px;
		}



	/*----------------------------------------
	CALENDAR ELEMENTS
	----------------------------------------*/

		.page-calendar-header {
			margin-top: 40px;
		}

			.page-calendar-header h2 {
				margin-top: 0;
				color: #fff;
				line-height: 1.75em;
			}

		.cal-controls {
			visibility: hidden;
			margin: 0;
			font-size: 1em;
			line-height: 1em;
			text-align: center;
		}
		.lt-ie9 .cal-controls { visibility: visible; }

			.cal-controls li {
				display: inline;
			}

			.cal-controls .prev {
				margin-right: 25px;
			}

			.cal-controls .next {
				margin-left: 25px;
			}

				.cal-controls h2 {
					margin: 0;
					font-size: 2.125em;
					line-height: 1em;
					font-weight: 300;
				}

				.cal-controls h2,
				.cal-controls a {
					display: inline-block;
					color: #fff;
					vertical-align: middle
				}

				.cal-controls a {
					width: 26px;
					height: 26px;
					border: 3px solid #fff;
					border-radius: 13px;
					font-size: 0.563em;
					line-height: 23px;
					text-align: center;
					text-decoration: none;

					-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					   -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					    -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					     -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					        transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
				}
				.lt-ie9 .cal-controls a  { position: relative; behavior: url(../css/PIE.htc); }

				.cal-controls .prev a { padding-right: 1px; }
				.cal-controls .next a { padding-left: 1px; }
				.cal-controls a:hover { border-color: rgba(255,255,255,0.5); color: rgba(255,255,255,0.5); }
				.cal-controls a.disabled { visibility: hidden; }


		[class*='calendar'] {
			font-size: 1em;
			line-height: 1em;
		}

		.calendar-month tr:first-child td:first-child,
		.calendar-quarter thead tr:first-child th:first-child { border-radius: 10px 0 0 0; }
		.calendar-month tr:first-child td:last-child,
		.calendar-quarter thead tr:first-child th:last-child { border-radius: 0 10px 0 0; }
		[class*='calendar'] tr:last-child td:first-child { border-radius: 0 0 0 10px; }
		[class*='calendar'] tr:last-child td:last-child { border-radius: 0 0 10px 0; }

			[class*='calendar'] th,
			[class*='calendar'] td {
				position: relative;
				width: 20%;
				background: #fff;
				vertical-align: top;
				border-bottom: 0;
			}

			[class*='calendar'] th {
				border-bottom: 1px solid #f2f2f2;
				color: #88888e;
				font-size: 0.75em;
				line-height: 1em;
				font-weight: 400;
				text-align: right;
				vertical-align: bottom;
				text-transform: none;
			}

			.calendar-month td {
				height: 106px;
				padding: 12px 30px 12px 12px;
			}

			.calendar-quarter th,
			.calendar-quarter td {
				height: 55px;
				padding: 12px;
			}

			[class*='calendar'] td.event-approved { background: #f7f6eb }
			[class*='calendar'] td.event-pending { background: #ebebeb; }



				[class*='calendar'] th + th,
				[class*='calendar'] td + td {
					border-left: 1px solid #f2f2f2;
				}

				[class*='calendar'] tr + tr th,
				[class*='calendar'] tr + tr td {
					border-top: 1px solid #f2f2f2;
				}

				.cal-date {
					float: right;
					color: #88888e;
					font-size: 0.75em;
					line-height: 1em;
				}
				.calendar-month .cal-date {
					margin-right: -15px;
				}
				.calendar-quarter .cal-date {
					margin: -5px -5px 0 0;
				}


		.event {
			position: relative;
			cursor: pointer;
		}
			.calendar-month .event {
				padding-left: 16px;
				margin-top: 20px;
			}
			.calendar-quarter .event {
				display: inline-block;
				min-height: 12px;
				min-width: 12px;
				margin-top: 12px;
			}

		.event:before {
			content: '\25CF';
			position: absolute;
			font-family:'SSStandard';
		}

			.calendar-month .event:before {
				margin-left: -16px;
				font-size: 0.500em;
			}

			.calendar-quarter .event:before {
				font-size: 0.75em;
				line-height: 1em;
			}

		.event.calibration:before { color: #f37a1d; }
		.event.training:before { color: #30bcb8; }

			.event h3 {
				margin: 0;
				font-size: 0.75em;
				line-height: 1.167em;
				color: #373737;
				font-weight: 700;
			}

			.event p {
				margin-top: 0;
				font-size: 0.75em;
				line-height: 1.167em;
				color: #373737;
			}

			.event-pending h3,
			.event-pending p {
				 color: #999; 
			}

		.event-details {
			display: none;
			position: absolute;
			z-index: 10;
			bottom: 120%;
			left: 50%;
			width: 250px;
			margin-left: -125px;
			padding: 15px 20px 25px;
			background: #1a93b8;
			border-radius: 5px;

			 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
				-moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
					 box-shadow: 0 0 10px rgba(0,0,0,0.15);
		}
		.lt-ie9 .event-details { behavior: url(../css/PIE.htc); }

		.event:hover .event-details {
			z-index: 30;
		}

			.calendar-month td:first-child .event-details {
				margin-left: -110px;
			}

			.cal-quarter-1 td:first-child .event-details {
				margin-left: -34px;
			}

			.cal-quarter-1 td:nth-child(2) .event-details {
				margin-left: -99px;
			}

			.cal-quarter-3 td:last-child .event-details {
				left: auto;
				right: 50%;
				margin-right: -64px; 
			}

		.event-details:after {
			content: '\25BE';
			position: absolute;
			bottom: -11px;
			left: 0;
			width: 100%;
			color: #1a93b8;
			font-family:'SSStandard';
			font-size: 0.75em;
			line-height: 12px;
			text-align: center;
		}

			.cal-quarter-1 td:first-child .event-details:after {
				padding-left: 27px;
				text-align: left;
			}

			.cal-quarter-1 td:nth-child(2) .event-details:after {
				padding-left: 92px;
				text-align: left;
			}

			.cal-quarter-3 td:last-child .event-details:after {
				padding-right: 56px;
				text-align: right;
			}

			.event-details h4 {
				margin: 0;
				color: #fff;
				font-size: 1.125em;
				line-height: 1em;
				text-transform: none;
			}

			.event-details time {
				display: block;
				margin-top: 10px;
				color: #fff;
				font-size: 0.813em;
				font-weight: 700;
			}

			.event-details p {
				margin-top: 10px;
				color: #fff;
			}



		.cal-key {
			overflow: hidden;
		}

			.cal-key dt {
				float: left;
				clear: left;
				padding-left: 25px;
			}

				.cal-key dt:before {
					content: '\25CF';
					position: absolute;
					font-family:'SSStandard';
					margin-left: -25px;
					font-size: 0.875em;
					vertical-align: middle;
				}
				.cal-key dt.calibration:before { color: #f37a1d; }
				.cal-key dt.training:before { color: #30bcb8; }

			.cal-key dd {
				float: left;
				margin-left: 4px
			}

				.cal-key dd:before {
					content: '- ';
				}


			.cal-key dd + dt,
			.cal-key dd + dt + dd {
				margin-top: 5px;
			}



	/*----------------------------------------
	TRAINING ELEMENTS
	----------------------------------------*/

		.training-block {
			overflow: hidden;
		}

			.training-block + .training-block {
				margin-top: 7px;
			}

			.training-block-img {
				position: relative;
				float: left;
				width: 100%;
				text-align: right;
			}

			.training-block-img img {
				position: relative;
				width: 100%;
				border-radius: 5px;
			}
			.lt-ie9 .training-block-img img { position: relative; behavior: url(../css/PIE.htc); }

				.training-block-img.video:before {
					content: '\25B6';
					position: absolute;
					z-index: 2;
					top: 50%;
					left: 50%;
					width: 100px;
					height: 100px;
					margin: -50px 0 0 -50px;
					padding-left: 4px;
					background: rgba(0,0,0,0.6);
					border: 8px solid rgba(255,255,255,0.6);
					border-radius: 50px;
					color: #fff;
					font-family:'SSStandard';
					font-size: 1.875em;
					line-height: 94px;
					text-align: center;
				}
				.lt-ie9 .training-block-img.video:before { position: relative; behavior: url(../css/PIE.htc); }

			.training-block-text {
				padding-top: 29px;
			}

			.training-block + .training-block .training-block-img {
				padding-top: 7px;
			}

			.training-block + .training-block .training-block-text {
				padding-top: 36px;
				border-top: 1px solid #efefef;
			}

			.training-block .btn-container {
				margin-top: 30px;
			}


		.video-library {
			overflow: hidden;
			width: 96%;
			margin: 25px auto 0;
			font-size: 1em;
			line-height: 1em;
			text-align: center;
		}

			.video-library li {
				display: inline;
				margin: 0 9px;
			}

			.video-library a {
				margin-bottom: 25px;
				display: inline-block;
				text-decoration: none;
			}

			.video-library figure {
				position: relative;
			}

				.video-library figure:before {
					content: '\25B6';
					position: absolute;
					z-index: 2;
					bottom: 10px;
					left: 10px;
					width: 46px;
					height: 46px;
					padding-left: 4px;
					background-color: rgba(0,0,0,0.6);
					border: 4px solid rgba(255,255,255,0.6);
					border-radius: 23px;
					color: #fff;
					font-family:'SSStandard';
					font-size: 0.875em;
					line-height: 43px;
					text-align: center;

					-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					   -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					    -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					     -o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
					        transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
				}
				.lt-ie9 .video-library figure:before { position: relative; behavior: url(../css/PIE.htc); }

				.video-library a:hover figure:before {
					border-color: #29afab;
					color: #29afab;
				}

			.video-library img {
				border-radius: 5px;
			}
			.lt-ie9 .video-library img { position: relative; behavior: url(../css/PIE.htc); }

			.video-library h2 {
				margin: 10px 0;
				font-size: 1em;
				font-weight: 700;
			}

			.video-library p {
				margin-top: 10px;
				color: #929292;
				line-height: 1em;
			}



		.manual-menu {
			margin-top: 0;
		}

			.manual-menu li a {
				display: block;
				padding: 10px 15px;
				text-decoration: none;
			}

			.manual-menu li a.active {
				background: #f3f3f3;
			}

		.manual-content {
			padding: 10px 0;
		}

			.manual-content h2 {
				color: #30bcb8;
				font-size: 1.5em;
				line-height: 1.250em;
			}


/* @end */



/* @group SHARED ELEMENTS */

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

		.lb_overlay {
			opacity: 0.95 !important;
		}
		.blue .lb_overlay { background: #1d5a82 !important; }
		.yellow .lb_overlay { background: #d2ab0d !important; }
		.orange .lb_overlay { background: #e46c0f !important; }

		.overlay {
			position: absolute;
			left: 0; top: 0;
			visibility: hidden;
			width: 730px;
			padding: 30px 20px 15px;
			border-radius: 10px;
		}
		.lt-ie9 .overlay { behavior: url(../css/PIE.htc); }

		.blue .overlay { background: #2980b9; }
		.yellow .overlay { background: #f1c40f; }
		.orange .overlay { background: #f37a1d; }

		.overlay.open {
			visibility: visible;
		}

		.overlay .close {
			position: absolute;
			top: 15px;
			right: 20px;
			color: #fff;
			font-size: 1.125em;
			line-height: 1em;
			text-decoration: none;
		}

			.overlay h1 {
				margin-bottom: 20px;
			}


		/* Added and removed dynamically to nudge csss3pie */
		.ie8fix { background: #fffffe; }

	/*----------------------------------------
	ACCORDION STYLES
	----------------------------------------*/

		.accordion {
		}

			.accordion dt {
				position: relative;
				padding: 9px 18px;
				background: #f3f3f3;
				cursor: pointer;
			}

				.accordion dt:after {
					content: '\25C3';
					position: absolute;
					z-index: 1;
					right: 4px;
					top: 10px;
					margin-top: 2px;
					font-family: 'SSStandard';
					color: #ccc;
					font-size: 0.769em;
				}
				.accordion dt.open:after {
					content: '\25BE';
				}

				.accordion dd + dt {
					margin-top: 6px;
				}

			.accordion dd {
				display: none;
			}

			.accordion-content {
				padding: 9px 18px;
			}

			.accordion-content p {
				font-size: 1em;
			}

	/*----------------------------------------
	TAB LIST STYLES
	----------------------------------------*/
	
		.tab-list {
			overflow: hidden;
			margin-top: 0;
			font-size: 0.875em;
			line-height: 1em;
		}

			.tab-list li {
				float: left;
			}

			.tab-list li + li {
				border-left: 1px solid #f2f2f2;
			}

			.tab-list a {
				display: block;
				padding: 11px 24px;
				background: #fff;
				color: #999;
				text-decoration: none;
			}
			.tab-list a:hover { color: #373737; }
			.tab-list a.active {
				background-color: rgba(0,0,0,0.15);
				color: #fff;

				 -webkit-box-shadow: inset 2px 2px rgba(0,0,0,0.01);
					-moz-box-shadow: inset 2px 2px rgba(0,0,0,0.01);
						 box-shadow: inset 2px 2px rgba(0,0,0,0.01);
			}
			.lt-ie9 .tab-list a.active  { -pie-background: rgba(0,0,0,0.15); }

			.tab-list li:first-child a {
				border-radius: 5px 0 0 5px;
			}

			.tab-list li:last-child a {
				border-radius: 0 5px 5px 0;
			}
			.lt-ie9 .tab-list a  { position: relative; behavior: url(../css/PIE.htc);}



	/*----------------------------------------
	PROGRESS BAR STYLES
	----------------------------------------*/

		.progressHolder {
		    position: absolute;
		    background-color:#252f38;
		    height:18px;
		    width:100%;
		    /*left:0;
		    bottom: 0;*/

		    box-shadow:0 0 2px #000;

			-webkit-transition: all 0.2s ease-in-out;
			   -moz-transition: all 0.2s ease-in-out;
			    -ms-transition: all 0.2s ease-in-out;
			     -o-transition: all 0.2s ease-in-out;
			        transition: all 0.2s ease-in-out;
		}

		.progress{
		    background-color:#2586d0;
		    position: absolute;
		    height:100%;
		    left:0;
		    width:0;

		    box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset;

		    -moz-transition:0.25s;
		    -webkit-transition:0.25s;
		    -o-transition:0.25s;
		    transition:0.25s;
		}

		.done .progress {
		    width: 100% !important;
		}

		.done .progressHolder {
		    display: none;
		}


	/*----------------------------------------
	PAGE HEADER STYLES
	----------------------------------------*/

		.page-header {
			position: relative;
			margin-bottom: 20px;

		}

		.page-header:after {
			content: "";
	  		display: table;
			clear: both;
		}

			.page-header h2 {
				margin-bottom: 0;
			}

			.page-header .btn-right {
				position: absolute;
				bottom: 0;
				right: 0;
			}

		.page-sub-header {
			margin-bottom: 20px;
		}

			.page-sub-header h2 {
				margin: 0;
			}

		.page-mid-header {
			margin-top: 20px;
		}

			.page-mid-header h2 {
			}



	/*----------------------------------------
	FILTER STYLES
	----------------------------------------*/

		.filter-title {
			font-size: 0.813em;
		}

		.filter {
			margin: 0 0 0 -10px;
			font-size: 1em;
			line-height: 1em;
		}
			.filter li {
				position: relative;
			}

			.filter > li {
				padding: 8px 10px;
			}

			.filter li + li {
				margin-top: 1px;
			}

			.filter label,
			.sub-filter .legend {
				color: #666;
				text-transform: none;
			}

			.color .filter label,
			.color .sub-filter .legend {
				color: #fff;
			}

			.filter .filter-checkbox-label,
			.sub-filter .legend {
				margin: 0;
				padding-left: 20px;
				font-size: 0.813em;
				line-height: 1.231em;
				font-weight: 400;
				text-align: left;
				cursor: pointer;
			}
			.filter-checkbox-label.left {
				padding: 0 0 10px 0;
			}

			.filter .checkbox-container {
				position: absolute;
				top: 8px;
			}

			.sub-filter {
				background: rgba(255,255,255,0.5);
				border-radius: 5px;
			}
			.lt-ie9 .sub-filter { -pie-background: rgba(0,0,0,0.5); position: relative; behavior: url(../css/PIE.htc); }

			.color .filter .sub-filter {
				background: rgba(255,255,255,0.15);
			}

			.sub-filter.hide,
			.color .sub-filter.hide {
				background: none;
			}

			.sub-filter:before {
				content: '\25BE';
				position: absolute;
				top: 13px;
				color: #666;
				font-family:'SSStandard';
				font-size: 0.769em;
				line-height: 1em;
				vertical-align: middle;
			}
			.color .filter .sub-filter:before {
				color: #ccc;
			}


			.sub-filter.hide:before {
				content: '\25B9';
			}

			.sub-filter-container {
				display: none;
			}

			.sub-filter ul {
				margin-top: 10px;
				font-size: 1em;
				line-height: 1em;
			}

			.sub-filter .checkbox-container {
				top: 0;
			}

			.sub-filter li + li {
				margin-top: 6px;
			}


		.filter-options dt,
		.filter-options label {
			margin-top: 24px;
			color: #6fcbd8;
			text-transform: none;
		}

		.filter-options dd {
			color: #fff;
		}




	/*----------------------------------------
	WELL STYLES
	----------------------------------------*/

		.well {
			overflow: hidden;
			margin-top: 20px;
			padding: 25px;
			background: #fff;
			border-radius: 5px;
		}
		.lt-ie9 .well { position: relative; behavior: url(../css/PIE.htc); }

		.well10 { padding: 10px; }

		.well.grey {
			background: #efefef;
			border: 1px solid #e8e8e8;
		}

		.well.grey:first-child,
		.well-first {
			margin-top: 0;
		}

	/*----------------------------------------
	PANEL STYLES
	----------------------------------------*/

		.panel {
			position: relative;
			min-height: 248px;
			padding: 15px 20px 10px;
			background: #fff;
			border-radius: 5px;
		}
		.lt-ie9 .panel { position: relative; behavior: url(../css/PIE.htc); }

		.panel.green { background: #107e8e; }

	/*----------------------------------------
	DASHBOARD PANEL STYLES
	----------------------------------------*/

		.dash-panel {
			display: block;
			position: relative;
			height: 114px;
			border-radius: 5px;
			color: #fff;
			font-weight: 400;
			text-decoration: none;
		}
		.lt-ie9 .dash-panel { behavior: url(../css/PIE.htc); }

		.dash-panel:hover { color: #fff; text-decoration: none; }

		.dash-panel-large {
			height: 248px;
		}

			.dash-panel-blue { background: #2980b9; }
			.dash-panel-blue:hover { background: #2980b9; }
			.dash-panel-yellow { background: #f1c40f; }
			.dash-panel-yellow:hover { background: #f1c40f; }
			.dash-panel-orange { background: #e2a414; }
			.dash-panel-orange:hover { background: #e2a414; }
			.dash-panel-darkorange { background: #f37a1d; }
			.dash-panel-darkorange:hover { background: #f37a1d; }
			.dash-panel-lightblue { background: #28acd4; }
			.dash-panel-lightblue:hover { background: #28acd4; }
			.dash-panel-purple { background: #1e4191; }
			.dash-panel-purple:hover { background: #1e4191; }
			.dash-panel-red { background: #cd4338; }
			.dash-panel-red:hover { background: #cd4338; }
			.dash-panel-green { background: #15a29e; }
			.dash-panel-green:hover { background: #15a29e; }

			.dash-panel span {
				position: absolute;
				bottom: 20px;
				right: 20px;
				font-size: 1.250em;
				line-height: 1em;
			}

			.dash-panel i {
				position: absolute;
				bottom: 50px;
				right: 20px;
				font-size: 1.875em;
				line-height: 1em;
			}

			/*.dash-panel .icon-user:before {
				position: relative;
				left: 7px;
				z-index: 3;
				font-size: 0.733em;
				line-height: 1em;
			}

			.dash-panel .icon-user:after{
				content:"\f007";
				position: relative;
				top: -7px;
				z-index: 1;
				font-size: 0.733em;
				line-height: 1em;
			}

			.dash-panel .icon-user + .icon-user:before{
				position: relative;
				top: -1px;
				left: 9px;
				z-index: 2;
			}

			.dash-panel .icon-user + .icon-user:before{
				position: relative;
				top: -1px;
				left: 9px;
				z-index: 2;
			}*/


		.dash-panel-container + .dash-panel-container {
			margin-top: 20px;
		}



	/*----------------------------------------
	PAGINATION STYLES
	----------------------------------------*/

		.pagination {
			display: block;
			text-align: center;
		}

		.pagination > li {
			display: inline;
			vertical-align: middle;
		}

		.pagination > li + li {
			margin-left: 2px;
		}

		.pagination a {
			float: none;
			display: inline-block;
			width: 20px;
			padding: 0;
			height: 20px;
			line-height: 20px;
			background-color: #fff;
			border: none;
			border-radius: 3px;
			color: #909090;
			text-decoration: none;
			vertical-align: middle;
		}
		.lt-ie9 .pagination > li > a { position: relative; behavior: url(../css/PIE.htc); }

		.pagination > li:first-child > a,
		.pagination > li:last-child > a {
			background: rgba(0,0,0,0.15);
			border-left-width: 0;
			color: #fff;
			font-size: 0.625em;
			line-height: 22px;
		}

		.lt-ie9 .pagination > li:first-child > a,
		.lt-ie9 .pagination > li:last-child > a { -pie-background: rgba(0,0,0,0.15); position: relative; behavior: url(../css/PIE.htc); }

		.pagination > li:first-child > a:hover,
		.pagination > li:last-child > a:hover {
			background-color: #15a29e;
			color: #fff;
		}

		.pagination > li > a:hover,
		.pagination > li > a:focus,
		.pagination .active {
			color: #15a29e;
		}
	
/* @end */ 

/* @group HELPERS */

	/* Image replacement*/
		.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
		.ir br { display: none; }

	/* hiding */
		.hidden { display: none; visibility: hidden; }
		.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
		.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
		.invisible { visibility: hidden; }
		
		/* Hide elements on IE8 and below. */	
		.lt-ie9 .hide-desktop { display: none; visibility: hidden; }
		
	/* clearing */
		.clearfix:before, .clearfix:after { content: ""; display: table; }
		.clearfix:after { clear: both; }

/* @end */


/* @group PRINT */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* @end */