@charset "utf-8";
/* RESET */
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, code, del, em, img, strike, strong,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, section, summary, button, input, select, textarea,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
		}
	body {
		line-height: 1;
		}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	:focus {
		outline: 0;
		}
/* HTML */
	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
		}
	html {
		background: #fafafa;
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		}
	body {
		color: #333;
		font-family: 'Open Sans', Verdana, sans-serif;
		font-size: 10px;
		font-weight: 400;
		}
	a {
		color: #128acd;
		text-decoration: none;
		}
	a:hover {
		color: #145071;
		}
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Open Sans Condensed', sans-serif;
		line-height: 1.2em;
		text-transform: uppercase;
		}
	h1 {
		font-size: 2em;
		font-weight: 700;
		margin: 0;
		padding: 0;
		}
		h1 i {color: #aaa;}
	h2 {
		color: #128acd;
		font-size: 2em;
		font-weight: 600;
		margin: 20px 0 10px;
		padding: 0;
		}
		h2 i {color: #aaa;}
	h3 {
		border-bottom: 1px solid #eaeaea;
		font-size: 2em;
		font-weight: 600;
		margin: 20px 0 10px;
		padding: 0 0 10px 0;
		}
	h4 {
		background: #ddd;
		border-left: 5px solid #84b536;
		color: #333;
		font-size: 1.75em;
		font-weight: 800;
		margin: 20px 0 10px 0;
		overflow: hidden;
		padding: 5px;
		position: relative;
		}
	h5 {
		font-size: 1.5em;
		font-weight: 700;
		margin: 20px 0 10px 0;
		}
	p {
		margin: 10px 0;
		}
	ul, ol {
		margin: 10px 0;
		padding: 0;
		text-align: left;
		}
	li {
		margin: 5px 0 5px 25px;
		padding: 0 0 0 5px;
		}
	table {
		border-collapse: collapse;
		margin: 10px 0;
		}
	table thead {
		font-weight: 700;
		}
	table td {
		margin: 0;
		padding: 5px;
		}
	img {
		height: auto;
		max-width: 100%;
		}
	strong {
		font-weight: 700;
		}
	em {
		font-style: italic;
		}
	button,
	input,
	select,
	textarea {
		border-radius: 0;
		box-sizing: border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing: border-box;
		-webkit-appearance: none;
		}
	input[type=radio] {
		-webkit-appearance: radio;
		}
	input[type=checkbox] {
		-webkit-appearance: checkbox;
		}
/* LAYOUT */
	#top {
		height: auto;
		min-height: 100%;
		width: 100%;
		}
	#header {
		background: #222;
		box-shadow: 0 0 5px rgba(0,0,0,0.50);
		height: 50px;
		left: 0;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 5;
		}
	#logo {
		background: #111;
		float: left;
		height: 50px;
		overflow: hidden;
		width: 200px;
		}
	#logo a {
		background: url(../images/logo.png) top center no-repeat;
		background-size: 50px 50px;
		display: block;
		height: 100%;
		overflow: hidden;
		text-indent: -9180px;
		width: 100%;
		}
	#nav-icons ul,
	#nav-icons li,
	#nav-status ul,
	#nav-status li,
	#menu ul,
	#menu li {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#nav-icons a,
	#nav-status a,
	#menu a {
		display: block;
		line-height: 1em;
		}
	#nav {
		color: #ccc;
		margin-left: 200px;
		}
	#nav-left {
		float: left;
		}
	#nav-search {
		float: left;
		}
	#nav-search form {
		margin: 10px;
		}
	#nav-search input {
		background: #444;
		border: 1px solid #333;
		color: #fff;
		font-size: 1.4em;
		line-height: 1.4em;
		padding: 4px;
		width: 200px;
		}
	#nav-search ::-webkit-input-placeholder {
		color: #777;
		}
	#nav-search :-moz-placeholder {
		color: #777;
		}
	#nav-search ::-moz-placeholder {
		color: #777;
		opacity: 1;
		}
	#nav-search :-ms-input-placeholder {
		color: #777;
		}
	#nav-icons {
		float: left;
		}
	#nav-icons ul {
		margin: 10px 0;
		}
	#nav-icons a {
		background: #333;
		color: #999;
		height: 30px;
		font-size: 1.7em;
		line-height: 30px;
		position: relative;
		width: 30px;
		text-align: center;
		}
	#nav-icons a:hover {
		color: #fff;
		}
	#nav-right {
		float: right;
		}
	#nav-clock {
		float: left;
		text-transform: uppercase;
		}
	#nav-clock p {
		font-size: 1.4em;
		margin: 10px;
		}
	#nav-clock a {
		display: block;
		height: 14px;
		padding: 8px;
		}
	#nav-clock a.nav-clock-out {
		background: #84b536;
		color: #fff;
		}
	#nav-clock a.nav-clock-in {
		background: #333;
		color: #777;
		}
	#nav-clock a:hover {
		background: #fff;
		color: #333;
		}
	#nav-status {
		float: left;
		font-size: 1.4em;
		}
	#nav-status a,
	#nav-status p {
		height: 14px;
		margin: 0;
		line-height: 1em;
		}
	#nav-status a i {
		color: #84b536;
		}
	#nav-status>ul>li {
		position: relative;
		}
	#nav-status>ul>li>a,
	#nav-status>p {
		background: #111;
		color: #ccc;
		padding: 18px;
		}
	#nav-status>ul>li:hover>a {
		background: #333;
		}
	#nav-status>ul ul {
		background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.50);
		font-size: 0.9em;
		left: -9180px;
		position: absolute;
		text-align: left;
		width: 150px;
		z-index: 4;
		}
	#nav-status>ul ul:after {
		border-bottom: 10px solid #fff;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		width: 0;
		height: 0;
		content: '';
		display: block;
		position: absolute;
		bottom: 100%;
		right: 10px;
		}
	#nav-status>ul ul>li {
		padding: 0.8em;
		}
	#nav-status>ul>li.menu-open>ul,
	#nav-status>ul>li:hover>ul {
		left: auto;
		right: 0;
		}
	#menu-bg {
		background: #128acd;
		box-shadow: 0 0 2px rgba(0,0,0,0.50);
		bottom: 0;
		position: fixed;
		top: 0;
		width: 200px;
		z-index: 2;
		}
	#menu {
		background: #128acd;
		font-size: 1.4em;
		position: fixed;
		top: 70px;
		width: 200px;
		z-index: 3;
		}
	#menu i {
		font-size: 1.2em;
		}
	#menu a {
		color: #fff;
		padding: 1em;
		}
	#menu>ul {
		border-bottom: 1px solid #0b77b4;
		}
	#menu>ul>li {
		border-top: 1px solid #0b77b4;
		position: relative;
		}
	#menu>ul>li>a {
		color: #fff;
		text-transform: uppercase;
		}
	#menu>ul>li>a>span {
		display: inline-block;
		padding-left: 10px;
		}
	#menu>ul>li.menu-open>a,
	#menu>ul>li:hover>a {
		background: #29a0e3;
		}
	#menu>ul>li.menu-current>a {
		background: #29a0e3;
		font-weight: 700;
		}
	#menu>ul>li.menu-current>a i {
		color: #022133;
		}
	#menu ul ul {
		background: #0b77b4;
		box-shadow: 0 0 5px rgba(0,0,0,0.50);
		font-size: 0.9em;
		left: -9180px;
		position: absolute;
		text-align: left;
		width: 200px;
		z-index: 4;
		}
	#menu ul ul:after {
		border-width: 8px;
		border-style: solid;
		border-color: transparent #0b77b4 transparent transparent;
		content: ' ';
		height: 0;
		position: absolute;
		left: -16px;
		width: 0;
		top: 15px;
		}
	#menu>ul>li.menu-open>ul,
	#menu>ul>li:hover>ul {
		left: 200px;
		top: 0;
		}
	#menu ul ul a {
		padding-left: 2em;
		}
	#menu ul ul a:hover {
		color: #022133;
		}
	#menu ul ul li.menu-sub-current {
		font-weight: 600;
		}
	#content {
		margin: 0 0 0 200px;
		padding: 50px 0 25px;
		}
	#pageheader {
		background: #f7f7f7;
		border-bottom: 1px solid #eaeaea;
		overflow: hidden;
		padding: 20px;
		}
/* CONTENT */
	.content100,.content80,.content75,.content70,.content67,.content60,.content50,.content40,.content33,.content30,.content25,.content20,.content17,
	.inner100,.inner80,.inner75,.inner70,.inner67,.inner60,.inner50,.inner40,.inner33,.inner30,.inner25,.inner20,.inner17 {
		float: left;
		}
	.content,.inner {max-width: 1500px; width: 100%;}
	.content-wide {
		max-width: 100%;
		}
	.content100,.inner100 {width: 100%;}
	.content80,.inner80 {width: 80%;}
	.content75,.inner75 {width: 75%;}
	.content70,.inner70 {width: 70%;}
	.content67,.inner67 {width: 66.7%;}
	.content60,.inner60 {width: 60%;}
	.content50,.inner50 {width: 50%;}
	.content40,.inner40 {width: 40%;}
	.content33,.inner33 {width: 33.3%;}
	.content30,.inner30 {width: 30%;}
	.content25,.inner25 {width: 25%;}
	.content20,.inner20 {width: 20%;}
	.content17,.inner17 {width: 16.6%;}
	.content-area {
		margin: 20px;
		}
	.stay {
		position: fixed;
		}
	.stay h4 {
		margin-top: 0;
		}
/* CONTENT DISPLAY */
	.contentblock {
		font-size: 1.3em;
		}
	.contentblock h3 {
		font-size: 2em;
		}
	.contentblock h4 {
		font-size: 1.5em;
		}
	.contentblock p {
		line-height: 1.8em;
		margin: 10px 0;
		text-align: justify;
		}
	.contentblock ul,
	.contentblock ol {
		margin: 5px 0;
		padding: 0;
		text-align: left;
		}
	.contentblock li {
		line-height: 18px;
		margin: 5px 0 5px 25px;
		padding: 0 0 0 5px;
		}
/* CRUMBS */
	.crumbs {
		color: #999;
		font-size: 1em;
		line-height: 1.2em;
		list-style: none;
		margin: 5px 0 0 0;
		overflow: hidden;
		text-align: left;
		}
	.crumbs li {
		display: inline-block;
		margin: 0;
		padding: 0;
		}
	.crumbs li + li::before,
	.crumbs li:first-child:before {
		content: '/';
		color: #ccc;
		padding: 0 5px;
		}
	.crumbs li:first-child:before {
		padding-left: 0;
		}
	.crumbs a {
		color: #777;
		}
	.crumbs a:hover {
		color: #333;
		}
/* PAGE MENU */
	.pagemenu {
		border: 1px solid #eaeaea;
		box-shadow: 0 0 2px rgba(0,0,0,0.10);
		margin: 20px 0;
		overflow: hidden;
		}
	.pagemenu h3 {
		background: #eaeaea;
		border: none;
		color: #777;
		font-size: 1.4em;
		font-weight: 700;
		line-height: 1em;
		margin: 0;
		padding: 10px;
		text-align: center;
		}
	.pagemenu ul {
		background: #fff;
		font-size: 1.2em;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.pagemenu ul>li {
		line-height: 1.2em;
		margin: 0;
		overflow: hidden;
		padding: 0;
		}
	.pagemenu ul>li+li {
		border-top: 1px solid #eaeaea;
		}
	.pagemenu ul>li a {
		display: block;
		padding: 10px;
		text-align: center;
		}
	.pagemenu ul>li a:hover {
		background: #fafafa;
		}
/* BUTTONS */
	.icon-group {
		position: absolute;
		right: 0;
		top: 0;
		}
	.icon {
		display: inline-block;
		background: #ccc;
		color: #fff;
		padding: 5px;
		}
	.icon-show {
		background: #999;
		}
	.listtable .icon {
		background: #ddd;
		}
	.icon:hover {
		background: #128acd !important;
		color: #fff;
		}
	.button {
		font-size: 1.4em;
		line-height: 1em;
		margin: 10px auto;
		}
	.button a {
		background: #f15c22;
		color: #fff;
		font-weight: 700;
		display: block;
		padding: 0.75em;
		text-align: center;
		text-transform: uppercase;
		}
	.button a:hover {
		background: #128acd;
		color: #fff;
		}
	.button-inline {
		display: inline-block;
		}
	.button-small {
		font-size: 1.1em;
		}
	.button-small a {
		padding: 0.5em;
		}
	.button-alt a {
		background: #84b536;
		color: #fff;
		}
	.button-list {
		border-bottom: 1px solid #eaeaea;
		list-style: none;
		margin: 20px 0;
		overflow: hidden;
		padding: 0;
		}
	.button-list a {
		color: #ccc;
		display: block;
		padding: 5px;
		}
	.button-list li {
		margin: 0;
		padding: 0;
		}
	.button-list-previous {
		float: left;
		}
	.button-list-next {
		float: right;
		}
/* BOXES */
	.boxes {
		margin: 0;
		overflow: hidden;
		}
	.boxes-item {
		float: left;
		overflow: hidden;
		width: 20%;
		}
	.boxes-2 .boxes-item {width:50%;}
	.boxes-3 .boxes-item {width:33.3%;}
	.boxes-5 .boxes-item {width:20%;}
	.boxes-6 .boxes-item {width:16.6%;}
	.boxes-holder {
		margin: 0 5px 10px;
		}
/* ASSIGN */
	ul.assign-list {
		font-size: 0.9em;
		line-height: 1.2em;
		list-style: none;
		margin: 5px 0;
		padding: 0;
		}
	ul.assign-list>li {
		background: #fff;
		border: 1px solid #eaeaea;
		border-radius: 5px;
		cursor: move;
		display: block;
		margin: 10px 0;
		padding: 5px;
		}
	ul.assign-list>li:hover {
		border: 1px solid #128acd;
		}
	ul.assign-list>li>div.assign-list-customer,
	ul.assign-list>li>div.assign-list-items {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		}
	ul.assign-list>li>div.assign-list-customer {
		width: 55%;
		}
	ul.assign-list>li>div.assign-list-items {
		width: 45%;
		}
	ul.assign-list>li>div h3 {
		border: none;
		font-family: 'Open Sans', Verdana, sans-serif;
		font-size: 1em;
		margin: 3px;
		padding: 0 0 0 10px;
		text-indent: -14px;
		}
	ul.assign-list>li>div p {
		margin: 3px 0;
		padding: 0 0 0 1em;
		}
	.assign-drag-here,
	.assign-drag-place,
	.assign-drag-here-highlight,
	.assign-drag-here-drop {
		border-radius: 5px;
		margin: 5px 0;
		padding: 10px;
		text-align: center;
		}
	.assign-drag-here {
		background: #fff;
		border: 1px solid #eaeaea;
		color: #888;
		}
	.assign-drag-place,
	ul.assign-list li.assign-drag-place {
		background: #d4e9f5;
		border: 1px solid #128acd;
		color: #128acd;
		height: 30px;
		}
	.assign-drag-here-highlight {
		background: #fff;
		border: 1px solid #eaeaea;
		color: #128acd;
		}
	.assign-drag-here-drop {
		background: #84b536;
		border: 1px solid #fff;
		color: #fff;
		}
	ul.assign-sub-list {
		list-style: none;
		margin: 3px;
		padding: 0 0 0 10px;
		}
	ul.assign-sub-list>li {
		background: #fafafa;
		border: 1px solid #eaeaea;
		border-radius: 5px;
		color: #777;
		list-style: none;
		margin: 2px;
		overflow: hidden;
		padding: 2px;
		white-space: nowrap;
		}
	ul.assign-sub-list>li:hover {
		border: 1px solid #128acd;
		}
	.assign-map {
		background:#fff;
		border: 1px solid #fff;
		height: 60vh;
		min-height: 300px;
		}
	#teamscover {
		background: rgba(0,0,0,0.9);
		left: 0;
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1000;
		}
	#teamsdrop {
		position: absolute;
		margin: 0 auto;
		min-width: 200px;
		top: 0;
		width: 20%;
		}
	#teamsdropitem {
		background: #fafafa;
		box-shadow: 0 0 10px rgba(0,0,0,0.9);
		overflow: hidden;
		}
	#teamsdropbuffer {
		margin: 10px;
		}
	#teamsdropitem h3 {
		background: #128acd;
		color: #fff;
		margin: 0;
		padding: 10px;
		}
/* CALENDAR */
	.calendar {
		width: 100%;
		}
	.calendar-day-2,
	.calendar-day-3,
	.calendar-day-4,
	.calendar-day-5,
	.calendar-day-6 {
		width: 16%;
		}
	.calendar-day-1,
	.calendar-day-7 {
		width: 10%;
		}
	.calendar td {
		border: 1px solid #eaeaea;
		vertical-align: top;
		}
	.calendar thead td {
		border-color: #128acd;
		background: #128acd;
		color: #fff;
		padding: 5px 3px;
		text-align: center;
		}
	.calendar tbody td {
		background: #fff;
		padding: 0;
		}
	.calendar td p {
		margin: 0;
		padding: 2px;
		}
	.calendar td ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.calendar td ul>li {
		margin: 3px;
		padding: 0;
		}
	.calendar td ul>li>a {
		border: 1px solid #eaeaea;
		border-radius: 5px;
		display: block;
		padding: 3px;
		}
	.calendar td.calendar-current-false {
		background: #eaeaea;
		}
	.calendar td.calendar-today p {
		background: #84b536;
		color: #fff;
		}
	.calendar .calendar-controls td {
		border-color: #777;
		background: #555;
		padding: 5px 3px;
		}
	.calendar .calendar-controls td a  {
		color: #fff;
		display: block;
		}
	.calendar .calendar-controls td a:hover {
		color: #ccc;
		}
	.calendar-controls-home {
		text-align: center;
		}
	.calendar-controls-next {
		text-align: right;
		}
/* TABLES */
	.scroller {
		overflow: scroll;
		height: 400px;
		}
	.listtable {
		font-size: 1.1em;
		margin: 10px 0;
		}
	.listtable table {
		font-size: 0.9em;
		margin: 0;
		}
	.listtable td {
		border: 1px solid #eaeaea;
		line-height: 1.2em;
		margin: 0;
		padding: 5px;
		vertical-align: top;
		}
	.listtable thead td {
		background: #efefef;
		color: #777;
		font-weight: bold;
		}
	.listtable tr {
		background: #fff;
		}
	.listtable tr:hover {
		background: #fff !important;
		}
	.listtable tbody tr:nth-child(odd) {
		background: #fcfcfc;
		}
	.listtable tbody tr:nth-child(even) {
		background: #fafafa;
		}
	.listtable ul {
		margin-top: 0;
		margin-bottom: 0;
		}
	.listtable li {
		margin-top: 0;
		margin-bottom: 0;
		}
	.listtable p {
		margin: 0 0 5px 0;
		}
	.listtable td.highlightd {
		background: #f7f7f7;
		font-style: italic;
		text-align: right;
		vertical-align: top;
		}
	.listtable td.highlightd-alt {
		background: #eaeaea;
		color: #f15c22;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		}
	.listtable-alt {
		margin: 0;
		}
	.listtable-alert>tbody>tr:hover {
		background: #fff;
		}
	.listtable input,
	.listtable select,
	.listtable textarea {
		font-size: 1.2em;
		}
/* IMAGES */
	.imageitem {
		font: normal 0/0 sans-serif;
		margin: 0 auto;
		}
	.imageitem img {
		height: auto;
		max-width: 100%;
		}
/* MODAL */
	#stopcover {
		background: rgba(255,255,255,0.00);
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 2000;
		}
	#modal {
		background: rgba(0,0,0,0.9);
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1999;
		}
	#modal_buffer {
		padding: 0 20px;
		}
	#modal_box {
		background: #fafafa;
		box-shadow: 0 0 10px rgba(0,0,0,0.9);
		margin: 100px auto 50px;
		max-width: 800px;
		overflow: hidden;
		}
	#modal.modal-mini #modal_box {
		margin: 0;
		width: 200px;
		}
	#modal_header {
		background: #128acd;
		color: #fff;
		margin: 0;
		padding: 10px;
		}
	#modal_header strong {
		color: #abd6ef;
		}
	#modal.modal-mini #modal_header {
		font-size: 1em;
		}
	#modal_content {
		margin: 20px;
		}
/* ALERTS */
	.not-current {
		opacity: 0.4;
		}
	.not-current:hover {
		opacity: 1;
		}
	.notify-number {
		background: #f15c22;
		border-radius: 50%;
		color: #fff;
		height: 14px;
		font-size: 8px;
		line-height: 14px;
		overflow: hidden;
		position: absolute;
		width: 14px;
		z-index: 2;
		}
	.errormessage {
		background: #fff;
		border: 1px solid #f15c22;
		font-size: 1.3em;
		margin: 0 0 16px 0;
		padding: 0;
		}
	.errormessage dt {
		background: #f15c22;
		border-bottom: 1px solid #f15c22;
		color: #fff;
		font-weight: 700;
		margin: 0;
		padding: 10px;
		}
	.errormessage dd {
		margin: 10px 0 10px 20px;
		}
/* GENERAL */
	.nowrap {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		}
	.mobile {
		display: none;
		}
	.hide {
		display: none;
		}
	.indent {
		margin-left: 20px;
		}
	.nmt {
		margin-top: 0;
		}
	.gap {
		margin: 20px 0;
		}
	.more {
		border-top: 1px solid #ccc;
		font-size: 1em;
		line-height: 1em;
		padding: 5px 0 0 0;
		text-align: right;
		}
	.clear {
		font: normal 0/0 sans-serif;
		clear: both;
		}
	.clearfix:after,
	.content:after,
	.inner:after,
	.contentblock:after {
		content: '';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		}
/* FORMS */
	.form {
		width: 100%;
		}
	.formitem {
		margin: 15px 0;
		width: 100%;
		}
	.formtitle {
		float: left;
		padding: 3px 0 0 0;
		text-align: right;
		width: 90px;
		}
	.formitem-checkbox .formtitle {
		padding-top: 2px;
		}
	.formobj {
		padding-left: 100px;
		}
	.formfield {
		line-height: 1.4em;
		}
	.formfield-line input {
		vertical-align: text-bottom;
		}
	.formmessage {
		color: #888;
		padding-top: 3px;
		}
	.formsub {
		color: #888;
		}
	.formline input {
		vertical-align: middle;
		}
	.subform {
		background: #f7f7f7;
		border: 1px solid #eaeaea;
		margin: 10px 0;
		padding: 0 10px;
		}
	.formcheckbox {
		margin: 3px 0 0 16px;
		text-indent: -16px;
		}
	.forminput,
	.formselect {
		background: #fff;
		border: 1px solid #ccc;
		color: #333;
		font-size: 1.4em;
		font-weight: 400;
		line-height: 1.3em;
		margin: 0;
		padding: 5px;
		}
	.forminput option,
	.formselect option {
		color: #555;
		}
	.formbutton {
		background: #f15c22;
		color: #fff;
		cursor: pointer;
		font-size: 1.4em;
		font-weight: 700;
		padding: 9px;
		}
	.formbutton-dim {
		background: #999;
		}
	.formbutton:hover {
		background: #128acd;
		color: #fff;
		}
	.formbutton-small .formbutton {
		background: #ccc;
		font-size: 1em;
		}
	button.formbutton {
		padding: 9px 5px;
		}
	button.formbutton i {
		line-height: 0.90em;
		}
	::-webkit-input-placeholder {
		color: #ccc;
		}
	:-moz-placeholder {
		color: #ccc;
		}
	::-moz-placeholder {
		color: #ccc;
		opacity: 1;
		}
	:-ms-input-placeholder {
		color: #ccc;
		}
	input:invalid {
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		}
/* WIDTHS */
	.w5 {width: 5%;}
	.w10 {width: 10%;}
	.w15 {width: 15%;}
	.w20 {width: 20%;}
	.w25 {width: 25%;}
	.w30 {width: 30%;}
	.w35 {width: 35%;}
	.w40 {width: 40%;}
	.w45 {width: 45%;}
	.w50 {width: 50%;}
	.w60 {width: 60%;}
	.w70 {width: 70%;}
	.w75 {width: 75%;}
	.w80 {width: 80%;}
	.w90 {width: 90%;}
	.w100 {width: 100%;}
/* TEXT COLORS */
	.xsl {color: #999;font-size: .8em;}
	.light {color: #999;}
	.highlight {color: #f15c22;}
	.sep {color: #f15c22;font-weight: 800;}
/* TEXT */
	.normalcase {text-transform: none;}
	.uppercase {text-transform: uppercase;}
	.italics {font-style: italic;}
	.bold {font-weight: 700;}
	.unbold {font-weight: 400;}
	.strike {text-decoration: line-through;}
	.xsmall {font-size: .8em;}
	.small {font-size: .9em;}
	.medium {font-size: 1.2em;}
	.large {font-size: 1.6em;}
	.xlarge {font-size: 1.8em;}
	.xxlarge {font-size: 2em;}
	.justify {text-align: justify !important;}
	.right {text-align: right !important;}
	.center {text-align: center !important;}
@media screen and (max-height: 450px) {
	#menu {
		position: absolute;
		}
}
@media screen and (min-width: 1300px) {
	#menu ul li.menu-current ul {
		box-shadow: none;
		display: block;
		position: static;
		}
	#menu ul li.menu-current ul:after {
		border: none;
		content: '';
		}
}
@media screen and (max-width: 1300px) {
	body {
		font-size: 9px;
		}
	#header {
		height: 35px;
		}
	#logo {
		height: 35px;
		width: 35px;
		}
	#logo a {
		background-size: 35px 35px;
		}
	#nav {
		color: #ccc;
		margin-left: 35px;
		}
	#nav-left {
		float: left;
		}
	#nav-search form {
		margin: 5px;
		}
	#nav-search input {
		font-size: 1.3em;
		line-height: 1.3em;
		}
	#nav-icons ul {
		margin: 5px 0;
		}
	#nav-icons a {
		height: 25px;
		font-size: 1.5em;
		line-height: 25px;
		width: 25px;
		}
	#nav-right {
		float: right;
		}
	#nav-clock p {
		margin: 5px;
		}
	#nav-clock a {
		height: 13px;
		padding: 6px;
		}
	#nav-status a,
	#nav-status p {
		height: 13px;
		}
	#nav-status>ul>li>a,
	#nav-status>p {
		padding: 11px;
		}
	#nav-status>ul>li:hover>a {
		background: #333;
		}
	#nav-status>ul ul:after {
		border-bottom: 4px solid #fff;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		width: 0;
		height: 0;
		content: '';
		display: block;
		position: absolute;
		bottom: 100%;
		right: 10px;
		}
	#menu-bg {
		background: #128acd;
		bottom: 0;
		position: fixed;
		top: 0;
		width: 35px;
		}
	#menu {
		top: 35px;
		width: 35px;
		}
	#menu>ul>li>a {
		padding: 1em 0;
		text-align: center;
		}
	#menu>ul>li.menu-open>ul,
	#menu>ul>li:hover>ul {
		left: 35px;
		}
	#menu ul ul:after {
		border-width: 4px;
		left: -8px;
		}
	#menu>ul>li>a>span {
		display: none;
		}
	#content {
		margin: 0 0 0 35px;
		padding: 35px 0 25px;
		}
}
@media screen and (max-width: 900px) {
	.content-100 {
		}
	.content-75-25 .content75 {
		float: none;
		width: 100%;
		}
	.content-75-25 .content25,
	.content-50-25 .content25,
	.content-50-25-25 .content25,
	.content-25 .content25,
	.content-25-25 .content25,
	.content-25-50 .content25,
	.content-25-25-25 .content25,
	.content-25-25-25-25 .content25,
	.content-25-75 .content25,
	.content-25-75 .content75 {
		width: 50%;
		}
	.content-50 .content50,
	.content-50-50 .content50,
	.content-50-25 .content50,
	.content-50-25-25 .content50,
	.content-25-50 .content50 {
		float: none;
		width: 100%;
		}
	.content-25-50 .content50 {
		clear: both;
		}
	.content-25-75 .inner33,
	.content-25-75 .inner67 {
		float: none;
		width: 100%;
		}
}
@media screen and (max-width: 600px) {
	#nav-search input {
		width: 100px;
		}
	.content75,
	.content50,
	.content25 {
		float: none !important;
		width: 100% !important;
		}
	.content-wide.content-25-75 .content25,
	.content-wide.content-25-75 .content75 {
		float: left !important;
		width: 50% !important;
		}
	.largescreen {
		display: none;
		}
	.content-alt .content25 {
		float: none;
		width: 100%;
		}
	.content-area {
		margin: 10px;
		}
	.formitem {
		margin: 15px 0;
		width: 100%;
		}
	.formtitle {
		float: none;
		margin: 10px 0;
		padding: 0;
		text-align: left;
		width: auto;
		}
	.formitem-checkbox .formtitle {
		padding: 0;
		}
	.formobj {
		padding: 0;
		}
	.forminput {
		width: 100% !important;
		}
	.formbutton {
		font-size: 1.3em !important;
		padding: 5px 2px !important;
		}
}
@media screen and (max-width: 479px) {
	.content-wide.content-25-75 .content25,
	.content-wide.content-25-75 .content75 {
		float: none !important;
		width: 100% !important;
		}
}
@media print {
	html, body {
		height: auto;
		margin: 20px;
		}
	a {
		border-bottom: 1px dotted #ccc;
		color: #333;
		}
	#header {
		background: none;
		box-shadow: none;
		height: auto;
		position: static;
		}
	#logo {
		background: none;
		float: none;
		height: auto;
		width: auto;
		}
	#logo a {
		background: none;
		display: block;
		font-size: 2em;
		height: auto;
		padding: 0 0 10px 0;
		text-indent: 0;
		text-transform: uppercase;
		width: auto;
		}
	#menu-bg,
	#menu {
		display: none;
		}
	#content {
		margin: 0;
		padding: 1px 0;
		}
	#pageheader {
		background: none;
		padding: 20px 0;
		}
	.content100,.content80,.content75,.content70,.content67,.content60,.content50,.content40,.content33,.content30,.content25,.content20,.content17,
	.inner100,.inner80,.inner75,.inner70,.inner67,.inner60,.inner50,.inner40,.inner33,.inner30,.inner25,.inner20,.inner17 {
		float: none !important;
		width: 100%;
		}
	.content-area {
		margin: 20px 0;
		}
	.controls,
	.pagemenu-list,
	.crumbs,
	.icon-group,
	.icon,
	.button,
	.button-list {
		display: none;
		}
	.scroller {
		overflow: auto;
		height: auto;
		}
}