/*------------------*/
/*------[CORE]------*/
/*------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	vertical-align: middle;
	outline: none;
}
html {
	height: 100% !important;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #818891;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-image: url('../images/bg-main.png');
	background-repeat: repeat;
	background-position: center center;
}
div {
	line-height: 0px;
}
.clearfix {
	clear: both;
}
#wrapper {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 1024px;
	box-shadow: 0px 0px 0px 1px #777;
	border-width: 0px 1px;
	border-style: solid;
	border-color: #000000;
}
/*--------------------------------------------*/
/*---[LOGIN: PANEL, INPUT, BUTTON, SS LOGO]---*/
/*--------------------------------------------*/
#login-panel, #popup-message {
	text-align: center;
	position: fixed;
	z-index: 10;
	padding: 0px 0px 10px 0px;
	width: 300px;
	border: 1px solid white;
	top: 20px;
	left: 50%;
	margin-left: -150px;
	border-radius: 10px;
	box-shadow: 0px 1px 3px #000;
}
#popup-message {
	z-index: 7;
}
#popup-message h3 {
	color: white;
	line-height: 14px;
	font-size: 13px;
	padding: 2px 20px;
	font-weight: normal;
	text-align: left;
}
#popup-message h3 .title {
	font-weight: bold;
}
#popup-message h3 .value {
	float: right;
}
#popup-message h3.rj-settings .value {
	font-size: 9px;
	max-width: 160px;
	clear: both;
	text-align: right;
}
#popup-message h5 {
	color: white;
	line-height: 14px;
	font-size: 11px;
	font-style: italic;
	padding: 10px 20px 5px 20px;
}
#popup-message .rj-divider {
	border-color: #FFF;
	border-width: 0px 0px 1px 0px;
	line-height: 12px;
	height: 1px;
	margin: 5px 20px;
}
#popup-message .rj-divider.dotted {
	border-style: dotted;
}
#popup-message .rj-divider.solid {
	border-style: solid;
}
#popup-message button#rj-cancel, #popup-message button#rj-confirm {
	width: 115px;
	display: inline-block;
	margin: 10px 10px;
}


h3.sf-balance {
  text-align: center !important;
  margin-top: 5px;
}

.display-wrap {
	padding-bottom: 10px;
}

.sf-cost, .exportcost-info {
	color: #FFF;
	text-align: left;
	max-height: 120px;
	overflow-y: auto;
	margin: 10px 27px 30px 27px;
}

.sf-cost.shadow-me {
	border-radius: 3px;
	background-color: #333;
	box-shadow: inset 0px -4px 4px #000;
}

/*entity*/
div.sf-cost h3, div.exportcost-info h3 {
	border-bottom: 1px solid #DDD !important;
	line-height: 18px !important;
	font-size: 13px !important;
	font-weight: bold !important;
	margin: 10px 5px 0px 5px !important;
	padding: 3px 6px 2px 1px !important;
}
div.sf-cost h3:first-child, div.exportcost-info h3:first-child {
	margin-top: 0px !important;
}

/*amount title*/
div.sf-cost p, div.exportcost-info p {
	line-height: 16px;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 5px;
	padding: 3px 6px 2px 3px;
}
/*amount*/
div.sf-cost p span, div.exportcost-info p span {
	font-weight: normal;
	font-style: italic;
	float: right;
	padding-right: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
}
div.sf-cost p span.sub-cost, div.exportcost p span.sub-cost {
	font-weight: bold;
	font-size: 14px;
}








#tm-timer {
	display: none;
	position: fixed;
	height: 40px;
	width: 100px;
	top: 0;
	left: 50%;
	margin-left: -50px;
	z-index: 5;
	color: #FFF;
	line-height: 40px;
	text-align: center;
}
#tm-timer label {
	width: 100px;
	display: block;
	font-style: italic;
	font-size: 10px;
	height: 20px;
	line-height: 13px;
}
#tm-timer span#max-minutes, #tm-timer span#max-seconds {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 2px;
}
#tm-timer #close-timer {
	cursor: pointer;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #FFF;
	color: #FFF;
	background-color: #333;
	font-size: 10px;
	line-height: 20px;
}
#tm-timer #note {
	position: absolute;
	top: 55px;
	left: -90px;
	width: 260px;
	display: none;
	background-color: rgba(248,228,36,0.95);
	color: #333;
	border: 1px solid #333;
	line-height: 18px;
	padding: 10px;
}
#tm-timer:hover #note {
	display: block;
}
.minify #tm-timer {
	margin-left: 0px;
}
.minify #tm-timer label {
	display: inline;
}
#login-logo {
	background-image: url('../images/satshot-logo.png');
	background-size: 280px 66px;
	background-repeat: no-repeat;
	background-position: top center;
	width: 280px;
	height: 66px;
	margin: 5px 10px 10px 10px;
}
#login-error-message, #tm-error-message, #rj-error-message, #export-error-message, #dl-make-pdf-error-message {
	color: #D23133;
	font-weight: bold;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	padding: 5px;
	text-align: center;
	display: block;
}
#login-panel label {
	display: block;
	padding: 5px 10px;
	margin-top: 20px;
	color: #999;
}
#login-panel input, #popup-message input[type="text"] {
	background-color: #FFF;
	opacity: 0.7;
	display: block;
	padding: 5px 5px;
	width: 170px;
	margin: 15px auto 15px auto;
	border: 1px solid #000;
	box-shadow: 0px 1px 1px 0px #FFF;
	border-radius: 5px;
	text-align: center;
}
#login-panel button, #popup-message button, #popup-message a, button#delete-local-database-storage {
	display: block;
	padding: 5px;
	width: 180px;
	margin: 15px auto 5px auto;
	border: 1px solid #000;
	border-radius: 5px;
	color: #FFF;
	box-shadow: 0px 1px 1px 0px #FFF;
	cursor: pointer;
}
button#delete-local-database-storage:hover {
	border: 1px solid #FFF;
}
button#delete-local-database-storage:active {
	border: 1px solid #000;
}
#login-panel button#cancel, #login-panel button#login {
	margin-top: 20px;
}
#login-panel input:hover {
	background-color: #FFF;
}
#login-panel button:focus, #login-panel input:focus, #popup-message button:focus, #popup-message a:focus {
	opacity: 1;
	border: 1px solid #000;
	box-shadow: 0px 0px 5px 2px lightBlue;
}

button#dl-pdf-cancel {
  width: 30px;
  border-radius: 15px;
  line-height: 0px;
  border: 1px solid #FFFFFF;
  box-shadow: none;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 10px;
  font-weight: normal;
  height: 30px;
  padding: 0px;
  margin: 0px;
}

#popup-message a.dl-pdf-link, #popup-message a.dl-export-link {
	text-decoration: none;
	padding: 5px 0px;
	min-height: 12px;
	line-height: 12px;
	word-break: break-all;
	line-height: 16px;
}
#popup-message a.dl-pdf-link.visited {
  background-color: #666666;
  background: #666666;
  color: #AAAAAA !important;
}

div#pdf-link-holder {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 10px;
  padding-bottom: 10px;
  width: 80%;
  margin-left: 10%;
  border-top: 1px dotted #444;
  border-bottom: 1px dotted #444;
}

p#new-image-temp-note {
  padding: 9px;
  border: 1px solid #FFF;
  font-size: 12px;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #222;
}


button.Zebra_DatePicker_Icon {
	top: 5px !important;
	right: 56px !important;
	left: auto !important;
	width: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	box-shadow: none !important;
}
#popup-message .input-wrap.tm-sattype-wrap, 
#popup-message .input-wrap.radio-wrap {
	color: #FFF;
	text-align: left;
	margin: 14px 64px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
}
#popup-message .input-wrap.tm-sattype-wrap input, 
#popup-message .input-wrap.radio-wrap input {
	margin-right: 10px;
}

/* .mouse-hover is the actual hover element and the #alert-mouse-hover is displayed */
.alert .mouse-hover {
	background-image: url('../images/info-i.png');
	background-position: 0px 0px;
	background-size: 20px 40px;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 18px;
	right: 8px;
	z-index: 2;
}
.alert .mouse-hover:hover {
	background-position: 0px -20px;
}

.alert.selected .mouse-hover {display: none !important;}

#alert-mouse-hover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	border: 1px solid #555;
	box-shadow: 0px 2px 8px #000, 0px -1px 0px 1px #FFF;
	max-width: 360px;
	min-width: 20px;
	min-height: 20px;
	z-index: 2;
	padding-bottom: 10px;
	padding: 5px 3px 11px 3px;
	border-radius: 3px;
}
#alert-mouse-hover h5 {
	line-height: 14px;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 3px 0px;
	margin: 10px 7px 5px 5px;
	color: #000;
	display: block;
	text-transform: uppercase;
	border-bottom: 1px dotted #000;
}
#alert-mouse-hover div:first-child h5 {
	margin-top: 0px !important;
}
#alert-mouse-hover span {
	padding: 0px 2px;
	display: block;
}
#alert-mouse-hover p {
	background-color: rgba(255,255,255,0.5);
	color: #123;
	font-weight: bold !important;
	font-size: 10px;
	display: inline-block;
	margin: 1px 2px;
	padding: 3px;
	text-align: center;
	line-height: 12px !important;
	border-radius: 2px;
}
#alert-mouse-hover p.date {
	width: 78px;
	background-color: #333;
	padding: 5px 3px;
	color: #FFF;
	font-weight: normal !important;
	float: none !important;
}
/*----------------------------------------*/
/*---[HEADER: LOGO. MAIN MENU W/ ICONS]---*/
/*----------------------------------------*/
#header {
	height: 64px;
	top: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	z-index: 3;
	border-bottom: 1px solid #777;
}
.minify #header {
	height: 46px;
}
#header-image {
	background-image: url('../images/icue-logo.png');
	background-size: 160px 64px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 64px;
	width: 160px;
	position: absolute;
	top: 2px;
	bottom: 0px;
	left: 0px;
}
.minify #header-image {
	background-image: url('../images/icue-logo-mini.png');
	background-size: 215px 30px;
	height: 30px;
	width: 215px;
	position: absolute;
	top: 8px;
	bottom: 0px;
	left: 3px;
}
#header-menu {
	height: 54px;
	position: absolute;
	top: 0px;
	right: 10px;
	bottom: 0px;
	left: 120px;
	text-align: right;
	margin-top: 10px;
}
.minify #header-menu {
	height: 44px;
	margin: 0;
	right: 0px;
	left: 210px;
}
#main-menu {
	position: relative;
}
#menu-group-button {
	display: none;
}
#nav-identifier, #msg-menu-prev {
	height: 40px;
	width: 40px;
	display: inline-block;
	background-image: url('../images/icue-menu-sprite.png');
	background-size: 210px 520px;
	background-repeat: no-repeat;
	background-position: -160px -10px;
}
.minify #nav-identifier {
	height: 30px;
	width: 30px;
	background-size: 157px 390px;
}
#nav-identifier.alerts, #msg-menu-prev.alerts {
	background-position: -58px -10px;
}
.minify #nav-identifier.alerts {
	background-position: -43px -7px;
}
#nav-identifier.time-machine, #msg-menu-prev.time-machine {
	background-position: -58px -110px;
}
.minify #nav-identifier.time-machine {
	background-position: -43px -82px;
}
#nav-identifier.notifiers, #msg-menu-prev.notifiers {
	background-position: -58px -260px;
}
.minify #nav-identifier.notifiers {
	background-position: -43px -195px;
}
#nav-identifier.settings, #msg-menu-prev.settings {
	background-position: -58px -160px;
}
.minify #nav-identifier.settings {
	background-position: -43px -120px;
}
#nav-identifier.subscriptions, #msg-menu-prev.subscriptions {
	background-position: -58px -210px;
}
.minify #nav-identifier.subscriptions {
	background-position: -43px -158px;
}
#nav-identifier.logout, #msg-menu-prev.logout {
	background-position: -58px -360px;
}
.minify #nav-identifier.logout {
	background-position: -43px -270px;
}
#menu-group-button .icon {
	background-position: -3px -410px;
	width: 100px;
	border-left: 1px dotted #555;
	display: inline-block;
	float: none;
}
.minify #menu-group-button .icon {
	height: 26px;
	background-position: -64px -417px;
	width: 32px;
}
#menu-group-button:active .icon, #menu-group-button.selected .icon {
	background-position: -3px -460px;
}
.minify #menu-group-button:active .icon, .minify #menu-group-button.selected .icon {
	background-position: -64px -417px;
}
#menu-group-button.is-drop-down {
	display: inline-block;
	border: 1px solid #555;
}
.minify #menu-group-button.is-drop-down {
	border: none;
	border-radius: 0px;
	padding: 7px 7px 9px 7px;
}
.main-menu-button {
	cursor: pointer;
	display: inline-block;
	border-radius: 6px;
	margin-left: 5px;
}
.main-menu-button:hover {
	background-color: rgba(123,123,123,.3);
}
.main-menu-button:active, .main-menu-button.selected {
	background-color: #000000;
	box-shadow: inset 0px 0px 0px 1px #FFF;
}
.main-menu-button .icon {
	height: 40px;
	width: 40px;
	float: left;
	display: block;
}
#menu-group.is-drop-down {
	display: none;
	background-color: #DDD;
	border: 1px solid white;
	box-shadow: 0px 1px 2px 1px #000;
	padding: 4px;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 202px;
	border-radius: 10px 0px 10px 10px;
	color: #FFF;
}
#menu-group.is-drop-down.visible {
	display: block;
}
#menu-group.is-drop-down .main-menu-button {
	color: #222;
	margin: 1px 0px 1px 0px;
	width: 200px;
	background-color: rgba(255,255,255,.3);
	border: 1px dotted #000;
}
#menu-group.is-drop-down .main-menu-button:hover {
	background-color: rgba(255,255,255,.8);
	text-shadow: 0px 1px 1px #FFF;
}
#menu-group.is-drop-down .main-menu-button:active, #menu-group.is-drop-down .main-menu-button.selected {
	background-color: rgba(0,0,0,.7);
	box-shadow: 0px 1px 1px 0px #000;
	color: #FFF;
	text-shadow: 0px 1px 1px #000;
	border: 1px solid #FFF;
}
#menu-group .menu-info {
	display: none;
}
#menu-group.is-drop-down .icon {
	margin: 3px;
}
.icon {
	background-image: url('../images/icue-menu-sprite.png');
	background-size: 210px 520px;
	background-repeat: no-repeat;
}
.alerts.main-menu-button .icon {
	background-position: -10px -10px;
}
.time-machine.main-menu-button .icon {
	background-position: -10px -110px;
}
.settings.main-menu-button .icon {
	background-position: -10px -160px;
}
.subscriptions.main-menu-button .icon {
	background-position: -10px -210px;
}
.logout.main-menu-button .icon {
	background-position: -10px -360px;
}
.notifiers.main-menu-button .icon {
	background-position: -10px -260px;
}
.is-drop-down .alerts.main-menu-button .icon {
	background-position: -110px -10px;
}
.is-drop-down .time-machine.main-menu-button .icon {
	background-position: -110px -110px;
}
.is-drop-down .settings.main-menu-button .icon {
	background-position: -110px -160px;
}
.is-drop-down .subscriptions.main-menu-button .icon {
	background-position: -110px -210px;
}
.is-drop-down .logout.main-menu-button .icon {
	background-position: -110px -360px;
}
.is-drop-down .notifiers.main-menu-button .icon {
	background-position: -110px -260px;
}
.alerts.main-menu-button:active .icon,  .is-drop-down .alerts.main-menu-button:active .icon,  .is-drop-down .alerts.main-menu-button.selected .icon,  .alerts.main-menu-button.selected .icon {
	background-position: -60px -10px;
}
.time-machine.main-menu-button:active .icon,  .is-drop-down .time-machine.main-menu-button:active .icon,  .is-drop-down .time-machine.main-menu-button.selected .icon,  .time-machine.main-menu-button.selected .icon {
	background-position: -60px -110px;
}
.settings.main-menu-button:active .icon,  .is-drop-down .settings.main-menu-button:active .icon,  .is-drop-down .settings.main-menu-button.selected .icon,  .settings.main-menu-button.selected .icon {
	background-position: -60px -160px;
}
.subscriptions.main-menu-button:active .icon,  .is-drop-down .subscriptions.main-menu-button:active .icon,  .is-drop-down .subscriptions.main-menu-button.selected .icon,  .subscriptions.main-menu-button.selected .icon {
	background-position: -60px -210px;
}
.logout.main-menu-button:active .icon,  .is-drop-down .logout.main-menu-button:active .icon,  .is-drop-down .logout.main-menu-button.selected .icon,  .logout.main-menu-button.selected .icon {
	background-position: -60px -360px;
}
.notifiers.main-menu-button:active .icon,  .is-drop-down .notifiers.main-menu-button:active .icon,  .is-drop-down .notifiers.main-menu-button.selected .icon,  .notifiers.main-menu-button.selected .icon {
	background-position: -60px -260px;
}
.main-menu-button.disabled {
	opacity: 0.2;
}
#menu-group.is-drop-down .menu-info {
	float: left;
	display: block;
	margin: 3px 0px;
	padding: 5px;
	text-align: left;
}
.menu-info h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #000;
}
.main-menu-button:active .menu-info h3,  .main-menu-button.selected .menu-info h3 {
	border-bottom: 1px dotted #FFF;
}
.menu-info p {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	padding-top: 3px;
	width: 140px;
}
/*-----------------------------------------*/
/*---[BODY: COVERFLOW, AND CONTENT GUTS]---*/
/*-----------------------------------------*/
#body {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	top: 64px;
	right: 0;
	bottom: 0px;
	left: 0;
	position: absolute;
	z-index: 1;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #222;
	background-image: url('../images/bg-body.png');
	background-repeat: repeat;
	background-position: center center;
}
.minify #body {
	top: 46px;
}
/*-------------------------------------------------------------*/
/*---[SUB-CTRL: BACK, REFRESH, SORT, SEARCH, DELETE, SUBMIT]---*/
/*-------------------------------------------------------------*/
#sub-ctrl {
	height: 44px;
	max-height: 44px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #555;
	left: 0px;
	right: 0px;
	position: absolute;
	z-index: 4;
	padding: 0px 2px;
	text-align: center;
	box-shadow: 0px 1px 5px #000;
}
#sub-ctrl .button {
	display: inline-block;
	margin: 3px 2px 3px 2px;
	color: #000000;
	text-shadow: 1px 1px 1px #FFF;
	text-align: center;
	font-size: 11px;
	line-height: 38px;
	cursor: pointer;
	position: absolute;
	top: 0;
}
#sub-ctrl .button.disabled, .input-wrap.disabled {
	opacity: 0.2;
}
#sub-ctrl .button .btn-icon {
	background-image: url('../images/sub-ctrl/sub-ctrl-sprite.png');
	background-repeat: no-repeat;
	background-size: 360px 250px;
	height: 28px;
	width: 40px;
	display: inline-block;
}
#sub-ctrl .button.back {
	left: 0px;
}
#sub-ctrl .button.search {
	left: 50%;
}
#sub-ctrl .button.filter {
	left: 50%;
	margin-left: -40px;
}
#sub-ctrl .button.make-pdf {
	right: 88px;
}
#sub-ctrl .button.delete {
	right: 44px;
}
#sub-ctrl .button.submit {
	right: 0;
}
#sub-ctrl .button.refresh {
	left: 44px;
}
#sub-ctrl .button.back .btn-icon {
	background-position: 0px -10px;
}
#sub-ctrl .button.search .btn-icon {
	background-position: -200px -10px;
}
#sub-ctrl .button.filter .btn-icon {
	background-position: -160px -10px;
}
#sub-ctrl .button.make-pdf .btn-icon {
	background-position: -120px -10px;
}
#sub-ctrl .button.delete .btn-icon {
	background-position: -240px -10px;
}
#sub-ctrl .button.submit .btn-icon {
	background-position: -280px -10px;
}
#sub-ctrl .button.refresh .btn-icon {
	background-position: -320px -10px;
}
#sub-ctrl .button.back:hover .btn-icon {
	background-position: 0px -50px;
}
#sub-ctrl .button.search:hover .btn-icon {
	background-position: -200px -50px;
}
#sub-ctrl .button.filter:hover .btn-icon {
	background-position: -160px -50px;
}
#sub-ctrl .button.make-pdf:hover .btn-icon {
	background-position: -120px -50px;
}
#sub-ctrl .button.delete:hover .btn-icon {
	background-position: -240px -50px;
}
#sub-ctrl .button.submit:hover .btn-icon {
	background-position: -280px -50px;
}
#sub-ctrl .button.refresh:hover .btn-icon {
	background-position: -320px -50px;
}
#sub-ctrl .button.back:active .btn-icon, #sub-ctrl .button.back.selected:active .btn-icon {
	background-position: 0px -90px;
}
#sub-ctrl .button.search:active .btn-icon, #sub-ctrl .button.search.selected:active .btn-icon {
	background-position: -200px -90px;
}
#sub-ctrl .button.filter:active .btn-icon, #sub-ctrl .button.filter.selected:active .btn-icon {
	background-position: -160px -90px;
}
#sub-ctrl .button.make-pdf:active .btn-icon, #sub-ctrl .button.make-pdf.selected:active .btn-icon {
	background-position: -120px -90px;
}
#sub-ctrl .button.delete:active .btn-icon, #sub-ctrl .button.delete.selected:active .btn-icon {
	background-position: -240px -90px;
}
#sub-ctrl .button.submit:active .btn-icon, #sub-ctrl .button.submit.selected:active .btn-icon {
	background-position: -280px -90px;
}
#sub-ctrl .button.refresh:active .btn-icon, #sub-ctrl .button.refresh.selected:active .btn-icon {
	background-position: -320px -90px;
}
#sub-ctrl .button.back.selected .btn-icon {
	background-position: 0px -130px;
}
#sub-ctrl .button.search.selected .btn-icon {
	background-position: -200px -130px;
}
#sub-ctrl .button.filter.selected .btn-icon {
	background-position: -160px -130px;
}
#sub-ctrl .button.make-pdf.selected .btn-icon {
	background-position: -120px -130px;
}
#sub-ctrl .button.delete.selected .btn-icon {
	background-position: -240px -130px;
}
#sub-ctrl .button.submit.selected .btn-icon {
	background-position: -280px -130px;
}
#sub-ctrl .button.refresh.selected .btn-icon {
	background-position: -320px -130px;
}
#sub-ctrl .button.back.special .btn-icon, #sub-ctrl .button.back.special:active .btn-icon {
	background-position: 0px -170px;
}
#sub-ctrl .button.search.special .btn-icon, #sub-ctrl .button.search.special:active .btn-icon {
	background-position: -200px -170px;
}
#sub-ctrl .button.filter.special .btn-icon, #sub-ctrl .button.filter.special:active .btn-icon {
	background-position: -160px -170px;
}
#sub-ctrl .button.make-pdf.special .btn-icon, #sub-ctrl .button.make-pdf.special:active .btn-icon {
	background-position: -120px -170px;
}
#sub-ctrl .button.delete.special .btn-icon, #sub-ctrl .button.delete.special:active .btn-icon {
	background-position: -240px -170px;
}
#sub-ctrl .button.submit.special .btn-icon, #sub-ctrl .button.submit.special:active .btn-icon {
	background-position: -280px -170px;
}
#sub-ctrl .button.refresh.special .btn-icon, #sub-ctrl .button.refresh.special:active .btn-icon {
	background-position: -320px -170px;
}
#sub-ctrl .button.back.disabled .btn-icon {
	background-position: 0px -210px !important;
}
#sub-ctrl .button.search.disabled .btn-icon {
	background-position: -200px -210px !important;
}
#sub-ctrl .button.filter.disabled .btn-icon {
	background-position: -160px -210px !important;
}
#sub-ctrl .button.make-pdf.disabled .btn-icon {
	background-position: -120px -210px !important;
}
#sub-ctrl .button.delete.disabled .btn-icon {
	background-position: -240px -210px !important;
}
#sub-ctrl .button.submit.disabled .btn-icon {
	background-position: -280px -210px !important;
}
#sub-ctrl .button.refresh.disabled .btn-icon {
	background-position: -320px -210px !important;
}
/*-------------------------------------------------------------*/
/*---[LOADING: SERVERCALLS, SEARCHING, HTML DRAWING, ERRORS]---*/
/*-------------------------------------------------------------*/
#screen, #w-screen {
	background-color: #000;
	opacity: 0.2;
	position: fixed;
	z-index: 6;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#w-screen {
	z-index: 13;
}
/*.blurred is applied to the #wrapper when #screen is visible */
.w-blurred, .blurred {
	filter: blur(1px);
	-webkit-filter: blur(1px);
}
#spinner {
	position: fixed;
	z-index: 17;
	top: 50%;
	left: 50%;
	height: 56px;
	width: 56px;
	margin-top: -57px;
	margin-left: -28px;
}
#spinner-msg {
	position: fixed;
	z-index: 16;
	background-color: #000;
	border: 1px solid #CCC;
	top: 50%;
	left: 50%;
	box-shadow: 0px 1px 3px 1px #000;
	text-align: center;
	width: 250px;
	border-radius: 5px;
	margin-top: -70px;
	padding-top: 80px;
	padding-bottom: 10px;
	margin-left: -125px;
}
#spinner-msg.for-menu {
	padding-top: 10px;
}
#spinner-msg span {
	display: block;
	color: #FFF;
	line-height: 20px;
	padding: 4px 10px;
	font-size: 14px;
	font-weight: bold;
}
#searcher, #filter {
	z-index: 5;
	position: absolute;
	text-align: center;
	top: 46px;
	width: 100%;
	background-color: #DDD;
	border: 1px solid white;
	box-shadow: 0px 1px 5px #000;
	height: 48px;
}
#filter {
	top: 346px;/* temp */
}
.minify #filter {
	top: 156px;
}
#filter.no-coverflow {
	top: 46px;
}
#search-bar {
	width: 60%;
	display: inline-block;
	border-radius: 4px;
	background-color: #FFF;
	text-align: center;
	font-size: 18px;
	height: 38px;
	margin: 4px 0px;
	border: 1px solid #555;
}
/*.full #search-bar {margin-left: 45px;}*/
#searchSpinner {
	position: absolute;
	z-index: 11;
	height: 50px;
	width: 50px;
	top: 0;
	right: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.search-types {
	width: 90px;
	position: absolute;
	z-index: 12;
	top: 0px;
	left: 0px;
	display: none !important;
}
.search-types, .filter-types, .date-order {
	height: 24px;
	border-radius: 4px;
	border: 1px solid black;
	display: inline-block;
	margin: 12px 0px 0px 12px;
}
#img-counter {
	position: fixed;
	z-index: 5;
	width: 100px;
	top: 0px;
	left: 50%;
	margin-left: -50px;
}
.minify #img-counter {
	left: 225px;
	width: 80px;
	top: 1px;
}
#img-counter #count-spinner {
	height: 40px;
	width: 100%;
	background-image: url('../images/loading2.gif');
	background-size: 40px 40px;
	background-position: top center;
	background-repeat: no-repeat;
}
.minify #img-counter #count-spinner {
	width: 40px;
	display: inline-block;
	margin-top: -16px;
	margin-right: -11px;
}
#img-counter h3 {
	text-align: center;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
}
.minify #img-counter h3 {
	font-size: 8px;
	font-weight: normal;
	letter-spacing: 0px;
	height: 40px;
	width: 44px;
	display: inline-block;
	line-height: 15px;
	margin-top: 14px;
}
#load-more-notifications {
	padding: 50px 15px;
	text-align: center;
	background-color: #DEF;
	border: 1px solid #333333;
	cursor: pointer;
}
#load-more-notifications:hover {
	background-color: #FFF;
	border: 1px solid #000;
}
#load-more-notifications h5 {
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 14px;
	color: #123;
}
span.note-count {
	padding-left: 5px;
	font-weight: normal !important;
	font-size: 10px;
	line-height: 14px;
}
#cc-message {
	display: none;
}
.cc-message-close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 19px;
	margin: 4px 2px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	background-color: #FFF;
	border-radius: 3px;
	border: 1px solid #333;
	padding: 10px 0px 9px 0px;
}
.cc-message-container {
	position: relative;
	color: #FFFFFF;
	display: block;
	background-color: #FF0000;
	border-radius: 3px;
	border: 1px solid white;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 25px 0px 5px;
	min-height: 25px;
}
#cc-message.success .cc-message-container {
	background-color: rgb(47,205,47);
}
/*-------------------------------------------*/
/*---[BODY-SCROLL: FOR ALL USER'S CONTENT]---*/
/*-------------------------------------------*/
.body-scroll {
	min-height: 108px;
	width: 50%;
	position: absolute;
	top: 346px; /*this is the height of the coverflow + sub-ctrl (default) */
	bottom: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}
.body-scroll.left {
	left: 0;
	right: 50%;
}
.body-scroll.right {
	left: 50%;
	right: 0;
}
.body-scroll.full {
	width: 100%;
	left: 0;
	right: 0;
}
.body-scroll.spacer {
	width: 1px;
	background-color: #000000;
	top: 336px /*dynamic*/;
	right: 50%;
	margin-right: -1px;
	border-left: 1px solid #FFFFFF;
	z-index: 3;
}
.body-scroll .section {
	display: none;
}
.body-scroll.no-coverflow {
	top: 46px !important;
}
/*---------------------------------------------*/
/*---[ALERT, REGION, FIELD, GROUP & OPTIONS]---*/
/*---------------------------------------------*/
#section-identifier {
	display: none;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
	text-align: center;
	background-color: #DEE;
}
#section-identifier .info {
	margin: 0px;
	padding-right: 10px;
}
#section-identifier h3.name {
	font-size: 14px;
	line-height: 14px;
	padding-top: 7px;
	border-bottom: none;
}
#section-identifier p.sub-title {
	font-size: 10px;
	line-height: 10px;
	padding: 3px 0px 6px 0px;
}

span.empty {
	display: block;
	padding: 100px 20px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: #DDD;
	line-height: 20px;
}
.alert, .field, .region, .user-option, .option, .group, #notifying {
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	width: 100%;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #000;
	overflow: hidden;
}
.alert:hover, .field:hover, .region:hover, .user-option:hover, .option:hover, .group:hover, #notifying:hover {
	opacity: 0.8;
}
.alert:not(.selected):active {
	background-color: #000 !important;
}
/*----------------------------------*/
/*---[ALERTS' TABLES AND CD INFO]---*/
/*----------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}
.records_table_wrap {
}
h1.record-name {
	background-color: #9cf;
	color: #222;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	padding: 9px 12px 9px 12px;
	border-top: 1px solid white;
	border-bottom: 1px solid black;
	cursor: pointer;
	word-break: break-word;
}
.records_table {
}
.records_table_record {
	background-color: #FFF;
	width: 95%;
	margin: 3.5% 2.5% 4.5% 2.5%;
	border: 3px solid #000;
}
h5.subtype-action {
	color: #FFF;
	background-color: #555;
	font-size: 11px;
	line-height: 30px;
	padding: 1px 5px;
	letter-spacing: 1px;
	border-bottom: 1px solid black;
}
.records_table_cd {
}
.records_table_cd:nth-child(odd) {
	background-color: rgba(0,0,0,.2);
}
.records_table_cd td:first-child {
	width: 35%;
}
.records_table_cd td:last-child {
	width: 65%;
}
p.cd_property, p.cd_info {
	font-size: 11px;
	padding: 6px 5px 4px 5px;
	line-height: 20px;
	color: #222;
}
p.cd_property {
	font-weight: bold;
}
/*  this should be located with fields? */
.preview-host {
	display: none;
	background-color: #334455;
	position: relative;
	text-align: left;
	border-top: 1px solid #000;
}
/*.zeprev {position: relative;width: 60px;display: inline-block;margin: 0px;padding: 5px;
background-image: url('../images/loading2.gif');background-size: 70px 70px;background-position: 0px 0px;background-repeat: no-repeat;}
.zeprev.selected {background-color: yellow;}
.zeprev img {width: 60px;height: 60px;margin: 0 auto;display: block;}
.zeprev .title-bar {display: none;line-height: 16px;font-size: 11px;font-weight: bold;color: #FFF;margin-top: 10px;letter-spacing: 1px;}
.zeprev .the-cost, .zeprev .the-type {line-height: 20px;text-align: center;font-weight: bold;font-size: 10px;}
.zeprev.selected .the-cost, .zeprev.selected .the-type {color: #000;}
.zeprev h6.credit-abbrev {font-size: 11px; font-style:italic;display:inline;}
.zeprev .checkbox {position: relative;top: inherit;margin: 7px 0px 5px -20px;left: 50%;}

.minify .preview-host {text-align: center;padding-top: 1px;padding-bottom: 1px;}
.minify .zeprev {display: block;width: 90%;max-width: 216px;margin: 3% auto;padding: 2%;border: 1px solid #FFF;border-radius: 4px;
height: inherit;background-color: #313841;background-image: url('../images/bg-main.png'); background-repeat: repeat; background-position: center center;}
.minify .zeprev img {width: 100%;height: 100%;max-width: 256px;max-height: 256px;}
.field.selected .preview-host, .minify .zeprev .title-bar {display: block;}
.minify .zeprev .checkbox {margin: 0px 0px 12px -15px;}*/

.zeprev {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url('../images/loading2.gif');
	background-size: 40px 40px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
}
.zeprev.selected {
	background-color: #DDEEFF;
}
.zeprev .pre-wrap {
	width: 115px;
}
.zeprev img {
	width: 100px;
	height: 100px;
	margin: 10px 5px 5px 10px;
	-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.8));
	filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='0' dy='1' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.8)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#222')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#222')";
}
.zeprev .title-bar {
	text-align: center;
	line-height: 14px;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	padding: 5px;
	word-break: break-word;
}
.zeprev .the-cost, .zeprev .the-type {
	line-height: 12px;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 10px;
}
.zeprev.selected .the-cost, .zeprev.selected .the-type, .zeprev.selected .weather, .zeprev.selected .title-bar {
	color: #000;
}
.zeprev .weather {
	line-height: 12px;
	font-size: 10px;
	min-height: 150px;
	position: absolute;
	left: 120px;
	top: 10px;
	margin-right: 60px;
}
.weather table {
	display: inline-block;
	width: 120px;
	vertical-align: top;
	margin-bottom: 5px;
	margin-right: 10px;
}
.zeprev h6.credit-abbrev {
	font-size: 11px;
	font-style: italic;
	display: inline;
}
.zeprev .checkbox {
	top: 50% !important;
	margin-top: -30px;
}
.field.selected .preview-host {
	display: block;
}
td.weather-title {
	width: 50px;
}
td.weather-field-name, td.weather-title {
	vertical-align: top;
}
.weather-field-name h4 {
	font-weight: bold;
	line-height: 16px;
	font-size: 12px;
	border-bottom: 1px dotted #888;
	margin-bottom: 5px;
	padding-bottom: 3px;
	word-break: break-all;
}
td.weather-title h5 {
	font-weight: bold;
}
td.weather-value p {
	letter-spacing: 1px;
}
td.weather-title h5, td.weather-value p {
	line-height: 13px;
	font-size: 9px;
}
.zeprev .weather-report-btn {
	display: none;
	border: 1px solid #000000;
	box-shadow: none;
	border-radius: 4px;
	margin-top: 0px;
}
.zeprev .weather-report-btn:hover {
	border: 1px solid #FFFFFF;
	box-shadow: 0px 1px 1px #000000;
}
.zeprev .weather-report-btn:active {
	border: 1px solid #FFFFFF;
	background: #000000;
	box-shadow: none;
}
.weather-history-icon {
	background-image: url('../images/weather-history-icon.png');
	background-size: 36px 36px;
	background-position: 3px 2px;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
}
/* temp comment out to not allow historical weather tracking */
/*.zeprev.selected .weather-report-btn {
	display: inline-block;
}*/











#weather-history-popup {
	z-index: 13;
	position: absolute;
	top: 20px;
	right: 20px;
	left: 20px;
	margin: 0 auto;
	padding: 20px;
	max-width: 600px;
	background-color: rgba(0,0,0,0.6);
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #000000;
}
#close-weather {
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 16px;
	top: -16px;
	right: -16px;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
	box-shadow: -1px 1px 0px #000;
	cursor: pointer;
	z-index: 2;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF;
}
#the-timeline.w-widget {
	border: 1px solid white;
	background-color: #345;
	margin: 10px 0px 20px 0px;
}
.w-widget {
	position: relative;
}
.sub-widget.the-timeline:first-child {
	width: 75px;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}
.sub-widget.the-timeline:last-child {
	margin-left: 75px;
}
.sub-widget:not(.the-timeline) {
	margin: 20px 0px;
	background-color: #345;
	border: 1px solid white;
}
.w-title {
	font-size: 12px;
	line-height: 22px;
	color: #234;
	background-color: #789;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px 6px;
	border-bottom: 1px solid #FFF;
}
.weather-table-wrap {
	display: none;
	width: 100%;
	height: 120px;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.weather-table-wrap.timeline {
	display: table;
	background-color: #789;
	text-align: right;
}
.weather-table-wrap table {
	height: 100%;
	overflow: hidden;
}
td.w-timeline-title {
	padding-right: 5px;
	font-size: 9px;
	font-weight: bold;
}
#w-timeline-table td div {
	position: absolute;
	top: 1px;
	right: 0px;
	bottom: 1px;
	left: 0px;
}
.lvl0 {
	background-color: rgba(0,0,0,0.3);
}
.lvl1 {
	background-color: rgba(232,6,191,0.6);
}
.lvl2 {
	background-color: rgba(174,20,85,0.6);
}
#weather-history-popup td {
	vertical-align: bottom;
	position: relative;
	height: 100%;
}
#w-timeline-table td {
	height: inherit;
}
/*#weather-history-popup td:hover {background-color: rgba(255,255,255,0.3);}*/


.touched {
	background-color: purple !important;
	border: 1px solid white;
}
#weather-history-popup .bar {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
	content: '';
	vertical-align: bottom;
	background-color: #2D99EA;
	position: absolute;
}
#weather-history-popup .bar.point {
	z-index: 2;
	height: 4px;
	width: 4px;
	border-radius: 2px;
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	margin-left: -2px;
	margin-top: 0px;
}
#weather-history-popup .bar.line {
	z-index: 2;
	width: 2px;
	border-radius: 0px 0px 2px 2px;
	background-color: #abc;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	top: 0px;
}
#weather-history-popup .bar.full {
	z-index: 1;
	width: 100%;
	border-radius: 2px 2px 0px 0px;
	background-color: #678;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#weather-history-popup .bar.full.front {
	z-index: 2;
	background-color: #345;
}
#weather-history-popup td.hovering {
	background-color: rgba(255,255,255,0.4) !important;
}
#weather-history-popup .hovering .bar.full {
	background-color: #87EF25 !important;
}
#weather-history-popup .hovering .bar.full.front {
	background-color: #AD6CDF !important;
}
#weather-history-popup .hovering .bar.point {
	background-color: #3EB8F2 !important;
}
#weather-history-popup .hovering .bar.line {
	background-color: #E9A228 !important;
}
.timeline-tr td.hovering .lvl0 {
	background-color: rgba(0,0,0,0.6);
}
.timeline-tr td.hovering .lvl1 {
	background-color: rgba(232,6,191,0.9);
}
.timeline-tr td.hovering .lvl2 {
	background-color: rgba(174,20,85,0.9);
}
#weather-history-popup td.selected {
	background-color: rgba(255,255,255,0.4);
}
table#w-timeline-table-titles td.selected {
	background-color: #345;
	color: #DEF;
}
#w-timeline-table td.selected {
	background-color: #345;
}
#weather-history-popup td.selected .bar.full {
	background-color: #58A8EB;
	box-shadow: 0px -2px 0px #345;
}
#weather-history-popup td.selected .bar.full.front {
	background-color: #EAA514;
}
#weather-history-popup td.selected .bar.point {
	background-color: #87EF25;
	border: 1px solid #000;
	left: 50%;
	width: 12px;
	height: 12px;
	z-index: 3;
	border-radius: 10px;
	margin-left: -7px;
}
#weather-history-popup td.selected .bar.line {
	background-color: #CC2222;
	box-shadow: 0px 2px 0px #345;
}
/*--------------*/
/*---[FIELDS]---*/
/*--------------*/
.field {
	display: none;
}
.field.visible {
	display: block;
}
/*--------------*/
/*---[ALERTS]---*/
/*--------------*/

.alert-spacer-month, .alert-spacer-year {
	line-height: 25px;
	font-size: 15px;
	font-weight: normal;
	padding: 5px 5px;
	text-align: center;
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
	color: #222;
	text-shadow: 0px 1px 1px #FFF;
}
.alert-spacer-month {
	background-color: #DEE;
}
.alert-spacer-year {
	background-color: #DEE;
	font-weight: bold;
	padding-top: 60px;
}
.download-pdf-button {
	background-image: url('../images/download-pdf-button.png');
	background-size: 50px 100px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute;
	top: 90px;
	left: 10px;
	width: 50px;
	height: 50px;
}
.download-pdf-button:hover, .download-pdf-button:active {
	background-position: 0px -50px;
}
.alert h3.name {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 11px;
	word-break: break-word;
	margin-right: 16px;
}
.alert h3.name span {
	font-size: 13px;
	font-style: italic;
}
.alert .date {
	border: none;
	background-color: rgba(255,255,255,0.5);
	margin: 4px 0px;
}
.alert.read {
	color: #CCC;
	background-color: #555;
}
.alert.read .info h3.name {
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
}
.alert.read p.sub-title {
	font-size: 10px;
}
.alert.read .date {
	background-color: #333;
	border: 1px solid #333;
}
.alert.to-be-selected, .alert.selected .date {
	border: none;
	background: none;
}
/*.alert.selected .more-info {margin-left: -60px;margin-right: -4px;}*/

.alert.selected, .alert.to-be-selected, .field.selected, .user-option.selected {
	color: #FFF;
}
.more-info {
	display: none;
	line-height: 14px;
	margin-top: 16px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.2);
	border-radius: 4px;
	padding: 5px;
}
.full .alert.to-be-selected .more-info, .full .alert.selected .more-info, .full .user-option.selected .more-info {
	margin-right: -50px;
}
.selected .info h3.name, .disabled .info h3.name {
	border-bottom: 1px dotted #FFF;
	font-weight: normal;
	font-style: italic;
}
.disabled .info h3.name, .disabled .info p.sub-title {
	color: #AAA;
}
.alert-sat-prev {
	margin: 5px 5px 8px 3px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #FFF;
}
.alert-date-prev {
	display: inline-block;
	background-color: rgba(0,0,0,0.3);
	padding: 3px 2px;
	line-height: 15px;
	margin: 1px 0px 1px 0px;
	border-radius: 3px;
	width: 75px;
	font-size: 11px;
	text-align: center;
}
.alert-date-prev.group-name, .alert-date-prev.overview {
	width: auto;
	margin: 0px 1px;
	padding: 3px 5px;
}
/* side color tabs for alerts: visualize alert type */
.color-code {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 8px;
}
/*Landsat*/
.color-code.Landsat {
	background-color: rgb(210,235,255);
}
/*RapidEye*/
.color-code.RapidEye {
	background-color: rgb(219,38,35);
}
/*GeoVantage*/
.color-code.GeoVantage {
	background-color: green;
}
/*PlanetLabs*/
.color-code.PlanetLabs {
	background-color: blue;
}
/*AccountInfo*/
.color-code.AccountInfo {
	background-color: white;
}
/*--------------*/
/*---[GROUPS]---*/
/*--------------*/
.group ~ .group-wrap {
	margin-left: 5px;
}
.group-wrap {
	z-index: 1;
	position: relative;
}
.group, #notifying {
	box-shadow: 1px 1px 0px 0px #111, 2px 2px 0px 0px #222, 3px 3px 0px 0px #333;
	z-index: 2;
	position: relative;
	background-color: #FFF;
}
.group:hover {
	background-color: #CCC !important;
}
.group.selected, #notifying.selected {
	color: #FFF;
}
/* .level-x implies group */
.group-wrap .level-0 {
	background-color: #FFF;
}
.group-wrap .level-1 {
	background-color: #EEE;
}
.group-wrap .level-2 {
	background-color: #DDD;
}
.group-wrap .level-3 {
	background-color: #CCC;
}
.group-wrap .level-4 {
	background-color: #BBB;
}
.group-wrap .level-5 {
	background-color: #AAA;
}
.group-wrap .level-6 {
	background-color: #999;
}
.group-wrap .level-7 {
	background-color: #888;
}
.group-wrap .level-8 {
	background-color: #777;
}
.group-wrap .level-9 {
	background-color: #666;
}
.group.child-selected {
	background-color: lightBlue !important;
}
.group .group-acres, .group .percent-notifying, .group .the-percent-html, .group .progress-bar {
	display: none;
}
.group.selected .group-acres {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}
#notifiers .group.selected .percent-notifying {
	height: 20px;
	border-radius: 10px;
	background-color: #234;
	border: 1px solid #FFF;
	overflow: hidden;
	display: block;
	position: relative;
}
#notifiers .group.selected .progress-bar {
	height: 100%;
	display: block;
	width: 1%;
}
#notifiers .group.selected .the-percent-html {
	display: block;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #FFF;
	font-size: 11px;
	text-shadow: 0px 1px 1px #012;
	line-height: 22px;
}
/* styles for search mode */
.searching .group {
	box-shadow: none;
}
.searching .group ~ .group-wrap {
	margin-left: 0px;
}
.searching .arrow {
	display: none;
}
.searching .group .info {
	margin-left: 20px;
}
.searching #notifying .info {
	margin-left: 20px;
}
.body-scroll.searching, .body-scroll.filtering {
	margin-top: 51px;
}
.group-wrap.unmatched {
	display: none;
}
.group-wrap.matched {
	display: block !important;
}
.group-wrap.matched .group {
	display: none;
}
.group-wrap.matched .group.this-matches {
	display: block !important;
}
.group-wrap.this-matches.matched {
	display: block !important;
}
.group .info, #notifying .info {
	padding-left: 0px;
	padding-right: 10px;
}
/*---------------------------------*/
/*---[FIELDS, REGIONS & OPTIONS]---*/
/*---------------------------------*/

/* these need to be prepended to be more specific... */

.info-wrap {
	position: relative;
	padding-left: 4px;
}
.date,  .field-preview {
	float: left;
	margin: 0px;
	text-align: center;
	border-right: none;
	display: inline-block;
	vertical-align: top;
}
.date {
	width: 60px;
}
h2.day {
	font-size: 31px;
	line-height: 33px;
	font-weight: bold;
}
h4.month-year {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
h5.complete-time {
	line-height: 12px;
	font-size: 10px;
}
.field .info-wrap {
	padding-left: 0px;
}
.field-preview {
	height: 60px;
	width: 60px;
}
.field-preview svg {
	width: 90%;
	height: 90%;
	margin-top: 5%;
}
.info {
	margin: 0px 16px 5px 60px;
	padding-left: 10px;
}
.full .selected .info {
	margin-right: 60px;
}
.field .info {
	margin: 0px 70px 10px 60px;
}
.region .info {
	margin: 0px 70px 5px 0px;
}
.user-option .info {
	margin-left: 0px;
}
.option.enabled .info,  .option.disabled .info {
	margin: 0px 70px 5px 0px;
}
h3.name {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 11px;
	border-bottom: 1px dotted #000;
	word-break: break-word;
}
p.sub-title {
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	padding: 4px 0px 6px 0px;
}

/* always */
span.subscribe-tidbit, 
span.notify-tidbit {display: none;}
/* aligned */
#notifiers-options span.notify-tidbit, 
#subscription-options span.subscribe-tidbit {display: inline;}



p.sub-title span {
	font-weight: bold;
	font-size: 11px;
}
.checkbox,  .notifybox, .subscriptionbox,  .view,  .arrow {
	background-repeat: no-repeat;
	position: absolute;
	right: 12px;
	top: 13px;
}
.arrow {
	left: 15px;
}
.checkbox {
	background-image: url('../images/radio-button-sprite.png');
	background-size: 60px 120px;
	background-position: -1px -11px;
	width: 60px;
	height: 40px;
}

.subscriptionbox {
	background-image: url('../images/subscriptionboxSSLogo-sprite.png');
	background-size: 60px 120px;
	/*padding: 5px;*/
	background-position: -1px -11px;
	width: 60px;
	height: 40px;
	/*right: 8px;*/
}

.notifybox {
	background-image: url('../images/subscribebox-sprite.png');
	background-size: 60px 120px;
	/*padding: 5px;*/
	background-position: -1px -11px;
	width: 60px;
	height: 40px;
	/*right: 8px;*/
}
.view {
	display: none;
	background-image: url('../images/view-sprite.png');
	background-position: 14px 2px;
	background-size: 40px 80px;
	width: 60px;
	height: 42px;
	top: 9px;
	right: 4px;
}
.full .selected .view {
	display: block !important;
}
.arrow {
	background-image: url('../images/arrow-sprite.png');
	background-position: 0px 0px;
	background-size: 32px 64px;
	width: 32px;
	height: 32px;
}
.arrow.open {
	background-position: 0px -32px;
}
.no-children .arrow {
	display: none;
}
.view:hover {
	background-position: 14px -38px;
}
.checkbox.checked {
	background-position: -1px -71px;
}
.subscriptionbox.checked {
	background-position: -1px -71px;
}
.notifybox.checked {
	background-position: -1px -71px;
}
.option-parameters .info-wrap, .option-parameters .info {
	margin: 0;
	padding: 0;
}
.option-parameters .input-wrap {
	border-bottom: 1px solid black;
	border-top: 1px solid white;
	padding: 10px;
	text-align: right;
}
.option-parameters .input-wrap:nth-child(odd) {
	background-color: rgba(0,0,0,0.2);
}
.option-parameters label {
	line-height: 20px;
	font-size: 14px;
	padding: 6px 10px;
}
select.make-pdf-option, select.export-option, .option-parameters input, .option-parameters select, .option-parameters textarea, select.chargewho-button {
	line-height: 20px;
	font-size: 14px;
	margin: 3px 10px;
	border: 1px solid black;
	border-radius: 4px;
	background-color: #FFFFFF;
}
select.make-pdf-option {
	width: 180px;
}
select.export-option {
	width: 180px;
}
select.chargewho-button {
	margin-top: 8px;
	width: 240px;
}
.option-parameters select {
	width: 40%;
}
.option-parameters input {
	width: 40%;
}
.option-parameters textarea {
	width: 40%;
	font-size: 11px;
	line-height: 15px;
}
select:disabled {
	color: #000;
	font-style: italic;
	background-color: #333;
	opacity: 0.3;
}
#color-table-preview {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('../images/color-table-sprite.png');
	background-position: 0px 0px;
	background-size: 40px 80px;
}
#color-table-preview:active {
	background-position: 0px -40px;
}
#ct-preview-wrap {
	display: none;
	position: absolute;
	z-index: 2;
	width: 200px;
	padding: 1px;
	bottom: 83px;
	right: 28px;
	background-color: #000;
	border: 1px solid #FFF;
	box-shadow: 0px 1px 3px #000;
	text-align: left;
}
.box-preview {
	display: inline-block;
	height: 18px;
	width: 23px;
	margin: 0px;
	border: 1px solid #000;
}


#precision-ag-options-header td, 
#precision-ag-options td {
  text-align: center;
  font-size: 8px;
  line-height: 26px;
  border-right: 1px solid #FFF;
  position: relative;
}


.slice .zone-color {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  position: absolute;
  border: 1px solid #000;
}

#precision-ag-options input.min,
#precision-ag-options input.max {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0px;
	background-color: rgba(255,255,255,0.0);
	text-align: center;
}

#precision-ag-buttons {position: relative;}

#precision-ag-buttons .left,
#precision-ag-buttons .right {
	position: absolute;
	width: 50%;
}


#precision-ag-buttons .left {
	left: 0px;
	text-align: left;
}
#precision-ag-buttons .right {
	right: 0px;
	text-align: right;
}

#precision-ag-buttons .button {
	cursor: pointer;
	color: #333;
	border-radius: 3px;
	border: 1px solid #333;
	display: inline-block;
	line-height: 22px;
	padding: 2px 5px;
}
#precision-ag-buttons .button:hover {
	border-color: #FFF;
	color: #FFF;
}


#precision-ag-buttons .button.disabled {
	background: none !important;
	opacity: 0.4;
}
#precision-ag-buttons .button.disabled:hover {
	border-color: #333;
	color: #333;
}



/*----------------------------------------------------------------*/
/*---[MINIFY: MOBILE ADJUSTMENTS TO ELEMENTS INSIDE BODY-SCROLL]---*/
/*----------------------------------------------------------------*/
.minify .body-scroll {
	top: 156px;
}
.minify .date {
	width: 60px;
	padding-top: 3px;
}
.minify h2.day {
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
}
.minify .field-preview {
	height: 50px;
	width: 50px;
	margin: 0;
	border-right: none;
}
.minify .field .info {
	margin-left: 50px;
}
.minify .alert .info {
	margin-left: 60px;
}
.minify h3.name {
	font-size: 14px;
	line-height: 14px;
	padding-top: 7px;
}
.minify p.sub-title {
	font-size: 10px;
	line-height: 10px;
	padding: 5px 0px 3px 0px;
}
.minify .checkbox {
	top: 5px;
	right: 8px;
	border-width: 2px;
}
.minify .fieldbox.checkbox {
	top: 8px;
}
.minify .subscriptionbox {
	top: 5px;
	right: 5px;
}
.minify .notifybox {
	top: 5px;
	right: 5px;
}
.minify .view {
	top: 1px;
	right: 3px;
}
.minify .arrow {
	background-position: 0px -7px;
}
.minify .arrow.open {
	background-position: 0px -39px;
}
/*----------------------------------*/
/*---[PROGRAM GRADIENTS & COLORS]---*/
/*----------------------------------*/
.black-gradient {
	background-color: #444444;
	background: -moz-linear-gradient(top, #444444 1%, #333333 50%, #222222 51%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #444444), color-stop(50%, #333333), color-stop(51%, #222222), color-stop(100%, #131313));
	background: -webkit-linear-gradient(top, #444444 1%, #333333 50%, #222222 51%, #131313 100%);
	background: -o-linear-gradient(top, #444444 1%, #333333 50%, #222222 51%, #131313 100%);
	background: -ms-linear-gradient(top, #444444 1%, #333333 50%, #222222 51%, #131313 100%);
	background: linear-gradient(to bottom, #444444 1%, #333333 50%, #222222 51%, #131313 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#131313', GradientType=0 );
}
.yellow-gradient, .option {
	background: rgb(240,210,120);
	background: -moz-linear-gradient(top, rgba(240,210,120,1) 0%, rgba(240,210,120,1) 50%, rgba(240,210,40,1) 51%, rgba(240,210,40,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240,210,120,1)), color-stop(50%, rgba(240,210,120,1)), color-stop(51%, rgba(240,210,40,1)), color-stop(100%, rgba(240,210,40,1)));
	background: -webkit-linear-gradient(top, rgba(240,210,120,1) 0%, rgba(240,210,120,1) 50%, rgba(240,210,40,1) 51%, rgba(240,210,40,1) 100%);
	background: -o-linear-gradient(top, rgba(240,210,120,1) 0%, rgba(240,210,120,1) 50%, rgba(240,210,40,1) 51%, rgba(240,210,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,210,120,1) 0%, rgba(240,210,120,1) 50%, rgba(240,210,40,1) 51%, rgba(240,210,40,1) 100%);
	background: linear-gradient(to bottom, rgba(240,210,120,1) 0%, rgba(240,210,120,1) 50%, rgba(240,210,40,1) 51%, rgba(240,210,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d278', endColorstr='#f0d228', GradientType=0 );
}
.white-gradient {
	background-color: #f6f8f9;
	background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f8f9), color-stop(50%, #e5ebee), color-stop(51%, #d7dee3), color-stop(100%, #f5f7f9));
	background: -webkit-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -o-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -ms-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: linear-gradient(to bottom, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9', GradientType=0 );
}
.orange-gradient, .new.alert, .group.selected .progress-bar {
	background: #f2aa02;
	background: -moz-linear-gradient(top, #f2aa02 0%, #ef9402 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2aa02), color-stop(100%, #ef9402));
	background: -webkit-linear-gradient(top, #f2aa02 0%, #ef9402 100%);
	background: -o-linear-gradient(top, #f2aa02 0%, #ef9402 100%);
	background: -ms-linear-gradient(top, #f2aa02 0%, #ef9402 100%);
	background: linear-gradient(to bottom, #f2aa02 0%, #ef9402 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2aa02', endColorstr='#ef9402', GradientType=0 );
}
.light-gray-gradient, .user-option, #precision-ag-buttons .button {
	background: rgb(221,221,221);
	background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(204,204,204,1) 50%, rgba(187,187,187,1) 51%, rgba(153,153,153,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(50%, rgba(204,204,204,1)), color-stop(51%, rgba(187,187,187,1)), color-stop(100%, rgba(153,153,153,1)));
	background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(204,204,204,1) 50%, rgba(187,187,187,1) 51%, rgba(153,153,153,1) 100%);
	background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(204,204,204,1) 50%, rgba(187,187,187,1) 51%, rgba(153,153,153,1) 100%);
	background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(204,204,204,1) 50%, rgba(187,187,187,1) 51%, rgba(153,153,153,1) 100%);
	background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(204,204,204,1) 50%, rgba(187,187,187,1) 51%, rgba(153,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#999999', GradientType=0 );
}
.gray-gradient, .option.disabled {
	background-color: #6a6a6a;
	background: -moz-linear-gradient(top, #6a6a6a 25%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6a6a6a), color-stop(100%, #333333));
	background: -webkit-linear-gradient(top, #6a6a6a 25%, #333333 100%);
	background: -o-linear-gradient(top, #6a6a6a 25%, #333333 100%);
	background: -ms-linear-gradient(top, #6a6a6a 25%, #333333 100%);
	background: linear-gradient(to bottom, #6a6a6a 25%, #333333 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#333333', GradientType=0 );
}
.green-gradient, .region, #precision-ag-buttons .button:hover {
	background: #84c88b;
	background: -moz-linear-gradient(top, #84c88b 0%, #4db856 50%, #00a550 51%, #007f3d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84c88b), color-stop(50%, #4db856), color-stop(51%, #00a550), color-stop(100%, #007f3d));
	background: -webkit-linear-gradient(top, #84c88b 0%, #4db856 50%, #00a550 51%, #007f3d 100%);
	background: -o-linear-gradient(top, #84c88b 0%, #4db856 50%, #00a550 51%, #007f3d 100%);
	background: -ms-linear-gradient(top, #84c88b 0%, #4db856 50%, #00a550 51%, #007f3d 100%);
	background: linear-gradient(to bottom, #84c88b 0%, #4db856 50%, #00a550 51%, #007f3d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84c88b', endColorstr='#007f3d', GradientType=0 );
}
.green-gradient-reverse, .region.opened {
	background: #54985b;
	/*background: #004f0d;
	background: -moz-linear-gradient(top, #004f0d 0%, #44884b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004f0d), color-stop(100%, #44884b));
	background: -webkit-linear-gradient(top, #004f0d 0%, #44884b 100%);
	background: -o-linear-gradient(top, #004f0d 0%, #44884b 100%);
	background: -ms-linear-gradient(top, #004f0d 0%, #44884b 100%);
	background: linear-gradient(to bottom, #004f0d 0%, #44884b 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f0d', endColorstr='#44884b', GradientType=0 );*/
}
.groovy-gradient {
	background-color: #59d6db;
	background: -moz-linear-gradient(45deg, #59d6db 0%, #8eb92a 50%, #72aa00 51%, #23419b 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #59d6db), color-stop(50%, #8eb92a), color-stop(51%, #72aa00), color-stop(100%, #23419b));
	background: -webkit-linear-gradient(45deg, #59d6db 0%, #8eb92a 50%, #72aa00 51%, #23419b 100%);
	background: -o-linear-gradient(45deg, #59d6db 0%, #8eb92a 50%, #72aa00 51%, #23419b 100%);
	background: -ms-linear-gradient(45deg, #59d6db 0%, #8eb92a 50%, #72aa00 51%, #23419b 100%);
	background: linear-gradient(45deg, #59d6db 0%, #8eb92a 50%, #72aa00 51%, #23419b 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59d6db', endColorstr='#23419b', GradientType=1 );
}
.light-red-gradient {
	background: rgb(248,100,70);
	background: -moz-linear-gradient(top, rgba(248,100,70,1) 0%, rgba(241,131,112,1) 50%, rgba(246,61,32,1) 51%, rgba(231,76,59,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,100,70,1)), color-stop(50%, rgba(241,131,112,1)), color-stop(51%, rgba(246,61,32,1)), color-stop(100%, rgba(231,76,59,1)));
	background: -webkit-linear-gradient(top, rgba(248,100,70,1) 0%, rgba(241,131,112,1) 50%, rgba(246,61,32,1) 51%, rgba(231,76,59,1) 100%);
	background: -o-linear-gradient(top, rgba(248,100,70,1) 0%, rgba(241,131,112,1) 50%, rgba(246,61,32,1) 51%, rgba(231,76,59,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,100,70,1) 0%, rgba(241,131,112,1) 50%, rgba(246,61,32,1) 51%, rgba(231,76,59,1) 100%);
	background: linear-gradient(to bottom, rgba(248,100,70,1) 0%, rgba(241,131,112,1) 50%, rgba(246,61,32,1) 51%, rgba(231,76,59,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f86446', endColorstr='#e74c3b', GradientType=0 );
}
.light-blue-gradient {
	background: rgb(224,243,250);
	background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224,243,250,1)), color-stop(50%, rgba(216,240,252,1)), color-stop(51%, rgba(184,226,246,1)), color-stop(100%, rgba(182,223,253,1)));
	background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%);
	background: -o-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%);
	background: -ms-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%);
	background: linear-gradient(to bottom, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd', GradientType=0 );
}
.gentle-purple-gradient {
	background: #b8c6df;
	background: -moz-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8c6df), color-stop(100%, #6d88b7));
	background: -webkit-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
	background: -o-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
	background: -ms-linear-gradient(top, #b8c6df 0%, #6d88b7 100%);
	background: linear-gradient(to bottom, #b8c6df 0%, #6d88b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7', GradientType=0 );
}
.smokey-white-gradient, h1.record-name {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );
}
.smokey-white-gradient-reverse {
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0 );
}
.gentle-blue-gradient, h1.record-name.open {
	background: #b2e1ff;
	background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2e1ff), color-stop(100%, #66b6fc));
	background: -webkit-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
	background: -o-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
	background: -ms-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
	background: linear-gradient(to bottom, #b2e1ff 0%, #66b6fc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc', GradientType=0 );
}
.blue-gradient, .field.selected, .alert.selected, .alert.to-be-selected, .user-option.selected, .group.selected, #notifying.selected {
	opacity: 1;
	background-color: #00aeef;
	background: -moz-linear-gradient(top, #00aeef 0%, #005b7f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aeef), color-stop(100%, #005b7f));
	background: -webkit-linear-gradient(top, #00aeef 0%, #005b7f 100%);
	background: -o-linear-gradient(top, #00aeef 0%, #005b7f 100%);
	background: -ms-linear-gradient(top, #00aeef 0%, #005b7f 100%);
	background: linear-gradient(to bottom, #00aeef 0%, #005b7f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#005b7f', GradientType=0 );
}
/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Metalic Theme

    copyright (c) 2011 - 2013 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before {
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing: content-box !important;
	line-height: normal !important;
}
.Zebra_DatePicker {
	position: absolute;
	background: #373737;
	border: 3px solid #373737;
	display: none;
	z-index: 8;
	font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 13px
}
.Zebra_DatePicker * {
	margin: 0;
	padding: 0;
	color: #666;
	background: transparent;
	border: none
}
/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table {
	border-collapse: collapse;
	border-spacing: 0
}
.Zebra_DatePicker td, .Zebra_DatePicker th {
	text-align: center;
	padding: 5px 0
}
.Zebra_DatePicker td {
	cursor: pointer
}
.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker {
	margin-top: 3px
}
.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
	width: 30px;
	border: 1px solid #BBB;
	background: #DEDEDE url('metallic/default-date.png') repeat-x top;
	color: #666
}
.Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker .dp_footer .dp_hover {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td {
	color: #E0E0E0
}
.Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next {
	width: 30px
}
.Zebra_DatePicker .dp_header .dp_caption {
	font-weight: bold
}
.Zebra_DatePicker .dp_header .dp_hover {
	background: #67AABB;
	color: #FFF
}
/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number, .Zebra_DatePicker .dp_daypicker th {
	background: #F1F1F1;
	font-size: 9px;
	padding-top: 7px
}
.Zebra_DatePicker td.dp_weekend_disabled, .Zebra_DatePicker td.dp_not_in_month, .Zebra_DatePicker td.dp_not_in_month_selectable {
	background: #ECECEC url('metallic/disabled-date.png');
	color: #CCC;
	cursor: default
}
.Zebra_DatePicker td.dp_not_in_month_selectable {
	cursor: pointer
}
.Zebra_DatePicker td.dp_weekend {
	background: #DEDEDE url('metallic/default-date.png') repeat-x top;
	color: #666
}
.Zebra_DatePicker td.dp_selected {
	background: #E26262;
	color: #E0E0E0 !important
}
/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td {
	width: 33%
}
/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td {
	width: 33%
}
/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer {
	margin-top: 3px
}
.Zebra_DatePicker .dp_footer .dp_hover {
	background: #67AABB;
	color: #FFF
}
/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today {
	color: #E0E0E0;
	padding: 3px
}
/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear {
	color: #E0E0E0;
	padding: 3px
}
/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current {
	color: #E26261
}
.Zebra_DatePicker td.dp_disabled_current {
	color: #E38585
}
.Zebra_DatePicker td.dp_hover {
	background: #67AABB url('metallic/selected-date.png') repeat-x top;
	color: #FFF
}
.Zebra_DatePicker td.dp_disabled {
	background: #ECECEC url('metallic/disabled-date.png') repeat-x top;
	color: #DDD;
	cursor: default
}
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background: url('calendar.png') no-repeat left top;
	text-indent: -9000px;
	border: none;
	cursor: pointer;
	padding: 0;
	line-height: 0;
	vertical-align: top
}
button.Zebra_DatePicker_Icon_Disabled {
	background-image: url('calendar-disabled.png')
}
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon {
	margin: 0 0 0 3px
}
button.Zebra_DatePicker_Icon_Inside {
	margin: 0 3px 0 0
}