body { font-family:Arial, sans serif; font-size:12px; padding:0px; margin:0px; }
body input, body select { font-family:Arial, sans serif; font-size:11px; }
body a { color: #36c; font-size:11px; }
body a[disabled="disabled"] { color: Gray; }

div.TopHeader { color:#aaa; background-color:#111; padding: 3px; margin: 0px;height: 60px;}
div.TopHeader div.TopHeaderLogoff { float:right; padding:6px; height: 35px;}
div.TopHeader h1 { font-size:16px; font-weight:bold; margin:0px; }
div.TopHeader h1 .Version { font-size:10px; font-weight:normal; margin:0px; color:#111; }
div.TopHeader a { color:#aaa; } 

div.Alerts { float:right; padding: 2px 9px; width:50%; }
div.Alerts td.Inactive { background-color: #eee; }
div.Alerts td.Normal { background-color: #bfb; }
div.Alerts td.Warning { background-color: #ffb; }
div.Alerts td.Error { background-color: #fbb; }
div.Alerts div.Inactive { background-color: #eee; border: solid 1px #999; padding: 1px 8px; }
div.Alerts div.Normal { background-color: #9f9; border: solid 1px #0a3; padding: 1px 8px; }
div.Alerts div.Warning { background-color: #ff6; border: solid 1px #aa0; padding: 1px 8px; }
div.Alerts div.Error { background-color: #f99; border: solid 1px #a33; padding: 1px 8px; }

.ProblemsError { background-color: #f99; } 
.ProblemsNormal { background-color: #9f9; } 
.PaymentCommentsExists { background-color: #f99; } 
.PaymentCommentsNormal { background-color: #9f9; } 

div.BreadCrumps { padding: 3px 1px; }
div.BreadCrumps span { padding: 0px 2px; }

div.PageHeader { color:#333; padding: 10px 15px 0px 15px; }
div.PageHeader h2 { font-size:16px; font-weight:bold; margin: 0px; }
div.PageHeader a { font-size:12px; font-weight:bold; }
div.PageHeader .Normal { font-size:12px; font-weight:normal; }

div.PageContent { margin: 20px; }
div.PageContent h3 { font-size:16px; font-weight:bold; margin:0px }
div.PageContent h4 { font-size:14px; font-weight:bold; margin:0px }
div.PageContent h4 a { font-size:14px; }
div.PageContent strong { font-weight:bold; font-style: italic; }

table.LayoutTable { border:none; margin:0px; border-collapse:collapse; }
table.LayoutTable td { vertical-align:top; }
table.LayoutTable td.VSeparator { width:15px; }

table.GridTable { font-size:11px; border-collapse:collapse; margin:2px; }
table.GridTable tr.inactive{ color: #969696; }
table.GridTable th { font-weight:bold; background-color: #eee; padding:2px 4px; text-align:left; border-bottom: solid 1px Black; border-left: solid 1px Black; }
table.GridTable th.Regular { background-color: white; }
table.GridTable th.Monitor { background-color: #ff6; }
table.GridTable th.Attention { background-color: #fa4; }
table.GridTable th.Overdue { background-color: #f99; }
table.GridTable th.Low { background-color: #ff6; }
table.GridTable th.Medium { background-color: #fa4; }
table.GridTable th.Critical { background-color: #f99; }
table.GridTable th.RowHeader { border-bottom: solid 1px #ddd; border-left: solid 1px Black; }
table.GridTable th.First { border-left: none; }
table.GridTable th.SortedAsc { background: #eee url(Images/sort_asc.gif) no-repeat right top; }
table.GridTable th.SortedDesc { background: #eee url(Images/sort_desc.gif) no-repeat right top; }

table.GridTable td { padding:2px 4px; border-bottom: solid 1px #ddd; border-left: solid 1px Black; }
table.GridTable td.First { border-left: none; }
table.GridTable td.WrappedFirst { border-left: none; max-width:80px; word-wrap:break-word;}
table.GridTable td.GrandTotal { border-bottom: none; border-top: solid 1px Black;}
/*table.GridTable td.Total { background: url(Images/icon_corn.gif) no-repeat bottom right; padding-right:9px;}*/
table.GridTable td.Total a { color: Black; text-decoration:none; border-bottom: dotted 1px Black; }
table.GridTable td.Zero a { color:Silver; border-bottom-color: Silver; }
table.GridTable td.Zero span { color:Silver; }
table.GridTable td.Low { background-color: #ff6; }
table.GridTable td.Medium { background-color: #fb6; }
table.GridTable td.Critical { background-color: #f99; }
table.GridTable td.Regular { background-color: white; }
table.GridTable td.Monitor { background-color: #ff6; }
table.GridTable td.Attention { background-color: #fa4; }
table.GridTable td.Overdue { background-color: #f99; }
table.GridTable td.Sorted { background-color:#f8f8f8; }

table.GridTable th input[type="checkbox"], table.GridTable td input[type="checkbox"] { margin: 0px 3px; padding:0px; height:13px; }
table.GridTable th.BigHeader { font-size: 14px; font-weight:bold; background-color: #ddd; border-style: solid; border-color: White; border-width: 2px 0px; }
table.GridTable td.ActiveCorrector { background-color: #bfb; }
table.GridTable td.InactiveCorrector { background-color: #f8f8f8;}
table.GridTable td.SmallInputRight, 
table.GridTable td.SmallInputLeft { padding: 1px 2px; }
table.GridTable td.InputLeft input { width: 156px; border: solid 1px #ffffff; margin:0px; }
table.GridTable td.SmallInputRight input, 
table.GridTable td.SmallInputLeft input { width: 56px; border: solid 1px #ffffff; margin:0px; }
table.GridTable td.SmallInputRight input { text-align:right; }
table.GridTable td.SmallInputLeft input { text-align:left; }
table.GridTable td.OverdueInputRight, 
table.GridTable td.OverdueInputLeft { padding: 1px 2px; }
table.GridTable td.OverdueInputRight input, 
table.GridTable td.OverdueInputLeft input { width: 15px; border: solid 1px #ffffff; margin:0px; }
table.GridTable td.OverdueInputRight input { text-align:right; }
table.GridTable td.OverdueInputLeft input { text-align:left; }
table.GridTable td span.Gray { font-style: italic; color: Gray; }
table.GridTable td div.Gray { font-style: italic; color: Gray; }
table.GridTable th span.Gray { font-style: italic; color: #666; }
table.GridTable td div.GrayCompleted { font-style:normal; position:absolute; margin: -2px -4px; height: 18px; background-color: Black; opacity: 0.07; filter:alpha(opacity=7)}
table.GridTable td div.ProgressBar { position:absolute; margin: -2px -4px; height: 18px; background-color: Black; opacity: 0.07; filter:alpha(opacity=7)}

table.GridTable tr.Pager td { border-left: none; padding: 0px 3px; }
table.GridTable tr.Pager table td { border: none; padding: 0px 1px; }

table.GridTable tr.Expandable a.Expanded { padding-left: 14px; font-weight:bold; background: url(Images/expanded.gif) no-repeat; }
table.GridTable tr.Expandable a.Collapsed { padding-left: 14px; font-weight:bold; background: url(Images/collapsed.gif) no-repeat; }

    table.GridTable tr.done {
        background-color:lightgreen;
    }
    table.GridTable tr.open {
        background-color: lightpink;
    }


table.Permission {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}
table.Permission td.Selected { border:1px solid black; border-right: 0px; background-color:#f8f8f8; }
table.Permission td.Selected a { font-weight:bold; }
table.Permission td.Unselected {border: 0px; border-right:1px solid black; }
table.Permission td.RightPan { border:1px solid black; border-left:0px; background-color:#f8f8f8; }

table.AttributesTable { font-size:11px; border-collapse:collapse; margin:2px; }
table.AttributesTable th { font-weight:bold; text-align:left; vertical-align:top; padding: 2px 4px; background: #eee; border-right: solid 1px #ddd; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
table.AttributesTable td { padding: 2px 4px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }

table.CreditCardTable { font-size:11px; border-collapse:collapse; width:100%; margin-top:5px; }
table.CreditCardTable td.Header { font-weight:bold; text-align:left; vertical-align:top; padding: 2px 4px; background: #eee; border-right: solid 1px #ddd; }
table.CreditCardTable td { padding-left: 5px; border-right: solid 1px #ddd; padding-top:2px; padding-bottom: 2px;}
table.CreditCardTable td.First { border-top: solid 1px #ddd; }
table.CreditCardTable td.Last { border-bottom: solid 1px #ddd; }

table.GridTableLight { font-size:11px; border-collapse:collapse; margin:2px; }
table.GridTableLight th { font-weight:bold; padding:2px 4px; text-align:left; border-bottom: solid 1px #bbb; border-left: solid 1px #eee; vertical-align:top; }
table.GridTableLight th.First { border-left: none; }
table.GridTableLight th.Total { border-bottom: none; border-top: solid 1px #bbb }
table.GridTableLight td { padding:2px 4px; border-bottom: solid 1px #ddd; border-left: solid 1px #eee; vertical-align:top; }
table.GridTableLight td.First { border-left: none; }

div.ButtonsPanel { padding: 10px 5px 0px 5px; }
div.ButtonsPanel a { padding: 0px 4px; }
div.ButtonsPanel p { padding: 0px 4px; margin: 2px 0px; font-size:11px; }
div.ButtonsPanel div.StatusLine { padding: 6px 4px; }
/*div.StatusLine*/ .InfoMessage { padding: 1px 2px 1px 18px; font-size:11px; color: #060; background: #efe url(Images/icon_confirm.gif) no-repeat 2px 2px; }
div.StatusLine .InfoMessage strong { font-weight:normal; font-style:italic; text-decoration:underline; }
div.ButtonsPanel div.StatusLine .NeutralMessage { padding: 1px 2px 1px 18px; font-size:11px; color: #333; background: #eee url(Images/icon_warning.gif) no-repeat 2px 2px; }
div.ButtonsPanel div.StatusLine .NeutralMessage strong { font-weight:normal; font-style:italic; text-decoration:underline; }
/*div.StatusLine*/ .ErrorMessage { padding: 1px 2px 1px 18px; font-size:11px; color: #800; background: #fee url(Images/icon_error.gif) no-repeat 2px 2px; }
div.StatusLine .ErrorMessage strong { font-weight:normal; font-style:italic; text-decoration:underline; }

div.ButtonsPanel.Vertical a { display: block }

div.opentickets { padding: 10px 5px 0px 5px; }
div.opentickets span { display:block;     font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 2px 4px;
    background: #eee;}

.Unlock { padding: 1px 2px 1px 15px; background: url(Images/icon_lock.png) no-repeat 2px 2px transparent; }

div.BorderBox { border: solid 1px #aaa; padding: 6px; }

.ErrorMessage { color:Red; }
.ErrorMessage strong { font-weight:bold; text-decoration: underline; }
.ValidationError { color:Red; font-size: 11px; }
input.ValidationErrorInput { color:Red; font-weight:bold; }
.RushLabel { color: Red; font-weight: bold; }

div.PopupBlock { position:absolute; visibility:hidden; padding:0px; background: #fff; font-size:12px; z-index: 1000;}
div.PopupBlock div.PopupHeader { font-weight:bold; background-color: #eee; padding:5px 4px; border: solid 1px #888; border-bottom:none; }
div.PopupBlock div.PopupHeader strong { font-style:italic; text-decoration:underline; }
div.PopupBlock div.PopupHeader a.CloseButton { width:12px; height:12px; margin:1px 2px; background: url(Images/icon_close.gif); float:right;display:block; }
div.PopupBlock div.PopupBody { padding: 4px; border: solid 1px #888; border-top: none; }

div.CommentBlock { font-size: 11px; }
div.CommentBlock .UserName { font-weight:bold; text-decoration:underline; }
div.CommentBlock .DateTime { color: #666; }
div.CommentBlock .Status { font-style:italic; }
div.CommentBlock .Comment { padding:0px 0px 12px 12px; }
div.CommentBlock .Comment pre { margin:0px; }
div.InlineCommentsBlock {  padding: 4px; margin:1px; border: solid 1px #ddd; overflow-y:scroll; overflow-x:auto; }

label.HoldFilterActive { font-weight:bold; color: #039; }
label.HoldFilterInactive { font-weight:bold; color: #ccc; }

hr { border:none; border-top: solid 1px #ddd; margin: 12px 0px 6px 0px; }

div.ManagerFilter { padding:1px; display:inline-block; }
div.OverdueFilter { padding-left:170px; display:inline-block; }


a.Calendar { width:16px; height:16px; display:block; background: url(Images/icon_calendar.gif); }

table.FilterTable { border-collapse:collapse; margin:0px; border: 1px solid #ddd; }
table.FilterTable td { padding:2px 4px; }

table.StatusTable { border: 0px; }
table.StatusTable td { border: 0px; padding:0px;}

table.ProgressTable { border: 0px; width:100%; margin: 0px; }
table.ProgressTable td { border: 0px; padding:0px; }
table.ProgressTable td.Bordered { border-left: 1px solid black; padding-left:3px;}
table.ProgressTable td.Gray { background-color: Black; opacity: 0.07; filter:alpha(opacity=7); color:Black; }
table.ProgressTable td.BorderedCentered { border-left: 1px solid black; text-align:center; }

div.CoverMade {background: url(Images/book_statuses.png) repeat scroll 0 0 transparent; height: 16px; width: 16px; }
div.BlockGlued {background: url(Images/book_statuses.png) repeat scroll -16px 0 transparent; height: 16px; width: 16px; }
div.BlockTrimmed {background: url(Images/book_statuses.png) repeat scroll -32px 0 transparent; height: 16px; width: 16px; }
div.BlockCoverMatched {background: url(Images/book_statuses.png) repeat scroll -48px 0 transparent; height: 16px; width: 16px; }
div.CoverApplied {background: url(Images/book_statuses.png) repeat scroll -64px 0 transparent; height: 16px; width: 16px; }
div.Ready {background: url(Images/book_statuses.png) repeat scroll -80px 0 transparent; height: 16px; width: 16px; }
div.Departed {background: url(Images/book_statuses.png) repeat scroll -96px 0 transparent; height: 16px; width: 16px; }
div.Arrived {background: url(Images/book_statuses.png) repeat scroll -112px 0 transparent; height: 16px; width: 16px; }
div.CoverPrinted {background: url(Images/book_statuses.png) repeat scroll -128px 0 transparent; height: 16px; width: 16px; }
div.BlockPrinted {background: url(Images/book_statuses.png) repeat scroll -144px 0 transparent; height: 16px; width: 16px; }
div.EdgeGilding {background: url(Images/book_statuses.png) repeat scroll -160px 0 transparent; height: 16px; width: 16px; }
div.Stamped {background: url(Images/book_statuses.png) repeat scroll -176px 0 transparent; height: 16px; width: 16px; }
div.InCart {background: url(Images/book_statuses.png) repeat scroll -192px 0 transparent; height: 16px; width: 16px; }
div.InProduction {background: url(Images/book_statuses.png) repeat scroll -208px 0 transparent; height: 16px; width: 16px; }
div.BookPrepared {background: url(Images/book_statuses.png) repeat scroll -224px 0 transparent; height: 16px; width: 16px; }
div.ReceivedByGluing {background: url(Images/book_statuses.png) repeat scroll -112px 0 transparent; height: 16px; width: 16px; }

div.CoverMadeInactive {background: url(Images/book_statuses.png) repeat scroll 0 -16px transparent; height: 16px; width: 16px; }
div.BlockGluedInactive {background: url(Images/book_statuses.png) repeat scroll -16px -16px transparent; height: 16px; width: 16px; }
div.BlockTrimmedInactive {background: url(Images/book_statuses.png) repeat scroll -32px -16px transparent; height: 16px; width: 16px; }
div.BlockCoverMatchedInactive {background: url(Images/book_statuses.png) repeat scroll -48px -16px transparent; height: 16px; width: 16px; }
div.CoverAppliedInactive {background: url(Images/book_statuses.png) repeat scroll -64px -16px transparent; height: 16px; width: 16px; }
div.ReadyInactive {background: url(Images/book_statuses.png) repeat scroll -80px -16px transparent; height: 16px; width: 16px; }
div.DepartedInactive {background: url(Images/book_statuses.png) repeat scroll -96px -16px transparent; height: 16px; width: 16px; }
div.ArrivedInactive {background: url(Images/book_statuses.png) repeat scroll -112px -16px transparent; height: 16px; width: 16px; }
div.CoverPrintedInactive {background: url(Images/book_statuses.png) repeat scroll -128px -16px transparent; height: 16px; width: 16px; }
div.BlockPrintedInactive {background: url(Images/book_statuses.png) repeat scroll -144px -16px transparent; height: 16px; width: 16px; }
div.EdgeGildingInactive {background: url(Images/book_statuses.png) repeat scroll -160px -16px transparent; height: 16px; width: 16px; }
div.StampedInactive {background: url(Images/book_statuses.png) repeat scroll -176px -16px transparent; height: 16px; width: 16px; }
div.InCartInactive {background: url(Images/book_statuses.png) repeat scroll -192px -16px transparent; height: 16px; width: 16px; }
div.InProductionInactive {background: url(Images/book_statuses.png) repeat scroll -208px -16px transparent; height: 16px; width: 16px; }
div.BookPreparedInactive {background: url(Images/book_statuses.png) repeat scroll -224px -16px transparent; height: 16px; width: 16px; }
div.ReceivedByGluingInactive {background: url(Images/book_statuses.png) repeat scroll -112px -16px transparent; height: 16px; width: 16px; }

div.ProblemIcon {background: url(Images/book_problematic.png); height: 16px; width: 16px; }
div.ProblemIconInactive {background: url(Images/book_problematic_inactive.png); height: 16px; width: 16px; }

a.LinkButton { text-decoration:underline; cursor:pointer; }

.pencil {background:url("Images/edit.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; float:left; height:10px; margin:0 0 0 6px; width:10px; }
.editbox {display: none;}
.editableLabel{float: left; }
.hiddenPanel {display: none;}

table.AddressList { border: 0px; }
table.AddressList th { border: 0px; background:none; font-weight:normal; }
table.AddressList td { border: 0px; }

.AddressPopup .AddressLine {width: 250px; margin-top:3px;margin-left:1px;}
.AddressPopup table.AddressFields { border: 0px; }
.AddressPopup table.AddressFields td {padding-top: 3px;}
.AddressPopup table.AddressFields td.Last { padding-left:16px; }

.SetPasswordPopup .PasswordLine {width: 190px; margin-top:4px;margin-left:1px;}

table.InfoTable { border: 0px; }
table.InfoTable th { border: 0px; background:none; font-weight:normal; }
table.InfoTable td { border: 0px; }

div.Tooltip { position:absolute; z-index:999; top:-20px; right:-200px; width:250px; border:1px solid #ccc; background: white; display:none;}
div.CreditCard {background: url(Images/icon_credit.png) repeat scroll 0 0 transparent; height: 16px; width: 16px; }
div.Paypal {background: url(Images/icon_paypal.png) repeat scroll 0 0 transparent; height: 16px; width: 16px; }
div.WePay {background: url(Images/icon_credit.png) repeat scroll 0 0 transparent; height: 16px; width: 16px; }

a.BoldLink {font-weight: bold; }
a.LargeBoldLink {font-weight: bold; font-size: 13pt;}

a.BatchProblemsLink {font-weight: bold; padding-left:20px; color:Black; }

.loading { background:transparent url(Images/ajaxloaderBar.gif) center no-repeat; }

.selectBox {top:-1px;padding:0;margin:0; width:13px; height:13px; position:relative; vertical-align:bottom;*overflow: hidden;}

/* shelves board */
.shelfBox {float: left; height:75px; width: 95px; border: 1px solid black; margin: 1px; cursor : pointer;}
.shelfBox .shelfNumber {font-size:16px; font-weight:bold; color: Black; padding-left:5px;}
.shelfBox .shelfInfo { margin-left: 21px; }
.shelfBox .shelfAction { margin-left: 14px; margin-top: 14px; }
.yellowAlert { background-color:Yellow; }
.redAlert { background-color:Red; }
.whiteAlert { background-color:White; }
.zenSmartShelf { background-color:#FF7F27; }

/*AutoComplete flyout */
.autocomplete_completionListElement {
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    padding-left:0px;
    list-style-type : none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
	background-color: #ffff99;
	color: black;
	cursor: pointer;
	padding : 1px 1px 1px 5px;
}

/* AutoComplete item */
.autocomplete_listItem  {
	background-color : white;
	color : windowtext;
	cursor: pointer;
	padding : 1px 1px 1px 5px;
}

.invalidField { border: 1px solid red; padding:2px; }

.RefreshIcon { background: white url(Images/refresh.png) no-repeat 0px 0px; height:16px; width:16px; display:inline-block; cursor:pointer; margin-left:5px; }
.DeleteIcon { background: url(Images/icon_delete.png) repeat scroll 0 0 transparent; height:16px; width:16px; display:inline-block; cursor:pointer; margin-left:5px; }

.ajxLoader {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background:#FFFFFF url(Images/ajax-loader.gif) no-repeat scroll center 9px;
	border:3px solid #999999;
	font-size:12px;
	height:25px;
	left:43%;
	margin-left:-20px;
	margin-top:-20px;
	padding:48px 8px 0;
	position:fixed;
	top:40%;
	z-index:99999999;
}

table.GridTable .ajax__calendar_body td 
{
     padding: 0; 
     border-bottom: none; 
     border-left: none; 
}

table.CyclesTable { font-size: 22px; }
table.CyclesTable td a { font-size: 22px; }
table.CyclesTable th { font-weight: normal; text-align: center; font-size: 26px;}
table.CyclesTable tr.Completed { background-color: #bfb; }
table.CyclesTable tr.InCompleted { background-color: #fbb; }

table.ShiftsTable { border-collapse:collapse; width:100%; height:100%; }
table.ShiftsTable td.Left { width:340px; border-right: 1px solid black;padding-right:16px; vertical-align: top; }
table.ShiftsTable td.Right { padding:8px;vertical-align:top; }

div.ShiftsMenuItem {font-size:24px;text-align:center;width:100%;color:#333333;padding:8px;cursor:pointer;}
div.ShiftsMenuItem.Selected {background-color:#cccccc;}

div.ShiftsContainer { display:none; width:100%; height:100%; }

table.ShiftsSettingsTable { font-size:16px; border-collapse:collapse; width:365px; }
table.ShiftsSettingsTable td.Header { font-weight:bold; text-align:center;  padding: 2px 4px; background: #eee; }
table.ShiftsSettingsTable td { padding-left: 5px; border: solid 1px #ddd; padding-top:6px; padding-bottom: 6px; text-align:center;}

.MetalPrints_content {width: 1080px;}
.MetalPrints_content .MetalPrints_grid {width: 100%; border: none; font-size: 13px; margin-top:22px}
.MetalPrints_content .MetalPrints_grid td { font-size: 11px;border-width: 2px;border: none; border-bottom: solid 1px #ddd; border-right: solid 1px #000; text-align: center}
.MetalPrints_content .MetalPrints_grid tr {height: 30px}
.MetalPrints_content .MetalPrints_grid tr td:last-child {border-right: none;}
.MetalPrints_content .MetalPrints_grid th {height: 40px; border: none; border-bottom: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; background-color: #eee; font-size: 11px;}
.MetalPrints_content .MetalPrints_grid th:last-child {border-right: none;}
.MetalPrints_content .MetalPrints_grid tr td input[type="text"] { width: 100px;height: 8px; font-size: 13px}
.MetalPrints_content .MetalPrints_grid th, .MetalPrints_content .MetalPrints_grid tr td {text-align: left; padding: 5px 10px;}


.MetalPrints_content .GroupBtn {
    display: table-cell;
    max-width: 200px;
    min-width: 107px;
    width: 100%;
    padding: 0 15px;
    background: white;
    height: 40px;
    width: auto;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid black;
    /*border-bottom: 1px solid black;*/
    border-right: 1px solid black;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    margin-right: -5px
}
.MetalPrints_content .GroupBtn:first-child {
    border-left: 1px solid black;
}

.MetalPrints_content .GroupBtn.Selected {
    position: relative;
    background: lightgray;
}
.MetalPrints_content .GroupBtn.Selected:after {position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; background: lightgray; content: '';}

.MetalPrints_content .Grouping_container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 43px;
    position: relative;
    top: 22px;
}
/*checkbox*/
.MetalPrints_content label {
    font-weight: bold;
    font-size: 15px;
    margin-right: 20px
}
.MetalPrints_content .PrintBtn {
    font-weight: bold;
    font-size: 15px;
    width: 100px;
    height: 40px;
}
.MetalPrints_content .wrp-prints {display: inline-block; vertical-align: middle; position: relative; top: 16px;}

.WoodPrints_content {width: 1080px;}
.WoodPrints_content .WoodPrints_grid {width: 100%; border: none; font-size: 13px;}
.WoodPrints_content .WoodPrints_grid td { font-size: 11px;border-width: 2px;border: none; border-bottom: solid 1px #ddd; border-right: solid 1px #000; text-align: center}
.WoodPrints_content .WoodPrints_grid tr {height: 30px}
.WoodPrints_content .WoodPrints_grid tr td:last-child {border-right: none;}
.WoodPrints_content .WoodPrints_grid th {height: 40px; border: none; border-bottom: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; background-color: #eee; font-size: 11px;}
.WoodPrints_content .WoodPrints_grid th:last-child {border-right: none;}
.WoodPrints_content .WoodPrints_grid tr td input[type="text"] { width: 100px;height: 8px; font-size: 13px}
.WoodPrints_content .WoodPrints_grid th, .WoodPrints_content .WoodPrints_grid tr td {text-align: left; padding: 5px 10px;}


.WoodPrints_content .GroupBtn {
    display: table-cell;
    max-width: 200px;
    min-width: 107px;
    width: 100%;
    padding: 0 15px;
    background: white;
    height: 40px;
    width: auto;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid black;
    /*border-bottom: 1px solid black;*/
    border-right: 1px solid black;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    margin-right: -5px
}
.WoodPrints_content .GroupBtn:first-child {
    border-left: 1px solid black;
}

.WoodPrints_content .GroupBtn.Selected {
    position: relative;
    background: lightgray;
}
.WoodPrints_content .GroupBtn.Selected:after {position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 1px; background: lightgray; content: '';}

.WoodPrints_content .Grouping_container {
    display: inline-block;
    vertical-align: middle;
    margin-right: 43px;
    position: relative;
    top: 22px;
}
/*checkbox*/
.WoodPrints_content label {
    font-weight: bold;
    font-size: 15px;
    margin-right: 20px
}
.WoodPrints_content .PrintBtn {
    font-weight: bold;
    font-size: 15px;
    width: 100px;
    height: 40px;
}
.WoodPrints_content .wrp-prints {display: inline-block; vertical-align: middle; position: relative; top: 16px;}

td.FunnelNormal { background-color: #eee; }
td.FunnelWarning { background-color: #ffb; }
td.FunnelError { background-color: #fbb; }

/*style prints*/
@media print {
 .PageHeader > .LayoutTable a, .TopHeader, .Alerts, .wrp-prints {display: none !important;}
 .MetalPrints_content .GroupBtn.Selected {background: lightgray !important;}
}

/* SHIFT SETTINGS PAGE */

/*.shift-table-stl__inner .Left {display: inline-block; width: 20%; min-height: 100%; position: fixed; left: 0; background: #000000;}
.shift-table-stl__inner .Right {margin-left: 20%;}
.shift-table-stl__inner .Left > div {color: #fff;}
.shift-table-stl__inner div.ShiftsMenuItem:hover {background: rgba(60,60,60,0.5); transition: .5s all;}
.shift-table-stl__inner div.ShiftsMenuItem.Selected {position: relative; background: #3c3c3c;}
.shift-table-stl__inner div.ShiftsMenuItem.Selected:before {position: absolute; left: 0; top: 0; width: 8px; height: 100%; background: #82b44f; content: '';}
.shift-table-stl__inner div.ShiftsMenuItem.Selected:after {}
.shift-table-stl__inner div.ShiftsMenuItem {text-align: left; padding: 20px; box-sizing: border-box; font-family: 'Open Sans', Arial, Verdana, Helvetica, Sans-Serif;}
div.PageContent {margin: 0;}
.ShiftsContainer {padding-left: 60px;}
table.ShiftsSettingsTable td.Header {padding: 0 25px; height: 43px; vertical-align: middle; text-align: left; background: #000000; color: #fff; text-transform: uppercase;}
table.ShiftsSettingsTable td {height: 55px; padding: 0 25px; font-weight: bolder;}
.ShiftsSettingsTable .pencil {margin: 1px 0 0 13px;}
.shift-table-stl__inner input[type="text"] {box-sizing: border-box; max-width: 62px; border: 1px solid #dfdfe6; border-radius: 5px; padding: 10px 0 10px 5px;}
.shift-table-stl__inner table.ShiftsSettingsTable td {text-align: left;}
/*.shift-table-stl__inner input[type="checkbox"] {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0; z-index: 10; cursor: pointer;}
.shift-table-stl__inner .checkbox-stl {display: inline-block; vertical-align: middle; position: relative; width: 20px; height: 20px; border: 1px solid #dfdfe6; border-radius: 2px; cursor: pointer; content: '';}*/
/*.shift-table-stl__inner input[type="button"] {width: 120px; height: 35px; line-height: 35px; background: #fff; color: #82b44f; border: none; -webkit-box-shadow: 0px 1px 2px 0px rgba(130, 180, 79, 0.75); -moz-box-shadow:    0px 1px 2px 0px rgba(130, 180, 79, 0.75); box-shadow: 0px 1px 2px 0px rgba(130, 180, 79, 0.75); border-radius: 3px; cursor: pointer; font-weight: bold;}
.shift-table-stl__inner table.ShiftsSettingsTable tr:last-child td {padding: 0;}
.shift-table-stl__inner table.ShiftsSettingsTable tr:last-child td input[type="button"] {width: 150px; background: #82b44f; color: #fff; text-transform: capitalize; box-shadow: none;}
.shift-table-stl__inner input[type="checkbox"] {display: inline-block; vertical-align: middle; width: 20px; height: 20px; cursor: pointer;} */

.shift-table-stl__inner .Left {float: left;}
.shift-table-stl__inner .Right {display: inline-block; vertical-align: top; max-width: 1245px; width: 100%;}
.shift-table-stl__inner .Left div.ShiftsMenuItem {box-sizing: border-box; font-weight: bold; display: block; min-width: 240px; padding: 5px 10px; font-size: 14px; line-height: 1; border-bottom: 1px solid #000; text-align: left;}
.shift-table-stl__inner .Left div.ShiftsMenuItem:not(:first-child) {padding: 5px 10px 5px 25px; font-weight: normal;}
.shift-table-stl__inner table.ShiftsSettingsTable {margin-left: 30px;}
.shift-table-stl__inner table.ShiftsSettingsTable td {height: 20px; padding: 1px 2px; font-size: 11px !important; text-align: left;}
.shift-table-stl__inner input {font-size: 11px !important; margin: 0;}
.shift-table-stl__inner input[type="text"] {max-width: 31px; height: 15px; display: inline-block; vertical-align: middle; border: none; text-align: right;}
.shift-table-stl__inner input[type="checkbox"] {display: inline-block; vertical-align: middle;}
.shift-table-stl__inner table.ShiftsSettingsTable td span {font-size: 11px !important;}
.shift-table-stl__inner table.ShiftsSettingsTable td.Header {height: 32px; line-height: 1.2; text-align: center;}
.shift-table-first tbody tr td:first-child input[type="text"] {display: none; max-width: 80px;}
.shift-table-stl__inner td.prev-last input[type="text"] {text-align: center;}
.shift-table-lg td.Header:first-child {width: 430px !important;}

/* SHIFT SETTINGS PAGE*/

.typeahead,
.tt-query,
.tt-hint {
  width: 180px;
  height: 18px;
  padding: 2px 10px;
  font-size: 11px;
  line-height: 11px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 325px;
  margin: 0px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 11px;
  line-height: 11px;
  max-width: 162px;
  word-wrap: break-word;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}
.autosearch-groupname { 
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}
#top-searchbox {
    display: inline-block;
}
#top-searchbox .tt-menu {
  max-height: 150px;
   width: 285px;
  overflow-y: auto;
}
 .tt-suggestion div.suggest
{
    font-style:italic;
    font-size: 10px;
}
.Typeahead-spinner {
    position: relative;
    top: 22px;
    right: 27px;
    display: none;
    width: 17px;
    height: 17px;
}

#main-searchbox {
    display: inline-block;
}
#main-searchbox .tt-menu {
  max-height: 300px;
   width: 486px;
  overflow-y: auto;
}
#main-searchbox .tt-suggestion {
  padding: 3px 20px;
  font-size: 17px;
  line-height: 18px;
}
#main-searchbox .empty-message {
  padding: 3px 20px;
  font-size: 17px;
  line-height: 18px;
}


#main-searchbox  .tt-suggestion div.suggest
{
    
    font-size: 13px;
}

#main-searchbox  .Typeahead-spinner
{
    
     position: relative;
    top: 26px;
    right: 27px;
    display: none;
    width: 20px;
    height: 20px;
}

/*Style search*/
#top-searchbox {position: relative;}
#top-searchbox .tt-hint, #top-searchbox .tt-input {border: 1px solid #7A7A7A; border-radius: 0; width: 180px !important;}
#pnlSearch input[type="button"] {height: 24px !important; position: relative; top: -1px;}
#top-searchbox .tt-menu { width: 201px; overflow-y: auto; border-radius: 0; text-align: left; box-sizing: border-box; padding: 5px 10px; overflow: auto; }
#top-searchbox .Typeahead-spinner {position: absolute; right: 7px; top: 0; bottom: 0; margin: auto;}
#main-searchbox .tt-hint, #main-searchbox .tt-input {border: 1px solid #7A7A7A; border-radius: 0;}
#mainContent_pnlSearch #mainContent_btnSearch {margin-bottom: 5px;}
#main-searchbox {position: relative;}
#main-searchbox  .Typeahead-spinner {position: absolute; right: 7px; top: 0; bottom: 0; margin: auto;}
#main-searchbox .tt-suggestion {font-size: 15px;}
div.PageContent strong, .tt-suggestion div.suggest {font-style: normal;}
#main-searchbox .tt-menu {border-radius: 0; width: 480px;}