@charset "utf-8";
/* Basic */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: #313131;
	padding: 0;
	margin: 0;
	color: #fff;
}

a {
	text-decoration: none;
	color: #ff7e00;
}

a:hover {
	cursor: pointer;
	text-decoration: underline;
}

form { padding: 0; margin: 0; }

form label {
	margin: 0 10px 0 0;
}

form input, form select, form textarea, textarea {
	font-size: 12px;
	background: #404040;
	border: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #fff;
	padding: 0 0 0 2px;
	border: 2px solid;
	border-color: transparent;
	margin: 0 0 0 0;
}

form textarea {
	padding: 4px;
}

form input {
	height: 21px;
}

form select {
	line-height: 24px;
	height: 24px;
	vertical-align: middle;
}

form input:focus, form select:focus, form textarea:focus {
	border: 2px solid #a90000;
}


.btnMobile a {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	background: #c6c6c6;
	font-size: 100px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-align: center;
	margin: 0 0 10px 0;
	color: #000;
	display: block;
}

.btnMobile a:hover {
	cursor: pointer;
	background: #e6e6e6;
	text-decoration: none;
}

.button {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	background: #c6c6c6;
	font-size: 10px;
	padding: 5px;
	text-align: center;
	margin: 0 5px 0 5px;
	color: #000;
	font-weight: normal;
}

.button:hover {
	cursor: pointer;
	background: #e6e6e6;
	text-decoration: none;
}

form button {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	background: #c6c6c6;
	font-size: 12px;
	margin: 0;
	padding: 5px;
	text-align: center;
}

form button:hover {
	cursor: pointer;
	background: #e6e6e6;
}

form .inline {
	margin-top: 3px;
}

form checkbox {
	background: #434343;
	border: 0;
}

/* Menu */
#menu {
	width: 140px;
	background: #656565;
	position: fixed;
	margin: 0;
	padding: 10px 0 4200px 0;
	border-right: 1px solid #1f1f1f;
}

#menu .item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 28px;
	color: #dfdfdf;
	margin: -2px 0 0 0;
	position: relative;
	padding: 0 0 0 5px;
	cursor: pointer;
}

#menu .icon {
	padding: 0 0 0 20px;
}
#menu .icon-dashboard { background: url(icons/menu-dashboard.png) no-repeat; }
#menu .icon-dispatch { background: url(icons/menu-dispatch.png) no-repeat; }
#menu .icon-inventory { background: url(icons/menu-inventory.png) no-repeat; }
#menu .icon-payroll { background: url(icons/menu-payroll.png) no-repeat; }
#menu .icon-reports { background: url(icons/menu-reports.png) no-repeat; }
#menu .icon-users { background: url(icons/menu-users.png) no-repeat; }
#menu .icon-plugins { background: url(icons/menu-plugins.png) no-repeat; }
#menu .icon-tools { background: url(icons/menu-tools.png) no-repeat; }
#menu .icon-settings { background: url(icons/menu-settings.png) no-repeat; }
#menu .icon-upload { background: url(icons/menu-upload.png) no-repeat; }
#menu .icon-logout { background: url(icons/menu-logout.png) no-repeat; }

#menu .icon-dashboard:hover, #menu .icon-dispatch:hover, #menu .icon-inventory:hover, #menu .icon-payroll:hover, #menu .icon-reports:hover, #menu .icon-users:hover, #menu .icon-plugins:hover, #menu .icon-tools:hover, #menu .icon-settings, #menu .icon-upload:hover, #menu .icon-logout:hover {
	background-position: 0 -1px;
}

#menu .item:hover, #menu .itemHold {
	background: #a90000;
	width: 145px;
	height: 27px;
	line-height: 26px;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
	border-top: 1px solid #c75050;
	z-index: 99;
}

#menu .itemActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 28px;
	color: #dfdfdf;
	margin: -2px 0 0 0;
	position: relative;
	padding: 0 0 0 5px;
	background: #868686;
	width: 145px;
	height: 27px;
	line-height: 26px;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
	border-top: 1px solid #a0a0a0;
	z-index: 99;
}

#menu .itemActive:hover {
	cursor: pointer;
}

#menu .sep {
	border-top: 1px solid #4f4e4e;
	border-bottom: 1px solid #787878;
	height: 0;
	margin: -2px 0 0 0;
	z-index: 98;
}

#menu .popmenu {
	position: fixed;
	background: #434343;
	width: 150px;
	margin: -30px 0 0 140px;
	color: #fff;
	display: none;
	padding: 15px 0 15px 0;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
	border: 1px solid #000;
	border-left: 1px solid #262626;
	z-index: 1;
}

#menu .popmenu a {
	width: 135px;
	padding: 0 0 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #d0d9e7;
	font-size: 14px;
	text-decoration: none;
	line-height: 25px;
	display: block;
	border-top: 1px solid;
	border-color: transparent;
}

#menu .popmenu a:hover {
	background: #a90000;
	color: #fff;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
	line-height: 25px;
	border-top: 1px solid #c75050;
}

/* NEW MENU */
#menu2 {
	width: 100%;
	background: #656565;
	margin: 0;
	padding: 0;
}

#menu2 ul {
	text-align: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #dfdfdf;
	text-decoration: none;
}

#menu2 ul li {
	display: inline-block;
	position: relative;
	background: #656565;
	cursor: pointer;
	padding: 0;
	width: 120px;
	line-height: 30px;
	margin: 0;
}

#menu2 ul .item {
	padding: 0 0 0 5px;
}

#menu2 ul .sep {
	background: #545454;
	width: 2px;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

#menu2 ul li a {
	text-decoration: none;
	color: #dfdfdf;
	display: block;
}

#menu2 ul li ul {
	padding: 0;
	position: absolute;
	left: 0;
	border-bottom: 2px solid #ccc;
	display: none;
}

#menu2 ul li ul li {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #434343;
	padding: 0 0 0 5px;
	width: 220px;
}

#menu2 ul li ul li:hover {
	background: #a90000;
}

#menu2 ul li ul li a {
	color: #fff;
	text-decoration: none;
}

#menu2 .icon {
	padding: 0 0 0 20px;
	height: 30px;
}
#menu2 .icon-dashboard { background: url(icons/menu-dashboard.png) no-repeat; }
#menu2 .icon-dispatch { background: url(icons/menu-dispatch.png) no-repeat; }
#menu2 .icon-inventory { background: url(icons/menu-inventory.png) no-repeat; }
#menu2 .icon-payroll { background: url(icons/menu-payroll.png) no-repeat; }
#menu2 .icon-reports { background: url(icons/menu-reports.png) no-repeat; }
#menu2 .icon-users { background: url(icons/menu-users.png) no-repeat; }
#menu2 .icon-plugins { background: url(icons/menu-plugins.png) no-repeat; }
#menu2 .icon-tools { background: url(icons/menu-tools.png) no-repeat; }
#menu2 .icon-settings { background: url(icons/menu-settings.png) no-repeat; }
#menu2 .icon-upload { background: url(icons/menu-upload.png) no-repeat; }
#menu2 .icon-logout { background: url(icons/menu-logout.png) no-repeat; }

#menu2 .item:hover, #menu2 .itemHold {
	background: #a90000;
	width: 120px;
	z-index: 99;
	text-decoration: none;
}

#menu2 .itemActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #dfdfdf;
	position: relative;
	padding: 0 0 0 5px;
	background: #868686;
	width: 120px;
	line-height: 30px;
	z-index: 99;
	text-decoration: none;
}

#menu2 .itemActive:hover {
	cursor: pointer;
	text-decoration: none;
}

/* MOBILE MENU */
#menuMobile {
	width: 100%;
	background: #656565;
	margin: 0;
	padding: 0;
}

#menuMobile ul {
	text-align: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #dfdfdf;
	text-decoration: none;
}

#menuMobile ul li {
	display: inline-block;
	position: relative;
	background: #656565;
	cursor: pointer;
	padding: 0;
	width: 120px;
	line-height: 30px;
	margin: 0;
}

#menuMobile ul .item {
	padding: 0 0 0 5px;
}

#menuMobile ul .sep {
	background: #545454;
	width: 2px;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

#menuMobile ul li a {
	text-decoration: none;
	color: #dfdfdf;
}

#menuMobile ul li ul {
	padding: 0;
	position: absolute;
	left: 0;
	border-bottom: 2px solid #ccc;
	display: none;
}

#menuMobile ul li ul li {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #434343;
	padding: 0 0 0 5px;
	width: 220px;
}

#menuMobile ul li ul li:hover {
	background: #a90000;
}

#menuMobile ul li ul li a {
	color: #fff;
	text-decoration: none;
}

#menuMobile .icon {
	padding: 0 0 0 20px;
	height: 30px;
}
#menuMobile .icon-dashboard { background: url(icons/menu-dashboard.png) no-repeat; }

#menuMobile .item:hover, #menuMobile .itemHold {
	background: #a90000;
	width: 120px;
	z-index: 99;
	text-decoration: none;
}

#menuMobile .itemActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #dfdfdf;
	position: relative;
	padding: 0 0 0 5px;
	background: #868686;
	width: 120px;
	line-height: 30px;
	z-index: 99;
	text-decoration: none;
}

#menuMobile .itemActive:hover {
	cursor: pointer;
	text-decoration: none;
}

/* CONTENT */
#content {
	margin: 0 0 0 10px;
	padding: 10px 10px 0 0;
}

#content .title {
	background: #555;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 0 0 10px;
}

#content .title2 {
	background: #da2626;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 0 0 10px;
	margin-top: 20px;
}

#content .title3 {
	background: #da2626;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 0;
}

#content .title4 {
	background: #555;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 0;
}

#content .formTitle {
	font-size: 10px;
	margin: 0 10px 0 0;
}

.title input, .title select {
	background: #222;
	padding: 0;
	margin: 0 5px 0 0;
}

.title input { height: 16px; }

#block, #blockP {
	background: #da2626;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 2px;
	margin: 0 0 20px 0;
}

#blockP {
	margin: 10px;
	width: 300px;
	float: left;
}

#block .title, #blockP .title {
	margin: 0;
	font-size: 15px;
	padding: 2px 0 0 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	line-height: 20px;
	background: none;
}

#block fieldset, #blockP fieldset {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: #222;
	border: none;
	margin: 2px;
	padding: 10px;
}

.arrowRight { background: url(icons/arrow_right.png) 0 0 no-repeat; height: 16px; width: 10px; float: left; margin: 3px 10px 0 10px; }
.arrowUp { background: url(icons/arrow_up.png) 0 0 no-repeat; height: 10px; width: 16px; float: left; margin: 4px 10px 0 10px; }
.arrowDown { background: url(icons/arrow_down.png) 0 0 no-repeat; height: 10px; width: 16px; float: left; margin: 4px 10px 0 10px; }

.arrowRight2 { background: url(icons/arrow_right2.png) 0 0 no-repeat; height: 16px; width: 10px; float: left; margin: 3px 10px 0 10px; }
.arrowDown2 { background: url(icons/arrow_down2.png) 0 0 no-repeat; height: 10px; width: 16px; float: left; margin: 4px 10px 0 10px; }

#content .blank {
	border: 0;
	margin: 5px 0 0 5px;
	font-size: 9px;
}

#content .cell {
	float: left;
	margin: 0 10px 0 0;
	border: 0;
}

#content .row {
	margin: 10px 0 0 0;
	border: 0;
}

#content .cellCTR {
	color: #999;
	float: left;
	margin: 0;
	padding: 0;
}

#content .blank .link, #content .gridTop .link {
	text-decoration: none;
	border-bottom: 2px solid;
	border-color: transparent;
	display: table-cell;
}

#content .blank .link:hover, #content .blank .linkHold, #content .gridTop .link:hover, #content .gridTop .linkHold {
	border-bottom: 2px solid #fff;
	display: table-cell;
	color: #fff;
	text-decoration: none;
}

#content .item1 { background: #2d2d2d; }
#content .item2 { background: #353535; }
#content .itemR { background: #7f0000; }
#content .itemH { background: #222; }
#content .item1, #content .item2, #content .itemR, #content .itemH {
	border: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin: 0 0 5px 0;
	padding: 2px 0 2px 10px;
}

#content .itemContainer {
	background: #2d2d2d;
	border: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin: 10px 0 10px 0;
	padding: 10px;
}

.item1 input, .item1 select, .item2 input, .item2 select, .itemH input, .itemH select {
	height: 16px;
	padding: 0 0 0 2px;
	margin: 0 0 0 0;
	font-size: 12px;
}

.item1 select, .item2 select, .itemH select {
	height: 20px;
}

.item1 button, .item2 button, .itemH button {
	height: 20px;
	padding: 0 5px 0 5px;
	width: 80px;
	text-align: center;
}

.item1 input:focus, .item1 select:focus, .item2 input:focus, .item2 select:focus, .itemH input:focus, .itemH select:focus {
	border: 2px solid #a90000;
}

#content .icon-sms {
	border: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	height: 16px;
	width: 18px;
	padding: 0;
	float: left;
	margin: 0 0 5px 0;
}

#content .icon-sms:hover {
	background: #313131;
	cursor: pointer;
}

#content .iconsmsBG0 { background: #000; }
#content .iconsmsBG1 { background: #090; }
#content .iconsmsBG2 { background: #313131; }
#content .iconsmsBG3 { background: #C00; }

#content .icon-std, #content .icon-red, #content .icon-ylw, #content .icon-grn {
	border: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: #212121;
	height: 16px;
	width: 16px;
	padding: 0 2px 0 2px;
	float: left;
	margin: 0 2px 0 2px;
}

#content .icon-title { height: 20px; margin: 7px 5px 0 0; }

#content .icon-std:hover { background: #da2626; cursor: pointer; }
#content .icon-red:hover { background: #C00; cursor: pointer; }
#content .icon-ylw:hover { background: #F60; cursor: pointer; }
#content .icon-grn:hover { background: #090; cursor: pointer; }

#content .iconbg2 { background: #313131; }

#content .level {
	border: 0;
	line-height: 25px;
	float: left;
	margin: 0 5px 5px 0;
	font-size: 12px;
}

#content .levelIcon {
	border: 0;
	float: left;
	padding: 3px 0 0 0;
	margin: 0 5px 5px 0;
}

#content .gridTop {
	border: 0;
	padding: 0;
	margin: 0 5px 0 5px;
	font-size: 12px;
}

#content .gridItemGE1, #content .gridItemGE2, #content .gridItemLG1, #content .gridItemLG2, #content .gridItemSPS1, #content .gridItemSPS2, #content .gridItem1, #content .gridItem2, #content .gridWarn1, #content .gridWarn2, #content .gridItemComplete, #content .gridItemCancelled, #content .gridItemHold1, #content .gridItemHold2, #content .gridItemResch, #content .gridItemGreen, #content .gridItemYellow, #content .gridItemRed {
	background: #2d2d2d;
	border: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin: 5px 0 5px 0;
	padding: 5px;
	line-height: 24px;
	font-size: 12px;
}

#content .gridItem2 {
	background: #2a2a2a;
}

#content .gridWarn1 {
	background: #5f0606;
}

#content .gridWarn2 {
	background: #4c0505;
}

#content .gridItemComplete {
	background: #155c73;
}

#content .gridItemCancelled {
	background: #7e0909;
}

#content .gridItemHold1 {
	background: #542869;
}

#content .gridItemHold2 {
	background: #4b245e;
}

#content .gridItemResch {
	background: #87122e;
}

#content .gridItemGreen {
	background: #060;
}

#content .gridItemYellow {
	background: #808712;
}

#content .gridItemRed {
	background: #7e0909;
}

#content .gridItemSPS1 {
	background: #005100;
}

#content .gridItemSPS2 {
	background: #004800;
}

#content .gridItemLG1 {
	background: #790d31;
}

#content .gridItemLG2 {
	background: #610a27;
}

#content .gridItemGE1 {
	background: #1255b0;
}

#content .gridItemGE2 {
	background: #104c9c;
}

#content .gridItemGE1 .cell a, #content .gridItemGE2 .cell a, #content .gridItemLG1 .cell a, #content .gridItemLG2 .cell a, #content .gridItemSPS1 .cell a, #content .gridItemSPS2 .cell a, #content .gridItem1 .cell a, #content .gridWarn1 .cell a, #content .gridWarn2 .cell a, #content .gridItem2 .cell a, #content .gridItemComplete .cell a, #content .gridItemCancelled .cell a, #content .gridItemHold1 .cell a, #content .gridItemHold2 .cell a, #content .gridItemResch .cell a, #content .gridItemGreen .cell a, #content .gridItemYellow .cell a, #content .gridItemRed .cell a {
	color: #fff;
}

#content .gridItemGE1 div, #content .gridItemGE2 div,#content .gridItemLG1 div, #content .gridItemLG2 div, #content .gridItemSPS1 div, #content .gridItemSPS2 div, #content .gridTop div, #content .gridItem1 div, #content .gridItem2 div, #content .gridWarn1 div, #content .gridWarn2 div, #content .gridItemComplete div, #content .gridItemCancelled div, #content .gridItemHold1 div, #content .gridItemHold2 div, #content .gridItemResch div, #content .gridItemGreen div, #content .gridItemYellow div, #content .gridItemRed div {
	float: left;
	margin: 0 5px 0 5px;
}

#content .gridItemGE1 form input, #content .gridItemGE1 form select, #content .gridItemGE2 form input, #content .gridItemGE2 form select, #content .gridItemLG1 form input, #content .gridItemLG1 form select, #content .gridItemLG2 form input, #content .gridItemLG2 form select, #content .gridItemSPS1 form input, #content .gridItemSPS1 form select, #content .gridItemSPS2 form input, #content .gridItemSPS2 form select, .gridWarn1 form input, .gridWarn1 form select, .gridItem1 form input, .gridItem1 form select, .gridItem2 form input, .gridItem2 form select, .gridWarn1 form input, .gridWarn1 form select, .gridWarn2 form input, .gridWarn2 form select, .gridItemComplete form input, .gridItemComplete form select, .gridItemCancelled form input, .gridItemCancelled form select, .gridItemHold1 form input, .gridItemHold1 form select, .gridItemHold2 form input, .gridItemHold2 form select, .gridItemResch form input, .gridItemResch form select, #content .gridItemGreen form input, #content .gridItemGreen form select, #content .gridItemYellow form input, #content .gridItemYellow form select, #content .gridItemRed form input, #content .gridItemRed form select {
	font-size: 12px;
	background: #404040;
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 18px;
	color: #fff;
	padding: 0 0 0 2px;
	border: 2px solid;
	border-color: transparent;
	margin: 0 0 0 0;
}

.gridItemGE1 button, .gridItemGE2 button, .gridItemLG1 button, .gridItemLG2 button, .gridItemSPS1 button, .gridItemSPS2 button, .gridWarn1 button, .gridWarn2 button, .gridItem1 button, .gridItem2 button, .gridItemComplete button, .gridItemCancelled button, .gridItemHold1 button, .gridItemHold2 button, .gridItemResch button, .gridItemGreen button, .gridItemYellow button, .gridItemRed button {
	height: 18px;
	padding: 0 5px 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

.gridItemGE1 img, .gridItemGE2 img, .gridItemHold21 img, .gridItemHold2 img, .gridItemLG1 img, .gridItemLG2 img, .gridItemSPS1 img, .gridItemSPS2 img, .gridItem1 img, .gridItem2 img, .gridWarn1 img, .gridWarn2 img {
	vertical-align: middle;
}

.checkAll {
	padding: 0;
	margin: 0;
	font-size: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#content .bigButton {
	background: #a90000;
	color: #fff;
	border: 0;
	height: 28px;
	padding: 8px 10px 8px 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	text-align: center;
}

#content .bigButton:hover {
	cursor: pointer;
	background: #da2626;
}

.btnHardware {
	width: 200px;
	height: 50px;
	margin: 10px 0 0 10px;
}

.titleHardware {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* TIMECLOCK */
#timeclock {
	width: 250px;
	float: right;
}

#timeclock form {
	float: left;
	margin: 5px;
}

#timeclock button {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	background: #c6c6c6;
	font-size: 12px;
	margin: 0;
	padding: 5px;
	text-align: center;
	width: 100px;
}

#timeclock button:hover {
	cursor: pointer;
	background: #e6e6e6;
}

#timeclock button:disabled {
	cursor: pointer;
	background: #c6c6c6;
	color: #a6a6a6;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}

/* Gallery Stuff */
.lightboxThumb {

}

.lightboxThumb img {
	width: 150px;
	margin: 5px;
	border: 2px solid #333;
}

.lightboxThumb img:hover {
	border-color: #da2626;
}

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 200px;
	width: 100px;
	background: #404040;
	outline: none;
	z-index: 10001;
	margin: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #fff;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #fff;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #fff;
	list-style: none;
	margin: 0;
	font-size: 12px;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #eeeeee; color: #000;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.noBg { background: none; border: 0; }
#filter {
	line-height: 23px;
	background: #313131;
	float: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 3px;
	margin: 0 5px 0 0;
}

#filter select, #filter input {
	background: #222;
	margin: none;
	margin-left: auto;
	margin-right: auto;
}

#filter div {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#filterSubmit {
	float: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: #c6c6c6;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	color: #000;
}

#filterSubmit:hover {
	cursor: pointer;
	background: #e6e6e6;
}

.calendar-month {
	background: #da2626;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
}

.day_off, .day_off_am, .day_off_pm, .day_cont, .day_cont_am, .day_cont_pm, .day_ava, .day_high {
	text-align: center; line-height: 30px; width: 30px; display: block; font-size: 18px; border: 0;
}

.day_off, .day_off_am, .day_off_pm, .day_cont, .day_cont_am, .day_cont_pm, .day_ava:hover, .day_high {
	text-align: center; line-height: 30px; width: 30px; display: block; font-size: 18px; border: 0;
}

.day_off { background-color: #e85d00; color: #000000;  }
.day_off_am { background: url(images/sch_off_pm.gif) center center no-repeat; color: #000000; }
.day_off_pm { background: url(images/sch_off_am.gif) center center no-repeat; color: #000000; }
.day_cont { background-color: #dc0000; color: #000000; }
.day_cont_am { background: url(images/sch_cont_pm.gif) center center no-repeat; color: #000000; }
.day_cont_pm { background: url(images/sch_cont_am.gif) center center no-repeat; color: #000000;; }
.day_ava { background-color: #119000; color: #000000; }
.day_high { background-color: #ccc; color: #000;}

#calendar2 {
	width: 280px;
	margin: 10px;
	float: left;
}

#calendar2 .title {
	background: #da2626;
	text-align: center;
}

#calendar2 .dayofweek, #calendar2 .dayempty, #calendar2 .dayAva {
	height: 38px;
	width: 38px;
	float: left;
	text-align: center;
	margin: 1px;
}

#calendar2 .dayempty, #calendar2 .dayAva {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
}

#calendar2 .dayempty { background: #404040; }
#calendar2 .dayAva { background: #007E1E; }

#calendar2 .dayofweek {
	height: 10px;
}

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

.dropdown:active {
	position: inherit;
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 20px;
}

.dropdown li {
    display: none;
    z-index: 90;
    margin: 0;
    padding: 0;
    transition: 80ms;
    left: 0px;
}
.dropdown li:active {
	display: block;
}

.dropdown li a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: font-size 200ms, background-color 200ms;
}
.dropdown li a:active {
    color: #000;
    font-size: 0.8em;

}
.dropdown li:first-of-type {
    visibility: visible;
    transition: background-color 200ms;
}
.dropdown:hover li {
    visibility: visible;
    border-radius: 0.3rem;
}
.dropdown li:hover {
    background-color: gray !important;
    z-index: 99;

}
.note {
	font-size: 24px; vertical-align: top;
	text-transform: uppercase;text-align: center;display: block;padding: 6px 2px;
}

.green {
	color: limegreen;
}
.red {
	color: red;
}
.supercede {
	cursor: pointer;
	font-size: 9px;
	background-color: #FFDD00;
	color: #000099;
	padding: 1px 2px 0px 2px;
	margin-left: 7px;
	border-radius: 2px;
}

.ui-dl1 { z-index: 1002; }
.ui-dl2 { z-index: 1004; }
.ui-dl3 { z-index: 1000004; }

a.copyMe,a.copyMe:hover {
	text-decoration: none;
	color: white;
}
.disabledDialog {
	pointer-events: none;
	opacity: 0.7;
}
.remove {
	display: inline-block;
	line-height: 20px;
}