/*
Current Colors
	VeryDark: #147065
	Dark: #23C6B9
	Light: #D0E8E6
	VeryLight: #E5FFFC
*/
html
{
    height:100%;
}

body 
{
	padding:0px;
	margin:0px;	
	font: normal 10pt  Arial, Sans-Serif;
	/*background-image:url('images/solidbg.png');*/
	min-width:950px;
    background-color:transparent;
	color:#5C5C5C;
	width:100%;
	height:100%;
}

textarea{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

form
{
	height:100%;
	padding:0px;
	margin:0px;	
}

a:link, a:visited, a:hover, a:active {
   color: #5C5C5C; 
}


#header 
{
	/*background-image:url('images/header-bg.png');*/
	height:80px;
	position:relative;
	z-index:0;
	background-color:White;
	color:#5C5C5C;
	/*margin-bottom:2px;
	margin-top:7px;
	margin-left:7px;
	margin-right:7px;*/
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	margin-top:25px;
}

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;

}


#container 
{
	/*z-index:10;*/
	top:60px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:0px;
	padding:0px;

}

html{
    background-color:whitesmoke;
}

/*#content 
{
	margin:0px;
	padding:10px;
	min-width:950px;
	clear:both;
	top:24px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:visible;
	background-color:whiteSmoke;
}*/


#content
{
    padding:15px;
    padding-top:25px;
    background-color:white;
    z-index:auto;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 3px 6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    margin-top:0px;
}

/*#clockcontent {
    padding-left:15px;
    padding-right:15px;
    z-index:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
}*/

/*Width based off code-behind classes on the master page*/
#content, #content.page-width-regular, .piq-header.page-width-regular
{
    width:1200px;
}
#content.page-width-wide, .piq-header.page-width-wide
{
    width:1280px;
}
#content.page-width-extrawide, .piq-header.page-width-extrawide
{
    width:1400px;
}
#content.page-width-1920, .piq-header.page-width-1920
{
    width:1800px;
}
#content.page-width-fill, .piq-header.page-width-fill
{
    width:98%;
}


/*#clockcontent, #clockcontent.page-width-regular, .piq-header.page-width-regular
{
    width:1200px;
}
#clockcontent.page-width-wide, .piq-header.page-width-wide
{
    width:1250px;
}
#clockcontent.page-width-extrawide, .piq-header.page-width-extrawide
{
    width:1400px;
}
#clockcontent.page-width-fill, .piq-header.page-width-fill
{
    width:98%;
}*/

.piq-header {
    height:75px;
    margin:0px auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

#ContentFooter{
    height:30px;
}


#menucontainer{
     background-color: #fbfbfb;
    background-repeat: repeat-x;
    margin-left: 0;
    webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.09),inset 0 -1px 0 rgba(0,0,0,.01);
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    float: none!important;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    border-top: 1px solid #f0f0f0;
    position: relative;
    border-bottom: 1px solid #ddd;
}


#menulinkcontainer
{
    margin-left: auto; 
    margin-right: auto;
    width: 1200px;
}
#menulinkcontainer > div {
    clear: none !important;
}
#ctl00_MainMenu
{
    float:none !important;
}

#menucontainerErrorPage
{
    margin:0px;
    padding:0px;
	clear:both;
	background-image:url(images/headerbg.png);
	background-repeat:repeat-x;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	height:24px;
}


#heading
{
    height:20px;
	margin:0;
	padding-right:20px;
	padding-left:5px;
	padding-bottom:5px;
	color:#5C5C5C;
	text-size:110%;
	position:absolute;
    left:1060px;
    top:87px;
}

#loginContainer {
    float: right;
    margin-top: 8px;
    margin-right: 0px;
}

.clockcontainer {
        border: 2px solid #4C4C4C;
    color: #4C4C4C;
    text-align: center;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
    background-color: white;
}

#loginContainer span.btn-success{border:none; background-image:none; background-color:transparent; box-shadow:none; text-shadow:none; color:white!important}
#loginContainer .icon-user{opacity:1}
#loginContainer .fa-user{    font-size: 22px;
    margin-top: -4px;
    display: block;
    float: left;
    margin-right: 7px;}
#loginContainer .caret{ border-top-color:white; opacity:1;}
#loginContainer .iq-admin-star {
    color: yellow;
    font-size: 15px;
    display: block;
    float: left;
    margin-top: 1px;
    margin-left: -2px;
    margin-right: 4px;
    text-shadow: 1px 1px 0px rgb(0, 0, 0);
}

/* Menu */
table.menu 
{
	/*background-image:url('images/menubg.png');
	background-repeat:repeat-y;*/
	/*background-color:White;*/
	/*padding:3px;*/
	/*width:110px;*/
	/*margin:10px;*/
}

#menutop 
{
	/*background-image:url('images/menutop.png');
	width:120px;
	height:18px;*/
}

#headerleft
{
	background-image:url('images/printiq.png');
    width: 196px;
    height: 60px;
    margin-top: 8px;
    float: left;
    background-repeat: no-repeat;
}

#headerleft.christmas{
    background-image:url('images/IQChristmas.png');
    width: 196px;
    height: 66px;
}

#headerright
{
	float: right;
	max-height: 60px;
	max-width: 450px;
}

#menubottom
{
	/*background-image:url('images/menubottom.png');
	width:120px;
	height:18px;*/
}

.navbar.submenu{margin-top:-26px;}
.submenu .navbar-inner{border-radius: 0px 0px 4px 4px!important;  -webkit-border-radius: 0px 0px 4px 4px!important; -moz-border-radius: 0px 0px 4px 4px!important; margin-left:-10px; margin-right:-10px}



.InputText
{
	border:1px solid #C0C0C0;
	font: normal 10pt  Arial, Sans-Serif;
	text-align:left;
	text-decoration:none;
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.DefaultFont
{
	font: normal 10pt Arial, Sans-Serif;
}


.DefaultFontColour
{
	color:#5C5C5C;
}

.normalFont
{
	font-weight:normal;
}

.ellipsis 
{
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.ellipsis.ellipsis-hover:hover {
    overflow: visible;
}

.headingtext
{
	font-weight:bold;
	font-size:11pt;
	color:#5C5C5C;
	background-image:url('images/headingbg.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
}

.heading
{
	color: #5C5C5C;
	/*font-family: verdana,arial,sans-serif;*/
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
    line-height:2em;
	padding-right: 4px;
	padding-left: 4px;
	padding-top:4px;
    font-size: 30px;
}

.PageHeadingContainer
{
    margin-top:0px;
    padding-left:0px;
    margin-bottom:15px;
    margin-right:5px;
    border-bottom: 1px solid #EEE;
}

.pageDescription, .PageDescription
{
    vertical-align:middle;
    margin-left:5px;
    padding-bottom:5px;
    padding-left: 5px;
    margin-bottom:5px;
}

.sectionHeading
{
  	background:#D5D5D5 url(images/HeaderBG.png) repeat-x;
    color:#5C5C5C;
	font-weight:bold;
	text-align:left;
	padding:2px;
	margin:0px;
	height:25px;
	line-height:25px;
	margin:0px;
}


.sectionSubHeading
{
    color:#5C5C5C;
	font-weight:bold;
	text-align:left;
	padding:2px;
	margin:0px;
	height:25px;
	line-height:25px;   
}

.sectionFilters
{
    padding:3px;
	background-color:#F5F5F5;
	font-weight:bold;
}

/*This is displayed directly under section headings on pages*/
.sectionDescription
{
    line-height:2em;
    padding:3px;
	background-color:#F5F5F5;
	margin-bottom:7px;
	height:25px;
    vertical-align:middle;
}

.sectionPadding, .SectionPadding
{
    margin: 3px; 
    padding: 5px;
}

.SectionFilterBG
{
    background-color: #F5F5F5; 
    vertical-align: bottom;
}

.SectionBorder 
{
	background-color:White;
	border:Solid 1px #C0C0C0;
	margin:0px 5px 5px 0px;
	padding:0px;
}

.sectionInstructions
{

}


.sectionNotification
{
    background-color:green;
    padding:3px;
    color:White;
    font-weight:bold;
}

/*Modal popup forms on Managestock and ManageMaterials pages*/
.sectionBorderWithPadding
{
    background-color:White;
    border:solid 1px #C0C0C0;
    margin: 3px; 
    padding: 5px;

}

.innerSectionBorder
{
    background-color:White;
    border:dotted 1px #C0C0C0;
    margin: 3px; 
    padding: 5px;
}


.innerSectionHeading
{
    color: #5C5C5C;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    margin: 0px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
}

#moduleheading 
{
	color: #5C5C5C;
	position:relative;
	font-family: Verdana,Arial,Sans-Serif;
	font-style:normal;
	font-weight:bold;
	font-size:20px;
	top:18px;
	left:20px;
	float:left;
}
.subheading
{
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.livelabel
{
	color: Green;
}
.testlabel
{
	color: Red;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:100000;
}


/*Text colour = Red. Used for error messages*/
.error {
    color: #b94a48;
    border-color: #b94a48 !important;
    border-width: 2px;
}

input[type="checkbox"].error {
    outline: 1px solid #b94a48!important;
}

.ErrorContainer
{
	border: 1px solid #cd0a0a;
	background: #fef1ec url("jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; 
	color: #cd0a0a; 	
	padding: 0.7em;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

.InfoIcon
{	
	margin-right: 0.3em; 
	float: left;
	font-weight:bold;
	 width: 16px;
	 height: 16px; 
	 background:url("jquery/ui/theme/images/ui-icons_2e83ff_256x240.png") -16px -144px;

}

.AddIcon
{
	 background:url("jquery/ui/theme/images/ui-icons_888888_256x240.png") 0 -192px;
	  width: 16px;
	 height: 16px; 
}


.ErrorIcon
{
	margin-right: 0.3em; 
	float: left;
	font-weight:bold;
	width: 16px; 
	height: 16px;
	background-image: url("jquery/ui/theme/images/ui-icons_cd0a0a_256x240.png");
	background-position: 0 -144px;

}

.SuccessContainer
{
	border: 1px solid #3c9813;
	background: #fef1ec url("jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; 
	color: #3c9813; 	
	padding: 0.7em;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

.SuccessIcon
{
    margin-right: 0.3em; 
	float: left;
	font-weight:bold;
	width: 16px; 
	height: 16px;
	background-image: url("jquery/ui/theme/images/ui-icons_green_256x240.png");
	background-position: -208px -192px;
}

i.icon-addreference {
    background-position: 0px 0px;
    width: 16px!important;
    height:16px!important;
    background-image: url("images/AddReference.png")!important;
}

i.icon-addnote {
    background-position: 0px 0px;
    width: 16px!important;
    background-image: url("images/AddNote.png")!important;
}

i.icon-addnote-white {
    background-position: 0px 0px;
    width: 16px;
    background-image: url("images/AddNote.png")!important;
}

i.notes-hasnotes.icon-addnote{
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("bootstrap/img/glyphicons-halflings.png")!important;
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background-position: -240px -120px;
    opacity:0.7;
}


i.icon-stocksize {
    background-position: 0px 0px;
    width: 16px!important;
    height:16px!important;
    background-image: url("images/StockSizeIcon.png")!important;
}


.success
{
    color: Green;
}

.collapsePanelHeader
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.popupPanelHeader
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	cursor: pointer;
}

/*-------------------------------------------------------------
/   MENU
/--------------------------------------------------------------*/
table.aspmenu {margin:0px;}

ul.level1{
    padding:0px;
    border-color:none;
    list-style:none;
    float:none;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
}

.static {
      margin-right:18px;
 }

img.horizontal-separator {float:left;margin-top:5px;}
a.static {float:left; text-decoration:none;}
li.dynamic {}

.aspmenu TD,
.aspmenu LI{
	color: #5C5C5C;	
	font-size:9pt;	
	text-align:left;
	list-style:none;
	white-space: nowrap;
}
table.aspsubmenu{
	color: #5C5C5C;	
	font-size:9pt;	
	/*font-weight:normal;*/
	text-align:left;	
}
.aspdynmenu{z-index:999;padding-top:10px;}

ul.aspsubmenu a,
ul.aspsubmenu a:link,
ul.aspsubmenu a:hover,
ul.aspsubmenu a:visited,
ul.aspsubmenu a:active,
a.aspsubmenu:link,
a.aspsubmenu:visited,
a.aspsubmenu:hover,
a.aspsubmenu:active{
	font-size: small;	
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:26px;
	display:block;
}


a.dynamic
{
    margin-bottom:4px;    
	font-size: small;	
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:26px;
	display:block;
}
	
ul .aspdynmenu{
    background-color: white;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding:0px;
  padding-top:2px;
}
ul.aspmenu a:focus {outline: none;}
ul.aspmenu {outline: none;}
ul.aspmenu a,
ul.aspmenu a:link,
ul.aspmenu a:hover,
ul.aspmenu a:visited,
ul.aspmenu a:active,
a.aspmenu:link,
a.aspmenu:visited,
a.aspmenu:hover,
a.aspmenu:active{
    color: gray;
	font-size: small;
	font-weight:normal;	
}



.aspdynmenu li a.dynamic{
    color:#333;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

a.dynamic:hover{
    color: white!important;
	background-color:#08C;
}

.aspmenu a:link,
.aspmenu a:visited,
.aspmenu a:hover,
.aspmenu a:active{
    color: #5C5C5C;
    font-weight:bold;
}


/*Attempt to fix menu loadig flicker */
#menucontainer  ul li ul:not(.new-order-menu){display: none;}
#menucontainer  ul li {position: relative; list-style: none;}

.horizontal-separator{display:none;}
div.menu ul li ul { display:none; }
/*-------------------------------------------------------------
/   #MENU END#
/--------------------------------------------------------------*/



/*Removes underline from hyperlink, adds undering to hover*/
.cleanlink{
    text-decoration:none;
}

.cleanlink:hover
{
    text-decoration:underline;
}

/*Used to show that a line of text is editable*/
.Editable, .editable
{
    cursor:pointer;
    display: inline-block;

    padding-right:20px;   
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("images/icon-edit.png");
    background-position:right;
    background-repeat: no-repeat;
}

.Editable:hover, .editable:hover{border-bottom: 1px dashed #5C5C5C;}

.editable_noicon:hover{border-bottom: 1px dashed #5C5C5C;}
.editable_noicon
{
    cursor:pointer;
    display: inline-block; 
    line-height: 14px;
    vertical-align: text-top;
}

/* Add to a row to show edit on hover */
tr.HighlightGridRow:hover, tr.highlightgridrow:hover
{
    background-color: #F5F5F5;
    vertical-align: middle;
    cursor: pointer;
}

tr.HighlightGridRow_NoClick:hover, tr.highlightgridrow_noclick:hover
{
    background-color: #F5F5F5;
    vertical-align: middle;
}

.EditableRow:hover, .editablerow:hover
{
    background-image: url("images/icon-edit.png");
    background-position: right;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*Gridview styles*/
.AdminGridView
{
    border-collapse:collapse;
}
.AdminGridView td
{

    border:none;
    border-bottom:Solid 1px #E0E0E0;
    padding:3px;
    vertical-align:top;
    padding-right:10px;
}

.AdminGridView th
{
    border:none;
    padding:3px;
    text-align:left;
}

.AdminGridViewRightAlign th
{
	text-align:right;
	vertical-align:bottom;
}

.AdminGridViewCenterAlign th
{
	text-align:center;
	vertical-align:bottom;
}

.AdminGridViewMarginRight
{
	margin-right:10px;
}

.formTable th 
{
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding-right: 10px;
}
        
.formTable td
{
	width: 200px;
}

/*Stock size, stock family and material lists on Managestock and ManageMaterials pages */
.repeater
{
    background-color: White;
    border:Solid 1px #D0D0D0;
    margin:3px;
    padding:5px;
    width: 400px;
}

.repeater:hover
{
	background-color: #E8E8E8;
}

.repeaterItem
{
    background-color: White;
    border:Solid 1px #D0D0D0;
    margin:3px;
    padding:5px;
}


.repeaterItemWithHover
{
    background-color: White;
    border:Solid 1px #D0D0D0;
    margin:3px;
    padding:5px;
}

.repeaterItemWithHover:hover
{
    cursor:pointer;
	background-color: #E8E8E8;
}

.RepItem
{
	border: solid 1px #D0D0D0;
	margin-bottom:4px;
}

.RepInnerItem
{
	background-color: #F5F5F5; 
}

.RepItemPadding
{
	padding: 4px; 
}



.highlightRow tr
{
	background: #d5d5ff;
}

.highlightRow td
{
	background: #d5d5ff;
}

/* prevent hovering on disabled links bolding the text, class disabled should be applied to all disable links */
a.disabled:link,
a.disabled:visited,
a.disabled:hover,
a.disabled:active {
    font-weight:normal;
}

/*Float positioning classes*/
.Left{float:left;}
.Right{float:right;}
.Clear{clear:both;}
.clearafter:after, .ClearAfter:after {
    content:'';
    display:block;
    clear: both;
}

.TinyBuffer{height:5px;}

/*Text Alignment */
.VAlignTop{vertical-align:top;}
.TextAlignRight{text-align:right;}
.TextAlignCenter{text-align:center;}

/*Turns off borders*/
div.NoBorder, td.NoBorder,table.NoBorder,.NoBorder
{
	border:none !important;
}

.SmallText, .SmallFont{font-size:9pt;}

.CursorPointer{cursor:pointer;}

.CursorPointerHelp{cursor:help;}

.TitleContentContainer{padding-bottom:6px;}


/* Form Styles */
.fieldset {border:none;}

.FormElementContainer
{
	clear: left;
	width:350px;
	margin-bottom:5px;
}

.formstyles .label, .formstyles Label 
{
	display:block;
	float:left;
	font-weight:bold;
	margin-right:5px;
	padding-top:3px;
	text-align:left;
	width:110px;
}

.wideInputs input[type="text"], .wideInputs textarea, .wideInputs select{width: 220px !important;}

.formstyles input, .formstyles textarea, .formstyles select{float:left; width: 150px;}

.formstyles input[type="checkbox"], .formstyles input[type="submit"], .formstyles input[type="image"]{width: auto;}


.expandImage{float: left; margin-left: 5px; width: auto; padding-right: 4px; padding-top: 2px;}

.CheckBoxLabel
{
    display:block;
	float:left;
	margin-right:5px;
	padding-top:3px;
}

.link{cursor: pointer; font-weight:bold; text-decoration: underline;}

.AdvancedSearch_Open{display:block; margin-top: 5px !important; }
.AdvancedSearch_Closed{display: none;}

/*Login Box*/
.loginBox
{
  width:290px; 
  text-align:left; 

}

.loginBox td{text-align:left;}





.ForgotPasswordLink, .UseDomainAuthLink, #spnUseDomainSpacer, .UseFormsAuthLink, #spnUseFormsSpacer{
    margin-top:-15px;
}


    
.loginBox input[type="submit"]:hover {

  /*text-decoration: none;
background-color: #51a351;*/
  /* Buttons in IE7 don't get borders, so darken on hover */

  /*background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;*/

}
    
.loginBox input
{
    margin-bottom:5px;
    margin-left:5px;

}

.loginBox a{float: right;}

.NoDisplay
{
    display:none !important;
}

/*Quote Page - Expandable divs*/
.Expandable_Container
{
    display:block; 
}
  
.Expandable_Open{display:block; margin-top: 5px !important;}
.Expandable_OpenHoriz{display:block;}
.Expandable_Closed{display: none;}
.Expandable_OpenImg{}
.Expandable_ClosedImg{}

.Expandable_Content
{
    padding-left:10px;  
    padding-right:10px; 
    background-color: #F5F5F5;
    border: Solid 1px #E7E7E7;
    margin-left:2px;
    margin-right:2px;
}

.Expandable_Link
{
    padding:2px;
    border:Solid 1px white;
    margin-left:2px;
    margin-right:2px;
}

.Expandable_Hover
{

    background-color:#e2edff;
}

.slide {
  position: relative;
}
.slide .inner {
  position: absolute;
  left: 0;
  bottom: 0;
}

::-webkit-input-placeholder {
    font-style: italic;
}
 
:-moz-placeholder {
    font-style: italic;
}


.AdminGridViewHeading
{
	background-color:#F5F5F5;
	font-weight:bold;
	/*border-bottom:Solid 1px #E7E7E7;*/
}

/*Buttons*/
.ButtonContainer
{
    padding-top:5px;
}

.ButtonContainer input, 
.ButtonContainer a, 
.ButtonContainerNoPad input
{
    /*font: normal 12pt Calibri, Sans-Serif;*/
    font: normal 10pt  Arial, Sans-Serif;
    font-weight:bold;
    border: none;
    color:White;  
    cursor:pointer; 
    vertical-align:middle;
    text-align:center;
    padding-bottom: 3px;
}



.LinkLeftSmall:hover{background:url(images/Buttons/SmallButtonLeft.png) no-repeat 0px -40px;}
.LinkLeftSmall:active{background:url(images/Buttons/SmallButtonLeft.png) no-repeat 1px -78px;}
.LinkLeftSmall
{
    padding-left:24px;
    width:123px;
    height:38px;
    background:url(images/Buttons/SmallButtonLeft.png) no-repeat 0px -2px;
}

.LinkLeftMedium:hover{ background:url(images/Buttons/MediumButtonLeft.png)  no-repeat 0px -40px;}
.LinkLeftMedium:active{ background:url(images/Buttons/MediumButtonLeft.png) no-repeat 1px -78px;}
.LinkLeftMedium
{
    padding-left:29px;
    width:163px;
    height:38px;
    background:url(images/Buttons/MediumButtonLeft.png) no-repeat 0px -2px;
    
}


.LinkLeftBig:hover{background:url(images/Buttons/BigButtonLeft.png) no-repeat 0px -40px;}
.LinkLeftBig:active{background:url(images/Buttons/BigButtonLeft.png) no-repeat 1px -78px;}
.LinkLeftBig
{
    padding-left:24px;
    width:202px;
    height:38px;
    background:url(images/Buttons/BigButtonLeft.png) no-repeat 0px -2px;
}

.LinkRightSmall:hover{background:url(images/Buttons/SmallButtonRight.png) no-repeat 0px -40px;}
.LinkRightSmall:active{background:url(images/Buttons/SmallButtonRight.png) no-repeat 1px -78px;}
.LinkRightSmall
{ 
    padding-right:24px;
    width:123px;
    height:38px;
    background:url(images/Buttons/SmallButtonRight.png) no-repeat 0px -2px;
}


.LinkRightMedium:hover{background:url(images/Buttons/MediumButtonRight.png) no-repeat 0px -40px;}
.LinkRightMedium:active{background:url(images/Buttons/MediumButtonRight.png) no-repeat 1px -78px;}
.LinkRightMedium
{
    padding-right:31px;
    width:153px;
    height:38px;
    background:url(images/Buttons/MediumButtonRight.png) no-repeat 0px -2px;
   
}


.LinkRightBig:hover{background:url(images/Buttons/BigButtonRight.png) no-repeat 0px -40px;}
.LinkRightBig:active{background:url(images/Buttons/BigButtonRight.png) no-repeat 0px -78px}
.LinkRightBig
{
   padding-right:24px;
    width:202px;
    height:38px;
    background:url(images/Buttons/BigButtonRight.png) no-repeat 0px -2px;
    
}

.LinkRightBiggest:hover{background:url(images/Buttons/BiggestButtonRight.png) no-repeat 0px -41px;}
.LinkRightBiggest:active{background:url(images/Buttons/BiggestButtonRight.png) no-repeat 0px -79px}
.LinkRightBiggest
{
    padding-right:24px;
    width:327px;
    height:38px;
    background:url(images/Buttons/BiggestButtonRight.png) no-repeat 0px -3px;
    
}




.LinkSmallSelect:hover{background:url(images/Buttons/ButtonSmallSelect.png) no-repeat 0px -35.5px;}
.LinkSmallSelect:active{background:url(images/Buttons/ButtonSmallSelect.png) no-repeat 0px -67.5px;}
.LinkSmallSelect
{
    width:68px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(images/Buttons/ButtonSmallSelect.png) no-repeat 0px -4px; 
}

.LinkSmallSelectRed:hover{background:url(images/Buttons/ButtonSmallSelectRed.png) no-repeat 0px -35.5px;}
.LinkSmallSelectRed:active{background:url(images/Buttons/ButtonSmallSelectRed.png) no-repeat 0px -67.5px;}
.LinkSmallSelectRed
{
    width:68px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(images/Buttons/ButtonSmallSelectRed.png) no-repeat 0px -4px; 
}

.LinkSmallDeSelect:hover{background:url(images/Buttons/ButtonSmallDeSelect.png) no-repeat 0px -35.5px;}
.LinkSmallDeSelect:active{background:url(images/Buttons/ButtonSmallDeSelect.png) no-repeat 0px -67.5px;}
.LinkSmallDeSelect
{
    width:96px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(images/Buttons/ButtonSmallDeSelect.png) no-repeat 0px -4px; 
}

.LinkMediumSelect:hover{background:url(images/Buttons/ButtonSmallMedium.png) no-repeat 0px -35.5px;}
.LinkMediumSelect:active{background:url(images/Buttons/ButtonSmallMedium.png) no-repeat 0px -67.5px;}
.LinkMediumSelect
{
    width:123px;
    height:27px;
    margin-top:-3px;
    border: none;
    background:url(images/Buttons/ButtonSmallMedium.png) no-repeat 0px -4px; 
}

.LinkSmall:hover{background:url(images/Buttons/ButtonSmall.png) no-repeat 0px -42px;}
.LinkSmall:active{background:url(images/Buttons/ButtonSmall.png) no-repeat 0px -80px;}
.LinkSmall
{
    width:78px;
    height:32px;
    border: none;
    background:url(images/Buttons/ButtonSmall.png) no-repeat 0px -5px; 
}

.LinkMedium:hover{background:url(images/Buttons/ButtonMedium.png) no-repeat 0px -42px;}
.LinkMedium:active{background:url(images/Buttons/ButtonMedium.png) no-repeat 0px -80px;}
.LinkMedium
{
    width:152px !important;
    height:32px;
    border: none;
    background:url(images/Buttons/ButtonMedium.png) no-repeat 0px -5px; 
    overflow:hidden;
}
.LinkMediumGreen:hover {
    background: url(images/Buttons/ButtonMediumGreen.png) no-repeat 0px -42px;
}
.LinkMediumGreen:active {
    background: url(images/Buttons/ButtonMediumGreen.png) no-repeat 0px -80px;
}
.LinkMediumGreen {
    width: 152px !important;
    height: 32px;
    border: none;
    background: url(images/Buttons/ButtonMediumGreen.png) no-repeat 0px -5px;
    overflow: hidden;
}
.LinkMediumDisabled
{
    width:152px;
    height:32px;
    border: none;
    background:url(images/Buttons/ButtonMediumDisabled.png) no-repeat 0px -5px; 
    overflow:hidden;
}

.LinkBig:hover{background:url(images/Buttons/ButtonBig.png)  no-repeat 0px -42px;}
.LinkBig:active{background:url(images/Buttons/ButtonBig.png)  no-repeat 0px -80px;}
.LinkBig
{
    width:187px;
    height:32px;
    border: none;
    background:url(images/Buttons/ButtonBig.png) no-repeat 0px -5px;  
    overflow:hidden;
}

.LinkBiggest:hover{background:url(images/Buttons/ButtonBiggest.png)  no-repeat 0px -42px;}
.LinkBiggest:active{background:url(images/Buttons/ButtonBiggest.png)  no-repeat 0px -80px;}
.LinkBiggest
{
    width:334px;
    height:32px;
    border: none;
    background:url(images/Buttons/ButtonBiggest.png) no-repeat 0px -5px;  
    overflow:hidden;
}

.BGBiggest
{
    width:334px;
    height:32px;
    border: none;
    background:url(images/Buttons/ButtonBiggest.png) no-repeat 0px -5px;  
    overflow:hidden;
}

.FindProduct
{
    width:337px;
    border: none;
    height:30px;
    margin-top:-2px;
    color:White;
    background:url(images/Buttons/ProductCodeBG.png) no-repeat 0px -4px;  
    overflow:hidden;
    padding-left:15px;
}

.FindProduct input
{
    vertical-align:top;
    margin-top:6px;  
    border:none; 
}

.FindProduct label
{
    float:left;
    vertical-align:top;
    color:White;
    margin-right:5px;
    margin-top:2px;
}


.LinkGoEnd
{
   width:30px;
   background:none;
   cursor:pointer;
   margin-right:30px;
   font: normal 10pt  Arial, Sans-Serif;
   font-weight:bold;
   color:White;
   
}


.LinkSearch:hover{background:url(images/Buttons/ButtonSearchSmall.png) no-repeat 0px -39px;}
.LinkSearch:active{background:url(images/Buttons/ButtonSearchSmall.png) no-repeat 0px -76px;}
.LinkSearch
{
    padding-left:14px;
    width:92px;
    height:32px;
    background:url(images/Buttons/ButtonSearchSmall.png) no-repeat 0px -2px;
}

.LinkSearchMedium:hover{background:url(images/Buttons/ButtonSearchMedium.png) no-repeat 0px -39px;}
.LinkSearchMedium:active{background:url(images/Buttons/ButtonSearchMedium.png) no-repeat 0px -76px;}
.LinkSearchMedium
{
    padding-left:15px;
    width:118px;
    height:32px;
    background:url(images/Buttons/ButtonSearchMedium.png) no-repeat 0px -2px;
}

.LinkSearchEnd
{
   margin-top:7px;
   width:89px;
   background:none;
}

.SearchBG
{    
    height:32px;
    width:325px;
    background:url(images/Buttons/SearchBG.png) no-repeat 0px -3px;
}

.SearchBox
{
     margin-top: 8px; 
     margin-left: 27px;
     width: 200px; 
     float: left; 
     border: none 0px;
}


.LinkUpload:hover{background:url(images/Buttons/ButtonUpload.png) repeat 0px -40px;}
.LinkUpload
{
    width:90px;
    height:32px;
    background:url(images/Buttons/ButtonUpload.png) no-repeat 0px -3px; 
    padding-left:17px;
    padding-top:3px;
}

.LinkIconBack 
{
    background:url(images/IconBack.png) no-repeat 0px 0px; 
    height:16px;
    width:16px;
    border-style:none;
    cursor:pointer;
    position:absolute; 
    top:5px;
}


.BrowseBG
{
    padding-top:5px;
    width:258px;
    height:32px;
    background:url(images/Buttons/BrowseBG.png) no-repeat 0px -3px;
}

.BrowseBG input{ border-style:none;}

/* this is used to style the browse button of file uploads*/
.LinkBrowse
{
    cursor:pointer;
    /*font: normal 12pt Calibri, Sans-Serif;*/
    font: normal 10pt  Arial, Sans-Serif;
    font-weight:bold;
    border: none;
    color:White;  
    background:none;
    cursor:pointer; 
    margin-top:2px;
}

.AddBG
{
   /* width:150px;
    height:32px;
    background:url(images/Buttons/AddBg.png) no-repeat 0px -5px;
    border:none;*/
    width: 199px;
    height:32px;
    border:none;
    background:url(images/Buttons/ButtonSmall.png) no-repeat -3px -5px;
    overflow:hidden;
}

.AddBG input
{
    border:none;
}

.AddMultiple
{

   /* margin-left:9px;
    height:32px;
    width:30px;
    background:url(images/Buttons/AddMultipleTest.png) no-repeat -0px 4px;*/
}

.LinkAddEnd
{
   margin-left:-10px;
   height:32px;
   width:45px;
   background:none;
   cursor:pointer;

}

div.fileinputs {
	position: relative;
	border-style:none;
	width:258px;
	margin-left:34px;
}

.FakeInputBox
{
    margin-top:3px;
   border : none 0px;   
}


div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	border:none 0px;
}

input.file {
	position: absolute;
	left:0px;
	top:0px;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity: 0;
	z-index: 2;
	cursor:pointer;
}

.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

.quantityTooltip
{
	position: absolute!important;
	z-index: 3000;
	margin-top:-50px!important;
	margin-left:160px!important;
	opacity: 0.85;
	font-weight:normal;
	border: 1px solid #cd0a0a!important;
	background: #fef1ec url("jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; 
	color: #cd0a0a; 	
	padding: 0.7em!important;
	-moz-border-radius: 4px!important; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

.FieldHeadingContainer
{
    width:120px;
    float:left;
    
}

.FieldContainer fieldset
{
    float: left;
    width: 500px;
  
}


.fieldheading, .FieldHeading
{
	font: bold 10pt Arial, Sans-Serif;
	color:#5C5C5C;
	margin-top:5px;
	line-height:2em;
}

.fieldDescription, .FieldDescription
{
    font-style:italic;   
}

.mediumWidth
{
    width: 120px;   
}

.LongWidth
{
    width: 150px;   
}

.largeWidth
{
    width: 250px;   
}

.largerWidth
{
    width:350px;
}

.FieldContainer
{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    line-height:2em;
}

.FieldElement
{
}

.FieldItem
{
    padding: 5px;
}

.FieldRow
{
    padding:5px;
    line-height:2em;
}

.RequiredField
{
    color:Red;
}

/*Product Definitions Repeater Items (ManageProducts.aspx)*/
.ProdDefGridPaddingLeft
{
    padding-left:10px;   
}


/*Tab selector*/
.TabSelectContainer
{
}

.TabSelected
{
    border: solid 1px #C0C0C0; 
    border-bottom: 0px; 
    min-width: 100px; 
    padding:2px; 
    padding-left:10px;
    padding-right:10px;
    text-align:center;  
    margin-bottom:-1px;
    font-weight:bold;
    background:#D5D5D5 url(images/HeaderBG.png) repeat-x;
    text-decoration:none;
    line-height:2em;
    float:left;
    height:25px;
    
}

.TabNotSelected
{
    min-width: 100px; 
    padding:2px; 
    text-align:center;
    margin-bottom:-1px;  
    background-color:#F1EFF1;
    border-bottom-width:0px;
    padding-left:10px;
    padding-right:10px;
    font-weight:normal;
    text-decoration:none;
    line-height:2em;
    float:left;
    height:25px;
}

.TabNotSelected:hover
{
    cursor:pointer;
    background-color:#E3DFE3;
}

.TabContents
{
    border: solid 1px #C0C0C0; 
    padding:5px; 
    line-height:2em;
    width:415px;
}

.TabContentField
{
    float:left;
    width:155px;
}

.TabFieldHeading
{
   width:120px;

}

.TabFieldItem
{
    
}

.TabFieldContainer
{
   line-height:2em;
    padding:5px;
}

.TabFieldElement
{
}

#divQuoteAcceptanceContainer .alert-info{margin-left:-10px; margin-right:-10px;}

/*----------------------------------------------------/
/Factory Config/Capabilities/Pricing admin menus     
/----------------------------------------------------*/
.AdminMenuHeading
{
    margin-top:10px;
    border-bottom:Solid 1px #C0C0C0;
	color: #5C5C5C;
	font-family: arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}

.AdminMenuItemContainer
{
    display:block;
    padding:3px;
    border:Solid 1px white;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:7px;
    margin-right:7px;
}

.AdminMenuItemContainerDisabled
{
    padding:3px;
    border:Solid 1px white;
    margin-top:3px;
    margin-bottom:3px;
    margin-left:7px;
    margin-right:7px;
}

.AdminMenuItemContainer:hover
{
   border:Solid 1px #E2E2E2;
   cursor:pointer;
   background-color:#F5F5F5;
}

.AdminMenuLinkContainer
{
    width:220px;
    font-weight:bold;
}

.AdminMenuLink
{
    font-weight:bold;
    text-decoration:none;
}

.AdminMenuLink:hover
{
    text-decoration:underline;
    cursor:pointer;
}

.AdminMenuLinkDescription
{
    text-align:left;
    height:auto;
}

.InfoImage
{
	display:block;
	float:left;
	margin:6px;
}

#CustomFooterPush{clear:both;}

.InnerSectionSeperator
{
	  border-top: dashed 1px #5C5C5C;  
	  margin-top:8px;
	  margin-bottom:8px;

}

.StockSearchText{width:400px!important;}

/*----------------------------------------------------------*/
/*Workflow boards                                           */
/*----------------------------------------------------------*/
.JobHighlightPriority
{
   

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;

}

.JobHighlightRework {
    background: repeating-linear-gradient(45deg,#fff,#fff 14px,#f2dede 10px,#f2dede 28px);
}
.JobHighlightRework td {
    color: #b94a48;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}
.JobHighlightRework .WFURLColumn, .JobHighlightRework .NoDefaultActionDropdown {
    color: #b94a48 !important;
}
.JobHighlightRework .NoDefaultActionDropdown .caret {
    border-top-color: #b94a48 !important;
}


.JobHighlightDraft {
    background-color: #F0F0F0;
}

.PriorityStatusFalse{background-color:White;}

.board-filters .nav > li > a:hover {
text-decoration: none;
background-color: whitesmoke;
border-color: silver;
}

.board-filters .nav-pills li, .BoardFilters  .nav-pills li{
padding: 2px 2px 2px 2px;
border-width:2px;
}
         
.board-filters .nav-pills li.active a, .BoardFilters .nav-pills li.active a{
border-color: #98D169;
border-width: 1px;
width: 125px;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
background-color: #def0d8;
color:#5c5c5c;
opacity:1;
}
        
.board-filters .nav-pills li a, .BoardFilters .nav-pills li a{
border-width: 1px;
width: 117px;
background-color: white;
color:#5c5c5c;
opacity:0.6;
}

.board-filters .nav-pills li:hover a, .BoardFilters .nav-pills li:hover a{opacity:1;}

.navfilters-filter{position:relative;}

.navfilters-filter .filter-count{        height: 20px;
    min-width: 20px;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 2px 4px rgba(99,99,99,.05), 0 1px 2px rgba(99,99,99,.35);
    color: white!important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 11px;
    line-height: 18px;
    color: #666;
    background-color: silver!important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15);
    /* font-weight: 600; */
    border-radius: 2px 2px 2px 2px;
    border-radius: 40px 0px 0px 40px;
    border-radius: 500px;
    display: block;
    position: relative;
    float: right;
    margin-left: 2px;
    margin-bottom: -3px;
    margin-top: -3px;
    margin-right: -6px;
    font-weight: normal;}

.navfilters-filter.active .filter-count{    background-color: #58A758!important}

.navfilters-hascounts li a,.navfilters-hascounts li a{ width:141px!important;}
.navfilters-filtertext{    float: none;
    width: 123px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: -8px;

}


/*----------------------------------------------------------*/
/*  Bespoke Page                                            */
/*----------------------------------------------------------*/

.production-isoutsourceicon, .production-hasoutsourcerequesticon
{
    left: -5px;
    display: block;
    display: inline-block;
    width: auto;
    height: 18px;
    min-width: 16px;
    padding: 5px;
    font-weight: normal;
    line-height: 18px;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 6px;
    position: absolute;
    margin-top:-25px;
    height: 18px;
    left: -28px;
    border-radius: 50px 0px 0px 50px!important;
    -webkit-border-radius: 50px 0px 0px 50px!important;
    -moz-border-radius: 50px 0px 0px 50px!important;
    padding-left: 8px;
    padding-right: 2px;
    cursor:pointer;
}

.limited-cost-display.production-hasoutsourcerequesticon,
.limited-cost-display.production-isoutsourceicon{
    margin-top:-5px;
}


.alert-outsourcewarning .production-hasoutsourcerequesticon,
.alert-outsourcewarning .production-isoutsourceicon {
  background-color: rgb(255, 87, 87)!important;
  border-color: Red;
  border-right: none;
}


.alert-outsourcewarning .production-hasoutsourcerequesticon i,
.alert-outsourcewarning .production-isoutsourceicon i{background-image:url("Bootstrap/img/glyphicons-halflings-white.png");}



.FilterInHeaderContainer
{
    position: absolute;
    margin-left:200px;
    line-height: 33px;
    margin-top: -7px;
    left:50px;
}

.FilterInHeader{
    font-size:16px;
    border: 1px solid #339BB9;
    height: 30px;
    border-top:none!important;
    padding-top:7px;
    padding-bottom:10px;
    padding-left: 15px;
    padding-right: 15px;
    border-right-style:none;
     border-left-style:none;
}

#divPricingDetailsQuantities.fixed-top .FilterInHeader{padding-bottom:2px;}

.FilterInHeader:hover{
    cursor:pointer;
     background-image: -khtml-gradient(linear, left top, left bottom, from(#37adce), to(#61ceed));
    background-image: -moz-linear-gradient(top, #37adce, #61ceed);
    background-image: -ms-linear-gradient(top, #37adce, #61ceed);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37adce), color-stop(100%, #61ceed));
    background-image: -webkit-linear-gradient(top, #37adce, #61ceed);
    background-image: -o-linear-gradient(top, #37adce, #61ceed);
    background-image: linear-gradient(top, #37adce, #61ceed);
    padding-top:10px;
}

.FilterInHeader.selected:hover{padding-top:7px;}

.FilterInHeader.selected
{
    background-image: none;
    text-shadow:none;
    color:#339BB9;
    border-bottom-color:White;
    border-bottom-width:4px;
    border-radius:4px;
    background-color:#FFFFFF;
   
}

.Outsource_Item{position:relative;}

.Outsource_Item.Outsource_Selected .Outsource_ItemEmail,
.Outsource_Item.Outsource_Selected input:not(.Outsource_Quantity_Not_Selected),
.Outsource_Item input.Outsource_Quantity_Selected,
.Outsource_Item.Outsource_Selected textarea{border-color:#468847;}
.Outsource_Item.Outsource_Selected [class^="icon-"], .Outsource_Item.Outsource_Selected [class*=" icon-"] {background-image:url("../include/bootstrap/img/glyphicons-halflings-white.png")}
.Outsource_Item.Outsource_Selected .add-on{background-color:#468847; color:White; border-color:#468847; text-shadow:none;}
.Outsource_Item.Outsource_Selected .icon-envelope{background-position:-288px 0;}
.Outsource_Item.Outsource_Selected .Outsource_Select {
    left: -81px;
    width: 69px;
    background-color: #468847;
    margin-top: 0px;
    padding: 7px;
    opacity: 1;
    cursor: pointer;
}
.Outsource_Item.Outsource_Selected .btn{border-color:#468847}
.Outsource_ButtonActions{
position: relative;
float:left;
border-top: 0px!important;
margin-top:-20px;
margin-left:160px;}

.Outsource_Item .Outsource_Select {
    position: absolute;
    left: -61px;
    width: 40px;
    padding: 6px;
    text-align: left;
    margin-top: 1px;
    opacity: 0.3;
    color: White;
    font-weight: bold;
    -webkit-transition: 0.3s left, 0.3s width;
    -moz-transition: 0.3s left, 0.3s width;
    -o-transition: 0.3s left, 0.3s width;
    transition: 0.3s left, 0.3s width;
    cursor: pointer;
}

.Outsource_Item:not(.Outsource_Selected) .Outsource_Select:hover,
.Outsource_Item.Outsource_Selected .Outsource_Select {
    left: -81px;
    width: 59px;
    background-color: #468847;
    margin-top: 0px;
    padding: 7px;
    opacity: 1;
}

.Outsource_Item input[type="text"] { height: 14px; margin-left: 8px; }
.Outsource_Item .iq-radio { margin: 0px -10px 0px 6px; }
.Outsource_ItemNotesContainer,
.Outsource_ItemRef {
    margin-left: 8px;
}

.Outsource_PriceRow .input-prepend .add-on{background-color:#4fa9c4; border-color:#4fa9c4; color:white; text-shadow:none;}
.Outsource_PriceRow .input-prepend input{border-color:#4fa9c4; }

/* Custom Login Page Styles */
.BlackText{color:#000000;}

.BannerImage{height:80px;margin-right:5px;overflow:hidden;}



.FooterColour{height:20px; margin-top:30px; width:100%;}

.DisplayBlock{display:block;}


/*Freight Calculator*/
.RepItemModified
{
	color:Green;
	font-weight:bold;	
	text-decoration:underline;
}

.ItemGroup {
    background-color:#F5F5F5;  
    border:Solid 1px #C0C0C0; 
    padding:5px;
}


.DDLOptGroup
{
	font-weight:bold;	
}

.NoClick
{
	background: #FFFFFF;
	opacity: 0;
    filter: alpha(opacity = 00);
	height:50px;
	position:absolute;
	width:500px;
}

.LoadingImageNone
{
	position:absolute;
	padding-left:170px;
	padding-top:5px;
}

.SelectorCustomerComment
{
	font-size:10px;
	line-height:1.5em;
}

.HasTooltip
{
	border-bottom: 1px dotted #5C5C5C;
	cursor:help;
}

/*.RequiredContainer
{
	border: 1px solid #cd0a0a;
	background: #fef1ec url("jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	padding: 5px 0px 3px 3px;
	margin: 2px 5px 2px 0px;
	color: #cd0a0a; 	
}

.RequiredContainer .FieldHeading{color: #cd0a0a;}*/

.CommonProductsSelector{font-weight:normal!important;}
.CommonProductsSelectorContainer{margin-left: 15px; margin-bottom: 15px;}

.DisabledArea
{
    -moz-opacity: 0.40; 
    opacity:.40; 
    filter: alpha(opacity=40); 
}
.QuoteItemContainer{
    margin-bottom:15px;
   background-color: #DDD;
    color: #5C5C5C;      
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;      
    width:877px;   
}
.QuoteItemContainer table td, .QuoteItemContainer table th {color: #5C5C5C;}

.CusSelector
{
      display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    background-color: #e6e6e6;
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    border-left-color: #e6e6e6;
    border-right-color: #e6e6e6;
    border-top-color: #e6e6e6;
    border-bottom-color: #bfbfbf;
}

.CusSelect_Textbox{border-left:none;}
.CusSiteHeading{margin-top: 5px;margin-right:5px;}


#divPricingDetailsQuantities.fixed-top
{
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    border: 1px solid #339bb9!important;
    padding-top: 3px;
    padding-bottom: 3px;
    height: 19px;
}

#divPricingDetailsQuantities.fixed-top a{display:none;}
#divPricingDetailsQuantities.fixed-top .FilterInHeader.selected
{
    border-radius:0px;
    } 

/*--------------------------------------------
//  multi product cart
---------------------------------------------*/
.ProductCart{margin-bottom:8px; height:75px; position:absolute; width:1190px;}
.ProductCartItem
{
    height:75px; width:auto; margin-right:8px; float:left; border:1px solid #DDD; position:relative;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    background-color: white;
    z-index: 1;
    -webkit-transition: 0.3s height;
    -moz-transition: 0.3s height;
    -o-transition: 0.3s height;
    transition: 0.3s height;
    
}
.ProductCartItem .ProductCartItemControl {
    margin-right:5px;  
    float:right; 
    visibility:hidden;
    opacity:0;
     -webkit-transition: opacity 0.5s linear;
    -moz-transition:opacity 0.5s linear;
    -o-transition:opacity 0.5s linear;
    transition:opacity 0.5s linear;         
    margin-top:8px;           
}

.ProductCartItem:hover .ProductCartItemControl {visibility:visible;opacity:1;}
.ProductCartItem:hover .ProductCartItemDescription{display:block;}
.ProductCartItem:hover .ProductCartItemNumber{background-color:#5BC0DE!important}
.ProductCartItem:hover {height: 221px; cursor:pointer; border-color:#5BC0DE!important}

.ProductCartItem.ProductCartItemActive{ border-color:#62C462}
.ProductCartItem.ProductCartItemActive .ProductCartItemNumber{background-color:#62C462}
.ProductCartItem.ProductCartItemActive .ProductCartItemControlModify{display:none;}

.ProductCartItemNumber{background-color:#DDD; height:75px; width:20px; float:left; font-weight:bold;}
.ProductCartItemNumber label
{
    position:absolute;
    left:-18px;
    top:27px;
    font-weight:bold;
    font-size:12px;
     color:White;
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
   /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.ProductCartItemContents{float:left; padding:4px; color:#5C5C5C; width:220px;}
.ProductCartItemDescription{width:205px; font-size:11px; margin-top:2px; overflow:hidden; height:94px; display:none; margin-left:35px; line-height:12pt; color:#5C5C5C; padding-top:2px;}
.ProductCartItemHeading{color:#5C5C5C;  width:160px; font-size:16px}
.ProductCartItemImage{height:60px;width:60px; margin-left:2px; margin-top:1px; margin-right:2px;}

.ProductCartAdd{width:40px;}
.ProductCartAdd.ProductCartItem:hover
{
    height:75px; 
    width:40px;
    -webkit-transition: 0.3s width;
    -moz-transition: 0.3s width;
    -o-transition: 0.3s width;
    transition: 0.3s width;
    
}
.ProductCartAddIcon{opacity:0.17; margin-top:30px; margin-left: 13px;}
.ProductCartAdd:hover .ProductCartAddIcon{background-image: url("../include/bootstrap/img/glyphicons-halflings-skyblue.png"); opacity:1;}



.ProductCart_MenuTemplate{display:none;}
.ProductCartList{z-index:2;width:40px;position:relative;}
.ProductCartListIcon{opacity:0.17; margin-top:30px; margin-left: 18px;}
.ProductCartListIcon > span {margin-left: -13px;  margin-top: 4px;  border-width: 6px;}
.ProductCartList .ProductCartListIcon:hover{background-image: url("../include/bootstrap/img/glyphicons-halflings-skyblue.png"); opacity:1;}
.ProductCartList .ProductCartListIcon:hover > span{border-top-color:skyblue;opacity:1;}
.ProductCartListContainer{position:absolute;left:-1px;top:-1px;width:555px;background-color:#FFF;border:1px solid #5BC0DE;cursor:auto;}
.ProductCartListContents{height:100%;}
.ProductCartListItem{width:539px;padding:8px;cursor:pointer;border-bottom:1px solid #dddddd;}
.ProductCartListItem:hover {background-color: whitesmoke;}
.ProductCartListContainer .ProductCartListItem:last-child{border: none;}
.ProductCartListItemContainer {width: 547px;float: left;}
.ProductCartListItem span.ProductCartItemHeading {width:225px;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;float:left;font-size:15px;margin-top:8px;}
.ProductCartListItemQuantities {padding-bottom:5px;float:right;}
.ProductCartListItemQuantityContainer {width:80px;float:left;}
.ProductCartListItemQuantityContainer > div{height:13px;}
.ProductCartListItemQuantities label {cursor: pointer;font-size:12px;}
.ProductCartListItemQuantities label.ProductCartItemPrice {font-size:10px;}
.ProductCartListItemQuantities label.ProductCartItemQuantity,
.ProductCartListItemQuantities label.ProductCartItemKinds {font-weight:bold;}
.ProductCartList.ProductCartItem:hover{height:75px;width:40px;}
.ProductCartItemHeadingContainer{float:left;width:0px;}




.carousel .carousel-control {background-color:transparent;}
.carousel .carousel-control:hover {background-color:transparent; color:#5c5c5c;}

#divProductCartItems .carousel-control{
  background:none;
  border:0px solid #FFFFFF;
  width: 20px;
  height: 40px;
  font-size: 70px;
  font-weight: 100;
  line-height: 25px;
  text-align: center;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position:relative;
  z-index:1;
  left:0;
  top:50%;
}
#divProductCartItems .carousel-control:hover{color:Black;}
#divProductCartItems #btnPreviousProducts.carousel-control{margin-right:10px;}
.ProductCartItemQuantity{font-size:10px; color:#5C5C5C; margin-right:5px; margin-bottom:-5px;}
.ProductCartItemKinds{font-size:10px; color:#5C5C5C; margin-left:-5px; margin-right:5px; margin-bottom:-5px;}
.ProductCartItemPrice{font-size:10px; color:#5C5C5C; margin-bottom:-5px;}
.ProductCartItemBG{background-color:whitesmoke;}

.ProductCartSelected .ProductCartItemQuantity{font-weight:normal; color:black;}
.ProductCartSelected .ProductCartItemPrice{font-weight:normal; color:black;}
.ProductCartSelected .ProductCartIcon {background-image: url("../include/bootstrap/img/glyphicons-halflings-green.png");}
.ProductCartIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -288px 0;
    margin-left: 5px;
    margin-bottom: -3px;
}

/*--------------------------------------------
//  SALES CART
---------------------------------------------*/
.SalesCart{ height:75px; width:1202px; margin-top:23px; color:#5C5C5C}
.SalesCart.carousel{margin-bottom:19px;}
.SalesCart .well-section{height:38px;}
.SalesCart .well-section .icon-shopping-cart{margin-top: 1px;opacity: 0.5; }
.SalesCart .well-section .SalesCartCount
{
    color:#5C5C5C; 
    opacity: 0.5; 
    display:inline-block;
    font-weight: bold;
}

.SalesCart .sales-gstinfo{font-size: 10px;
margin-top: -15px;
margin-left: 5px;
float: left;
color: #62C462;}

.SalesCart-btn{margin-left:-15px; width:77px; float:left; }
.SalesCart-btn .btn{margin-top: -8px;
margin-left: -10px;
padding-top: 17px;
height: 24px;
width: 50px;}

.SalesCart-proceed.btn.btn-success{margin-top: -8px;
margin-right: -15px;
padding-top: 16px;
height: 25px;}

/*.SalesCart .SalesCartItem{margin-top:-20px}*/
.SalesCart .SalesCartItemPrice{font-weight:bold; font-size:18px; color:#62C462; margin-left:5px;}
.SalesCart .SalesCartItemQuantity{font-size:11px; margin-left:5px; margin-top:5px; margin-bottom:0px;}

.SalesCartItem{
    height:75px; width:250px; margin-right:8px; float:left; border:1px solid #DDD; position:relative;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    background-color: white;
    z-index: 1;
    -webkit-transition: 0.3s height;
    -moz-transition: 0.3s height;
    -o-transition: 0.3s height;
    transition: 0.3s height;
    
}
.SalesCartItem .SalesCartItemControl {
    margin-right:5px;  
    float:right; 
    visibility:hidden;
    opacity:0;
     -webkit-transition: opacity 0.5s linear;
    -moz-transition:opacity 0.5s linear;
    -o-transition:opacity 0.5s linear;
    transition:opacity 0.5s linear;         
    margin-top:8px;           
}

.SalesCartRemoveItem{position: absolute;right: 5px; opacity: 0.2; cursor:pointer}
.SalesCartRemoveItem:hover{opacity:0.5;}
.SalesCartDetails{margin-top: -84px;}

/*.SalesCartItem:hover .SalesCartItemControl {visibility:visible;opacity:1;}
.SalesCartItem:hover .SalesCartItemDescription{display:block;}
.SalesCartItem:hover .SalesCartItemNumber{background-color:#5BC0DE!important}
.SalesCartItem:hover {height: 221px; cursor:pointer; border-color:#5BC0DE!important}*/

.SalesCartItem.SalesCartItemActive{ border-color:#62C462}
.SalesCartItem.SalesCartItemActive .SalesCartItemNumber{background-color:#62C462}
.SalesCartItem.SalesCartItemActive .SalesCartItemControlModify{display:none;}

.SalesCartItemNumber{background-color:#DDD; height:75px; width:20px; float:left; font-weight:bold;}
.SalesCartItemNumber label
{
    position:absolute;
    left:-18px;
    top:27px;
    font-weight:bold;
    font-size:12px;
     color:White;
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
   /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.SalesCartItemContents{float:left; padding:4px; color:#5C5C5C; width:220px;}
.SalesCartItemDescription{width:205px; font-size:11px; margin-top:2px; overflow:hidden; height:94px; display:none; margin-left:35px; line-height:12pt; color:#5C5C5C; padding-top:2px;}
.SalesCartItemHeading{color:#5C5C5C;  width:160px; font-size:11px; margin-left:5px;}
.SalesCartItemImage{height:60px;width:60px; margin-left:2px; margin-top:1px; margin-right:2px;}

.SalesCart .carousel-control{
  background:none;
  border:0px solid #FFFFFF;
  width: 40px;
  height: 40px;
  font-size: 70px;
  font-weight: 100;
  line-height: 25px;
  text-align: center;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position:absolute;
  z-index:1;
  left:0;
  top:52%;
  right:0;
  display:none;
}
.SalesCart .carousel-control:hover{color:Black;}

#divSalesCartCarouselContainer{
    width:857px;
    position:relative;
}

.has-carousel .SalesCartDetails 
{margin-left:30px;}

#divSalesCartCarouselContainer{margin-left:89px; width:857px; position:relative;}
#divSalesCartCarouselContainer.has-carousel{margin-left:119px;}
#divSalesCartCarouselContainer.has-carousel .carousel-control{display:block;}

/*--------------------------------------------
//  Checkbox styles, fixes floating and padding issues when bootstrap is applied
---------------------------------------------*/
.CheckBoxFix label {
    display: inline;
    padding-left: 3px;
    padding-right: 10px;
    vertical-align: bottom;
}

.CheckBoxFix input {
    padding-bottom: 3px;
    float: left;
}

/*--------------------------------------------
//  TO REMOVE: These styles already exist. Only here to get menu working without destroying other styles.
---------------------------------------------*/
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.aspdynmenu, ol
{
    margin-left:0px;
}

.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../include/bootstrap/img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
.icon-white {
  background-image: url("../include/bootstrap/img/glyphicons-halflings-white.png");
}
.icon-user {
  background-position: -168px 0;
}


.btn-success,
.btn-success:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #51a351;
  *background-color: #499249;
}


.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.btn-success .caret {
  margin-top: 7px;
  margin-left: 0;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.open .dropdown-menu {
  display: block;
}

.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-tabwrapper{margin-top: -6px; margin-left: -2px; margin-right: -2px; margin-bottom:5px;}
.dropdown-tabwrapper a.dropdown-tab {
    margin-left:-1px;
    padding-left: 10px;
    padding-right:5px;
    padding-bottom: 6px;
    padding-top: 5px;
    font-size: 15px;
    float:left;
    clear:none!important;
}
a.dropdown-tab.active
{
  border-bottom:1px solid white;  
  background-color: white;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}

.dropdown-menu > li > a.disabled,
.dropdown-menu > li > a.disabled:hover {
  color: #999999;
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
}
.dropdown-menu > li > a.disabled > i {
  opacity: 0.3;
}

.dropdown-expand{padding-top: 6px;padding-bottom: 6px;}
.dropdown-expand i{opacity:0.2}
.dropdown-expand-first{border-top: 1px solid #dddddd;}
.dropdown-expand:hover{background-color:rgb(250, 250, 250); cursor:pointer;}
.dropdown-expand:hover i{opacity:1}
.dropdown-expand-container{border-bottom:1px solid #dddddd;}
.input-expand-small
{ 
    height: 18px; 
    position: absolute; 
    z-index: 0; 
    overflow: hidden !important; 
    -webkit-transition: 0.3s left, 0.3s height; 
    -moz-transition: 0.3s left, 0.3s height;
    -o-transition: 0.3s left, 0.3s height;
    transition: 0.3s left, 0.3s height;
}   
.input-expanded-small
{ 
    overflow: auto !important;
}   

.Custom-Expandable {
    overflow: hidden;
    z-index: 0;
}

.Custom-Expandable-Expanded {
    overflow: auto !important;
    z-index: 9999 !important;
    position: absolute !important;
}

.collapsible-section
{
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom:15px;
}

.collapsible-heading{cursor:pointer;}
.collapsible-heading:hover{
text-decoration: none;
background-color: #e6e6e6;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;}

.collapsible-heading .caret{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 6px solid rgb(255, 255, 255);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    margin-top: 6px;
    margin-left: -5px;
    opacity: 0.5;
}

/*.alert-head.collapsible-heading div
{
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 0px;
}*/

.datepicker.dropdown-menu{z-index:99999999999999!important;}

.verticalhelper {
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }

/*-----------------------------------------------------
/ SCHEDULE BOARD ICONS
-----------------------------------------------------*/
.schedule_icons .schedule_icon{height:22px; width:25px; float:left; margin-right:8px; opacity:0.2; margin-top:2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.schedule_icons .has-process{opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.schedule_icons .schedule_text{margin-left:28px; font-size:13px; line-height:23px; width:100px; font-weight:bold;}

.jobdetails_scheduling{margin-top:-10px;}
.jobdetails_scheduling .schedule_icon{margin-right:0px;}
.jobdetails_scheduling.schedule_icons .schedule_btn{background-image:none; background-color:White; padding:8px; border-radius:200px 200px 200px 200px!important; margin-right:8px; border:none; float:left;
     box-shadow:inset 0 2px 4px rgba(0,0,0,.03), 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.03), 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.03), 0 1px 1px rgba(0,0,0,.05);
}

.jobdetails_scheduling.schedule_icons .schedule_btn.active{
    box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.15);
}

/*-----------------------------------------------------
/ GENERIC PAGE BREADCRUMB
-----------------------------------------------------*/
    .page-breadcrumb{margin-bottom:15px;}
  .page-breadcrumb a
    {  padding: 7px 12px 7px;
        margin-right: 2px;
        background: whitesmoke;
        position: relative;
        display: inline-block;
        font-size:12px;
        padding-left:30px;
        color:rgb(190, 190, 190);
        cursor:pointer;
        text-decoration:none;}
            
    .page-breadcrumb a:hover{text-decoration:none; color:rgb(190, 190, 190); cursor:default}
    .page-breadcrumb a.active:hover,
    .page-breadcrumb a.completed:hover{text-decoration:underline; cursor:pointer;}
    
     
    
    .page-breadcrumb a:before {
        width: 0;
        height: 0;
        border-top: 16px inset transparent;
        border-bottom: 16px inset transparent;
        border-left: 16px solid #fff;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
    }
        
    .page-breadcrumb a:after {
        width: 0;
        height: 0;
        border-top: 16px inset transparent;
        border-bottom: 16px inset transparent;
        border-left: 16px solid whitesmoke;
        position: absolute;
        content: "";
        top: 0;
        right: -16px;
        z-index: 2;
    }
            
    .page-breadcrumb a:first-child {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
        padding-left:20px;
        background-color:#efefef;
    }
    
    .page-breadcrumb a:first-child:before{border: none;}
    .page-breadcrumb{float:left; max-width:800px;}
    
    .page-breadcrumb a.completed{background-color:#efefef; color:#5C5C5C}
    .page-breadcrumb a.completed:after{border-left: 16px solid #efefef;}
    
    .page-breadcrumb a.active{font-weight:bold; background-color:#efefef; color:#5C5C5C}
    .page-breadcrumb a.active:after{ border-left: 16px solid #efefef;}
    
    .page-breadcrumb a{font-weight:normal;}

/*-----------------------------------------------------
/ SALES ORDER TREE
-----------------------------------------------------*/
 .tree
        {
            width: 228px;
            margin: 30px 0 0;
            padding: 0;
            background-color: #fff;
            -webkit-border-radius: 6px 0px 6px 6px;
            -moz-border-radius: 6px 0px 6px 6px;
            border-radius: 6px 0px 6px 6px;
            -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
            -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
            box-shadow: 0 1px 4px rgba(0,0,0,.065);
            border: 1px solid #e5e5e5;
            position:relative;
            color:#5C5C5C;
            margin-top:5px;
        }
        
        .tree-heading{font-size:18px; width: 228px; text-align:right;}
        
        .tree ul{margin-left:0px;}
        
        .tree ul{padding-left:15px;}

        .tree-haschildren{border-bottom: 1px dashed #eee;}
        
        .tree-link{list-style:none;padding:0px;position:relative; border-bottom:1px dashed #eee;}
        .tree-linkname{ cursor:pointer; 
                        height: 33px;
                        margin-top: 1px;
                        margin-left: 1px;
                        margin-bottom: 1px;
                        line-height:33px;
                        padding-left:10px;
                        position:relative;
                        margin-right:1px;}
        .tree-linkname:hover{ background-color:rgb(248, 248, 248); }
        .tree-linkname.notselectable{
            opacity:0.5;
        }
        .tree-link-selected .tree-linkname{ background-color:rgb(248, 248, 248); font-weight: bold; }
        
        .tree-haschildren .tree-linkname{width:181px;}
        
        .tree-linkchevron{position:absolute; right:10px; opacity:0;}
        .tree-linkname:hover .tree-linkchevron{opacity:0.5;}
        .tree-count{font-size:11px; color:rgb(209, 209, 209); margin-left:5px;}
        .tree-parent
        {
            border-bottom: 1px solid #eee;
            border-top: 1px solid #eee;
            display: block;
            width: 190px 9;
            margin: 0 0 -1px;
            padding:0px;
        }
        
        .tree-parent:first-child{border-top:none}
        
        .tree-expand
        {
            position:absolute;
            right:1px;
            top:0px;
            width:34px;
            height:34px;
            border-left:1px solid #eee;
            background-color:rgb(248, 248, 248)
        }
        
        .tree-expand:hover{cursor:pointer;  opacity:1;background-color:rgb(245, 245, 245); }
        
        .tree-expand i
        {
            display: inline-block;
            width: 14px;
            height: 14px;
            line-height: 14px;
            vertical-align: text-top;
            background-image: url("../include/bootstrap/img/glyphicons-halflings-5C5C5C.png");
            background-position: -408px -96px;
            background-repeat: no-repeat;
            opacity:0.4;
            margin-left: 11px;
            margin-top: 8px;
        }
        
        .tree-active{font-weight:bold;}
        .tree-active .tree-expand i{background-position: -433px -96px;}
        .tree-active .tree-count{display:none}



        .tree-breadcrumb a {
            padding: 7px 12px 7px;
            margin-right: 2px;
            background: #51BE41;
            position: relative;
            display: inline-block;
            font-size:12px;
            padding-left:30px;
            color:white;
            cursor:pointer;
            text-decoration:none;
        }
        
        .tree-breadcrumb a:hover{text-decoration:underline; color:white;}

        .tree-breadcrumb a:before {
            width: 0;
            height: 0;
            border-top: 16px inset transparent;
            border-bottom: 16px inset transparent;
            border-left: 16px solid #fff;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
        }
        
        .tree-breadcrumb a:after {
            width: 0;
            height: 0;
            border-top: 16px inset transparent;
            border-bottom: 16px inset transparent;
            position: absolute;
            content: "";
            top: 0;
            right: -16px;
            z-index: 2;

                border-left-width: 16px;
                border-left-style: solid;
                border-left-color: #51BE41;
            }
            
        .tree-breadcrumb a:first-child {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            border-radius: 0px 0 0 0px;
            padding-left:20px;
        }
        
        .tree-breadcrumb a:last-child{font-weight:bold;}
        .tree-breadcrumb a:first-child:before{border: none;}
        .tree-breadcrumb{float:left; max-width: 1153px;}
        .tree .collapse.in .tree-link:last-child{border-bottom:none;}
/*----------------------------------------------------
/ Expand Sections
-----------------------------------------------------*/
.expand-sections{
    margin: 30px 0 0;
    padding: 0;
    background-color:White;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
    border: 1px solid #e5e5e5;
    position: relative;
    color: #5C5C5C;
    margin-top: 5px;
}

.expand-sections.expand-fitpage{margin-left:-15px; margin-right:-15px; border:none;-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.065);-moz-box-shadow: 0 0px 0px rgba(0,0,0,.065);box-shadow: 0 0px 0px rgba(0,0,0,.065);}
.expand-sections.NoPadding .expand-section .expand-content{padding-top:1px; padding-bottom:0px;}

.expand-heading{
   border-bottom: 1px solid #eee;
    display: block;
    width: 190px 9;
    margin: 0 0 -1px;
    padding: 10px;
    font-size:16px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    background-repeat: repeat-x;
    cursor:pointer;
    border-top:1px solid white!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.expand-heading .caret
{
    float:right; 
    border-top: 6px solid #000000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top:5px;
    margin-right:5px;
    opacity:0.2;
}

.expand-content{
    padding:10px;
    padding-top:15px;
    padding-bottom:15px;
    display:none;
}

.expand-section{border-top: 1px solid #eee;}
.expand-section:first-child{border-top:none;}
.expand-section.active .expand-heading .caret{
    border-bottom: 6px solid #000000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top: 5px;
    border-top: transparent;

}
.expand-section.active .expand-heading{
    background-image: none;
    border-bottom: dashed;
    border-width: 1px;
    border-color: #eee;
}
.expand-section.active{position:relative;}
.expand-section.disabled .expand-heading {
    cursor: default;
}

.expand-sections:not(.NoRound) .expand-section:first-child .expand-heading{border-radius:4px 4px 0px 0px;}
.expand-sections:not(.NoRound) .expand-section:last-child .expand-heading{border-radius:0px 0px 4px 4px;}

.expand-section.active:last-child .expand-heading{border-radius:0px 0px 0px 0px;}

/*Shadows around boxes*/
.info.expand-section.active .expand-heading,
.success.expand-section.active .expand-heading{
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);

  border-bottom:none;
}

.info.expand-section .expand-heading .caret,
.success.expand-section .expand-heading .caret{border-top-color:White; opacity:0.5;}

.info.expand-section.active .expand-heading .caret,
.success.expand-section.active .expand-heading .caret{  border-bottom: 6px solid white;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top: 5px;
    border-top: transparent;}



.info.expand-section .expand-heading{
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: White;
    background-image: linear-gradient(top, #5bc0de, #339bb9);    
    border:1px solid #339bb9!important
}
.success.expand-section .expand-heading{
    background-color: #57a957;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: White;
    background-image: linear-gradient(top, #62c462, #57a957);
    border:1px solid #57a957!important;
        border-bottom-color:#4B944B!important;
 }
.danger.expand-section .expand-heading{
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: white;
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    border: 1px solid #c43c35!important;
    border-left:none!important;
    border-right:none!important;
 }
 
 .expand-sections.expand-fitpage .expand-section .expand-heading{border-left:none!important; border-right:none!important;}

 .rotate {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}
.unselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

        
/*----------------------------------------------------
/ Radio Button
-----------------------------------------------------*/
 input[type="radio"].Custom, input[type="checkbox"].Custom{display:none;}

input[type="radio"].Custom + label span,
input[type="checkbox"].Custom + label span{
    display:inline-block;
    width:18px;
    height:18px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background-color:white;
    cursor:pointer;
    border:1px solid #dddddd;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    vertical-align:middle;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    margin-top:-4px;
}

    input[type="radio"][disabled].Custom + label span,
    input[type="checkbox"][disabled].Custom + label span {
        background-color: #ECECEC;
        cursor: not-allowed;
    }

  

    input[type="checkbox"].Custom + label span{ border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;}

      input[type="checkbox"].Custom.Round + label span{  border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;}


    



input[type="radio"].Custom + label, 
input[type="checkbox"].Custom + label{vertical-align: baseline;}

input[type="radio"].Custom + label span i, 
input[type="checkbox"].Custom + label span i{display:none;}
    
input[type="radio"].Custom:checked + label span,
input[type="checkbox"].Custom:checked + label span {background-color:#5DCF5F; border:1px solid #5DB65F;}

input[type="radio"].Custom.custom-info:checked + label span,
input[type="checkbox"].Custom.custom-info:checked + label span {background-color:#49afcd; border:1px solid #2f96b4;}

input[type="radio"].Custom:checked + label span i,
input[type="checkbox"].Custom:checked + label span i{display:block; margin-left:2px; margin-right:2px; margin-top:2px;}

table.details td.number, table.details th.number {
    text-align:right;
}



/*Sortable*/
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.sortable-dropincontainer {
    border: 1px solid rgb(184, 184, 184)!important;
                           -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);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}


/* Quote Artwork */
#divQuoteArtworkContainer .artwork-item-wrapper{ margin-top: 7px; }

#divQuoteArtworkContainer .artwork-item-wrapper:after {
    content:'';
    display:block;
    clear: both;
}



#divQuoteArtworkContainer .artwork-item {
    border: 1px #CFCFCF solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 152px;
    margin-bottom: 24px;
    width: 568px;
}

#divQuoteArtworkContainer .artwork-file-name {
           padding-top: 15px;
    padding-left: 26px;
    padding-right: 150px;
    padding-bottom: 20px;
    width:281px;
    float:left;
}

#divQuoteArtworkContainer .artwork-thumbnail-wrapper {
    width: 110px;
    height: 152px;
    float: left;
    margin-left: 13px;
    border: 1px #CFCFCF solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 0px 2px rgba(0,0,0,.08), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 2px 0px 2px rgba(0,0,0,.08), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 2px 0px 2px rgba(0,0,0,.08), inset 0 -1px 0 rgba(0,0,0,.1);
    background-color: white;
    position: relative;
    margin-bottom: -1px;
}


#divQuoteArtworkContainer .artwork-thumbnail {
    width: 105px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

#divQuoteArtworkContainer .artwork-item-button{ width:100px; }

#divQuoteArtworkContainer .iq-btn.replace-artwork-button{
        width: 108px;
    margin-right: -1px;
                        }

#divQuoteArtworkContainer .artwork-item-button-download {
    margin-top: 0px;
    margin-right: 13px;
    display: block;
    float: left;
}

#divQuoteArtworkContainer .artwork-item-button-notes { margin-top: 7px; }

#divQuoteArtworkContainer .dropdown-menu{
    text-align:left;
}

#divQuoteArtworkContainer .supporting-document {
    border: 1px #CFCFCF solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 566px;
    margin-top: 6px;
    position: relative;
}

#divQuoteArtworkContainer .supporting-document-item-button {
    border-bottom: none;
    border-top: none;
    margin-right: -1px;
    width: 90px;
}

#divQuoteArtworkContainer .supporting-document-filename {
    float: left;
    margin-top: 8px;
    margin-left: 8px;
}


#divQuoteArtworkContainer .artwork-remove-file {
    height: 18px;
    width: 18px;
    float: right;
    position: relative;
        top: -68px;
    right: 3px;
    cursor: pointer;
}

#divQuoteArtworkContainer .artwork-remove-file:hover i {
    opacity: 0.9;
}

#divQuoteArtworkContainer .artwork-remove-file i {
    margin-left: 2px;
    margin-top: 1px;
    opacity: 0.4;
}

#divQuoteArtworkContainer .supportingdoc-remove-file {
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    float: right;
    /*position: relative;*/
    top: 7px;
    right: -19px;
    cursor: pointer;
    position: absolute;
}

#divQuoteArtworkContainer .supporting-document-public-btn {
    padding-top: 6px; 
    border-bottom: none; 
    border-top: none; 
    border-right: none;
}

#divQuoteArtworkContainer .supportingdoc-remove-file:hover i {
    opacity: 0.9;
}

#divQuoteArtworkContainer .supportingdoc-remove-file i {
    margin-left: 2px;
    margin-top: 1px;
    opacity: 0.4;
}


.headmenu, .sidemenu{overflow: visible;margin-bottom: 20px;color: #777777; margin-left:-16px; margin-right:-16px;}
.headmenu .headmenu-inner,
.sidemenu .sidemenu-inner{min-height: 38px;
padding-left: 20px;
padding-right: 20px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
border: 1px solid #d4d4d4;

-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065);
position:relative;
margin-left:0px;
}

.headmenu .headmenu-inner{padding-left:0px;}

.headmenu li,
.sidemenu li {
    list-style: none;
    float: left;
    cursor: pointer;
}
.headmenu li.active,
.sidemenu li.active{color: #555555;
text-decoration: none;
background-color: #e5e5e5;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);}

.headmenu li  a,
.sidemenu li a{float: none;
padding: 10px 15px 10px;
color: #777777;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff; display:block; position:relative}

.headmenu .selectarrow{bottom: -3px;
left: 9px;
margin-top: 6px;
margin-left: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid white;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
display: none;}

.headmenu li.active .selectarrow{display:block}

.sidemenu .sidemenu-inner{padding:0px;margin:0px;}

.sidemenu li.active a .selectarrow {
top: 7px;
right: -1px;
margin-top: 6px;
margin-left: 0px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid white;
position: absolute;
display: block;
display: block;
}

.sidemenu li{
    width:100%;
}

.headmenu .headmenu-inner:after,
.sidemenu .sidemenu-inner:after {
    content:'';
    display:block;
    clear: both;
}

/**/
.select-filters > li > a:hover {
    text-decoration: none;
    background-color: whitesmoke;
    border-color: silver;
}

.select-filters li{
    padding: 2px 2px 2px 2px;
    border-width:2px;
}
         
.select-filters li.active a{
    border-color: #98D169;
    border-width: 1px;
    width: 117px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    background-color: #def0d8;
    color:#5c5c5c;


}
        
.select-filters li a{
    border-width: 1px;
    width: 117px;
    background-color: white;
    color:#5c5c5c;
    display: block;
    padding: 4px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}


.head-title{ color:white; float:left; height:35px; padding-left:20px; padding-right:20px; line-height:35px; position:relative;}

.head-info{background-color:#49AFCD; height:35px;line-height: 35px;padding-right: 12px; color:white;}
.head-info .head-title{background-color:#5BC0DE;}
.head-info ul li:hover a{ color:#49AFCD;}
.head-info ul li.active a{color:#49AFCD;}

.head-success{background-color:#5bb75b; height:35px; line-height: 35px;padding-right: 12px; color:white;}
.head-success .head-title{background-color:#66CE66;}
.head-success ul li:hover a{color:#5bb75b}
.head-success ul li.active a{color:#5bb75b;}

.head-info ul li.active, 
.head-success ul li.active{background-color:whitesmoke;}

.head-info ul li, 
.head-success ul li{list-style:none; float:left; padding-left: 20px; padding-right:20px; line-height:35px; }

.head-info ul li a, 
.head-success ul li a{color:white}

.head-info ul li a:hover {color:#49AFCD; text-decoration:none; cursor:pointer;}
.head-success ul li a:hover{color:#5bb75b; text-decoration:none; cursor:pointer;}

.head-info ul li:hover, 
.head-success ul li:hover{ background-color:whitesmoke; cursor:pointer;}

.head-title:after
{
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
    bottom: 8px;
    right: -16px;
    margin-top: 6px;
    margin-left: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    display: block;
}

.head-info .head-title:after{
        border-left: 8px solid #5BC0DE;
}

.head-success .head-title:after{
        border-left: 8px solid #66CE66;
}

.head-page.head-success, .head-page.head-info{height:41px; line-height: 41px;}
.head-page .head-title{height:41px; line-height: 41px; font-size:18px;}
.head-page ul li {line-height:41px;}
.head-page .head-title:after{bottom:11px;}


/*##QUOTE PARAMETERS##*/


.quoteparam-finishing-heading{color:#3a87ad; line-height:26px; text-align:right}
.quoteparam-finishing-name{
    float: left; display: inline-block; width:200px; font-weight:bold; margin-right:2px; 
    color:#A09F9F; 
    text-transform:uppercase; 
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 9px;
    padding-left: 15px;    background-color:#EFEFEF;
}
.quoteparam-finishing-question{float: left; font-size:10px; display: inline-block; width:250px; 
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 9px;
    padding-left: 15px;
     text-transform:uppercase; 
    font-size: 11px;
     color:#A09F9F; 
     background-color:#EFEFEF;
}
.quoteparam-finishing-container{ margin-bottom:-6px; color:#3a87ad; width:690px!important;    background-color:white;}
.OperationContainer {margin-left:0px!important;}


#ParameterDetails input{width: 169px;
    padding: 8px;
    margin-left: 2px;}

#ParamDetails{margin-bottom:35px;}

.quoteparam-heading {
      color: #13A4DE;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding: 9px;
    padding-left: 0px;
    padding-top: 0px;
    /* background-color: #EFEFEF; */
    margin-bottom: 17px;
    display: inline-block;
    border-left: 5px solid white;
    padding: 0px;
    padding-left: 8px;}

/* Quote Questions */
.question-asterix {
    color: #ff0000;
    font-size: 19px;
}

.WFDisplayContainer .help {
    cursor: help;
}

#clockcontent {
    padding: 15px 15px 0px 0px;
    max-width: 1570px;
    top: -17px;
    position: Absolute;
    Margin-left: auto;
    margin-right: auto;
    right: 0px;
    z-index: 99;
}
.ctTimeContainer{margin-top:-5px;}
#clockcontent span{font-size:10px; }
#ctTime{ font-weight:bold; font-size:12px; margin-right:5px;}
#clockcontent-wrapper{
    width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.section-has-kinds td:not(.td-empty){text-decoration:underline}
.section-has-kinds .section-quantity{font-weight:bold;}

.ctDateContainer{margin-bottom:0px; font-weight:bold;}



  .artwork-replaced{
                background-color: #ee5f5b;
                background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
                background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
                -webkit-background-size: 40px 40px;
                -moz-background-size: 40px 40px;
                -o-background-size: 40px 40px;
                background-size: 80px 80px;
                opacity: 0.7;
          }

  .old-filter-container{    padding: 7px 14px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
  }
.GangSectionCount {
        font-size: 12px;
    color: #449A44!important;
    font-weight: bold!important;
    display: inline-block;
    margin-top: 4px;
    margin-left: 3px;
}


.JobHighlightSubJob , .JobHighlightPartialSubJob{
    color: #49AFCD!important;
    background-color: #E3F7FD;
}

.JobHighlightSubJob td span a, .JobHighlightPartialSubJob td span a,
.JobHighlightSubJob .NoDefaultActionDropdown, .JobHighlightPartialSubJob .NoDefaultActionDropdown,
.JobHighlightSubJob td span, .JobHighlightPartialSubJob td span,
.JobHighlightSubJob td .WFURLColumn,
.JobHighlightSubJob td .fa.fa-search {
    color: #49AFCD!important;
}


.JobHighlightSubJob td .NoDefaultActionDropdown .caret,
.JobHighlightPartialSubJob td .NoDefaultActionDropdown .caret{border-top-color: #49AFCD!important}

.JobHighlightPartialSubJob{
        
    background: repeating-linear-gradient(
        45deg,
        white,
        white 10px,
        #E3F7FD 10px,
        #E3F7FD 20px
    );
}
  .old-filter-container{    padding: 7px 14px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
  }

  form{margin:0;}

fieldset {border:none;}

.FormElementContainer
{
	clear: left;
	width:500px;
	margin-bottom:5px;
}

.formstyles .label, .formstyles Label 
{
	display:block;
	float:left;
	text-align:left;
	width:100px;
	margin-right:5px;
	padding-top:3px;
	font-weight:bold;
}

.formstyles .labelLong
{
    display:block;
	float:left;
	text-align:left;
	width:120px;
	margin-right:5px;
	padding-top:3px;
	font-weight:bold;
}

.formstyles .CheckBoxLabel
{
    display:block;
	float:left;
	width:120px;
	margin-right:5px;
	padding-top:3px;
}

.formstyles .CheckBoxWide
{
    display:block;
	float:left;
	margin-right:5px;
	padding-top:2px;
}

.formstyles .LongInput{width: 200px;}

.formstyles input, .formstyles select{float:left;}

.InputText
{
	font: normal 10pt "Tahoma", "Arial", "Helvetica", "sans-serif";
	text-align:left;
	text-decoration:none;
	margin-bottom:3px;
}

.GridButtons{font-size:11px;width:75px; text-align:right; vertical-align:top;}

.LargeGridWidth{width:200px;}

.SmallGridWidth{width:90px;}

.PreviewImageLink a{color:#0000EE;cursor:pointer; text-decoration:underline;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.cleanlink
{
    text-decoration:none;
}
.cleanlink:hover
{
    text-decoration:underline;
}

.AdvancedSearch_Open{display:block; margin-top: 5px !important; }
.AdvancedSearch_Closed{display: none;}
.link{cursor: pointer; font-weight:bold; text-decoration: underline;}

.ulPriceList
{
    list-style: none; 
    
    /*border-color: #CCCCCC;*/
    padding: 2px;
}

.ulPriceList li 
{
    margin-bottom: 2px; 
    background-color: #EEEEEE;
    border:Solid 1px #D0D0D0;
    padding:5px;
    min-width:370px;
}

.ulPriceList li:hover{background-color: #E8E8E8;}

.PriceListCusContainer
{
    height:23px; 
    line-height:23px   
}


.PricingInputHeading
{
    margin-right:5px;
     margin-left:5px;
    vertical-align:bottom;
}

/**/
.HomePageTiles
{
	text-align:center;
	list-style-type:none;
	padding:0;
	width:980px;
}
.HomePageTiles ul li
{
	display:inline-block;
	margin:10px;
	padding:0;
	width:162px;
	/* To display correctly in IE 6&7 - (star hack to target IE6 & 7) */
	zoom: 1;
	*display:inline;
}

.HomePageTiles ul li a{color:#FFFFFF; font-size:9pt; font-weight:bold; text-decoration:none;}
.HomePageTiles ul li a p{padding:9px 0 0 6px; text-align:left;}

/*.IconFooter-Artwork
{ 
	background:url('../images/intense/IconFooter-Yellow.png') no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-JobManagement
{ 
	background:url('../images/intense/IconFooter-Green.png') no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Ordering
{ 
	background:url('../images/intense/IconFooter-Orange.png') no-repeat;
	height:31px;
	width:160px;
}*/


.IconFooter-Quotes
{ 
	background:url('../images/intense/IconFooter-Quotes.png') no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Custom
{ 
	background:url('../images/intense/IconFooter-Custom.png') no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-JobTrack
{ 
	background:url('../images/intense/IconFooter-JobTrack.png') no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Price
{ 
	background:url('../images/intense/IconFooter-Price.png') no-repeat;
	height:31px;
	width:160px;	
}

.IconFooter-Orders
{ 
	background:url('../images/intense/IconFooter-Orders.png') no-repeat;
	height:31px;
	width:160px;	
}

.IconContainer
{
	background:#FFFFFF;
	border: Solid 1px Silver;
    cursor: pointer;    
    -webkit-border-radius: 10px 10px 5px 5px;
    -moz-border-radius: 10px 10px 5px 5px;
    border-radius: 10px 10px 5px 5px;
}

.SingleHeaderBar
{
	background:url('../images/intense/SingleHeaderBar.png') no-repeat;
	height:35px;
	margin: 0 auto 0 auto;
	padding:8px 0 8px;
	width:162px;
}

.DoubleHeaderBar
{
	background:url('../images/intense/DoubleHeaderBar.png') no-repeat;
	height:35px;
	margin: 0 auto 0 auto;
	padding:8px 0 8px;
	width:332px;	
}

.TextBoxWatermark
{
	color:#A5A5A5;
	font-style:italic;
}

.LandingTooltip 
{
	background:url(../images/white_arrow.png) no-repeat;
	padding:35px 20px 20px;
	height:80px;
	width:170px;
	margin:20px;
	border:none;
}

.LandingTooltipUp{background:url(../images/white_arrow_up.png) no-repeat;}

/*.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}*/


.ScheduleTooltipTrigger:hover 
{
	cursor:help;	
}

/*---------------------------------------------------------------------------
// ACCEPT QUOTE
//----------------------------------------------------------------------------*/
.ReportThumbnailContainer
{
    width: 180px;
    float: right;
    padding: 7px;
    position: absolute;
    top: -17px;
    right: -18px;
    bottom: -3px;
}

.ReportThumbnailContainer .dropdown-menu{width:246px}

.ReportThumbnailContainer h3{text-align:center;}

.ReportThumbnailControls{float:left;width:50px;}

.ReportThumbnail{ border:solid 1px #dddddd;cursor:pointer;}
.ReportThumbnail.disabled,.ReportThumbnail[disabled]{cursor:initial;}

.ReportThumbnailControls img{margin:20px 10px 0 10px;}

.ReportThumbnailImageContainer{
    margin-left:auto;
    margin-right:auto;
    width:190px;
    text-align:center;
    margin-bottom:10px;
    margin-top:5px;
}



#divSendQuoteEmail .email-quote-contacts > div {float: left;}

.ShowHideInfoDiv
{
	background-color:#F9F9F9;
	padding:20px 10px 10px;
	margin-left:150px;
	width:800px;	
}

.RoundedCorners{
	/* Rounded Corners*/
	-webkit-border-radius: 10px 10px 5px 5px;
    -moz-border-radius: 10px 10px 5px 5px;
    border-radius: 10px 10px 5px 5px;
}

.DottedUnderline
{
    border-bottom: 1px dotted #5C5C5C;
    cursor:help;
}


.LoadingIcon{width:16px; height:16px; margin-right:5px; background-image:url('../images/loading.gif');}
.ErrorIcon{margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url("../jquery/ui/theme/images/ui-icons_cd0a0a_256x240.png");background-position: 0 -144px;}
.SuccessIcon{ margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url("../jquery/ui/theme/images/ui-icons_green_256x240.png");background-position: -208px -192px;}  

.ErrorContainer{border: 1px solid #cd0a0a;background: #fef1ec url("../jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; 	padding: 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height:1.5em;}
    .ErrorContainer .jsStatusIcon{margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url("../jquery/ui/theme/images/ui-icons_cd0a0a_256x240.png");background-position: 0 -144px;}
.StatusContainer{border: 1px solid #2e83ff;background: #fef1ec url("../jquery/ui/theme/images/ui-bg_glass_95_blue_1x400.png") 50% 50% repeat-x; color: #2e83ff; 	padding: 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height:1.5em;}
    .StatusContainer .jsStatusIcon{width:16px; height:16px; margin-right:5px; background-image:url('../images/loading.gif');}
.SuccessContainer{border: 1px solid #3c9813;background: #fef1ec url("../jquery/ui/theme/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #3c9813; padding: 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
    .SuccessContainer .jsStatusIcon{ margin-right: 5px; font-weight:bold;width: 16px; height: 16px;background-image: url("../jquery/ui/theme/images/ui-icons_green_256x240.png");background-position: -208px -192px;}


.aspmenu.static
{
    cursor:pointer;
}

/* Tasking */
a.user-task-widget{background-color:red;margin-left: -4px;padding: 3px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;color:white; padding-top: 5px; padding-bottom: 5px;
  opacity: 1;
  border-radius: 5px!important; font-size:10px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1); text-decoration:none;}
a.user-task-widget:hover {text-decoration:none;color:white;}
a.user-qa-widget{font-size:10px; background-color:orange;margin-left: -4px;padding: 3px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;color:white; padding-top: 5px;  padding-bottom: 5px;
  opacity: 1;
    border-radius: 5px!important;
  box-shadow: 1px 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1); text-decoration:none;
}
a.user-qa-widget:hover {text-decoration:none;color:white;}
a.user-task-widget.no-overdue{background-color:#62c462!important;}
a.user-abnc-widget{background-color:deeppink;margin-left: -4px;padding: 3px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;color:white; padding-top: 5px;   padding-bottom: 5px;
  opacity: 1;
  border-radius: 5px!important;
  box-shadow: 1px 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1); text-decoration:none; font-size:10px;}
a.user-abnc-widget:hover {text-decoration:none;color:white;}



/* Accept Quote */
.report_site_selector {
    margin-bottom: 6px!important;
    width: 160px;
    margin-left: 10px;
}

.upload-products .fileupload > div > span:first-child
{
    margin-right: -3px !important;
    width: 98px !important;
}
.upload-products .fileupload > div > span.btn-file,
.upload-products .fileupload > div > span.iq-btn-file
{
    width: 286px !important;
}

.underline, .underline a
{
    text-decoration: underline;
}

.bold, .bold a
{
    font-weight: bold;
}

.alert-head .head-label
{
    font-weight: normal;
    color: white;
}

/* Currency bloop */
.currency-bloop {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px dotted #333;
    cursor: help;
    margin-left:5px;
    float: right!important;
}

.foreign-currency-container:not(.base-currency) .currency-dropdown {
    border-radius: 4px 0px 0px 4px;
    margin-right: -5px;
}
.foreign-currency-container.base-currency .foreign-currency-info {
    display: none;
}
.foreign-currency-container:not(.base-currency) .foreign-currency-info {
    border-radius: 0px;
    min-width: 210px;
}

.input-help {
color:#aaaaaa; font-size:12px; margin-left:5px;}

.kinds-icon::before{font-size: 12px;
   content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

    .CheckAdvanceKinds.DottedUnderline::after{   
    content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; font-size:10px;}

    .WFColumnHeading .HasAdvanceKinds::after{   
    content: "\f05a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}


.BespokeQuantity.HasAdvanceKinds::after {
    content: "\f05a";

    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    padding-left: 4px;
}

.centre-image {
    text-align: center;
}
.centre-image > img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.iq-hide {
    display:none;
}

.ddl-default-dasboard{   width: 224px; height:28px;}


/* USING TABLET */
.using-tablet .production-selector-icon {margin-top: -10px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;}

.using-tablet .boardfilter-toggle, .using-tablet .boardfilter-removeall, .using-tablet .boardfilter-selectall{
    margin-top:-10px!important;
}

.using-tablet .boardfilter-toggle .icon-filter{    margin-top: 10px!important;
    margin-left: 10px!important;
    margin-right: 10px!important;}

.using-tablet .WFDropdownActions .caret{margin-top:18px!important;}
.using-tablet .WorkflowMainHeading   .btn.WFFilterButton{min-height:13px!important;}
.using-tablet #divDateFilters .btn-static{    min-height: 32px!important;
    line-height: 32px;}

.using-tablet .ToolbarFilters .btn-workflow{height:32px!important;min-height:32px!important;}
.using-tablet .span7.WFButtonContainer a.btn-workflow{height: 36px;}    /*Refresh workflow btn*/
.using-tablet .span7.WFButtonContainer a.btn-workflow i{margin-top:3px;}

/* JOB DETAILS */
#divJobReferencesPanel textarea.IQAdminField{height:70px;}
#divReferenceContainer textarea.IQAdminField{height:32px;}

/* NEW MENU SRTYLES */
#menucontainer{
    background-color: #4c4c4c;
    background-image: none;
    color: white!important;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom:none;
    border-top:none;
}

    ul.aspmenu a,
ul.aspmenu a:link,
ul.aspmenu a:hover,
ul.aspmenu a:visited,
ul.aspmenu a:active,
a.aspmenu:link,
a.aspmenu:visited,
a.aspmenu:hover,
a.aspmenu:active{
    color: white;
	font-size: small;
	font-weight:normal;	
}

    ul.aspmenu a:hover,
a.aspmenu:hover{
    color: white;
	font-size: small;
	font-weight:normal;
	text-decoration:none;
    cursor:pointer;
}

.aspmenu .aspdynmenu li a{
    color:#333;
}



.locationToolTipControl{
    position: absolute;
    left: -7px;
    top: 9px;
    color: #aaa;
    cursor: default;
    font-size: 10px;
    background-color: white;
    border-radius: 3px;
    font-size: 20px;
    border-radius: 500px;
}



/* ## STYLE CONTROLS SPECIFIC ## */
    .CustomDisplayInline .dropdown-menu{
        display:block;
        position:relative!important;
        top:0px!important;
    }

    .CustomDisplayInline a.dropdown-toggle{
        display:none;
    }

    .CustomDisplayInline .dropdown-menu{
        height: auto!important;
        box-shadow: none!important;
        border-radius: 0px!important;
    }

    .CustomDisplayInline .btn-SearchBoxContainer{
        background-color:white;
    }

.iq-popover-content {
    display:none;
}

.iq-popover {

}


#divQuoteArtworkContainer .dragging-file .artwork-item-button-replace{
  border: 2px dashed #ddd;
    border-radius: 5px;
    padding: 9px;
    height: auto;
    margin: -11px;
    z-index: 2;
    margin-left: -11px;
}
   

#divQuoteArtworkContainer .dragging-file .artwork-item-button-replace:hover{
    border-color:#4a89dc;
}

#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-thumbnail-wrapper,
#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-actions > *,
#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-file-name{
    opacity:0.3;
}

#divQuoteArtworkContainer .dragging-file .artwork-upload-container .artwork-actions .artwork-item-button-replace{
    opacity:1;
}