@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,200,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);
@import url('./buttons.css?m=now8');
@import url('./cards.css');
@import url('./timeline.css');
* {
	font-family: 'Lato', sans-serif;
	/* Fix for Safari fonts looking weaker */
	-webkit-font-smoothing: subpixel-antialiased !important;
	line-height: 160%;
}

b, strong, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 120%;
}

i, em {
	font-family: 'Lato', sans-serif;
	font-style: italic;
}

#footer {
	margin-top:30px; /* Make sure the datepicker isn't ever cut off*/
	padding-bottom: 30px;  /* " */
}


/* >Anchors Generic
-----------------------------------------------------------*/
a {
	color: #2F4798;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/*>Inline
-----------------------------------------------------------*/

p, textarea {
	font-size: 12px;
	line-height: 13px;
}
.indent p {
	padding-left : 15px;
}
pre, .pre_extended {
	font-size: 12px;
	line-height: 13px;
	font-family: verdana, arial, sans serif;
}
table {
	border: none;
}
th {
	text-align: left;
	font-size: 14px;
}
br {
	line-height: 15px;
}
td {
	font-size: 13px;
	margin: 0px;
}
form {
	margin: 0px;
}
input {
	font-size: 12px;
	line-height: 13px;
}
.round {
	border-radius: 50%;
}
.hexagon {
	clip-path: polygon(52.58819% 1.70371%, 56.02146% 1.09833%, 59.50769% 1.09833%, 62.94095% 1.70371%, 66.21694% 2.89607%, 69.2361% 4.63918%, 71.90671% 6.88009%, 93.11991% 28.09329%, 95.36082% 30.7639%, 97.10393% 33.78306%, 98.29629% 37.05905%, 98.90167% 40.49231%, 98.90167% 43.97854%, 98.29629% 47.41181%, 90.53172% 76.38958%, 89.33936% 79.66557%, 87.59624% 82.68473%, 85.35534% 85.35534%, 82.68473% 87.59624%, 79.66557% 89.33936%, 76.38958% 90.53172%, 47.41181% 98.29629%, 43.97854% 98.90167%, 40.49231% 98.90167%, 37.05905% 98.29629%, 33.78306% 97.10393%, 30.7639% 95.36082%, 28.09329% 93.11991%, 6.88009% 71.90671%, 4.63918% 69.2361%, 2.89607% 66.21694%, 1.70371% 62.94095%, 1.09833% 59.50769%, 1.09833% 56.02146%, 1.70371% 52.58819%, 9.46828% 23.61042%, 10.66064% 20.33443%, 12.40376% 17.31527%, 14.64466% 14.64466%, 17.31527% 12.40376%, 20.33443% 10.66064%, 23.61042% 9.46828%);
}

/* IE9 displays a border around image links :? :/ */
a img {
	border: none;
}

img.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.pre_extended {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */	
}


.social_text_field_skype {
	background: white url("/images/icons/social/skype.png") no-repeat 0 30%;
  	padding-left: 18px;
}

.social_text_field_facebook {
	background: white url("/images/icons/social/facebook.png") no-repeat 0 30%;
  	padding-left: 18px;
}


.social_text_field_twitter {
	background: white url("/images/icons/social/twitter.png") no-repeat 0 30%;
  	padding-left: 18px;
}


.social_text_field_linkedin {
	background: white url("/images/icons/social/linkedin.png") no-repeat 0 30%;
  	padding-left: 18px;
}


.social_text_field_googleplus {
	background: white url("/images/icons/social/googleplus.png") no-repeat 0 30%;
  	padding-left: 18px;
}

.social_text_field_pinterest {
	background: white url("/images/icons/social/pinterest.png") no-repeat 0 30%;
  	padding-left: 18px;
}

.social_text_field_flickr {
	background: white url("/images/icons/social/flickr.png") no-repeat 0 30%;
  	padding-left: 18px;
}

.social_text_field_youtube {
	background: white url("/images/icons/social/youtube.png") no-repeat 0 30%;
  	padding-left: 18px;
}

.social_text_field_rss {
	background: white url("/images/icons/social/rss.png") no-repeat 0 30%;
  	padding-left: 18px;
}

span.sitepagetype-icon {
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: bottom;
}




/*>User Feedback / Notifications
-----------------------------------------------------------*/

#warning {
	font-weight: 700;
	color: #BF2E0A;
}
.Error {
	font-weight: 700;
	color: #BF2E0A;
  padding-left: 24px;
  background: url("/images/big_cross.gif") no-repeat 0 30%;
  padding-bottom: 6px;
	font-size: 16px;
	margin: 0 0 5px 10px;
}
.ErrorI {
	font-weight: 700;
	color: #BF2E0A;
  padding-left: 24px;
  background: url("/images/big_cross.gif") no-repeat;
	margin-left: 4px;
  padding-bottom: 6px;
}
.Warning, .Locked {
	font-weight: 700;
	color: #BF2E0A;
	padding-left: 24px;
	background: url("/images/exclamation.gif") no-repeat 0 20%;
	font-size: 14px;
	margin: 10px 0 10px 4px;
}
.Locked {
  background: url("/images/lock.png") no-repeat;
}
.WarningLow {
	font-weight: 700;
	color: darkred;
}
div.WarningLow {
	padding: 10px 0 10px 24px;
	background: url("/images/exclamation.gif") no-repeat 2px 7px;
	margin-left: 4px;
}
.WarningI {
	font-weight: 700;
	color: darkred;
	padding-left: 24px;
	background: url("/images/exclamation.gif") no-repeat 30%;
	margin-left: 4px;
	padding-bottom: 6px;
}
.Flash1 {
	color: #FFCC00 !important;
}
.Flash2 {
	color: #003399 !important;
}
#issue_notice {
	background-color: #FFE5B0;
	border: 2px solid #FFCF87;
	padding: 0 25px;
	color: #A04400;
}
#issue_notice p {
	font-size: 15px;
}
#issue_notice strong {
	margin-right: 5px;
}

.issue_warning {
	background-color: #fdeded;
	border: 2px solid #F5CFCF;
	padding: 0 25px;
	margin-top: 8px;
	color: #bf2e0a;
}
.issue_warning p {
	font-size: 15px;
}
.issue_warning strong {
	margin-right: 5px;
}

/* Confirm Window */

#confirmwindow, #resultwindow {
	background: #fff;
	width: 400px;
	position: absolute;
	border: 4px solid #F7CF7F;
	font-size: 18px;
	border-radius: 6px;
	padding: 14px 25px;
	background: #FEF8C2;
	visibility: hidden;
	color: #222;
	height: auto;
	-webkit-box-shadow: 4px 4px 20px #ccc;
	-moz-box-shadow: 4px 4px 20px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#resultwindow {
	width: 250px;
	text-align: center !important;
}
#confirmwindow p {
	font-size: 14px;
}
#confirmwindow p strong {
	color: #CD070A;
	font-weight: bold;
	font-size: 16px;
}
#progressbar {
	margin-bottom: 12px !important;
	height: 4px;
}
#resultwindow p {
	font-size: 14px;
}
#resultwindow p strong {
	font-weight: bold;
	margin: 12px 0;
	white-space: nowrap;
	text-align: center;
	display: block;
	font-size: 16px;
}


/* used to disable form fields */
.InputDisabled {
  background:yellow;
  color:blue;
  cursor:default;
}

/* added for ie9 fix on dropdowns , ie9 does not like font-family when using selects */
:root select {
	font-family: inherit;
	font-size: 11px;
}

select {
	font-family: "monaco", "courier new", courier, monospace;
	font-size: 11px;
}


/* ids */


.Light {
	color: darkgray;
}
.NumQueries {
	color: darkblue;
	font-weight: bold;
}
.JobMemo {
	color: red;
	font-weight: bold;
}
.MainContent {
	padding: 0px;
	vertical-align: top;
}
.TitleArea {
	background-color: #CCCCFF;
}
.MenuArea {
	background-color: #003399;
}

/* Section header boxes */

div.section_header {
	border-bottom: 5px solid #fff;
}

div.section_header img {
	display: none;
}

div.section_header:not(.prod) span {
	font-size: 22px !important;
	font-family: 'Lato', Helvetica, Arial, sans-serif !important;
	font-weight: 400;
	color: #909090;
	padding: 12px 12px 12px 4px;
}

div.section_header span a {
	color: #2F4798;
}

div.section_header a.section_head_link, td.sectionTitle a.section_head_link {
	float: right;
	font-size: 10px;
}

div.section_header.v-central > img {
	display: none;
}

div.section_header span.note {
	float: right;
	font-size: 14px !important;
	padding: 0px;
	padding-top: 12px;
}

/* Specific items for Designer Templates section headers */
div.section_header img.tc_logo {
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	top: -2px;
}

/* End section header boxes */
.SectionHeader {
	color: #FFF;
	background-color: #003399;
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 4px;
}

.SubHeader {
	font-weight: bold;
}
.MemoField {
	wrap: virtual;
	width: 540px;
	height: 100px;
}

.highlight_pallet {
	color: orange;
	font-weight: bold;
}
.highlight_pallet_box {
	background-color: #FFCC66;
	font-weight: bold;
}
.highlight_shrinkwrap {
	color: green;
	font-weight: bold;
}
.highlight_shrinkwrap_box {
	background-color: #99FF99;
	font-weight: bold;
}
.highlight_bin {
	color: blue;
	font-weight: bold;
}
.highlight_bin_box {
	background-color: aqua;
	font-weight: bold;
}

.highlight_nonconf_box {
	background-color: #c00;
	color: #fcc;
	font-weight: bold;
}

.successful_notification {
	color: green;
	font-weight: bold;
	font-size: 14px;
}
/* Reports: all classes used for formatting reports */
	.ReportLabel {
		height: 20;
		font-weight: bold;
		text-align: left;
		vertical-align: top;
		padding: 3px 5px 2px 2px;
	}
	.ReportLabelR {
		height: 20;
		font-weight: bold;
		text-align: right;
		vertical-align: top;
		padding: 3px 5px 2px 2px;
	}
	.ReportLabelC {
		height: 20;
		font-weight: bold;
		text-align: center;
		vertical-align: top;
		padding: 3px 5px 2px 2px;
	}
	.ReportData {
		height: 20;
		text-align: left;
		vertical-align: top;
		line-height: 12pt;
		padding: 2px 2px 2px 4px;
	}
	.ReportDataR {
		height: 20;
		text-align: right;
		vertical-align: top;
		line-height: 12pt;
		padding: 2px 2px 2px 4px;
	}
	.ReportDataC {
		height: 20;
		text-align: center;
		vertical-align: top;
		line-height: 12pt;
		padding: 2px 2px 2px 4px;
	}
/* end Reports */

/* style for tables. Allows setting certain cells to have no border */
	.TableBorderless {
		border-collapse: collapse;
		border-spacing: 0;	
	}	
	.TableBorderless td { 		
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		border-top: 0px;				
		border-bottom: 0px;		
	}	

/* Data Tables: all classes used for formatting data displayed in table form (i.e. choose lists) */
	.DataTitle {
		font-weight: 700;

		text-align: left;
		height: 28;
	}
	.DataTitleI, .DataTitleI-BR, .DataTitleI-C {	/* Same as above style but indented */
		font-weight: 700;

		text-align: left;
		height: 28;
		padding: 5px 10px !important;
		font-size: 13px;

		background: #FFF;
		border-bottom: 1px solid #CCC;
		color: #777;
	}
	.DataTitleI-BR { /* add a border around */
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;		
	}
	.DataTitleI-C {
		text-align: center;
	}
	.DataTitleIR {	/* Same as above style but right aligned */
		font-weight: 700;

		text-align: right;
		height: 28;
		padding: 5px 10px !important;
		font-size: 13px;

		background: #FFF;
		border-bottom: 1px solid #CCC;
		color: #777;
	}
	.DataTitle a, .DataTitleI a, .DataTitleI-BR a, .DataTitleI-C a, .DataTitleIR a {
		font-weight: 700;

		color: #777;
		text-decoration: underline;
	}
	table.NoGradient {
		border: 0px !important;
	}
	table.NoGradient td {
		background: #fff !important;
		color: black !important;
	}
	.DataCol {
		text-align: left;
		height: 28;
		padding: 5px 0 0 0 !important;
	}
	.DataColC, .DataColBC {
		height: 28;
		text-align: center;
	}
	.DataColBC {
		font-weight: bold;
	}
	.DataColI {		/* Same as above style but indented */
		text-align: left;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataColC {
		text-align: center;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataColBI {		/* Same as above style but bold */
		text-align: left;
		height: 28;
		padding: 5px 10px !important;
		font-weight: 700;
	}
	.DataColI-I {		/* Same as above style but indented and italic */
		text-align: left;
		height: 28;
		padding: 5px 10px !important;
		font-style: italic;		
	}	
	.DataColIR {		/* Same as DataCol style but indented and right aligned */
		text-align: right;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataColBIR {		/* Same as above but bold */
		text-align: right;
		height: 28;
		font-weight: 700;
		padding: 5px 10px !important;
	}	
	.DataColIR-I {		/* Same as DataCol style but indented and right aligned and italic */
		text-align: right;
		height: 28;
		padding: 5px 10px !important;
		font-style: italic;		
	}
	/* same as above but fixed height is much less */
	.DataColIH {		/* Same as above style but indented */
		text-align: left;
		height: 20;		
		padding: 5px 10px !important;
	}
	.DataColI-IH {		/* Same as above style but indented and italic */
		text-align: left;
		padding: 5px 10px !important;
		height: 20;		
		font-style: italic;		
	}	
	.DataColIRH {		/* Same as DataCol style but indented and right aligned */
		text-align: right;
		padding: 5px 10px !important;
		height: 20;		
	}
	.DataColIR-IH {		/* Same as DataCol style but indented and right aligned and italic */
		text-align: right;
		padding: 5px 10px !important;
		font-style: italic;		
		height: 20;		
	}	
	.DataColBIR, .DataColBIR-BR {		/* Same as above but bold */
		text-align: right;
		height: 28;
		padding: 5px 10px !important;
		font-weight: 700;
	}
	.DataColBIR-BR { /* add a border around */
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
	}		
	.DataColIT {		/* Left align, indented, aligned top */
		text-align: left;
		vertical-align: top;
		height: 28;
		padding: 5px 10px !important;
		padding-left: 5px;
	}
	.DataColIRT {		/* Same as DataCol style but indented and right aligned */
		text-align: right;
		vertical-align: top;
		height: 28;
		padding: 5px 10px !important;
	}

	.DataFaded {
		color: #888;
	}
	.DataMemo {
		font-size: 9px;
	}
	.DataMemoItl {  /* Same as above but italised */
		font-size: 9px;
		font-style: italic;
	}	
	.DataMemoGrey {  /* Same as DataMemo but with italised and grey */
		font-size: 9px;
		color: grey;
	}
	.DataHidden {
		visibility: hidden;
	}

	.DataSubTotalI {
		color: #000;
		background-color: #CCCCFF;
		text-align: left;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataSubTotalBI {
		color: #000;
		background-color: #CCCCFF;
		font-weight: 700;
		text-align: left;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataSubTotalIR {
		color: #000;
		background-color: #CCCCFF;
		text-align: right;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataSubTotalBIR {
		color: #000;
		background-color: #CCCCFF;
		font-weight: bold;
		text-align: right;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataSubTotalI, .DataSubTotalBI, .DataSubTotalIR, .DataSubTotalBIR {
		background-color: #F9ECF1;
		height: 28px;
	}
	.DataTotalI {
		color: #FFF;
		background-color: #003399;
		text-align: left;
		height: 28;
		padding: 5px 10px !important;
	}
	.DataTotalIB {		
		font-weight: 700;

		color: #FFF;
		background-color: #003399;
		text-align: left;
		height: 28;
		padding-left: 5px;
	}		
	.DataTotalIR {
		color: #FFF;
		background-color: #003399;
		text-align: right;
		height: 28;
		padding-right: 5px;
	}
	.DataTotalIBR {
		font-weight: 700;

		color: #FFF;
		background-color: #003399;
		text-align: right;
		height: 28;
		padding-right: 5px;
	}
	.DataTotalIR, .DataTotalIBR, .DataTotalI, .DataTotalIB {
		background-color: #E51B24;
		height: 28px;
		padding: 5px 10px !important;
	}
	.DataBlank {
		background-color: #FFF; /* Should be the same as the page background colour */
		height: 28px;
	}
	.DataRow {
	  height: 28px;
		background-color: #ffffff;
	}
	.DataRowV { /* Same as above but aligns all text in row */
		background-color: #ffffff;
		vertical-align: top;		
	}	
	.DataRowR {
		text-align: right;		
		background-color: #F1F5FA !important;
	}	
	.DataRowC {
		text-align: center;
		background-color: #ffffff;
	}	
	.DataRowAlt {
		background-color: #f6f6f6;
	  height: 28px;
	}
	.DataRowAltV { /* Same as above but aligns all text in row */
		background-color: #eee;
		vertical-align: top;	
	}	
	.PackingRow {
		background-color: #ff99dd;
	}
	.PackingRowAlt {
		background-color: #ff77bb;
	}
	.StockPickRow {
		background-color: #fffeb1;
	}
	.StockPickRowAlt {
		background-color: #FFFC00;
	}
	.DataRowLight {
		background-color: #EFEFF1;
		color: darkgray;
	}
	.DataRowAltLight {
		background-color: #CCCCFF;
		color: darkgray;
	}

	.DataRowWarning {
		background-color: #FFBFBF;
	}
	.DataRowWarningAlt {
		background-color: #FF8080;
	}
	.DataButton {
		padding-top: 3px;
	}

	.DataSelected {
		background-color: #FFFFCC;
	}

	.DataComplete {
		background-color: #CCFFCC;
	}
	.DataIncomplete {
		background-color: #FFCCCC;
	}

	.DataNote {
		color: red;
	}
	
	.InfoBox {
		background: url("/images/info_40.png") no-repeat 12px 10px;
		min-height: 20px;
		color: #568CA3;
		background-color: #E1F2FA;
		border: 2px solid #CAE3FA;
		border-right: 0;
		border-left: 0;
		text-align: left;
		padding: 10px 10px 15px 50px !important;
		margin-bottom: 10px;
		line-height: 1.5em;
		font-weight: 700;
		font-size: 14px;
	}
	.InfoBox p {
		font-size: 14px;
	}
	.InfoBox a {
		font-weight: 700;
	}


	.WhirrBox {
		background: url("/images/spinner-large.gif") no-repeat 12px 10px;
		min-height: 25px;
		color: #000000;
		background-color: #eeeeee;
		border: 2px solid #AAAAAA;
		border-right: 0;
		border-left: 0;
		text-align: left;
		padding: 0px 10px 0px 50px;
		margin-bottom: 10px;
		line-height: 1.5em;
		font-weight: 700;
	}
	.WhirrBox p {
		font-size: 14px;
		font-weight: 700;
	}
	.WhirrBox a {
		font-weight: 700;
	}


	.QuestionIcon {
		background: url("/images/question.png") no-repeat 12px 10px !important;
		background-color: #E1F2FA !important;
	}
	.AddressBookIcon {
		background: url("/images/icons/pdc-address-book.gif") no-repeat 12px 10px !important;
		background-color: #E1F2FA !important;		
	}
	
	.warningBox, .feedbackBox, .qualityNotesBox {
		padding: 17px 10px 17px 60px;
		margin-bottom: 10px;
		background: #FDEDED url("/images/stop.gif") no-repeat 15px 50%;
		border: 2px solid #F5CFCF;
		border-left: 0;
		border-right: 0;
		color: #BF2E0A;
		font-size: 16px;
		font-weight: bold;
	}
	
	.warningBox {
		font-weight: normal;
	}
	.warningBox p {
		font-size: 14px;
		font-weight: bold;
	}
	
	.qualityNotesBox {
		background: #FDEDED url("/images/icons/notes-matrix/quality.gif") no-repeat 15px 50%;
		font-weight: normal;
		font-size: 11px;
	}

	.warningBox p {
		margin: 0;
	}
	
	.feedbackBox {
		padding-left: 44px;
		background: #FEF0E0 url("/images/info_orange.png") no-repeat 15px 20px;
		border: 2px solid #FDE8D0;
		border-left: 0;
		border-right: 0;
		color: #F26122;
	}
	
	.infoBox, .infoBox_fixedWidth {
		padding: 12px 10px 12px 60px;
		background: #E1F3DA url("/images/icons/tick.png") no-repeat 15px 50%;
		border-top: 2px solid #C7DFB2;
		border-bottom: 2px solid #C7DFB2;
		color: #72AB2E;
		font-size: 14px;
		width: 100%;
	}
	.infoBox p {
		margin: 0;
	}
	
	.infoBox_fixedWidth{
		width: 768px;
	}

	
	.vertical-bar {
		background-color: #F5F2E9;
	}

	img.net_rev_package {
		float: left;
		clear: left;
		margin-left: -20px;
	}
	img.net_rev_voucher {
		float: left;
		clear: left;
		margin-left: -18px; 
		margin-top: 4px;
	}
	table tr td.net_rev {
		padding-left: 25px;
	}

	.vertical-line-cell {
		background-image: url( '/images/vline.gif' );
		background-repeat: repeat-y;
		padding-top:0px !important;
	}
	
	.text-align-middle{
		vertical-align: middle;
	}

/* End of Data Tables */

/* Zebra items for a list similar to DataRow{Alt} without using tables for designing */
ol.zebraItems {
	list-style-position: inside;
	margin:0;
	padding: 0;
	font-size: 12px;
}
ol.zebraItems li {
	background-color: white;
	padding: 7px 10px 7px 35px;
	border-top: 1px solid #D8D8D8;
	vertical-align: middle;
}
ol.zebraItems li.alt {
	background-color: #F6F6F6;
}


/*tooltip*/

	div.tip-wrap { 
		max-width: 300px;
		/* the div that wraps the entire thing */
	}

	div.tip { 
		background-color: #333;
		-webkit-box-shadow: 4px 4px 20px #444;
		-moz-box-shadow: 4px 4px 20px #444;
		-webkit-border-radius: 7px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 7px;
		-moz-border-radius-topleft: 0;
		opacity: .9;
		filter: alpha(opacity=90);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		color: #fff;
		padding-right: 14px;
	}
	div.tip-title {
		margin: 0 1px 0 1px;
		padding: 14px 0 14px 14px;
		font-size: 14px;
		font-weight: 600;
	}
	div.tip-text {
		margin: 0 1px 0 1px;
		text-align: left;
		padding: 14px 0 14px 14px;
		font-size: 12px;
		color: #fff;
	}
	div.tip-title + div.tip-text {
		padding: 0 0 14px 14px;
	}
	div.tip a, div.tip a:link, div.tip a:visited, div.tip a:hover, div.tip a:active {
		color: #fff;
	}
	div.tip-top {
		/* Not used */
	}
	div.tip-bottom {
		/* Not used */
	}
	div.tip img {
		background: #fff;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

/* end of tooltips */

/* Sortable tables */
	table.sortable thead td,
	table.sortable thead th {
		cursor: pointer;
	}
	table.sortable thead td:hover {
		text-decoration: underline;
	}
	table.sortable thead td.sorttable_nosort {
		cursor: default;
	}
	table.sortable thead td.sorttable_nosort:hover {
		text-decoration: none;
	}


/* Button: styles used for generating coloured buttons */

/* Menus: all classes for setting styles on top and side menus */

		.bluediv {
			background-color: #d8daff;
		}
		.yellowdiv {
			background-color: #fffeb1;
		}
		.pinkdiv {
			background-color: pink;
		}
		.multiple_des {
			background-color: #339999;
			color: white;
			font-size: 12px;
			width: 303px;
			text-align: center;
		}
		.redBox {
			background-color: red;
			color: #FFF;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
		}

/*Pseudos*/
.redbox a,.redbox a:hover,.redbox a:visited  {
	color: #FFF;
}

/* End of Menus */


/*>Chute
-----------------------------------------------------------*/

.chute_free {
	background-color: #66FF66;
}
.chute_active {
	background-color: #FF6666;
}
.chute_reallocated {
	background-color: #FF9933;
}
.chute_text {
	font-size: large;
	color: #FFF;
}

/* The small black arrow that is used to indicate the direction a field is currently sorted by */
.sort_direction_arrow {
	display: inline;
	margin-left: 5px;
	border: none;
}

/* Lists of printouts (marked by the PDF icon) */
ul.printouts {
	padding-top: 5px;
	padding-left: 6px;
	list-style-type: none;
}
ul.printouts li {
	line-height: 32px;
	padding-bottom: 22px;
	padding-left: 39px;
	background-image: url("/images/pdf_icon.gif");
	background-repeat: no-repeat;
}

ul.despatches {
	list-style-type: none;
	padding-left: 6px;	
}

ul.vouchers_list li{
	margin: .4em 0;
}

/* Progress Bars */
.progress-bar-container {
	width: 200px;
	height: 15px;
	padding: 2px;
	background-color: #f0f0f0;
	border: 1px solid #c0c0c0;
	border-radius: 6px;
	display: inline-block;
	text-align: left;
}

.progress-bar {
	height: 100%;
	border-radius: 4px;
	display: inline-block;
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-size: 1rem 1rem;
}

.progress-bar {
	background-color: #909090;
}

.progress-bar.allocated {
	background-color: #2196F3;
}

.progress-bar.complete {
	background-color: #00C000;
}


/* >Notes Matrix, Workgroup Jobs
-----------------------------------------------------------*/

#notes_matrix {
	overflow: auto;
	margin-bottom: 8px;
	padding: 12px 12px 12px 24px;
}
#notes_matrix ul {
	padding: 0;
	margin: 0;
}
#notes_matrix ul, #notes_matrix ul li {
	float: left;
}
#notes_matrix ul li {
	list-style-type: none;
	margin-right: 20px;
	font-size: 13px;
	padding: 4px 0;
}

/* IE */
#notes_matrix ul li {
	*margin-right: 18px;
}

#notes_matrix li strong {
	font-size: 13px;
	padding: 4px 0;
}
#notes_matrix li a {
	padding: 4px 0 4px 21px;
}
li.noNotes a:link, li.noNotes a:visited {
	color: #999;
}
li.noNotes a:hover, li.noNotes a:active {
	color: #222;
}
li.withNotes a:link, li.withNotes a:visited {
	color: #222;
}

.withNotes#communication a,
.noNotes#communication a:hover {
	background: url("/images/icons/notes-matrix/communication.gif") 0 50% no-repeat;
}
.noNotes#communication a {
	background: url("/images/icons/notes-matrix/communication-grey.gif") 0 50% no-repeat;
}

.withNotes#internal_brief a,
.noNotes#internal_brief a:hover {
	background: url("/images/icons/notes-matrix/internal-brief.gif") 0 50% no-repeat;
}
.noNotes#internal_brief a {
	background: url("/images/icons/notes-matrix/internal-brief-grey.gif") 0 50% no-repeat;
}

.withNotes#despatch a,
.noNotes#despatch a:hover {
	background: url("/images/icons/notes-matrix/despatch.gif") 0 50% no-repeat;
}
.noNotes#despatch a {
	background: url("/images/icons/notes-matrix/despatch-grey.gif") 0 50% no-repeat;
}

.withNotes#finishing a,
.noNotes#finishing a:hover {
	background: url("/images/icons/notes-matrix/finishing.gif") 0 50% no-repeat;
}
.noNotes#finishing a {
	background: url("/images/icons/notes-matrix/finishing-grey.gif") 0 50% no-repeat;
}

.withNotes#invoicing a,
.noNotes#invoicing a:hover {
	background: url("/images/icons/notes-matrix/invoicing.gif") 0 50% no-repeat;
}
.noNotes#invoicing a {
	background: url("/images/icons/notes-matrix/invoicing-grey.gif") 0 50% no-repeat;
}

.withNotes#order_form a, .withNotes#create_order a,
.noNotes#order_form a:hover, .withNotes#create_order a:hover {
	background: url("/images/icons/notes-matrix/order-form.gif") 0 50% no-repeat;
}
.noNotes#order_form a, .noNotes#create_order a {
	background: url("/images/icons/notes-matrix/order-form-grey.gif") 0 50% no-repeat;
}

.withNotes#quality a,
.noNotes#quality a:hover {
	background: url("/images/icons/notes-matrix/quality.gif") 0 50% no-repeat;
}
.noNotes#quality a {
	background: url("/images/icons/notes-matrix/quality-grey.gif") 0 50% no-repeat;
}

.withNotes#waiting a,
.noNotes#waiting a:hover {
	background: url("/images/icons/notes-matrix/waiting.gif") 0 50% no-repeat;
}
.noNotes#waiting a {
	background: url("/images/icons/notes-matrix/waiting-grey.gif") 0 50% no-repeat;
}

/* Pre-loads */
#pl_communication {
	background: url("/images/icons/notes-matrix/communication.gif");
}
#pl_internal_brief {
	background: url("/images/icons/notes-matrix/internal-brief.gif");
}
#pl_despatch {
	background: url("/images/icons/notes-matrix/despatch.gif");
}
#pl_finishing {
	background: url("/images/icons/notes-matrix/finishing.gif");
}
#pl_invoicing {
	background: url("/images/icons/notes-matrix/invoicing.gif");
}
#pl_order_form {
	background: url("/images/icons/notes-matrix/order-form.gif");
}
#pl_quality {
	background: url("/images/icons/notes-matrix/quality.gif");
}
#pl_waiting {
	background: url("/images/icons/notes-matrix/waiting.gif");
}

/* Help standards */

p.help_text {
	font-size: 0.8pc;
}

p.help_text > a {
	font-weight: bold;
}


/*>Job/Order 'Buttons'
-----------------------------------------------------------*/

p.job_actions,
p.order_actions {
	text-align: right;
	font-size: 13px;
	margin-right: 28px;
}
p.job_actions a, p.job_actions .disabled,
p.order_actions a, p.order_actions .disabled {
	margin-left: 20px;
	font-weight: 700;
}
span.custva_add_button {
	font-size: 13px;
	font-weight: 700;
}
div.section_header span.more_link a {
	font-size: 13px;
	font-weight: 700;
	color: #129C23;
}
a.add_jobs, a.add_cross {
	color: #129C23;
	background: url("/images/icons/add-green.gif") 100% 50% no-repeat;
	padding: 3px 20px 3px 0;
	cursor: pointer;
}

a.add_cross_left {
	color: #129C23;
	background: url("/images/icons/add-green.gif") 0% 50% no-repeat;
	padding: 3px 0px 3px 20px;
	cursor: pointer;
}

a.add { /* add_cross, without the cross */
	color: #129C23;
}

a.edit_page {
	color: #c78164;
	background: url("/images/icons/editpage.gif") 100% 50% no-repeat;
	padding: 3px 20px 3px 0;
	cursor: pointer;
}


a.accordion_up, a.accordion_down {
	padding: 0px 15px 0px 0px;
	cursor: pointer;
}

a.accordion_up {
	background: url("/images/accordion_up.png") no-repeat center right;
}

a.accordion_down {
	background: url("/images/accordion_down.png")  no-repeat center right;
}


a.cancel_job_nocolour {
	background: url("/images/icons/trash.png") 100% 50% no-repeat;
	padding: 3px 20px 3px 0;
	cursor: pointer;
}

a.trash {
	background: url("/images/icons/trash.png") 100% 50% no-repeat;
	padding: 3px 20px 3px 0;
	cursor: pointer;
	color: #E51B24;
}


a.add_services {
	color: #129C23;
	background: url("/images/icons/add-green.gif") 3px 50% no-repeat;
	padding: 3px 0 3px 20px;
}

a.add_voucher {
	color: #F2A737;
	background: url("/images/icons/voucher.gif") 3px 50% no-repeat;
	padding: 3px 0 3px 20px;
}
a.add_duplicate {
	color: #00329A;
	background: url("/images/icons/notes-matrix/duplicate.gif") 3px 50% no-repeat;
	padding: 3px 0 3px 20px;
}
a.add_package {
	color: #D3975B;
	background: url("/images/icons/package.gif") 0 50% no-repeat;
	padding: 3px 0 3px 20px;
}
a.cancel_job, a.cancel_order {
	color: #E51B24;
	background: url("/images/icons/delete.png") 0 50% no-repeat;
	padding: 3px 0 3px 20px;
	font-weight: bold;
}

/* This has no icon, as it is right aligned */
.cancel_link_button {
	color: #E51B24;
	padding: 3px 6px 3px 24px;
	font-weight: 700;
	font-size: 13px;
}
.cancel_link_button.disabled {
	color: #ccc;	
}
.cancel_link_button img {
	float: right;
	padding-top: 2px;
}
.cancel_link_button.disabled img {
	opacity: 0.5;
}

a.cancel_order:hover {
	cursor: pointer;
}
.add_services.disabled, .add_jobs.disabled,
.add_voucher.disabled, .add_package.disabled,
.cancel_job.disabled, .cancel_order.disabled,
.add_duplicate.disabled, .order_form.disabled {
	color: #ccc;
	background: url("/images/icons/delete-greyscale.png") 0 50% no-repeat;
	padding: 3px 0 3px 20px;
}
.add_services.disabled, .add_jobs.disabled {
	background: url("/images/icons/add-greyscale.gif") 0 50% no-repeat;
}
.add_voucher.disabled {
	background: url("/images/icons/voucher-greyscale.gif") 3px 50% no-repeat;
}
.add_duplicate.disabled {
	background: url("/images/icons/notes-matrix/duplicate-grey.gif") 3px 50% no-repeat;
}
.add_package.disabled {
	background: url("/images/icons/package-greyscale.gif") 0 50% no-repeat;
}
.order_form.disabled {
	background: url("/images/icons/notes-matrix/order-form-grey.gif") 0 50% no-repeat;
}
.InfoBox .add_services, .InfoBox .add_jobs, .InfoBox .cancel_order, .InfoBox .add_package {
	margin: 0 4px;
}


/*>Customer Contacts
-----------------------------------------------------------*/

#keyCustomerInfo {
	width: 100%;
	color: #777;
	margin-bottom: 10px;
	background: #FFFFD3;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#keyCustomerInfo td {
	padding: 6px 5px;
}
#keyCustomerInfo strong {
	font-size: 16px;
	color: #111;
}
td.full input {
	width: 100%;
}
#contactDetails td.full input {
	width: 95%;
}
#additionalContactsDetails {
	width: 100%;
}
#additionalContactsDetails td {
	padding: 0 7px 0 7px;
}
#additionalContactsDetails tr.DataRowAlt td {
	background: #F8F8F8;
}
#additionalContactsDetails tr.DataRow td {
	background: #F1F1F1;
}
#contactDetails table.clean {
	border: 0;
}








table  #delivery {
	background: url("/images/icons/delivery.png") no-repeat 5px 50%;
	padding-left: 40px;
}


table  #sort {
	background: url("/images/icons/sort.png") no-repeat 5px 50%;
	padding-left: 40px;
}

table  #sortmkt {
	background: url("/images/icons/sortmkt.png") no-repeat 5px 50%;
	padding-left: 40px;
}
table  #sortopen {
	background: url("/images/icons/sortopen.png") no-repeat 5px 50%;
	padding-left: 40px;
}

table #invoiceAddress {
	background: url("/images/icons/address.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.containertable #legal {
	background: url("/images/icons/legal.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.containertable #alerts_header {
	background: url("/images/icons/alerts.png") no-repeat 5px 50%;
	padding-left: 40px;
}



.sectionTitle#additionalAddresses {
	background: url("/images/icons/addresses.png") no-repeat 5px 50%;
	padding-left: 40px;
	border-top: 0;
	font-size: 14px !important;
	color: #666;
}
#doNotContact {
	font-size: 14px;
	text-align: right;
	padding-right: 29px;
}
#nutsAndBoltsTitle span {
	font-size: 14px;
	padding-left: 23px;
}
#selectAllNone {
	font-size: 10px;
	text-align: right;
	cursor: pointer;	
}
#selectAllNone:hover {
	text-decoration: underline;
	color: #333;
}
#doNotContact span {
	padding-left: 23px;
	background: url("/images/icons/hand.png") 0 50% no-repeat;
}
td.sectionTitle#mainContact, td.sectionTitle#editContact {
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 40px;
}
td.sectionTitle#doNotContact {
	padding-left: 0;
	color: #666;
}
td.sectionTitle#additionalContacts {
	padding-left: 40px;
	font-size: 14px !important;
	color: #666;
}
td.sectionTitle.imageAssets {
	padding-left: 40px !important;
	font-size: 14px !important;
	color: #666;
}
td.sectionTitle#stockPhoto {
	padding-left: 40px;	
}
td.sectionTitle img.link_overlay {
	float: left;
	margin-left: -34px;
	width: 24px;
	height: 22px;
	border: none;	
}

table #sectionTitleProdcat {
	background: url("/images/icons/prodcat.png") no-repeat 5px 50%;
	background-size: 20px;
	padding-left: 40px;
}

table #technicalspec {	
	background: url("/images/icons/techspec.png") no-repeat 5px 50%;
	background-size: 20px;
	padding-left: 40px;
}

table .sectionTitleImages {	
	background: url("/images/icons/images.png") no-repeat 5px 50%;
	background-size: 20px;
	padding-left: 40px;
}


.fileAssetsTable {
	margin-top: 20px;
	table-layout: fixed;
	width: 100%;
}
.photo-preview img {
	border: 0;
}
.delete_asset img {
	cursor: pointer;
	border: 0;
}
td.sectionTitle.fileAssets {
	padding-left: 40px !important;
	font-size: 14px !important;
	color: #666;
}
table#financial, table#nutsAndBolts, table#profiling, table#knowledge, table#scheduledCalls {
	width: 49%;
}
#financialNuts, #knowledgeCalls {
	overflow: auto;
}
#knowledgeCalls {
	margin: 15px 0;
}
#financialNuts table#financial, #knowledgeCalls table#knowledge {
	float: left;
}
#financialNuts table#nutsAndBolts, #knowledgeCalls table#scheduledCalls {
	float: right;
}
#profiling td.FormData select {
	width: 80%;
}
table.formAction {
	clear: both;
	margin-top: 10px;
	margin-bottom: 25px;
}
table.formAction td {
	font-size: 16px;
	font-weight: bold;
}

/* eSkills */

.eskills td {
	width: 50%;
}
.an_eskill {
	font-size: 10px;
	color: #999;
	position: relative;
	padding: 7px 0 4px 28px;
}
td.eskills_on .an_eskill {
	color: #222;
	font-weight: normal;
}
.eskills td img {
	height: 16px;
	width: 16px;
	margin: 0 10px 0 0;
	position: absolute;
	left: 5px;
	top: 4px;
}


/*>New 'Clean' Tables
-----------------------------------------------------------*/

table.clean {
	border-collapse: collapse;
	border: 1px solid #d8d8d8;
	padding: 2px;
	width: 100%;
}

table.very {
	border: 0 !important;
}

table.clean td {
	padding: 0px;
}

/* Removes emboldening on side-headings in table bodies */
table.clean tbody th {
	font-weight: normal;
}
table.clean .FormLabel {
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
	vertical-align: middle;
	padding: 7px 5px 4px 4px;
	color: #444;
	background: #f1f1f1;
}


table.clean .FormLabel.mandatory:after {
	font-size:16px;
	content: " *";
	color: #A00;
}

table.clean td.sectionTitle img {
	display: none;
}

table.clean td.sectionTitle {
	font-size: 22px !important;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	color: #909090;
	padding: 12px 12px 12px 4px;
	border-bottom: 5px solid #fff;
}

table.clean td.sectionTitle.preflight-error {
	background: #cd070a;
	border-bottom: 2px solid #f9ecf1;
	color: white;
}

table.clean td.sectionTitle.preflight-warning {
	background: #f96400;
	border-bottom: 2px solid #fff6e4;
	color: white;
}

table.clean td.sectionTitle.preflight-fix {
	background: #339999;
	border-bottom: 2px solid #e7f5f7;
	color: white;
}


table.clean td.sectionTitle img {
	margin-right: 10px;
	margin-top: -8px;
	float: left;
}

table .sectionTitleStock {
	font-size: 18px;
	color: #333;
	padding: 7px 0 10px 5px;
	border-bottom: 2px solid #eee;
	position: relative;
	background: url("/images/icons/stock.png") no-repeat 5px 50%;
	padding-left: 40px;
}


table.clean td.sectionTitleNoIcon {
	font-size: 18px;
	color: #333;
	padding: 7px 0 10px 5px;
	border-bottom: 2px solid #eee;
	position: relative;
}

table.clean td.sectionTitle a {
	color: #909090;
	font-weight: 400;
}
table.clean td.sectionTitle a.add_cross {
	color: #129C23;
}
table.clean td.sectionTitle span {
	color: #b8b8b8;
}
table.clean td.sectionTitle span.note {
	position: absolute;
	right: 20px;
	font-size: 12px;
}
table.clean td.sectionTitle span.closenote {
	color: #999;
	font-size: 11px;
	line-height: 300%;
}
table.clean tr.DataRowAlt td {
	background-color: #f6f6f6;
	border-top: 1px solid #d8d8d8;
	/* border: 1px solid #d8d8d8; */
}
table.clean tr.DataRow > td {
	background-color: white;
	border-top: 1px solid #d8d8d8;
/*	border: 1px solid #d8d8d8; */
}

table.clean tr.total td {
	background-color:#c9c9c9;
	font-weight:bold;
	height: 28;
	padding-left: 5px;
	padding-right: 5px;
}

table.clean td.financial {
	text-align: right;
	padding-right: 5px;
}

table.clean div.DataRowAlt {
	background-color: #F1F1F1;
}
table.clean div.DataRow {
	background-color: #F8F8F8;
}

/*>Fix for DatePicker inside Clean tables */
table.clean div.dp_container td.dp_selected {
    background: none repeat scroll 0 0 #328DCF;
}



/*>New 'Zebra' Tables
-----------------------------------------------------------*/

table.zebra {
	border-collapse: collapse;
	border: 0px;
}

table.zebra tr td {
	background: #ffffff;
	border-top: 1px solid #d8d8d8;
/*	border: 1px solid #d8d8d8; */
}

table.zebra tr.table-tr-odd td {
	background: #f6f6f6;
}

table.clean tr.table-tr-odd td {
	background: #f6f6f6;
}

table.clean tr.table-tr-even td {
	background: #ffffff;
}

table.zebra thead {
	border-bottom: 2px solid #606060;
}
table.zebra thead td {
	background: #707070;
	color: white;
/*	border: 1px solid #606060; */
	padding: 5px;
}
table.zebra tbody td {
	padding: 5px;
}

table.zebra tr.table-tr-heading td {
    background: #707070;
}

table.zebra tr.selected-row td {

    background: #f6f6f6!important;
    border-top: 0px!important;

}

table.zebra tr td.selected-row {
    background: #f6f6f6!important;
    border-top: 0px!important;
}

table.new-zebra > tbody > tr:nth-child(even) > td {
	background-color: #f9f9f9;
}


/*>Product Mix Reports
-----------------------------------------------------------*/

table#productMixReport {
	width: 100%;
}
#productMixReport .FormData {
	padding: 15px 10px;
	color: #ccc;
	font-size: 15px;
}
#productMixReport .FormData a {
	margin-right: 30px;
}
#productMixReport .FormData a.pdf {
	background: url("/images/pdf_icon_small.png") no-repeat 0 50%;
	padding: 5px 0 5px 30px;
}
#productMixReport .FormData a.csv {
	background: url("/images/excel_icon_small.gif") no-repeat 0 50%;
	padding: 5px 0 5px 30px;
}

/* Collapsible Product Mix Table */

#productMixCollapsible table#productmix {
	width: 100%;
	margin-top: 25px;
}
#productMixCollapsible #productmix th {
	padding: 8px 4px;
}
#productMixCollapsible table#productmix td {
	font-size: 12px;
	padding: 5px;
}
#productMixCollapsible table#productmix td a {
	font-weight: bold;
	display: block;
}
#productMixCollapsible table#productmix a.productCode {
	font-size: 9px;
}
#productMixCollapsible table#productmix .lvl0 td {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
#productMixCollapsible table#productmix td.mixDescription {
	font-weight: bold;
}
#productMixCollapsible table#productmix td.mixDescription span {
	font-size: 11px;
	font-weight: normal;
}
#productMixCollapsible table#productmix .amount {
	text-align: right;
}
#productMixCollapsible table#productmix .amount strong {
	font-size: 14px;
}

#productMixCollapsible table#productmix .lvl1 td {
	color: #0066CC;
}
#productMixCollapsible table#productmix .lvl2 td {
	color: #CD070A;
}
#productMixCollapsible table#productmix .lvl3 td {
	color: #339999;
}
#productMixCollapsible table#productmix .lvl4 td {
	color: #F96400;
}
#productMixCollapsible table#productmix .lvl5 td {
	color: #000;
}

/* Pie Chart */

table.pieChart th {
	font-weight: normal;
}


/*>"Fancy Upload"
-----------------------------------------------------------*/

/* CSS vs. Adblock tabs */
.swiff-uploader-box a {
	display: none !important;
}

#status,
.upload_status {
	margin: 10px 0 5px 0;
	padding: 10px 15px 0 15px;
	border: 2px dashed #eee;
}
#silicon_generate_section, #silicon_created_section,
#test_pdf_created_section, #test_pdf_generate_section,
#fonts_used_section, #fonts_used_section,
#fotolia_images_section, #fonts_generate_section, #noneditable_has_file_section {
	margin: 10px 0 5px 0;
	padding: 10px 15px 0 15px;
	border: 2px solid #eee;
}
#status .progress,
.upload_status .progress {
	background: url("/scripts/fancyuploader/assets/progress-bar/progress.gif") no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}
#status .progress-text,
.upload_status .progress-text  {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
#status .note,
.upload_status .note {
	color: #999;
}
#silicon_section .note {
	color: #999;
}
#status .dragdrop {
	font-size: 18px;
}
#filelist,
.upload_filelist {
	list-style: none;
	width:100%;
	margin: 10px 0;
	padding-left: 0;
}
#filelist li.validation-error,
.upload_filelist li.validation-error {
	padding-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	color: #8a1f11;
	cursor: pointer;
	border-bottom: 1px solid #fbc2c4;
	background: #fbe3e4 url("/scripts/fancyuploader/assets/failed.png") no-repeat 4px 4px;
}
#filelist li.file,
.upload_filelist li.file {
	background: url("/images/icons/file.png") no-repeat 4px 4px;
	overflow: auto;
	padding: 3px 0;
	line-height: 30px;
}
#filelist li.file:last-child,
.upload_filelist li.file:last-child {
	border: 0;
}

#filelist li.file.file-uploading ,
.upload_filelist li.file.file-uploading {
	background-image: url("/images/spinner-large.gif");
	color: black;
}
#filelist li.file.file-success,
.upload_filelist li.file.file-success {
	background-image: url("/images/icons/tick.png");
	color: green;
}
#filelist li.file.file-failed, 
.upload_filelist li.file.file-failed {
	background-image: url("/scripts/fancyuploader/assets/failed.png");
	color: red;
}
#filelist li.file .file-name,
.upload_filelist li.file .file-name {
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 30px;
	height: 45px;
	font-weight: 700;
}

#filelist li.file .file-size,
.upload_filelist li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}

#filelist li.file .file-info,
.upload_filelist li.file .file-info {
	display: block;
	font-size: 0.9em;
	line-height: 20px;
	clear
}

#filelist li.file .file-remove,
.upload_filelist li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}
.overall-title, .current-title {
	font-size: 16px;
}
.current-text {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 700;
	color: #1F9A31;
}
#progress,
.upload_progress {
	width: 100%;
	position: relative;
	min-height: 40px;
}
#overallProgress,
.overallProgress {
	width: 100%;
}
#fileProgress,
.fileProgress {
	width: 100%;
}

#overallProgress,
.overallProgress {
	position: relative;
	top: 0;
	left: 0;
}
#fileProgress,
.fileProgress {
	position: relative;
	top: 0;
	right: 0;
}
.imageAssetsTable {
	table-layout: fixed;
	width: 100%;
}
.filename-description {
	white-space: pre-wrap;
	word-wrap: break-word;
	width: 100%;
	display: block;
}


/*>Customer Feedback
-----------------------------------------------------------*/

.customerFeedbackText {
	font-size: 16px;
	background: #efefef;
	padding: 10px 20px;
}


/*>Development
-----------------------------------------------------------*/

#txmt_controls {
	background: #000;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 7px 4px;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	opacity: .6;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
}
#txmt_controls ul {
	margin: 0;
	padding: 0;
	float: left;
}
#txmt_controls ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	color: #fff;
}
#txmt_controls ul a {
	margin: 0 5px;
	font-size: 10px;
	text-decoration: none;
}
#txmt_controls ul a strong {
	font-weight: normal;
	font-size: 7px;
}
#txmt_controls ul a:link, #txmt_controls ul a:visited {
	color: #fff;
}
#txmt_controls ul a:hover, #txmt_controls ul a:active {
	color: #FFA900;
}
.nowrapdata {
	white-space: nowrap;
}

/* inline editing, used on orders and cust assets */
/* Rounded Bubble */
div.edit-window div.rounded {
	margin-bottom: 0px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
	padding: 8px;
}
div.edit-window div.rounded div {
	border: 0;
	background-color: transparent;
	margin: 0px 10px;
}
div.edit-window div.rounded blockquote p {
	margin: 0px 10px;
}
div.edit-window cite.rounded {
	width: 30px;
	height: 30px;
	display:block;
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: -3px;
	background: transparent url(<?= asset_url( "/images/tip-rounded.gif" ); ?>) no-repeat 15px 0;
}

#preview-container { 
	float: right;
	width: 343px;
	padding: 3px;
	border: 1px dashed #ddd;
}

#preview-error, #preview {
	margin: 5px 0;
}

#preview-container h3 {
	margin: 0;
	padding: 0;
}

#preview {
	display: none;
}

/*	#news_feed is on the front page, #news_feed_messages is in the user's profile, and
	#news_feed.thread is the reply-to device in the message composer */

#news_feed.thread{
	width: 530px;
	margin-left: 1px;
}

#news_feed > div {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	position: relative;
}

#news_feed .news_icon, #news_feed .news_details, #news_feed .news_checkbox {
	display: inline-block;
}

#news_feed .news_body {
	margin-left: 55px;
	margin-right: 20px;
}

#news_feed .news_icon {
	width: 40px;
	height: 40px;
	padding-top: 4px;
	margin-left: 7px;
	margin-right: 5px;
}

#news_feed .timeline-header .userimage {
	border-radius: 0;
}

#news_feed .news_icon svg {
	font-size: 30px;
}

#news_feed .news_image {
	width: 100%;
	margin-top: 10px;
}

#news_feed .fullimage_wrapper {
	width: calc(100% + 35px);
	position: relative;
	left: -10px;
}
#news_feed .fullimage_wrapper.job_thumb {
	width: calc(100% + 87px);
	position: relative;
	left: -62px;
	margin-bottom: 7px;
}
#news_feed .news_checkbox input{
	visibility: hidden;
}

#news_feed .news_checkbox label svg {
	position: absolute;
	top: 10px;
	right: 10px;
}

#news_feed .news_checkbox label svg:hover {
	cursor: pointer;
}

#news_feed .thumb_container {
	display: inline-block;
	width: 25%;
	vertical-align: top;
}

#news_feed .thumb_text {
	display: inline-block;
	width: 70%;
	margin-left: 12px;
}

#news_feed .delete {
	color: #444444;
}

#news_feed {
	width: 100%;
}

#news_feed .full_message,
#news_feed_messages .full_message,
#news_feed_thread .full_message
{
	margin-top: 10px;
	margin-bottom: 1px;
}

#news_feed .info {
	margin-top: 10px;
}

#news_feed .info .date {
	font-style: italic;
	color: #909090;}

#news_feed .full_message_closed,
#news_feed_messages .full_message_closed,
#news_feed_thread .full_message_closed
{
	max-height: 60px;
	overflow: hidden;
}

#news_feed .control_hide,
#news_feed_messages .control_hide,
#news_feed_thread .control_hide
{
	display: none;
}

#news_feed td,
#news_feed_messages td,
#news_feed_thread td {
	padding: 7px 0;
}

#news_feed td .vs_target {
	font-weight: bold;
	padding: 3px 5px;
}
#news_feed td .vs_target.above {
	color: #378834;
}
#news_feed td .vs_target.below {
	color: #F96400;
}
#news_feed td .vs_target.way_below {
	color: white;
	background-color: #CD070A;
}

#news_feed td small {
	font-size: 11px;
}
#news_feed .news_details {
	padding-left: 0;
	padding-right: 0;
}
#news_feed .news_details .news_subject{
	font-weight: 600;
}
.news_icon {
	vertical-align: top;
	text-align: center;
}
#news_feed .news_details {
	width: 328px;
}
#news_feed_thread .news_details {
	width: 450px;
}
#news_feed_messages .news_details {
	width: 796px;
}
#news_feed #financials-news-table tr td{
	padding: 3px;
}
#news_feed #financials-news-table tr td:not(:first-child){
	text-align: right;
}
.news_details a {
	font-weight: 600;
	padding-bottom: 10px;
	line-height: 15px;
}
.news_checkbox img {
	border: none;
}
.news_info {
	margin: 2px 0 0;
	color: #777;
}
#news_feed_icon {
	background: url("/images/news.png") no-repeat 5px 50%;
	padding-left: 40px;
}
#system_notices_icon {
	background: url("/images/stop.gif") no-repeat 5px 50%;
	padding-left: 40px;
}
#recent_critical_articles_icon {
	background: url("/images/icons/document.png") no-repeat 5px 50%;
	padding-left: 40px;
}
#stats_at_your_fingertips_icon {
	background: url("/images/icons/chart.png") no-repeat 5px 50%;
	padding-left: 40px;
}
#recently_viewed_icon {
	background: url("/images/favourites.png") no-repeat 5px 50%;
	padding-left: 40px;
}
#answers_xpress_icon {
	background: url("/images/answer.png") no-repeat 5px 50%;
	padding-left: 40px;
}

div.sectionTitle {
	font-size: 22px !important;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	color: #909090;
	padding: 12px 12px 12px 4px;
	border-bottom: 5px solid #fff;
}
div.indent {
	margin-left: 20px;
}

#summary_icon {
	background: url("/images/job.png") no-repeat 5px 50%;
	padding-left: 40px;
}
#product_icon {
	background: url("/images/product.png") no-repeat 5px 50%;
	padding-left: 40px;
}
#customer_icon {
	background: url("/images/address.png") no-repeat 5px 50%;
	padding-left: 40px;
}
.thumbnail_list {
	float: left;
	padding: 10px;
	text-align: center;
}
.thumbnail_list img {
	margin-bottom: 10px;
	border: 2px solid #f0f0f0;
}
.product_list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;	
}
.product_list li {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(/images/check_green.png);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
/* Generic curvy button style (defaults to green, but colour can ofc be overridden */
#browse.curvy_button,
.browse.curvy_button  {
	width: 200px;
}
.curvy_button {
	font-size: 14px;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color: #111;
	text-shadow: 0 -1px 0 #ddd;
	border: 1px solid #b6b6b6;
	background: #e4e4e4;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
	background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
	background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
	background-image: -o-linear-gradient(top,#fff,#e4e4e4);
	background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
	background-image: linear-gradient(top,#fff,#e4e4e4);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffffff',endColorstr='#ffe4e4e4');
}
.curvy_button:hover, .curvy_button:active {
	text-decoration: none;
}
.curvy_button:focus {
	background-color: #333;
	border: 0;
	outline: 0;
}
#put_template_dead {
	text-shadow: none;
	border: 1px solid #b6b6b6;
	background: none;
	background-image: none;
	background-color: #E73A17;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#E73A17),to(#B12910));
	background-image: -moz-linear-gradient(top,#E73A17,#B12910);
	background-image: -webkit-linear-gradient(top,#E73A17,#B12910);
	background-image: -o-linear-gradient(top,#E73A17,#B12910);
	background-image: -ms-linear-gradient(top,#E73A17,#B12910);
	background-image: linear-gradient(top,#E73A17,#B12910);
}

#put_template_block {
	background-color: #AAA;
}

/* DesignTemplate preview image styles in grid */
.template_preview_holder {
	width: 95px;
	height: 105px;
	text-align: center;
	position: relative;
	margin: 0 auto;
}
.template_preview_holder img {
	position: absolute;
	border: 0;
}
.template_preview_holder img.front {
	bottom: 30px;
	left: 0;
}
.template_preview_holder img.reverse {
	bottom: 10px;
	left: 20px;
}
.download_box {
	float: right;
	text-align: center;
	width: 90px;
	margin: 0 0 0 15px;
}
.download_box_container {
	float: right;
	margin: 0 25px;
}

/* These are similar to the above, used for Designer Templates */
.designer_template_preview_holder {
	width: 410px;
	height: 256px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	display: table-cell;
}
.designer_template_preview_holder img {
	position: relative;
}
.designer_template_preview_holder img.front {
	margin-left: -8px;
	margin-top: -8px;
}
.designer_template_preview_holder img.reverse {
	position: absolute;
	margin-left: 8px;
	margin-top: 8px;
}

.designer_template_text {
	margin-bottom: 6px;
}
.designer_template_text .price,
.designer_template_view_text .price,
#content-matching .price,
#content-alternative .price {
	color: rgb(8, 155, 43);
	font-weight: bold;
	font-size: 1.3em;
}

/* DesignTemplate preview image styles in headers */
.template_preview_holder_header {
	width: 75px;
	height: 75px;
	float: left;
	text-align: center;
	position: relative;
	margin: 0 10px;
}
.template_preview_holder_header div {
	padding-left: 10px;
	white-space: nowrap;
	font-weight: 700;
	margin: 0 auto;
}
.template_preview_holder_header div.pdf_download {
	white-space: normal;
	font-weight: 700;
}
.template_preview_holder_header img {
	margin: 5px 25px;
}
.template_preview_link_header {
	float: right;
}
.download_box_header {
	float: right;
	text-align: center;
	margin: 10px 0 15px 15px;
}
.download_box_container_header {
	float: left;
	margin: 0 25px;
}

.download_box_header_left {
	float: left;
	text-align: center;
	margin: 10px 0 15px 15px;
}
.download_box_container_header_left {
	margin: 0 25px;
}
/* template thumbnail standalone */
.template_thumbnail {
	position: relative;
	width: 100px;
	height: 105px;
}
.template_thumbnail img {
	position: absolute;
	border: 0;
}
.template_thumbnail img.front {
	bottom: 30px;
	left: 0;
}
.template_thumbnail img.reverse {
	bottom: 10px;
	left: 20px;
}

table#template-status td, table#hosting-status td {
	padding-left: 5px !important;
}

div#test_pdf_status {
	width: 300px;
	float: right;
	margin-left:25px;
}
div#test_pdf_status .thumbnail_wrapper {
	width:250px;
	margin-bottom:20px;
	float:left;
	background:#FFF;
	overflow:hidden;
	height:290px;
}
div#test_pdf_status .thumbnail_wrapper .thumbnail_container {
	display: table-cell;
	height: 270px;
	width: 240px;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
div#test_pdf_status .thumbnail_wrapper .thumbnail_container img.thumbnail_front {
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;
	border:1px solid #999;
	max-width: 220px;
	max-height: 220px;
	position: relative;
	transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-ms-transform:rotate(-7deg);
	/* IE 9 */ margin-left:-12px;
}
div#test_pdf_status .thumbnail_wrapper .thumbnail_container img.thumbnail_back {
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;
	border:1px solid #999;
	max-width: 220px;
	max-height: 220px;
	position: relative;
	position:absolute;
	margin-left:10px;
	margin-top:35px;
}

#image_overlay {
	display:none;
	position:absolute;
	z-index:9999;
}

/* This is the Prices tab in Designer Templates */
.div_tabs_block #content-prices {
	margin-top: 4px;
	overflow: hidden;
}
.div_tabs_block #content-prices div {
	margin-bottom: 4px;
}
.div_tabs_block #content-prices img {
	border: 0;
	margin-right: 8px;
}

.div_tabs_block #content-prices p {
	margin-top: 0;
}

/* Action sections on view/buy DT screens */
.div_tabs_block .content .pricing-row-text {
	max-width: 350px;		
}

/* Currently used on templates pages but can be generic style */
.action_done_tick {
	color: #1F9A31;
	position: relative;
	padding: 1px 0 1px 20px;
	margin: 10px 0 20px 10px;
	background-image: url("/images/check_green.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
.action_not_done_warning {
	color: #F2A737;
	position: relative;
	padding: 1px 0 1px 20px;
	margin: 10px 0 20px 10px;
	background-image: url("/images/warning.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.free {
	color: green;
}

.installed_bullet {
	list-style-image: url(/images/check_green.png);
}

.not_installed_bullet {
	list-style-image: url(/images/dot_red_dark.png);
}

#silicon_section .error_bullet {
	list-style-image: url(/images/dot_red_dark.png);
}

/* bring all message flash boxes together */
.successFlash {
	background: #E1F3DA;
	color: #72AB2E;
}
.errorFlash {
	background: #FDEDED;
	color: #BF2E0A;
}
.noticeFlash {
	background: #E1F2FA;
	color: #568CA3;
}
.flashBox {
	padding: 12px 10px;
	margin: 10px 0;
	width: auto;
	font-size: 12px;
	line-height: 20px;
	font-weight: 700;
	border-radius: 4px;
	border: none;
}
.flashBox svg:first-child {
	margin-right: 10px;
}
.flashBox svg:last-child {
	color: rgba(0,0,0,0.20);
	cursor: pointer;
	float: right;
}

.flashBox.no-right-align svg:last-child {
	float:none;
	color: inherit
}

.flashBox a {
	font-weight: 700;
}

/* w3pedia bar on all pages */
#w3pedia_context_bar {
	padding: 8px;
	border: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: rgba(255, 165, 0, 0.8);
	color: white;
	position: absolute;
	top: 0;
	z-index: 10;
	right: 0;
	width: 230px;
	font-size: 14px;
	line-height: 18px;
}

.boxed-content #w3pedia_context_bar {
	right: 15px;
}

#w3pedia_context_bar #close-context-help {
	top: 13px;
	right: 12px;
	position: absolute;
}

#w3pedia_context_bar #open-context-help {
	display: none;
}

#w3pedia_context_bar.closed {
	width: 35px;
}

#w3pedia_context_bar.closed #open-context-help {
	display: initial;
}

#w3pedia_context_bar.closed > *:not(#open-context-help) {
	display: none;
}

#w3pedia_context_bar h3 {
	font-weight: 600;
	margin-bottom: 5px;
}

#w3pedia_context_bar .context-icon {
	display: inline-block;
	width: 25%;
	vertical-align: middle;
}

#w3pedia_context_bar .context-content {
	display: inline-block;
	width: 73%;
	vertical-align: middle;
}

#w3pedia_context_bar .context-content h3, #w3pedia_context_bar .context-content p {
	margin: 0;
}

#w3pedia_context_bar a {
	color: white;
}

#w3pedia_context_bar a:hover {
	text-decoration: underline;
}

#w3pedia_context_bar div {
	font-size: 0.9em;
}

#w3pedia_context_bar div, #w3pedia_context_bar a {
	margin: 0;
}

.voucher_expired {
	text-decoration: line-through;
}

/* Graphic File */
.file_verification_results {
	margin-bottom: 10px;
}

td.sectionTitle#errorsWeCouldntFix {
	background: url("/images/icons/file_error.png") no-repeat 5px 50%;
	padding-left: 40px;
	color: #880000;
}
td.sectionTitle#errorsWeFixed {
	background: url("/images/icons/file_fixed.png") no-repeat 5px 50%;
	padding-left: 40px;
	color: #008800;
}
td.sectionTitle#issuesYouShouldKnow {
	background: url("/images/icons/file_warning.png") no-repeat 5px 50%;
	padding-left: 40px;
	color: #ff8800;
}

#languages h4 {
	margin: 20px 0 5px;
}

a.create_new_voucher {
	color: #129C23 !important;
	background: url("/images/icons/add-green.gif") 3px 50% no-repeat;
	padding: 3px 0 3px 20px;
	float: right; 
	font-size: 13px;
	width: 200px;
	font-weight: 700;
	cursor: hand;
}

a.duplicate_link, a.delete_link {
	color: #129C23 !important;
	background: url("/images/icons/add-green.gif") 3px 50% no-repeat;
	padding: 3px 0 3px 20px;
	float: right; 
	font-size: 13px;
	width: 200px;
	font-weight: 700;
	cursor: hand;
}
a.delete_link {
	color: #F33 !important;
	background: url("/images/icons/delete.png") 3px 50% no-repeat;
}

#indesign_file_upload {
	padding-top: 10px;
}

/* Items for Resources -> Training Booking */
.event_note {
	color: gray;
}

#event_list_scrollable {
	margin-right: 8px;
	padding: 0px 4px 1px 1px;
	max-height: 408px;
	overflow: auto;
}

#people_list {
	margin-top: 6px;
	max-height: 150px;
	overflow: auto;
}

#events_list .bookable_person, #people_list .bookable_person {
	margin-right: 4px;
	padding: 3px;
	border: 1px solid silver;
	margin-bottom: 2px;
}

table.training_events {
	width: 100%;
	border-collapse: collapse;
}

table.training_events td {
	padding: 4px;
}

table.training_events .row_event_subheader {
	margin: 0 0 3px 2em;
}

table.training_events .bookable_person {
	margin-left: 2em;
	background-color: #FAFAFF;
}

table.training_events .bookable_person.bookable_person_selected {
	background-color: #D0E0FF;
}

#events_list .selected_event {
	background-color: #D9E8F7;
}

#events_list .training_person_remove,
#people_list .training_person_attend {
	cursor: pointer;
	padding: 2px;
}

#people_list .training_person_attend {
	display: inline-block;
	vertical-align: middle;
}

#people_list .bookable_person_label {
	display: inline-block;
	vertical-align: middle;
	width: 280px;
}

#events_list span.training_person_right {
	float: right;
	margin-left: 3px;
}

#events_list input {
	display: inline-block;
	vertical-align: middle;
}

#events_list .bookable_person_label {
	display: inline-block;
	margin-left: 4px;
	vertical-align: middle;
	width: 240px;
}

#events_list .booking_error {
	background-image: url('/images/warning.gif');
	background-repeat: no-repeat;
	margin: 3px 0 0 3px;
	padding: 3px 3px 3px 24px;
	font-weight: bold;
}

table.training_events thead th {
	font-size: 1em;
	font-weight: bold;
	padding: 2px 4px;
}

#events_list tr.row_event_radio td {
	border-top: 1px solid silver;
}

#events_list td.left, td.event_info {
	border-left: 1px solid silver;
}

#events_list td.right, td.event_info {
	border-right: 1px solid silver;
}

#events_list td.event_info {
	border-bottom: 1px solid silver;
}

#booking_editor .required_field {
	background-color: #ffe0e0;
	color: #800000;
}

#booking_editor td p {
	margin: 4px;
}

tbody tr.invalid_booking.DataRow td.DataColI {
	background-color: #F84040;
}

tbody tr.invalid_booking.DataRowAlt td.DataColI {
	background-color: #FA6060;
}

#map_block {
}

#location_notes {
	padding: 5px 2px;
}

#map_canvas {
	width: 100%;
	height: 450px;
}

#map_notes {
	font-size: 0.9em;
	color: gray;
	margin-top: 3px;

}

/* Training Booking sectionTitle icons */
.sectionTitle#tb_event_past {
	background: url("/images/icons/calendar-tick.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_event_future,
.sectionTitle#tb_available_events {
	background: url("/images/icons/calendar.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_reports,
.sectionTitle#tb_people_reports {
	background: url("/images/icons/report.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_actions {
	background: url("/images/icons/actions.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_detail {
	background: url("/images/icons/detail.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_booking {
	background: url("/images/icons/summary.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_charges {
	background: url("/images/icons/calculator.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_criteria {
	background: url("/images/icons/criteria.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_summary {
	background: url("/images/icons/summary.png") no-repeat 5px 50%;
	padding-left: 40px;
}

.sectionTitle#tb_users {
	background: url("/images/icons/user.png") no-repeat 5px 50%;
	padding-left: 40px;
	height: 25px;
}

.sectionTitle#tb_location {
	background: url("/images/icons/location.png") no-repeat 5px 50%;
	padding-left: 40px;
}

#installed_fonts, .template_bullets li {
	margin-top: 0.25em;
	margin-right: 2em;
}

/* used on the template font list page */
#fontlist  {
  margin: 20px 0 0;
}
#fontlist H2 {
  background: pink;
  color: white;
  cursor: pointer;
  font: 12px Helvetica, Arial, sans-serif;
  line-height: 16px;
  margin: 0 0 4px 0;
  padding: 3px 5px 1px;
}
#fontlist .content {
  background-color: white;
}
#fontlist .content p {
  margin: 0.5em 0;
  padding: 0 6px 8px 6px;
}

#fontlist .fontname a {
	font-size: 14px;
	font-weight: bold;
}

#fontlist .fontfilename {
	color: grey;
}

.tilt {
	-moz-transform:  matrix(0.99254615, -0.12186934, 0.12186934, 0.99254615, 0, 0);
	-webkit-transform:  matrix(0.99254615, -0.12186934, 0.12186934, 0.99254615, 0, 0);
	-o-transform:  matrix(0.99254615, -0.12186934, 0.12186934, 0.99254615, 0, 0);
	-ms-transform:  matrix(0.99254615, -0.12186934, 0.12186934, 0.99254615, 0, 0);
}

.shadow {
	box-shadow: 2px 2px 5px 3px rgba( 204, 204, 204, 0.5 );
	-moz-box-shadow: 2px 2px 5px 3px rgba( 204, 204, 204, 0.5 );
	-webkit-box-shadow: 2px 2px 5px 3px rgba( 204, 204, 204, 0.5 );
}

td.sectionTitle#upload {
	background: url("/images/icons/upload.png") no-repeat 5px 50%;
	padding-left: 40px;
}

/* The date picker in a clean table has problems caused by non-specific FL css - this fixes */
table.clean tr.DataRow td div div td.dp_selected {
	background: none repeat scroll 0 0 #328DCF;
}

/* Stuff for Fotolia stock images */
table.stock_images td.stock_thumb {
	text-align: center;
	padding-bottom: 10px; /* Room for rotated images to breathe! */
}

table.stock_images td img.stock_thumbnail {
	margin-bottom: 4px;
}

table.stock_images td .stock_detail_text img {
	float: right;
}

table.stock_images td .stock_title {
	font-weight: 700;
	color: #009a2f;
}

tr.advanced_search_hide, div.advanced_search_hide {
	display: none;
}

.stock_search_link img {
	vertical-align: middle;
}

table.stock_images_table tr td {
	padding: 4px;
}

table.clean .asset_size {
	color: gray;
}


.current_page {
	text-decoration: underline;
	color: rgb( 169, 169, 169 );
}

/* Generic, for all griddable items e.g. images, template thumbs, etc */
.grid-block .grid-item {
	text-align: center;
	float: left;
}
/* Force all griddable rows to enclose their floated elements, see
	http://gtwebdev.com/workshop/floats/enclosing-floats.php */
.grid-row {
	overflow: hidden;
}

.grid-block.item-hover .grid-item:hover {
	background-color: #eeeeee;
}

tr.shaded td {
	background: rgb(160,160,160); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(160,160,160,1) 0%, rgba(112,112,112,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,160,160,1)), color-stop(100%,rgba(112,112,112,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(160,160,160,1) 0%,rgba(112,112,112,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(160,160,160,1) 0%,rgba(112,112,112,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(160,160,160,1) 0%,rgba(112,112,112,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(160,160,160,1) 0%,rgba(112,112,112,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
	color: white;
	font-weight: 700;
	font-size: 13px;
}

/* Cleaner alterative to using lots of DataTitle, DataRow etc. styles on each td/th */
table.data > tbody > tr > td, table.data > thead > tr > th {
	vertical-align: top;
	padding: 5px 10px;
}
table.data > tbody > tr > td {
	border-top: 1px solid #d8d8d8;
	padding: 5px 10px;
}
table.data > thead > tr > th, table.data > thead > tr > th a {
	font-weight: 700;
	font-size: 13px;
	text-align: left;
	color: #777;
}
table.data > thead > tr > th {
	background: white;
}
table.data > thead > tr > th a {
	text-decoration: underline;
}
table.data tr td.total, table.data tbody.total tr td, table.data tbody tr.total td {
	color: #fff;
	background-color: #003399;
	padding: 10px;
	font-weight: normal;
}
table.data > tbody > tr > td *:not(a, span) {
	line-height: 13px;
	vertical-align: top;
}

table.data thead {
	border-bottom: 0;
}

/* Fix a couple of zebra deficiencies */
table.zebra table.unzebra tr td {
	border: 0;
}

table.zebra thead tr td {
	border-top: 0;
}

.link_button {
	font-size: 12px;
	padding: 5px;
}

/* Forms */

/* Form Tables: all classes need for formatting labels and data displayed */
	.FormInstruction {
		height: 25;
		font-size: 15px;
		padding-top: 5px !important;
		padding-bottom: 10px !important;
		padding-left: 5px !important;
		font-family: 'Lato', Helvetica, Arial, sans-serif;
	}
	.FormLabel {
		height: 25;
		color: #000;
		background-color: #ececec;
		text-align: left;
		vertical-align: top;
		border: 0;
		border-bottom: 1px solid #ddd;
		padding: 5px 10px;
	}
	

	
	.FormLabelHighlighted {
		color: #f00;
		font-weight: bold;
	}	
	.FormLabelR {	/* Same as FormLabel style but right aligned */
		height: 25;
		color: #000;
		background-color: #CCCCFF;
		text-align: right;
		vertical-align: top;
		border-bottom: 1px solid #ddd;
		padding: 5px 4px 2px 2px;
	}
	.FormLabelI { /* Same as FormLabel but strong */
		height: 25;
		color: #AA0000;	/**#3333AA;*/
		background-color: #ececec;
		border-bottom: 1px solid #ddd;
		padding: 5px 10px !important;
		font-weight: 700;
		text-align: right;
		text-transform: uppercase;
		font-size: 9px;
		vertical-align: middle;
	}
	.FormLabelT {	/* Same as FormLabel style but top aligned */
		color: #3333AA;
		vertical-align: top;
	}
	.FormLabelRT {	/* Same as FormLabel style but right and top aligned */
		color: #3333AA;
		text-align: right;
		vertical-align: top;
	}
	.FormLabelBlank {
		height: 25;
	}

	.FormReq {
		color: #FF0000;
		text-align: center;
		vertical-align: top;
		margin-left: 5px;
		font-size: 16px;
	}
	.FormDataR-NC { /* no color specified so we can alt row color */
		height: 25;
		line-height: 10pt;
		border-style: solid;
		border-width: 0px 1px 1px 0px;
		border-color: #FFF;
		padding: 2px 4px 2px 4px;	
		text-align: right;			
	}
	.FormDataR-NC input {
		text-align: right;
	}	
	.FormData, .FormData2, .FormDataR, .FormDataI {
		height: 25;
		color: #000;
		background: #f8f8f8;
		line-height: 16px;
		text-align: left;
		border: 0;
		border-bottom: 1px solid #ddd;
		padding: 5px 10px !important;
	}
	.FormData2 {
		border-right-width:0px;
	}
	.FormDataR {
		text-align: right;
	}
	.FormDataR input {
		text-align: right;
	}
	.FormDataI {
		font-weight: 700;
		color: #AA0000;
	}
	.FormDataT {
		height: 25;
		color: #000;
		background-color: #EFEFF1;
		text-align: left;
		vertical-align: top;
		border: 0;
		border-bottom: 1px solid #ddd;
		padding: 5px 10px !important;
	}
	.FormFadedI {
		font-weight: bold;
		color: #AA0000;
	}
	.FormFaded {
		color: #888;
	}
	.FormButton {
		padding: 5px 10px !important;
	}
	.FormButtonR {
		text-align: right;
		padding: 5px 10px !important;
	}

td.FormData.none {
	color: #bbb;
}

/* Cleaner alterative to using lots of FormLabel, FormData etc. styles on each td/th */
table.form > tbody > tr > td {
	padding: 5px 10px;
	text-align: left;
	border: 0;
}

table.form > tbody > tr.data > td {
	border: 0;
	border-bottom: 1px solid #ddd;
}

table.form > tbody.standard > tr > td {
	background-color: #f8f8f8;
	color: #000;
	border-bottom: 1px solid #ddd;
}

table.form > tbody.standard > tr > td:first-child {
	width: 20%;
}

table.form > tbody.standard > tr > td:first-child, table.form > tbody > tr > td.label {
	text-align: right;
	text-transform: uppercase;
	font-size: 9px;
	padding: 7px 5px 4px 4px;
	color: #444;
	background: #f1f1f1;
	vertical-align: middle;
}

table.form > tfoot > tr > td {
	padding: 10px;
	background-color: none;
}

table.form > tbody > tr > td.mandatory:after {
	font-size: 18px;
	content: " *";
	color: #A00;
}

table.form td.instructions {
	padding: 15px 10px;
	font-size: 15px;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	line-height: 100%;
}

/* End of Form Tables */

.stripe-connect {
    display: inline-block;
    margin-bottom: 1px;

    background-image: -webkit-linear-gradient(#28A0E5, #015E94);
    background-image: -moz-linear-gradient(#28A0E5, #015E94);
    background-image: -ms-linear-gradient(#28A0E5, #015E94);
    background-image: linear-gradient(#28A0E5, #015E94);

    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    height: 30px;
    text-decoration: none;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

    cursor: pointer;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.stripe-connect span {
    display: block;
    position: relative;
    padding: 0 12px 0 44px;
    height: 30px;

    background: #1275FF;
    background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
    background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
    background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
    background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);

    font-size: 14px;
    line-height: 30px;
    color: white;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.stripe-connect span:before {
    content: '';
    display: block;
    position: absolute;
    left: 11px;
    top: 50%;
    width: 23px;
    height: 24px;
    margin-top: -12px;
    background-repeat: no-repeat;
    background-size: 23px 24px;
    background-image: url("data:image/png;base64,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");
}

.stripe-connect:active {
    background: #005D93;

}

.stripe-connect:active span {
    color: #EEE;

    background: #008CDD;
    background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
    background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
    background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
    background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);

    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect:active span:before {

}

.rainbow_sampler_current, .smooth-anchor {
	cursor:pointer;
}

.delete_link_button {
	color: #E51B24;
	font-weight: 700;
	font-size: 13px;
	background: url("/images/icons/trash.png") 100% 50% no-repeat;
	padding: 3px 20px 3px 0;
	cursor: pointer;
}
.delete_link_button[disabled] {
	color: #666;	
	opacity: 0.5;
}

/* Div to go around buttons providing consistent spacing */
.button_bar {
	padding: 10px 0;
}

.button_bar a, .button_bar input {
	margin-right: 10px;
}

div.LosengeContainer{
	display: inline;
	vertical-align: bottom;
	padding-top: 4px;
}

span.Losenge{
	text-transform: uppercase;
	display: inline;
	padding: .6em .6em .5em;
	font-size: 9px !important;
	color: #fff !important;
	text-align: center;
	white-space: nowrap;
	border-radius: .25em;
	font-weight: 700;
}

span.Losenge .fa{
	font-size:13px !important;
	color: #fff;
	margin-top: -2px;
	vertical-align: middle;
}

.FormData div.LosengeContainer, .FormDataT div.LosengeContainer{
	margin-left: 5px;
	margin-top: 2px;
}

h3.note {
	color: #909090;
}

i.info-icon {
	color: blue;
	font-size: 1.5em;
}

/* Email composer */
.email-composer {
	background: #f7f7f7;
	padding-bottom: 120px;
}

.email-composer .email-heading {
	width: 100%;
	padding: 10px 3px;
	font-size: 1.1em;
}

.email-composer .email-heading strong {
	display: inline-block;
}

.email-composer input[type]:not([type=submit]), .email-composer textarea {
	border: 1px solid lightgrey;
	border-radius: 4px;
	padding: 10px 8px;
	outline: none;
	width: 100%;
	font-size: 1.1em;
	color: #444;
	margin-bottom: 10px;
}

.email-composer select {
	border: 1px solid lightgrey;
	border-radius: 4px;
	width: 100%;
	font-size: 1.1em;
	color: #444;
	height: calc(2.25rem + 2px);
	margin-bottom: 10px;
}

.email-composer input[name=from], .email-composer input[name=to],
.email-composer input[name=emailform_from], .email-composer input[name=emailform_to] {
	color : #397dc1 !important;
	font-weight: 700;
}

.email-composer .email-attachments a {
	line-height: 35px;
	font-size: 1.1em;
}

.email-composer textarea {
	width: 100%;
	border: 1px solid lightgrey;
	padding: 15px;
	line-height: 18px;
}

.content.content-full-width .email-composer h1.page-header {
	margin-left: 0;
}

@media screen and (max-width: 767px) {
	.email-composer {
		padding: 0;
	}
}

/* Landing forms */
.landing-form input[type]:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=button]), .landing-form textarea {
	border: 1px solid lightgrey;
	border-radius: 4px;
	padding: 10px 8px;
	outline: none;
	width: 100%;
	font-size: 1.1em;
	color: #444;
	margin-bottom: 10px;
}

.landing-form label {
	width: 100%;
	padding: 10px 3px;
	font-size: 1.1em;
	display: inline-block;
}

.landing-form select {
	border: 1px solid lightgrey;
	border-radius: 4px;
	width: 100%;
	font-size: 1.1em;
	color: #444;
	height: calc(2.25rem + 2px);
	margin-bottom: 10px;
}

.landing-form .numeric, .landing-form .numeric input {
	text-align: right;
}

/* Hide VUE until loaded */
[v-cloak] {
	display: none;
}



/* EditForm */

editform-radio-fieldset label {
	display: block;
}


/*
	#37757: make all modals .v-card-action buttons indented like form fields
*/

.v-dialog .v-card__actions {
	padding: 0px 30px 30px 30px !important;
}

.sbox-vue .sbox-bg {
	display:none;
}

.sbox-vue {
	padding: 0 !important;
}



/* For the npm v-tooltip plugin */
.vue-tooltip-theme {
	background: rgba(97, 97, 97, 0.9);
	color: #FFFFFF;
	border-radius: 4px;
	font-size: 14px;
	line-height: 22px;
	display: inline-block;
	padding: 5px 16px;
	position: absolute;
	text-transform: initial;
	width: auto;
	opacity: 1;
}

/* For the pdc- vue elements such as pdc-text-field and pdc-select */
.pdc-element .field_error {
	font-size:14px;
	color: #ea0e2c;
}

.pdc-element .state_icon,
.pdc-element .field_error .fa {
	font-size: 22px  !important;
}

.pdc-element .state_icon .saving {
	color: #2099c7  !important;
}

.pdc-element .state_icon .saved {
	color: #67af48  !important;
}

.pdc-element .state_icon .failed {
	color: #ea0e2c  !important;
}

.pdc-element.pdc-element-saving {
	display:inline-block;
}

/* End pdc-* elements  */