/************************
*   ITW custom styles   *
************************/
div.content img {
  border:none;
}
div.content #redish {
  color:#A00000;
}
div.content #greenish {
  color:#6C9100;
}
div.content #blueish {
  color:#006DDB;
}
div.flash_warning {
  background-color:#fffad0;
  border:2px solid #b7ae04;
  color:#8B8503;
  padding:5px 20px 5px;
  margin-bottom:15px;
}
table.hm-schedule {
  margin:5px 5px 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#CCCCCC;
	border:solid 3px #CCCCCC;
	border-right-width:10px;
	border-top-width:7px;
	border-bottom-width:10px;
  width:auto;
}
table.hm-schedule th {
  background-color:#CCCCCC;
}
table.hm-schedule th.tippy-top {
	height:9px;
	text-align: left;
}
table.hm-schedule th.top {
	height:15px;
	text-align: left;
}
table.hm-schedule th.left {
	width:40px;
	text-align:center;
}
table.hm-schedule td {
	height:21px;
	width:9px;
}
table.hm-schedule td.bottom {
	font-size:10px;
	text-align:center;
	color:#252525;
	padding-top:10px;
	width:auto;
}
table.hm-schedule td.bottom img {
	margin-bottom:-2px;
	border:0;
}
table.hm-schedule td.status-0 {
	background-color:#FFFFFF;
}
table.hm-schedule td.status-1 {
	background-color:#669900;
}
table.hm-schedule td.status-2 {
	background-color:#CC0000;
}
table.hm-schedule td.status-3 {
	background-color:#FBC200;
}
table.hm-schedule td.status-4 {
	background-color:#EC7600;
}
table.hm-schedule td.status-5 {
	background-color:#99CC00;
}
table.hm-schedule td.status-6 {
	background-color:#0190C8;
}
table.hm-schedule td.status-7 {
	background-color:#9C00C8;
}
table.hm-schedule td.status-8 {
	background-color:#C7008F;
}
table.hm-schedule td.status-9 {
	background-color:#99FFFF;
}
table.hm-schedule-op, table.hm-status-op {
  width:auto;
}
table.hm-schedule-op td {
	background-color:#F0F0F0;
	padding:10px;
	font-size:11px;
}
table.hm-status-op td {
	background-color:#F0F0F0;
	padding:10px;
}
table.hm-schedule-op td.bottom,
table.hm-status-op td.bottom {
  text-align:center;
	padding-top:7px;
}
#available_devices ul li,
#current_devices ul li,
#devices ul li,
#notification_steps ul li {
	width:250px;
	margin:5px;
  list-style:none;
	position:relative;
	left:-46px;
}
#available_items ul li {
	width:298px;
	margin:5px;
  list-style:none;
	position:relative;
	left:-46px;
}
#menu_options ul li {
  margin:5px;
  list-style:none;
  position:relative;
  left:-46px;
}
.hm-item-slot, .hm-device-slot, .hm-step-slot {
  background-color:#FFFFFF;
	border:dashed 3px #BBBBBB;
	height:52px;
  text-align:center;
}
.hm-item-slot-hover, .hm-device-slot-hover, .hm-step-slot-hover {
	border:dashed 3px #666666;
}
.hm-available-item, .hm-available-device {
  background-color:#CECECE;
	border:solid 3px #777777;
	cursor:-moz-grab;
}
.hm-invalid-item, .hm-invalid-device {
  background-color:#EACDCD;
	border:solid 3px #C26969;
	cursor:-moz-grab;
}
.hm-fixed-item, .hm-valid-item, .hm-valid-device {
  background-color:#CADBC6;
	border:solid 3px #66905B;
	cursor:-moz-grab;
}
.hm-menu-item, .hm-notification-step {
  background-color:#BFCDDC;
	border:solid 3px #53749A;
	cursor:-moz-grab;
}
table.hm-item, table.hm-edit-item, table.hm-device, table.hm-step {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
table.hm-item img, table.hm-edit-item img {
	margin-top:8px;
}
table.hm-device th, table.hm-step th {
	width:65px;
	height:50px;
  text-align:center;
}
table.hm-item th, table.hm-edit-item th  {
	width:70px;
	height:52px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:28px;
  color:#555555;
}
table.hm-item td {
	width:228px;
  vertical-align:top;
}
table.hm-edit-item td {
  width:auto;
  vertical-align:top;
}
table.hm-device td, table.hm-step td {
	width:185px;
  vertical-align:top;
}
div.hm-option-links, div.hm-device-links, div.hm-step-links {
  text-align:right;
	margin-bottom:4px;
}
div.hm-option-title, div.hm-device-title, div.hm-step-title {
	font-size:14px;
	margin-bottom:5px;
}
table.hm-item td input[type="text"],
table.hm-device td input[type="text"],
table.hm-step td input[type="text"] {
	margin-top:1px;
	margin-bottom:5px;
}
table.hm-edit-item td select {
	margin-top:4px;
}
table.hm-item td .submit, table.hm-device td .submit, table.hm-step td .submit {
  font-size:9px;
}
div.as-form-subarea {
  background:#EEEEEE none;
  border:#999999 thin solid;
  margin-bottom:7px;
  padding:3px;
  line-height:1.8em;
}
div.as-form-subarea label {
  font-size:12px;
  color:#000000;
}
div.as-form-subarea p {
  margin:2px 5px 2px 5px;
}
div.content form div.as-form-subarea a,
form#menu_name_form a {
  background:none;
  border:none;
  padding:0;
}
div.content form div.as-form-subarea a:hover,
form#menu_name_form a:hover {
  background:none;
  border:none;
  padding:0;
}
div#menu_name_area h4 a {
  font-size:9px;
  color:#EEEEEE;
  background:#444444 none;
  padding:2px;
}
div.rules-subarea {
  background:#EEEEEE none;
  border:#999999 thin solid;
  margin-bottom:7px;
  padding:3px;
  line-height:1.6em;
}
div.rules-subarea table {
  width:auto;
}
div.rules-subarea col#c1 {
  width:90px;
}
div.rules-subarea label {
  vertical-align:text-top;
}
form.subform {
  background:#DDDDDD none;
  padding:10px 10px 5px 10px;
  border:#999999 thin solid;
}
form.subform dl {
  margin-top:0;
}
form.subform dt {
  margin-bottom:1px;
}
form.subform dd {
  margin:0;
}
form.subform p {
  text-align:center;
  margin:0;
}
table#area {
  background:#EEEEEE none;
  border:#999999 thin solid;
  margin-bottom:7px;
  padding:10px;
  line-height:1.6em;
}
form#work-ticket-form col#c1 {
  width:100px;
  vertical-align:top;
}
table#area col#c1 {
  width:100px;
  vertical-align:top;
}
table#area td {
  vertical-align:top;
}
table#area h4 {
  font-family:Georgia,Times New Roman,Times,serif;
  font-size:18px;
  margin:0 0 6px 0;
}
table#subarea {
  background:#DDDDDD none;
  border:#999999 thin solid;
  padding:8px 4px 8px 4px;
}
table#subarea label {
  vertical-align:text-bottom;
}
table#subarea col#c1 {
  width:100px;
}
div#markup_content input {
  vertical-align:text-bottom;
}
/*************************************
*   adjustments to Goldberg layout   *
*************************************/
table.system_settings tr.settings_row {
  background-color:#C8E3FF;
}
input[type="submit"],
div.content form a,
div.content form input[type="button"] {
  background:#F0F0F0 none repeat scroll 0%;
  border:1px solid #B0B0B0;
  color:#606060;
  padding:1.5px;
  font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
}
input[type="submit"]:hover,
div.content form a:hover {
  background:#F0F0F0 none repeat scroll 0%;
  border:1px solid #B0B0B0;
  color:#606060;
  padding:1.5px;
  font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
}



input[type="reset"],
div.content form a,
div.content form input[type="button"] {
  background:#F0F0F0 none repeat scroll 0%;
  border:1px solid #B0B0B0;
  color:#606060;
  padding:1.5px;
  font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
}
input[type="reset"]:hover,
div.content form a:hover {
  background:#F0F0F0 none repeat scroll 0%;
  border:1px solid #B0B0B0;
  color:#606060;
  padding:1.5px;
  font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
}


div.content form a {
  padding:2.4px 5px 2.4px 5px;
}
div.content form a:hover {
  padding:2.4px 5px 2.4px 5px;
}
div.fieldWithErrors {
  display:inline;
}
div.container {
  background:#F0F0F0 url(../images/bodybg.png) repeat-x scroll 0% 0%;
}
div.header {
  margin:0pt 15px 11px;
}
div.header p {
  color:#333333;
  font-size:1.1em;
  letter-spacing:1.1px;
}
div.footer {
  background:#979797 url(../images/footerbg.jpg) repeat-x scroll left top;
}
body {
  background:#979797 none repeat scroll 0%;
  font-size:90%;
}
div.content form p.non-as input {
  margin-left:3px;
  vertical-align:text-top;
}
div.content form p.non-as label {
  vertical-align:text-top;
}
div.content form table#area label {
  vertical-align:text-bottom;
}
div.content form p.non-as {
  line-height:1.6em;
}
/*******************************************
*   adjustments to ActiveScaffold layout   *
*******************************************/
.active-scaffold th.loading a,
.active-scaffold th.loading a:hover {
background: #333 url(../images/column-indicator.gif) right 50% no-repeat;
}
.active-scaffold h4 {
  font-size:inherit;
  padding:0;
}
.active-scaffold .active-scaffold .active-scaffold-header h2 {
  font-size:16px;
  margin-bottom:4px;
}
.active-scaffold p.form-footer {
  clear:both;
  padding:0 0 2px 0;
}
.active-scaffold .form-footer .loading-indicator {
  margin-bottom:2px;
}
.active-scaffold .form-element h5 {
  font-size:12px;
  margin:10px 0pt 7px;
  color:#555555;
}
.active-scaffold tr.alert td, .active-scaffold tr.alert td.sorted {
  background-color:#ffddd1;
  color:#571802;
}
.active-scaffold td.numeric,
.active-scaffold-calculations td {
  text-align:left;
}
.active-scaffold li.form-element dd #record_occupied,
.active-scaffold li.form-element dd #record_locked_out,
.active-scaffold li.form-element dd #record_protected,
.active-scaffold li.form-element dd #record_call_back,
.active-scaffold li.form-element dd #record_active,
.active-scaffold li.form-element dd #schedule_active,
.active-scaffold li.form-element dd #schedule_protected,
.active-scaffold li.form-element dd #use_team_schedule_f,
.active-scaffold li.form-element dd #use_team_schedule_t {
  margin-left:0px;
  margin-top:6px;
}
.active-scaffold li.form-element ul.checkbox-list input {
  margin-left:0px;
  margin-top:6px;
}
.active-scaffold li.form-element ul.checkbox-list {
  padding-left:0px;
  padding-bottom:12px;
}
.active-scaffold li.form-element dd label {
  margin-top:0;
  vertical-align:text-top;
}
.active-scaffold li.form-element {
  padding-top:0px;
}
.active-scaffold input.text-input,
.active-scaffold select {
  font-size:0.9em;
  letter-spacing:0px;
}
.active-scaffold .show-view dd {
  font-size:0.9em;
}
.active-scaffold .sub-form {
  background:#B7C99C none;
  padding-right:5px;
  padding-left:15px;
  margin-top:5px;
  margin-bottom:5px;
}
.active-scaffold .sub-form .footer {
  background:none;
}
.active-scaffold .sub-form table dd {
  margin-left:0px;
}
/**********************************
*   required for screen overlay   *
**********************************/
#overlay img {
  border:none;
  vertical-align:text-bottom;
}
#overlay {
  background-image:url(../images/overlay.png);
}
* html #overlay {
  background-color:#333;
  back\ground-color:transparent;
  background-image:url(../images/blank.gif);
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png",sizingMethod="scale");
}