/* ******************************************************************
   GENERIC SITE-WIDE: ELEMENTS
   ****************************************************************** 
*/

	/**
	 * CSS BOX MODEL
	 * Changes CSS box model. Setting relative width of element includes its padding and borders and makes it expand to width of parent 
	 */
	 *, 
	 *:after, 
	 *:before { 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		-o-box-sizing: border-box; 
		-ms-box-sizing: border-box; 
		box-sizing: border-box; 
	}

	/**
	 * HTML5 ELEMENTS
	 * Force older browsers to treat html5 elements as block-level 
	 */
	 article, 
	 aside, 
	 figure, 
	 footer, 
	 header, 
	 hgroup,
	 nav, 
	 section { 
	 	display:block; 
	 }

 	/**
	 * CLEARFIX
	 * Stops parent element collapsing when all its children are floated
	 */
 	.is-clearfixed { 
		zoom: 1; 
	}

	.is-clearfixed:before, 
	.is-clearfixed:after { 
		content: ""; 
		display: table; 
	}

	.is-clearfixed:after { 
		clear: both; 
	}

 	/**
	 * HIDDEN ELEMENTS
	 * Different methods for hiding elements
	 */

	 	/* Hide and collapse (Not good for accessibility):
	 	Use when element doesn't need to be available to screenreaders or keyboard accessible */ 
		.is-hidden {
			display: none; 
			visibility: hidden; 
		}

		/* Hide but don't collapse (Element will keep its dimensions but won't be visible)
		Use when element doesn't need to be available to screenreaders or keyboard accessible */
		.is-invisible { 
			visibility: hidden; 
		}

		/* Hide and collapse (Good for accessibility):
		Hides and collapses element but screenreaders can still read out the text */
		.is-visuallyhidden { 
			border: 0; 
			clip: rect(0 0 0 0); 
			height: 1px; 
			margin: -1px; 
			overflow: hidden; 
			padding: 0; 
			position: absolute; 
			width: 1px; 
		}

 	/**
	 * COLUMN LAYOUT: 2 COLUMNS (EQUAL)
	 * You will need to add .is-clearfixed to the parent element to stop it collapsing
	 */
	 .col2-1,
	 .col2-2 {
	 	float: left;
	 	width: 50%;
	 }

 	/**
	 * LIST: HORIZONTAL
	 */
	 .l-horizontal ul, 
	.l-horizontal ol {
		padding: 0; 
		margin: 0; 
	}

	.l-horizontal {
		list-style-type: none;
		padding: 0; 
		margin: 0;  
	}

		.l-horizontal li { 
			margin: 0; 
			padding: 0; 
			display: inline-block; 
			zoom: 1; 
		}

		.l-horizontal li:last-child { 
			padding-right: 0; 
		}

			.l-horizontal a { 
				display: inline-block;
				white-space: nowrap;			
				text-decoration: none; 
				zoom: 1; 
			}

			.l-horizontal h1 a, 
			.l-horizontal h2 a, 
			.l-horizontal h3 a, 
			.l-horizontal h4 a, 
			.l-horizontal h5 a, 
			.l-horizontal h6 a {
				white-space: normal;
			}

 	/**
	 * LINKS
	 */
	 a {
	 	text-decoration: none;
	 }

 	/**
	 * LOGO
	 * A reusable logo. Look at the logo in the footer to see how it works.
	 */
	 .logo {
	 	font-style: italic;
	 	font-weight: 300;
	 }

	 	.logo b {
	 		font-weight: 600;
	 	}

	/**
	 * SMALL
	 */
	 .small {
	 	text-transform: uppercase;
	 	font-size: 0.750em; /* 12px */
	 	font-weight: 400;
	 	color: #343838;
	 }	 

 	/**
	 * BACKGROUND GRADIENT
	 */
	 .bg-gradient {
	 	background: #00b4cc; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjRjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzA2YThjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzBmOTdiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzQwM2E2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzQ4MmI1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTIwNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left,  #00b4cc 0%, #06a8c2 12%, #0f97b3 24%, #403a63 77%, #482b56 88%, #4e204c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b4cc), color-stop(12%,#06a8c2), color-stop(24%,#0f97b3), color-stop(77%,#403a63), color-stop(88%,#482b56), color-stop(100%,#4e204c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #00b4cc 0%,#06a8c2 12%,#0f97b3 24%,#403a63 77%,#482b56 88%,#4e204c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #00b4cc 0%,#06a8c2 12%,#0f97b3 24%,#403a63 77%,#482b56 88%,#4e204c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #00b4cc 0%,#06a8c2 12%,#0f97b3 24%,#403a63 77%,#482b56 88%,#4e204c 100%); /* IE10+ */
		background: linear-gradient(to right,  #00b4cc 0%,#06a8c2 12%,#0f97b3 24%,#403a63 77%,#482b56 88%,#4e204c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4cc', endColorstr='#4e204c',GradientType=1 ); /* IE6-8 */
	}

	/**
	 * JQUERY UI: GENERAL
	 */
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		cursor: pointer;
		outline: none;
	}

	/**
	 * JQUERY UI: ACCORDION
	 */
	.accordion *[aria-selected="false"] {
		border-bottom: solid 1px #e6e6e6;
	}

	.accordion *[aria-selected="true"] {
		border: none;
	}

	/**
 	 * NOTIFICATIONS BAR
 	 */
 	.notifications-bar {
 		background: #692067;
 		padding: 0.875em 0 0.875em 1.625em; /* 14px 0 26px */
 		margin: 0 0 2.125em; /* 34px */
 	}

 		.notifications-bar span[data-icon] {
 			float: left;
 			color: #fff;
 			font-size: 1.875em; /* 30px; */
 			line-height: 0;
 			position: relative;
 			top: 0.133em; /* 4px */
 			margin: 0 0.667em 0 0; /* 20px */
 		}

 		.notifications-bar ul {
 			font-weight: 300;
 			font-size: 1.563em; /* 25px; */
 			color: #fff;
 		}

 			.notifications-bar li {
 				padding: 0 1.120em 0 0; /* 28px */
 			}

 			.notifications-bar li:before {
 				content: '>';
 				padding: 0 1.120em 0 0; /* 28px */
 			}

 			.notifications-bar li:first-child:before {
 				content: '';
 				padding: 0;
 			}

 			.notifications-bar b {
 				font-weight: 400;
 			}

	 	.notifications-bar .trigger-close[data-icon] {
	 		float: right; 
		 	display: block;
 			font-weight: 300;
 			font-size: 0.875em; /* 14px */
 			color: #fff;
 			line-height: 1;
 			padding: 0.714em 1.429em 0 0; /* 10px 20px */
 			cursor: pointer;
		 }

	/**
 	 * ENTRY DATA
 	 */
 	 .entry-data {

 	 }

 	 	.entry-data h2 {
 	 		font-weight: 300;
 	 		font-size: 1.563em; /* 25px */
 	 		color: #434343;
 	 		padding: 0.480em 1.200em; /* 12px */
 	 		margin: 0 0; /* 30px */
 	 	}

 	 		.entry-data .accordion-icon {
 	 			font-size: 1.200em; /* 30px */
 	 			display: inline-block;
 	 			margin: 0 0.600em 0 0; /* 18px */
 	 			line-height: 0;
 	 			position: relative;
 	 			top: 0.133em; /* 4px */
 	 		}

 	 		.collapse,
 	 		.expand {
 	 			float: right;
 	 			font-size: 0.800em; /* 20px */
 	 			display: inline-block;
 	 			line-height: 0;
 	 			margin: 14px 0 0;
 	 		}

 	 		h2[aria-selected="false"] .collapse {
 	 			display: none;
 	 		}

 	 		h2[aria-selected="true"] .expand {
 	 			display: none;
 	 		}

 	 	.entry-data-panel { 	 		
 	 		border-bottom: solid 1px #e6e6e6;
 	 	}

	 	 	.entry-data-content { 	 		
	 	 		border-top: solid 1px #e6e6e6;
	 	 		margin: 0 1.875em; /* 30px */
	 	 		padding: 0.875em 0; /* 14px */
	 	 	}

	 	 	.action {
	 	 		background: #e2e2e2;
	 	 		padding: 1.875em; /* 30px */
	 	 		text-align: right;
	 	 		margin: 0;
	 	 	}

	 	 	.entry-data * {
 	  			font-size: 14px;
	 	 	}

 	 /**
 	  * FORMS
 	  */
 	  form {

 	  }

 	  	form ol,
 	  	form li {
 	  		list-style-type: none;
 	  		margin: 0;
 	  		padding: 0;
 	  	}

 	  	form li {
 	  		margin-bottom: 1.143em; /* 16px */
 	  	}

 	  	label,
 	  	.mock-label {
 	  		display: inline-block;
 	  		width: 12.857em; /* 180px */
 	  		padding: 0;
 	  		margin: 0;
 	  		font-size: 14px;
 	  	}

 	  	input[type="text"],
 	  	input[type="password"],
 	  	select,
 	  	textarea {
 	  		color: #00b4cc;
 	  		border: solid 1px #e6e6e6;
 	  		padding: 0.571em 0.714em; /* 8px 10px */
 	  		margin: 0 0.714em; /* 10px */
	 	  	border-radius: 3px;
	 	  	-webkit-appearance: none;
 	  	}

 	  	select {
 	  		padding: 0.714em; /* 10px */
 	  		font-weight: 300; 
	 		color: #bbb; 
	 		height: 3.000em; /* 42px */
	 		position: relative;
	 		top: 1px;	 		
	 	  	background: #fff url('../img/select-arrow.png') scroll no-repeat right center;
 	  	}

	 	  	option {
	 	  		/*background: #000;
	 	  		color: #fff;
	 	  		border-top: solid 1px #3e3e3e;*/ 	  		
	 	  		/*padding: 0.571em 0.714em;*/ /* 8px 10px */
	 	  	}

	 	  	/*option:first-child {
	 	  		border: none;
	 	  	}

	 	  	option:hover,
	 	  	option:active,
	 	  	option:focus {
	 	  		background: #00b4cc;
	 	  	}

	 	  	.ie8 option,
	 	  	.ie9 option {
	 	  		background: transparent;
	 	  		color: #000;
	 	  		border: none;
	 	  	}*/

	 	input[type="checkbox"] {
	 		font-size: 140px;
	 	}

	 	input:focus,
	 	textarea:focus,
	 	select:focus { 
	 		outline: none; 
	 	}

	 	::-webkit-input-placeholder {
	 		font-weight: 300; 
	 		color: #777; 
	 	}

		::-moz-placeholder { 
	 		font-weight: 300; 
	 		color: #777; 
		} 

		/* firefox 19+ */
		:-ms-input-placeholder { 
	 		font-weight: 300; 
	 		color: #777; 
		} 

		/* ie */
		input:-moz-placeholder { 
	 		font-weight: 300; 
	 		color: #777; 
		}

 	  	.field-short {
 	  		min-width: 8.857em; /* 124px */
 	  	}

 	  		textarea.field-short {
	 	  		min-height: 8.857em; /* 124px */
	 	  	}

 	  	.field-medium {
 	  		min-width: 14.286em; /* 200px */
 	  	}

 	  		textarea.field-medium {
	 	  		min-height: 8.857em; /* 124px */
	 	  	}

 	  	.field-long {
 	  		min-width: 33.286em; /* 466px */
 	  	}

 	  		textarea.field-long {
	 	  		min-height: 14.000em; /* 196px */
	 	  	}


	 	  button,
	 	  input[type="submit"] {
	 	  	background: #00b4cc;
	 	  	font-size: 0.938em; /* 15px */
	 	  	font-weight: 400;
	 	  	color: #fff;
	 	  	border: none;
	 	  	padding: 0.667em 2.200em; /* 10px 33px */
	 	  	border-radius: 3px;
	 	  }

	 	  button:hover,
	 	  button:active,
	 	  input[type="submit"]:hover,
	 	  input[type="submit"]:active {
	 	  	background: #008394;
	 	  }

	/**
 	  * TABLES
 	  */
 	  table {
 	  	border-collapse: collapse;
 	  	width: 100%;
 	  	margin: 1.071em 0; /* 15px */
 	  }

 	  	tr:nth-child(odd) {
 	  		background: #e2e2e2;
 	  	}

		th {
			background: #00b4cc;
			color: #fff;
			font-weight: 400;
			padding: 0.714em 1.429em; /* 10px 20px */
		}

		td {
			padding: 0.714em 1.429em; /* 10px 20px */
		}

		tr:hover td {
			color: #434343;
		}

	/**
	  * DATE PICKER
	  */
	 .ui-datepicker-trigger {
		background: #e2e2e2;
		border-radius: 0;
		padding: 0;
		position: relative;
		top: 10px;
		right: 45px;
		line-height: 0;
		margin-right: -30px;
	}

	.ui-datepicker-trigger:hover,
	.ui-datepicker-trigger:active {
		background: #e2e2e2;
	}

	  .ui-widget-content {
	  	font-size: 12px;
	  }

	  	.ui-datepicker-prev,
	  	.ui-datepicker-next {
	  		position: relative;
	  		top: 36px;
	  		cursor: pointer;
	  		color: #fff;
	  	}

	  	.ui-datepicker-prev {
	  		left: 8px;
	  	}

	  	.ui-datepicker-next {
	  		right: 8px;
	  		float: right;
	  	}

	  	.ui-datepicker-title {
			background: #232323;
			color: #fff;
			font-size: 1.333em; /* 16px */
			text-align: center;
			padding:  0.875em 0; /* 14px */
		}

	  	.ui-datepicker-calendar {
	  		margin: 0;
			background: #232323;
	  	}

			.ui-datepicker-calendar tr:nth-child(odd) {
		  		background: #232323;
		  	}

		  	.ui-datepicker-calendar th {
		  		padding: 0.667em 0.833em; /* 8px 10px */
		  		font-weight: 600px;
		  	}

		  	.ui-datepicker-calendar td {
		  		background: #232323;
		  		color: #fff;
		  		border: solid 1px #2e2e2e;
		  		text-align: center;
		  		padding: 0;
		  	}

			  	.ui-datepicker-calendar a {
			  		color: #fff;
			  		display: block;
			  		text-align: center;
			  		padding: 0.667em 0.833em; /* 8px 10px */
			  	}

			  	.ui-datepicker-calendar .ui-datepicker-today a {
			  		background: #bbb;
			  	}

			  	.ui-datepicker-calendar a:hover, 
			  	.ui-datepicker-calendar td:hover {
			  		background: #00b4cc;
			  	}	

	 /**
	  * MODAL: NORMAL
	  */
	  .modal {
	  	background: #fff;
	  	border-radius: 4px;
	  	width: 22.750em; /* 364px */
	  }

	  	.modal * {
	  		font-size: 14px;
	  	}

	  	.modal .large {
		 	font-size: 25px;
		 	font-weight: 300;
		 	color: #434343;
		 	padding: 0.640em 1.200em 0; /* 16px 30px */
		 }

		 	.modal .large b {
		 		font-weight: 400;
		 		font-size: 25px;
		 	}

		.modal ol {
		 	margin: 0 2.143em; /* 0 30px */
		 	padding: 2.143em 0 0; /* 30px */
		 	border-top: solid 1px #e6e6e6;
		}

		  	.modal label {
		  		width: 5.714em; /* 80px */
		  	}

	  	.modal .small {
	  		text-transform: none;
	  		font-size: 0.857em; /* 12px */
	  		color: #bfbfbf;
		 	padding: 0 2.500em; /* 0 30px */
	  	}

	  	.modal .l-horizontal li {
	  		margin-left: 1.429em; /* 20px */
	  	}

	  	.modal .l-horizontal li:first-child {
	  		margin-left: 0;
	  	}

	  		.modal .small a {
	  			font-size: 12px;
	  			color: #777;
	  			text-decoration: underline;
	  		}

	  		.modal .small a:hover {
	  			color: #434343;
	  		}	  		

	  	.modal .action {
	  		border-radius: 0 0 4px 4px;
	  		margin: 1.429em 0 0; /* 20px */
	  	}

	  	.modal span[data-icon] {
	  		color: #434343;
	  		line-height: 0;
	  		position: relative;
	  		top: 2px;
	  		padding-right: 4px;
	  		display: inline-block;
	  	}

	/**
	 * MODAL: MESSAGES
	 */
	.ui-widget-overlay {
		background: #000;
		opacity: 0.5;
		filter: Alpha(Opacity=50);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.ui-dialog {
		border-radius: 8px;
		font-size: 1em;
	}

		.ui-dialog-titlebar {
			color: #fff;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			padding: 1.250em 1.875em; /* 20px 30px */
		}

		.modal-normal .ui-dialog-titlebar {
			background: #00b4cc;
		}

		.modal-success .ui-dialog-titlebar {
			background: #00cc18;
		}

		.modal-error .ui-dialog-titlebar {
			background: #cc1800;
		}

			.ui-dialog-titlebar button {
				background: none;
				padding: 0;
				border-radius: 0;
				float: right;
				line-height: 0;
				margin: 4px 0 0;
			}

		.ui-dialog-content {
			background: #fff;
			padding: 2.500em; /* 40px */
		}

		.ui-dialog-buttonpane {
			background: #e2e2e2;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			padding: 1.875em; /* 30px */
			text-align: center;
		}

			.ui-dialog-buttonpane button {
				background: #fff;
				color: #00b4cc;
			}

			.ui-dialog-buttonpane button:hover,
			.ui-dialog-buttonpane button:active {
				background: #00b4cc;
				color: #fff;
			}

	/**
	 * ICON FONTS
	 */
	 @font-face {
		font-family: 'AutoAdmin1';
		src:url('../img/icon-fonts/AutoAdmin1.eot');
		src:url('../img/icon-fonts/AutoAdmin1.eot?#iefix') format('embedded-opentype'),
			url('../img/icon-fonts/AutoAdmin1.woff') format('woff'),
			url('../img/icon-fonts/AutoAdmin1.ttf') format('truetype'),
			url('../img/icon-fonts/AutoAdmin1.svg#AutoAdmin1') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	/* Use the following CSS code if you want to use data attributes for inserting your icons */
	[data-icon]:before {
		font-family: 'AutoAdmin1';
		content: attr(data-icon);
		speak: none;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}

	/* Use the following CSS code if you want to have a class per icon */
	/*
	Instead of a list of all class selectors,
	you can use the generic selector below, but it's slower:
	[class*="icon-"]:before {
	*/
	.icon-caution:before, .icon-calendar:before, .icon-approval:before, .icon-admin:before, .icon-activestudents:before, .icon-accordionplus:before, .icon-accordionneg:before, .icon-userdropdown:before, .icon-user:before, .icon-tick:before, .icon-sms:before, .icon-settings:before, .icon-sessions:before, .icon-search:before, .icon-reports:before, .icon-rejected:before, .icon-register:before, .icon-recentactivities:before, .icon-pendingexams:before, .icon-pendingapproval:before, .icon-notes:before, .icon-newsessions:before, .icon-logo:before, .icon-login:before, .icon-home:before, .icon-help:before, .icon-groups:before, .icon-dropdown:before, .icon-credits:before, .icon-close:before, .icon-closebold:before {
		font-family: 'AutoAdmin1';
		speak: none;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
	}
	.icon-caution:before {
		content: "\61";
	}
	.icon-calendar:before {
		content: "\62";
	}
	.icon-approval:before {
		content: "\63";
	}
	.icon-admin:before {
		content: "\64";
	}
	.icon-activestudents:before {
		content: "\65";
	}
	.icon-accordionplus:before {
		content: "\66";
	}
	.icon-accordionneg:before {
		content: "\67";
	}
	.icon-userdropdown:before {
		content: "\68";
	}
	.icon-user:before {
		content: "\69";
	}
	.icon-tick:before {
		content: "\6a";
	}
	.icon-sms:before {
		content: "\6b";
	}
	.icon-settings:before {
		content: "\6c";
	}
	.icon-sessions:before {
		content: "\6d";
	}
	.icon-search:before {
		content: "\6e";
	}
	.icon-reports:before {
		content: "\6f";
	}
	.icon-rejected:before {
		content: "\70";
	}
	.icon-register:before {
		content: "\71";
	}
	.icon-recentactivities:before {
		content: "\72";
	}
	.icon-pendingexams:before {
		content: "\73";
	}
	.icon-pendingapproval:before {
		content: "\74";
	}
	.icon-notes:before {
		content: "\75";
	}
	.icon-newsessions:before {
		content: "\76";
	}
	.icon-logo:before {
		content: "\30";
	}
	.icon-login:before {
		content: "\77";
	}
	.icon-home:before {
		content: "\78";
	}
	.icon-help:before {
		content: "\79";
	}
	.icon-groups:before {
		content: "\7a";
	}
	.icon-dropdown:before {
		content: "\31";
	}
	.icon-credits:before {
		content: "\32";
	}
	.icon-close:before {
		content: "\33";
	}
	.icon-closebold:before {
		content: "\34";
	}

	/**
	 * DROP-DOWN NAV MENU
	 */			 			
	.drop-down {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		.drop-down ul {
			position: absolute;
			z-index: 2;
			border-left: solid 1px #5f5f5f;
			border-right: solid 1px #5f5f5f;
			background: #000;
			font-size: 1.167em; /* 14px */
			min-width: 22.429em; /* 314px */
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

			.drop-down li {
				cursor: pointer;
			}

				.drop-down li li {
					float: none;
					border: none;
				}

					.drop-down strong {
						display: block;
						padding: 0.714em 1.429em; /* 10px 20px */
						border-bottom: solid 1px #5f5f5f;
						color: #fff;
						font-weight: 600;
					}

					.drop-down li li a {
						display: block;
						padding: 0.714em 1.429em 0.714em 2.286em; /* 10px 20px  10px 32px */
						color: #fff;
						border-bottom: solid 1px #5f5f5f;
						font-weight: 300;
					}

					.drop-down li li a:hover {
						background: #00b4cc;
					}

					.ink-arrow {
						float: right;
					}




/* ******************************************************************
   PAGE ELEMENTS
   ****************************************************************** 
*/

/**
 * HTML AND BODY
 */
 html,
 body {
 	margin: 0;
 	padding: 0;
 	height: 100%;
 }

 body {
	background: #f5f5f5;
	font: normal 400 16px/1.62 'Open Sans', sans-serif;
	color: #777;
 }

	/**
	 * WRAPPER
	 */
	 .wrapper {
	 	min-height:100%;
	 	position:relative;
	 }

		/**
		 * HEADER, CONTENT, FOOTER STRUCTURING
		 */
		 .header, 
		 .content-container, 
		 .footer {
		 	margin: 0 auto;
			text-align: center;
		 }

			 .inner,
			 .entry-title {
			 	/*width: 60.000em;*/ /* 960px */
			 	/*max-width: 75.000em;*/ /* 1200px */
			 	width: 75.000em; /* 1200px */

				margin: 0 auto;
				text-align: left;
			 }

		/**
		 * HEADER
		 */
		 .header {

		 }

			/**
			 * BRANDING
			 */
		 	.branding {

		 	}

			 	.branding .inner {
				 	/*width: 60.000em;*/ /* 960px */
				 	/*max-width: 75.000em;*/ /* 1200px */
				 	width: 75.000em; /* 1200px */
			 	}

			 		.header h1 {
			 			margin: 0.938em 0 1.563em; /* 15px 25px */
			 			line-height: 0;
			 			font-size: 16px;
			 		}

			 		.header h2 {
			 			font-style: italic;
			 			font-weight: normal;
			 			font-size: 12px;
			 			color: #fff;
			 			text-align: right;
			 			margin: 2.333em 0 0; /* 28px */
			 		}

			/**
			 * SUB-HEADER
			 */
		 	.sub-header {
		 		background: #1d1d1d;
		 	}

			 	.sub-header .inner {
				 	/*width: 60.000em;*/ /* 960px */
				 	/*max-width: 75.000em;*/ /* 1200px */
				 	width: 75.000em; /* 1200px */

		 			background: #000;
		 			border-bottom: solid 1px #3e3e3e;
		 			line-height: 0;
			 	}

			 	.sub-header a {
			 		color: #5f5f5f;
			 	}

			 	.sub-header a:hover, 
			 	.sub-header .active a {
			 		color: #fff;
			 	}

					/**
					 * NAV-MAIN
					 */
				 	.nav-main {
				 		float: right;
				 		line-height: 1.62;
				 	}
			 			
			 			.nav-main ul {
			 				font-weight: 600;
			 				font-size: 12px;
			 			}

			 			.nav-main li {
			 				border-left: solid 1px #5f5f5f;
			 				float: left;
			 			}

			 			.nav-main a {
			 				padding: 1.500em 2.333em 1.500em 1.667em; /* 18px 28px 18px 20px */
			 				color: #666;
			 				display: inline-block;
			 			}

			 			.nav-main li:hover a {
			 				color: #fff;
			 			}

			 			.nav-main span[data-icon] {
			 				font-size: 1.167em; /* 14px */
			 				font-weight: 300;
			 			}

			 			.nav-main .link-text {
			 				text-transform: uppercase;
			 				padding: 0 0 0 0.417em; /* 5px */
			 			}

					/**
					 * ACCOUNT
					 */
				 	.account {
				 		float: left;
				 		line-height: 1.62;
				 	}

				 		.account span[data-icon] {
				 			font-size: 1.500em; /* 24px */
				 			color: #fff;
				 			display: block;
				 			float: left;
				 			padding: 0.500em 0.750em 0; /* 12px 18px */
				 		}

				 		.account ul {
				 			font-size: 13px;
				 			font-weight: 300;
				 			margin: 1.385em 0 0; /* 18px */
				 			padding: 0;			 			
				 			color: #fff;				 			
				 			float: left;
				 		}

				 			.account li {
				 				padding: 0;
				 				margin: 0;
				 			}

		/**
		 * CONTENT
		 */
		 .content-container {
		 	padding-bottom: 5.563em; /* 89px - height of footer */
		 	background: #1d1d1d;
		 }

			/**
			 * ENTRY TITLE AND SEARCH
			 */
		 	.entry-title {

		 	}

		 		.entry-title h1 {		 			
			 		font-weight: 300;
			 		font-size: 2.500em; /* 40px */
			 		color: #fff;
			 		padding: 16px 0;
			 		margin: 0;
			 		float: left;
		 		}

		 		.search {
		 			float: right;
		 			margin: 1.375em 0 0; /* 22px */
		 		}

		 			.search li {
		 				margin-left: -5px;
		 			}

			 			.search input[type="text"] {
			 				border-top-right-radius: 0;
			 				border-bottom-right-radius: 0;
			 				margin-right: 0; 
			 				border: none;
			 			}

			 			.search button {
			 				border-top-left-radius: 0;
			 				border-bottom-left-radius: 0;
			 				border: none;
			 				padding: 0.867em 1.333em 0.800em; /* 13px 20px 12px */
			 				line-height: 1;
			 			}

			/**
			 * SUMMARY
			 */
			 .summary {
			 	background: #f5f5f5;
			 	border-bottom: solid 1px #e4e4e4;
			 	padding: 0 0 2.375em; /* 38px */
			 }

			 	.summary h2 {
			 		padding: 1.667em 0 2.500em; /* 20px 0 30px */
			 		margin: 0;
			 	}

			 	.summary li {
			 		margin-left: 2.375em; /* 38px */
			 	}

			 	.summary li:first-child {
			 		margin-left: 0;
			 	}

			 		.summary span {
			 			float: left;
			 			background: #00b4cc;
			 			border-radius: 3px;
			 			color: #fff;
			 			font-size: 1.250em; /* 20px */
			 			padding: 1.222em; /* 22px */
			 			line-height: 0; 
			 			margin: 0 1em 0 0; /* 20px */
			 		}

			 		.summary li div {
			 			float: left;
			 		}

					 	.summary h3 {
					 		font-weight: 600;
					 		font-size: 0.750em; /* 12px */
					 		color: #aaa;
					 		margin: 0.417em 0; /* 5px */
					 		line-height: 1;
					 	}

					 	.summary p {
					 		font-weight: 600;
					 		font-size: 2.500em; /* 40px */
					 		margin: 0;
					 		line-height: 1;
					 	}

			/**
			 * ENTRY CONTENT
			 */
			 .entry-content {
			 	background: #f5f5f5;
			 	border-top: solid 2px #fff;
			 	padding: 2.500em 0 6.250em; /* 40px 0 100px */	 	
			 }

			 	/**
			 	 * ENTRY DATA
			 	 */
			 	 .entry-data {
			 	 	background: #fff;
			 	 }

		/**
		 * FOOTER
		 */
		 .footer {
		 	background: #1d1d1d;
		 	height: 6.875em; /* 110px */
		 	position: absolute;
   			bottom: 0;
   			width: 100%;

   			font-size: 0.813em; /* 13px */
   			color: #777;
		 }

		 	.footer a {
		 		color: #777;
		 	}

		 	.footer .inner {
		 		/*width: 73.846em;*/ /* 960px */
			 	/*max-width: 92.308em;*/ /* 1200px */
			 	width: 92.308em; /* 1200px */

	   			border-bottom: solid 1px #3e3e3e;
	   			background: #000;
		 	}

		 		.footer .col2-1 {
	 				padding: 0 1.538em; /* 20px */
   					text-transform: uppercase;
	 			}

	 			.footer .col2-2 {
	 				text-align: right;
	 				padding: 0 1.538em; /* 20px */
	 				font-weight: 300;
	 			}

/* ******************************************************************
   PAGE TEMPLATE: LOGIN
   ****************************************************************** 
*/
.login .content-container,
.login .footer,
.login .footer .inner {
	background: none;
}

.login .content-container .inner {
	text-align: center;
	margin: 60px auto 60px;
}

	.login .modal {
		margin: 0 auto;
		text-align: left;
	}

.login .footer {
	color: #fff;
	opacity: 0.4;
}

	.login .footer .inner {
		border-color: #fff;
	}

		.login .footer a {
			color: #fff;
		}