h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: normal;
	vertical-align: baseline;
	line-height:1.3em;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	display:none;
	font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: normal;
}

div.ag-filler {
	content: ' ';
	display:block;
	width:100%;
}

div.ag-filler.forty { 	height:40px; }
div.ag-filler.eighty { 	height:80px; }
div.ag-filler.hundred { 	height:100px; }


hr {
	background-color: #dedede;
	border:none;
	color: #dedede;
	height:1px; 
	width:100%;
}

html, body {
	height:100%;
	width:100%;
}

body {
	line-height: 1.5;
	color: #454545;
	background: white;
}

sup {
	font-size:0.7em;
	position:relative;
	bottom:0.6em;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing:0;
	width:100%;
}
caption, th, td {
	text-align: left;

}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.float-none {
	float:none!important;
}

.full-link {
	float:none!important;
	margin:0 0 8px!important;
}

.width50 {
	width:49%;
}

.clear, .clearfix {
	clear:both;
}

.smaller {
	font-size:0.85em;
}

#page_wrapper {
	position:relative;
}

p {
	line-height:1.6em;
	padding:5px 0 10px;
}

.blue {
	color:#0560FF;
}

.spinner {
	background:url('/interact/assets/images/spinner.gif') no-repeat;
	display:none;
	height:14px;
	width:14px;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden, .hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.content-box-header h2, .content-box-header h3, .content-box-header h4 {
	font-family:"Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
	font-weight:bold;
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:#ccc dotted 1px;
}

.content-box h2.ui-box-header, .content-box h3.ui-box-header, .content-box h4.ui-box-header {
	padding:7px 4px 6px;
}

.content-box h2 {
	font-size:1.8em;
}


.content-box h3 {
	font-size:1.5em;
}

.content-box h4 {
	font-size:1.2em;
}

.content-box-header {
	padding:0!important;
}

.content-box-header2 {
	padding:10px!important;
}

	/* Interaction states */

.ui-state-default, .ui-widget-content .ui-state-default, .pagination a {
	font-weight:bold;
	outline:none;
}

.ui-widget {
	margin:0 0 1em;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .pagination a:hover {
	font-weight:bold;
	outline:none;
}

.ui-box-header {
	padding:7px 4px 6px;
}

.ui-box-header .ui-icon {
	margin-top:-3px;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	font-weight:bold;
	outline:none;
}

/* Component containers */

.ui-widget-header {
	font-weight: bold;
	font-weight:600;
	font-size:14px;
	margin:0.4em;
	padding:7px;
	position:relative;
}

	/* Top Buttons */

#top-buttons {
	float:right;
	padding:0;
	text-transform:uppercase;
}

#top-buttons button {
	float:right;
	padding:2px 4px;
	text-transform:uppercase;
}

	/* Tooltip */

#tooltip {
	position:absolute;
	z-index:30000;
	padding:3px;
	font-size:0.9em;
}

#tooltip div {
	margin:0;
	padding:5px;
	font-size:0.9em;
}

#tooltip h3 {
	font-weight:bold;
	padding:5px;
	margin:0;
}

#back-to-top {
    cursor: pointer;
    display: none;
    left: 5%;
    position: fixed;
    bottom: 1%;
    z-index: 99999;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

	/* Buttons & Icons */

ul#icons {
	margin:0;
	padding:0;
}

ul#icons li, .pagination li, a.icon-only {
	margin:2px;
	position:relative;
	padding:4px 0;
	cursor:pointer;
	float:left;
	list-style:none;
}

a.icon-only {
	padding:5px!important;
	width:16px;
}

#sidebar #open_sidebar {
	position:absolute;
	top:10px;
	display:none;
	right:10px;
}

#sidebar-left #sidebar #open_sidebar {
	position:absolute;
	top:10px;
	display:none;
	right:auto;
	left:23px;
}

.wrapper-full {
	/*&padding-right:10px!important; */
}

.fixed {
	margin:0 auto!important;
}

.layout100 .fixed {
	width:auto;
}

.layout90 .fixed {
	width:96%;
	max-width:1400px;
}

.layout75 .fixed {
	width:75%;
}

.layout980 .fixed {
	width:980px;
}

.layout1280 .fixed {
	width:1280px;
}

.layout1400 .fixed {
	width:1400px;
}

.layout1600 .fixed {
	width:1600px;
}

#page-header .fixed {
	margin:0 auto!important;
}

#page-header .fixed #top {
	margin:0 20px;
}

#page-header .fixed #navigation {
	left:-16%;
}

#page-header .fixed #search-bar {
	margin-right:20px;
}

.fixed .page-content-wrapper {
	margin:0!important;
}

a.icon-only span.ui-icon {
	position:relative!important;
	margin:0!important;
	top:0!important;
	left:0!important;
}

ul#icons span.ui-icon {
	float:left;
	margin:0 4px;
}

/* positioning */
.ui-icon-carat-1-n, .headerSortUp .ui-icon-carat-2-n-s { background-position:0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e, #navigation ul .ui-icon-carat-1-s { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s, .headerSortDown .ui-icon-carat-2-n-s { background-position:-64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
#sidebar-left #open_sidebar .ui-icon-circle-arrow-w, .ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
#sidebar-left #close_sidebar .ui-icon-circle-arrow-e, .ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

.ui-icon-circle-arrow-s { display:none; }
/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-tl {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
}

.ui-corner-tr {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
}

.ui-corner-bl {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
}

.ui-corner-br {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}

.ui-corner-top {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
}

.ui-corner-bottom {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}

.ui-corner-right {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}

.ui-corner-left {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
}

.ui-corner-all, .pagination li a, .pagination li, #tooltip, ul#dashboard-buttons li a, .fixed #sidebar, #dashboard-buttons ul li, #dashboard-buttons ul li a, #dashboard-buttons, .content-box {
	border-radius:2px;
}

	/* No rounded corners */
.no-rounded .ui-corner-all, .no-rounded .pagination li a, .no-rounded .pagination li, .no-rounded #tooltip, .no-rounded ul#dashboard-buttons li a, .no-rounded .fixed #sidebar, .no-rounded #dashboard-buttons ul li, .no-rounded #dashboard-buttons ul li a, .no-rounded #page-content-wrapper, .no-rounded #sidebar, .no-rounded #navigation ul {
	border-radius:0!important;
}

/* Live Search Results */

.search-results h2 {
	font-size:1.3em;
	padding:3px 0 5px;
	font-weight:bold;
}

.search-results ul li {
	padding:8px 0;
	border-bottom:#ddd dotted 1px;
}

.search-results ul li a {
	font-weight:600;
	display:block;
	font-size:1em;
	line-height:1.2em;
}

.search-results ul li a span {
	display:block;
	font-weight:normal;
	font-size:0.9em;
}

.search-results ul li a:hover {
}

.search-results ul li a:hover span {
}

/* Progress Bar */

.progress_animated {
	border-color:#717171!important;
}

.progress_animated .ui-progressbar-value {
	background:url('../../images/progress_animated.gif');
	margin:0;
	height:22px;
	padding:0;
	border:0;
}

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Pagination */

.portlet-content ul.pagination li:before {
	content: '';
	padding-right:0;
}

.pagination li a {
	padding:4px 6px;
	display:block;
}

.pagination .previous-off, .pagination .next-off, .pagination .active {
	padding:8px 4px;
}

.pagination .displaying {
	margin-right:40px;
	float:left;
}

/* NEW pagination */

.pagination {
	padding:10px 15px 8px;
	float:right;
	font-size:0.9em;
	font-weight:normal;
	margin:2px 0 6px;
	text-transform:uppercase;
}

.pagination select, .display-option select {
	font-size:1em;
	height: 22px;
	width: auto;
	display:inline;
	margin:0 12px;
	border-radius:3px;
	border:0.5px solid #ccc;
	
}

#pagination .pagination a {
	background:#fff;
	border:none;
	cursor:pointer;
	font-size:0.95em;
}

#pagination .pagination a:hover {
	text-decoration:none;
}

/* Exporter button (orders) */

.exporter-holder {
	float:left;
	font-size:0.9em;
	margin:2px 0 6px;
	padding:10px 15px 8px;
}


/* Columns */

.three-column {
	clear:both;
	float:left;
	overflow:hidden;
	position:relative;
	width:100%;
}

.three-column .three-col-mid {
	right:75%;
}

.three-column .three-col-mid2 {
	right:76%;
}

.three-col-right, .three-col-mid, .three-col-left {
	float:left;
	position:relative;
	width:100%;
}

.three-column .three-col-left {
	right:50%;
}

.three-column .col1 {
	left:98%;
	width:54%;
}

.three-column .col2 {
	left:21%;
	width:22%;
}

.three-column .col3 {
	left:77%;
	width:22%;
}

	/* Three Column same widths */

.same-width-col .col1 {
	left:109%;
	width:32%;
}

.same-width-col .col2 {
	left:43%;
	width:33%;
	
}

.same-width-col .col3 {
	left:77%;
	width:33%;
}

	/* Three Columns, two big and one small */

.two-big-col .col1 {
	left:97%;
	width:39%;
}

.two-big-col .col2 {
	left:37%;
	width:20%;
}

.two-big-col .col3 {
	left:78%;
	width:39%;
}

.col1, .col2, .col3 {
	float:left;
	padding:0 0 1em;
	position:relative;
	min-height:120px;
}

.column-right {
	float:right!important;
}


.two-column .column, .two-column .column-content-box  {
	width:49%;
	float:left;
}

.two-column .column-fixed {
	width:50%;
	float:left;
}

.content-box-col .three-col-mid {
	right:74%!important;
}

.content-box-col .col3 {
	left:77%;
	width:32%;
}

.content-box-col .col2 {
	left:43%;
	width:32%;
}

.content-box-col .col1 {
	left:108%;
	width:32%;
}

/* Portlets */

.portlet {
	margin:0 0 1em;
}

.column .portlet {
	margin:0 0 1em;
}

.portlet-content {
	font-size:13px;
	line-height:17px;
	margin:0;
	padding:7px;
	z-index:2;
}

.portlet-content.right {
	text-align:right;
}

.portlet-content ul {
	list-style-type: none;
	margin-left:0px;
}

.portlet-content ul.inline-ul {
	display:inline;
	margin-left:20px;
	width:40%;
}

.portlet-content ul.inline-ul li {
	display:inline-block;
}

.portlet-content ul.inline-ul li:before {
	content: '';
}

/*.portlet-content ul li:before {
    content: '\2022 ';
   font-family:"Arial Black";
    padding-right:6px;
    color: #2196F3;
}*/

.portlet-header .ui-icon { 
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:5px;
	cursor:pointer;
}

.ui-sortable-placeholder {
	background:#ffffcc;
	padding:0;
	visibility:visible!important;
}

.ui-sortable-placeholder * {
	visibility: hidden;
}

.ui-sortable .sortable-rows {
	cursor:move;
}

/* NAVIGATION MENU */

#navigation, #mobile-navigation {
	height:39px;
	line-height:39px;
}

#navigation, #navigation li {
	float:left;
	border-right:#3b3b3b solid 1px;
	border-left:#666 solid 1px;
}

#navigation li {
	position:relative;
	height:39px;
	border-right:#666 solid 1px;
	border-left:#3b3b3b solid 1px;
	position:relative;
}

#navigation li a {
	display:block;
	height:39px;
	line-height:39px;
	padding:0 8px;
	float:left;
}

#navigation li a.sf-with-ul {
	padding:0 20px 0 8px;
}

#navigation li ul {
	left:-2px;
	top:41px;
	padding:0 3px 3px;
	position:absolute;
	min-width:185px;
	z-index:999;
	box-shadow:0 0 0 rgba(0,0,0,0.3);
	background:#fff;
}

#page-header, #page-header #page-header-wrapper, #page-header #page-header-wrapper #navigation {
	position:relative;
	z-index:8;
}

#navigation li ul li {
	float:none;
	position:relative;
	z-index:999;
	height:30px;
	line-height:30px;
}

#navigation li ul li a {
	height:30px;
	line-height:30px;
}

#navigation li ul li ul {
	left:190px;
	top:0;
	-moz-border-radius-bottomleft:13px;
	-webkit-border-radius-bottomleft:13px;
	-moz-border-radius-topright:13px;
	-webkit-border-radius-topright:13px;
}

#navigation .ui-icon {
	position:absolute;
	top:50%;
	right:3px;
	margin-top:-8px;
}

#navigation ul li.sfHover {
	*margin-bottom:-3px;
}

#navigation li a {
	color:#bdbdbd;
	font-weight:bold;
	text-shadow:#2f2f2f 1px 1px 0;
}

#navigation li.sfHover, #navigation li.sfHover2 {
	background:#4f4f4f;
}

#navigation li.sfHover a, #navigation li.sfHover2 a {
	color:#ededed;
}

#navigation li ul {
	background:#fff;
	display:none;
	border:#5d5d5d solid 1px;
	border:#999 solid 1px;
	border-top:none;
}

#navigation li ul li {
	/*background:#fff;*/
	border-bottom:1px dotted #ccc;
	border-left:0;
	border-right:0;
	text-align:left;
}

#navigation li ul li:last-child {
	border-bottom:none;
}

#navigation li ul li a {
	color:#5a5a5a !important;
	text-shadow:#fff 1px 1px 0;
	float:left;
	font-size:0.95em;
	text-align:left;
}

#navigation li ul li a:hover {
	background:#F7F7F7;
	color:#333;
}

#navigation li ul li.sfHover, #navigation li ul li.sfHover2 {
	background:#F7F7F7;
}

#navigation li ul li.sfHover {
	
}

#navigation li ul li.sfHover a {
	color:#333;
}

#nav-button {
    cursor: pointer;
    height: 25px;
    margin-top: 13px;
    padding: 0;
    width: 36px;
    z-index: 1000;
}

/* Header Search */

#search-bar {
	float:right;
	padding:8px 0 0;
}

#search-bar input {
	border: 1px solid #ccc;
	border-radius:2px;
	color:#676767;
	font-size:12px;
	height:22px;
	margin-right:5px;
	padding:0 10px;
	text-align:right;
	text-transform:uppercase;
	width:160px;
}

	/* PAGE CONTENT */

#page_wrapper {
	width:100%;
}

#page_wrapper #page-content {
	float:left;
	width:100%;
	position:relative;
}

#page_wrapper #page-content #page-content-wrapper {
	padding:10px 202px 10px 10px;
	margin:0 20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow:0 0 20px #000;
	-o-box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	-webkit-box-shadow:0 0 20px #000;
}

#page_wrapper #page-content .no-bg-image {
	background-image:none!important;
}

	/* Theme Switcher Overlay */

#theme_switcher {
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	background:#333 url('../../images/loading.gif') 50% 50% no-repeat;
	z-index:99999;
}

	/* Dashboard buttons */

 #dashboard-buttons, .content-box {
 	margin:0 0 20px;
 	padding:10px;
 	background:#fff;
 	border:#ddd solid 1px;
 }

.content-box .content-box-wrapper {
	padding:10px;
}

.content-box .inner-page-title {
	margin-top:0;
}

	/* SIDEBAR */
	
#page_wrapper #sidebar {
	position:absolute;
	top:0;
	right:0;
	width:19%;
	z-index:1;
	margin-top:5px;
}

#sidebar-left #page_wrapper #sidebar {
	right:auto;
	left:0;
}

#sidebar-left #page_wrapper #page-content #page-content-wrapper {
	padding:10px 10px 10px 202px;
}

#sidebar-left #page_wrapper #page-content .wrapper-full {
	padding:10px 10px 10px 50px!important;
}

#page_wrapper #sidebar .sidebar-content {
	padding:15px 9px 15px 21px;
}

#page_wrapper #sidebar .side-menu ul {
	list-style-type:none;
}

#page_wrapper #sidebar .side-menu li {
	border-bottom:#ccc dotted 1px;
}

#page_wrapper #sidebar .side-menu li:before {
	content: '';
}

#page_wrapper #sidebar .side-menu li a {
	padding:5px;
	display:block;
}

/* ANDREWG */

#page_wrapper #sidebar .side-menu li.archived a {
	opacity:0.4;
	background:#f7e6e6;
}

#page_wrapper #sidebar .side-menu li a:hover, #page_wrapper #sidebar .side-menu li a.active {
	background:#f0f0f0;
	color:#000;
}

#page_wrapper #sidebar .side-menu li a.active {
	font-weight:bold;
}

	/* SIDEBAR > Box */
	
#page_wrapper #sidebar .box {
	background:#fbfcfd;
	border:#ececec solid 1px;
	margin:0 0 8px 0;
}

#page_wrapper #sidebar .box h3 {
	background:#f0f0f0;
	padding:8px;
	font-weight:500;
	border-bottom:#c7c7c7 solid 1px;
	text-transform:uppercase;
}

#page_wrapper #sidebar .box .content {
	padding:8px
}

/* SIDEBAR > Box with Links */

#page_wrapper #sidebar .with-links a {
	display:block;
	padding:8px 8px 8px 20px;
	border-bottom:#dcdcdd dotted 1px;
}

#page_wrapper #sidebar .with-links a:hover {
	background-color:#fff;
	color:#414344;
}

/* Live search results */

#live-search-results, #add-lineitem-search-results, .ui-dialog {
	box-shadow: 0 0 2px #333;
}

#live-search-results {
	background:#fff;
	cursor:all-scroll;
	padding:10px;
	height:auto;
	max-height:570px;
	overflow-y:scroll;
	position:absolute;
	right:5px;
	top:43px;
	width:502px;
	z-index:99;
}

#live-search-holder {
	height:26px;
	position:relative;
	width:99.7%;
}

.lineitem-left {
	float:left;
	font-weight:bold;
	margin:10px 0 12px;
	text-align:center;
	width:15%;
}

.lineitem-right {
	float:right;
	position:relative;
	width:85%;
	margin:4px 0 12px;
}

#lineitem-live-search-results {
	background:#fff;
	border: 1px solid #ddd;
	display:none;
	position:absolute;
	left:0;
	top:-11px;
	padding:20px;
	height:auto;
	min-height:60px;
	overflow-y:auto;
	width:95.3%;
	z-index:99;
	border-radius-bottomleft:4px;
	border-radius-bottomright:4px;
}

/* Footer */

#footer {
	text-align:center;
	padding:0px 0 20px;
	position:relative;
}

#copyright {
	color:#d3d3d3;
	text-align:center;
	padding:0 0 20px;
	text-shadow:1px 1px 0 #000;
}

#copyright a {
	color:#fafafa;
	font-weight:bold;
}

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

#footer a {
	font-weight:bold;
	padding:0 5px;
}

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

	/* Header */

#page_wrapper #page-header #page-header-wrapper {
	margin:0 20px;
	min-height:110px;
}

#page_wrapper #page-header #page-header-wrapper #top {
	height:52px;
}

#page_wrapper #page-header #page-header-wrapper #top a.logo {
	display:block;
	height:52px;
	width:197px;
	text-indent:-9999em;
	float:left;
}

#top .welcome {
	float:right;
	padding:10px 0 0;
}

#top .welcome a.btn {
	margin:6px 0px;
}

#top span.note {
	float:left;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:10px 0;
	text-transform:uppercase;
}

#top .welcome span.note {
	padding: 0 20px 0 0;
}
	/* Simple drop down menu */

#top-buttons .drop-down {
	float:left;
}

.drop-down li {
	position:relative;
}

.drop-down-container {
	display:none;
	width:180px;
	position:absolute;
	top:27px;
	left:3px;
	padding:5px;
	z-index:9999;
}

.drop-down-container a {
	margin-bottom:2px!important;
}

	/* Buttons */

a.btn span.ui-icon {
	left:2px;
	margin:0 5px 0 0;
	position:absolute;
	top:2px;
	*top:4px;
}

a.btn {
	float:left;
	padding: 2px 4px 2px 20px;
	position:relative;
}

a.btn_no_text {
	padding:10px;
}

.ui-button {
	position:relative;
	text-align:center;
	text-decoration:none;
}

.btn {
	float:left;
	margin:0px 5px;
	padding:0.3em 0.8em;
	cursor:pointer;
	line-height:1.5;
}

#top-buttons .btn:last-child {
	margin-right:0;
}

/* Page Titles */

.page-title {
	font-weight:bold;
	padding:0 0 5px;
	float:left;
}

.page-title h1 {
	font-size:1.35em;
	line-height:1.5em;
}

.page-title h1 a {
	font-size:1em;
}

.inner-page-title {
	border-bottom:#cdcdcd solid 1px;
	margin:0 0 15px;
	text-shadow:#fff 1px 1px 0;
}

i.note {
	color:#8F8F8F;
	display:block;
	font-weight:bold;
	padding:5px 0 15px 25px;
}

.inner-page-title h2, .inner-page-title h3 {
	font-weight:bold;
	font-family:"Segoe UI",Frutiger,Tahoma,Helvetica,"Helvetica Neue",Arial,sans-serif;
	color:#000;
	font-size:2em;
	letter-spacing:-1px;
}

.inner-page-title h3 {
	font-size:1.8em;
	padding:0 0 10px;
}

.inner-page-title span {
	font-style:italic;
	color:#777;
	font-size:1.3em;
	padding:5px 0 15px;
	display:block;
	border-bottom:#fff solid 1px;
}

	/* Miscellaneous Stylings to suit Scuddle */
.is_up {
	color:#0C0;
}

.is_down {
	color:#C00;
}

.is_stable {
	color:#00C;
}

.lost {
	cursor:pointer;
}
	/* General */

.column-fixed .form-container {
	margin:0 1em 1em 0;
}

.form-container {
	background:#f8f8f8!important;
	margin:0;
}

form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 0 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li span{
	float:left;
}

	/* Inputs */

input, select, textarea {
	border:1px solid #999;
	border-radius:3px;
	font-family: Poppins, helvetica, arial, sans-serif;
	font-size:1em;
	padding: 5px 8px;
}

#add-lineitem-content input[type=text].quantity, #cart_holder select.quantity {
	padding:2px;
	text-align:center;
}

select {
	padding: 4px;
}

input[type="button"], input[type="submit"], a.button {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #009edb;
    border-radius: 4px;
    color:  #009edb;
    cursor: pointer;
    display: inline-block;
    font-weight:500;
    line-height:1;
    padding: 4px 12px;
    text-align: center;
    text-transform:uppercase;
}

input[type="button"].hidden, input[type="submit"].hidden, a.button.hidden {
	display:none;
}

.blue { color:#009edb; }

input[type=button]:hover, input[type="submit"]:hover {
    background-color:#2196f3;
    background: #009edb none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 4px;
    color:#fff;
}

input.text, input.file, textarea.textarea, select.select {
	color:#333;
	margin:0;
}

input.checkbox, input.radio {
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other {
	margin:0 0 8px 25px;
}

* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
	border:1px solid red;
}

select:focus {
	background:#e6ffe6;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
	background:#e6ffe6;
}

.inline-input {
	display:inline;
}

input[type=text].four-wide, select.four-wide, .four-wide {
	display:inline-block;
	width:23%;
}

input[type=text].five-wide, select.five-wide, .five-wide {
	display:inline-block;
	width:18.5%;
}

input[type=text].six-wide, select.six-wide, .six-wide {
	display:inline-block;
	width:15%;
}

#date-selection-inputs {
	display:none;
    margin: 12px 3%;
    text-align: right;
    width: 94%;
}

	/* Size */

input.small, select.small {
	display:inline-block;
	margin-right:12px;
	width:27%;
}

input.medium, select.medium {
	width:50%;
}

input.large, select.large, textarea.textarea {
	width:70%;
}

input.full95  {
	width:95.5%;
}

textarea.full95 {
	width:97.5%;
}

input.full, textarea.full {
	width:99.5%;
}

select.full {
	width:99.5%;
}

textarea.small {
	height:5.5em;
}

textarea.medium {
	height:10em;
}

textarea.large {
	height:20em;
}

	/* Buttons */

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
form li.buttons {
	clear:both;
	padding-top:10px;
}

form li.buttons div {
	margin:0;
}

.form_cancel {
	float:left;
	margin:10px 16px;
}

.form_submit {
	float:right;
	margin:10px 16px;
}

	/* Labels */

form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:85%;
	line-height:100%;
	color:#444;
	display:block;
}
form li div span label{
	padding-bottom:12px;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-15px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}

	/* Required */

form span {
	position:relative;
}

form span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
}

	/* Validation */

form input.error, form textarea.error {
	background-color:#f9e5e6;
}

form label.error {
	color:#c00;
	padding:5px 0 0;
}

form .gray {
	opacity:0.7;
}

#lost {
	cursor: pointer;
}	/* Tables */

.hastable table {
	background:#fff;
	width:100%;
	/*border:1px solid #dedede;*/
	border-bottom:none;
	font-size:1em; /* ANDREWG */
}

ul.category-tree table {
	font-size:1em; /* ANDREWG */
}

ul.category-tree li:before {
	content: '';
	padding-right:0;
}

.hastable thead td, .hastable thead th {
	padding: 6px;
}

#lineitems-table thead td, .hastable thead th {
	font-size:0.95em;
	text-transform:uppercase;
}

.hastable tr td {
	padding:5px 6px 6px;
	/*vertical-align:middle; */
}

.hastable tr td.money, .hastable tr th.money {
	vertical-align:top;
	text-align:right;
}

.hastable tr td.datecell, .hastable tr th.datecell {
	padding:6px;
}

.hastable #reminders-table td { /* ANDREWG */
	padding:3px 8px;
}

.hastable th, .hastable td {
	border-bottom:1px solid #dedede;
}

.hastable #add_item_totals_row td {
	border-bottom:1px solid #dedede;
	border-top:1px solid #dedede;
}

.hastable tr.order-details-has-peer td {
	border-bottom:none;
}

.hastable tr:last-child td {
	border-bottom:none;
	/*border-bottom:1px solid #dedede;*/
}

.hastable tbody th {
	padding:0 8px;
	text-align:left;
}

.hastable tbody tr.alt td, .hastable tbody tr.odd td {
	color:#464646;
	vertical-align:middle;
}

.hastable tbody tr.alt td, .hastable tbody tr.alt th, .hastable tbody tr.odd {
	background-color:#f5f5f5;
}

.hastable table #order-holder tr.noborder td {
	border-bottom:none;
	padding-bottom:0;
}

.hastable table #order-holder tr.orders-delivered, #live-search-results li.live-search-order-delivered {
	background: url('/interact/assets/images/row-bg-delivered.png') repeat-x 0 6px;
}
.hastable table #order-holder tr.orders-in-transit, #live-search-results li.live-search-order-in-transit {
	background:url('/interact/assets/images/row-bg-in-transit.png') repeat-x 0 6px;
}
.hastable table #order-holder tr.orders-ordered, #live-search-results li.live-search-order-ordered {
	background:url('/interact/assets/images/row-bg-ordered.png') repeat-x 0 6px;
}
.hastable table #order-holder tr.orders-pending, #live-search-results li.live-search-order-pending {
	background:url('/interact/assets/images/row-bg-pending.png') repeat-x 0 6px;
}

.hastable table #order-holder tr.noborder td:last-child, .hastable table #order-holder tr td:last-child {
	border-right: 1px solid #dedede;
}

.hastable table thead .sortable-header, .hastable table thead#view-orders-header th, .hastable table thead#view-products-header th {
	background: #F2F2F2;
	cursor:pointer;
	font-weight:500;
}

.hastable table thead .sortable-header.sorted {
	color:#0870FF;
}

.hastable table thead .sortable-header.sorted.desc:after {
	content: ' \2191';
}

.hastable table thead .sortable-header.sorted.asc:after {
	content: ' \2193';
}

.headerSortDown, .headerSortUp {
	background-repeat:no-repeat;
	background-color:#dcdcdc!important;
	color:#404040!important;
}

.portlet-content .order-documents, .portlet-content .order-documents-square {
	position:relative;
	text-align:left;
}

.portlet-content .order-documents.right {
	text-align:right;
}

.portlet-content .order-documents ul, .portlet-content .order-documents-edit ul, .portlet-content .order-documents-square ul {
	display:inline;
	list-style-type:none;
}

.portlet-content .order-documents ul li, .portlet-content .order-documents-edit ul li, .portlet-content .order-documents-square ul li {
	display:inline-block;
	margin-right:12px;
}

.portlet-content .order-documents ul li {
	font-size:0.9em;
	font-weight:500;
	height:24px;
	line-height:24px;
	list-style-type:none;
	background:#F15A22;
	border-radius:50%; 
	color:#fff;
	cursor:pointer;
	text-align:center;
	width:24px;
}

.portlet-content .order-documents ul li.unfilled {
	background:#fff;
	border: 1px solid #F15A22;
	color: #F15A22;
	height:22px;
	line-height:22px;
	width:22px;
}

.portlet-content .order-documents-square ul li {
	font-weight:500;
	height:18px;
	line-height:18px;
	list-style-type:none;
	color:#F15A22;
	border-radius: 2px; 
	cursor:pointer;
	text-align:center;
	width:24px;
	margin-right:7px;
}

.portlet-content .order-documents-square ul li.unfilled {
	color:#999;
}


.portlet-content .order-documents ul li:before, .portlet-content .order-documents-edit ul li:before, .portlet-content .order-documents-square ul li:before  {
	content: none;
}

.portlet-content .order-documents ul li a {
	color:#fff;
	text-decoration:none;
}

.portlet-content .order-documents ul li:last-child, .portlet-content .order-documents-edit ul li:last-child, .portlet-content .order-documents-square ul li:last-child {
	margin-right:0;
}

.portlet-content .order-documents-result {
	position:absolute;
	right:29%;
	top:7%;
}

.hastable #orders_table #order-holder tr:hover td {
	background:#fff !important;
}

.portlet-content #orders #order-holder tr td.editable:hover, .portlet-content #orders #order-holder tr td.dropdowncell:hover {
	background:#fff !important;
}

.portlet-content #order-holder tr:last-child td {
	border-bottom:1px solid #dedede;
}

.portlet-content #order-holder tr td:first-child {
	border-left:1px solid #dedede;
}

.portlet-content #orders #order-holder tr td.dropdowncell, .portlet-content #orders #order-holder tr td.editable, .portlet-content #price-lists #price-list-holder tr td.dropdowncell, .portlet-content #lineitems_table tr td.dropdowncell {	
	cursor:url('/interact/assets/images/edit-cursor.gif'), default;
}

.portlet-content #order-holder tr td.editable:last-child, .portlet-content #order-holder tr td.carrier:last-child {
	border-right:1px dotted #ccc;
}

.portlet-content #order-holder tr td.carrier {	
	/*border-left:1px dotted #dedede;*/
	border-bottom:1px solid #dedede;;
}

.portlet-content #order-holder tr td.dropdowncell select {
	margin-right:0;
	padding:0;
	width:110%;
}

.portlet-content #order-holder tr td.editable select {
	width:115%;
}

.portlet-content #order-holder tr.no-border td, tr.no-border td {
	border-bottom:none;
}

.portlet-content #order-holder tr.carrier-row td.editable, .portlet-content #order-holder tr.carrier-row td.dropdowncell, .portlet-content #price-lists #price-list-holder tr td.dropdowncell {
	background:lightyellow;
	color:#0000cc;
	font-size:0.98em;
}

.portlet-content #order-holder tr.carrier-row td span.is_up, .portlet-content #lineitems_table .accepted {
	color:#0c0;
}

.portlet-content #order-holder tr.carrier-row td span.is_down, .portlet-content #lineitems_table .rejected {
	color:#c00;
}

.portlet-content #order-holder tr.carrier-row td {
	padding:4px;
}

.portlet-content #order-holder tr.carrier-row:hover td {
	background:#fff;
}
	
#ui-datepicker-div .ui-datepicker-current-day {
	/*border: 1px solid #333;*/
}

#ui-datepicker-div .ui-datepicker-current-day a {
	color: #EF5A21 !important;
}

.portlet-content #order-holder td .result {
	margin: 0 0 0 3px;
}

#update-carrier-data {
	margin-right:20px;
	position:absolute;
	right:200px;
	top:3px;
	text-transform:uppercase;
}

#update-carrier-data-button {
	text-transform:uppercase;
}

#update-carrier-data-result {
	margin-top:5px;
}

#latest-carrier-synch {
	background:#e9f9e5;
	border-radius:2px;
	float:right;
	line-height:1.4em;
	padding: 2px 5px;
	position:absolute;
	right:0;
	top:4px;
	text-transform:uppercase;
}

#latest-carrier-synch.white {
	background:#ffff;
	font-weight:400;
}

.header span {
	float:right;
	margin-top:-3px;
}

.hastable tr .center {
	width:5px;
}

.hastable table a.btn span.ui-icon {
	left:0.1em;
}

.hastable table a.btn {
	margin:0 5px;
}

/* ANDREWG */

.hastable tr.archived {
	opacity:0.5;
	background:#efefef;
}

.hastable tr.preparation {
	opacity:0.8;
	background:#f9f9e5;
}

.content-box table {
	margin:0;
}

.hastable tr.divider {
	line-height:0.1;
	background:#edf1f8;
	color:#edf1f8;
}

.hastable tr.divider:hover td {
	background:#edf1f8;
}

.hastable td.comments div {
	font-style: italic;
	color:#666;
	vertical-align:top;
}

	/* Tables Pagination */

#pager {
	padding:10px 0;
	position: static!important;
}

.pager-form {
	position:static!important;
}

.pager-form table {
	margin:0 0 0 0;
}

.pager-form a.btn {
	margin-top:7px
}

#pager input, #pager .pagesize {
	color:#333;
	padding:4px;
	margin:5px;
	float: left;
	border-color:#7C7C7C #C3C3C3 #ddd;
	border-style:solid;
	border-width:1px;
}

/* ANDREWG CUBING STUFF */

#cubing_label {
	float:left;
	margin:5px 4px 0px 0px;
}

#cubing_outer {
	width:95%;
	background:white;
	height:22px;
	padding:0;
	margin:0;
	border:1px solid #999;
}

#cubing_inner {
	height:12px;
	padding:5px 0px;
}

#cubing_value {
	margin-left:4px;
}	/* Response Messages */

.other-box {
	margin:15px 0;
}

.cont {
	border-top:#fff solid 1px;
	padding:8px;
	line-height:1.4em;
}

.other-box h3 {
	font-size:1.2em;
	font-weight:bold;
}

.gray-box {
	background:#eaeaea;
	border:#c0c0c0 solid 1px;
}

.yellow-box {
	background:#fff6bf;
	border:#fdd845 solid 1px;	
}/* Dialog
----------------------------------*/

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: hidden; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { border: none; margin: 0; padding: 0 0.7em 0.7em 0; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; position: absolute; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

#validateTips {
	padding:5px;
}/* Tabs
----------------------------------*/
.ui-tabs {padding: 0; margin-bottom:6px;}
.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; margin:0 !important; }
.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em 0 0; padding: 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; font-weight:600;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }#dashboard-buttons {
	clear:both;
	display:block;
	*width:97%;
}

.ui-tabs .ui-tabs-nav li a:hover {
	color:#EE592D;
}

#dashboard-buttons ul li {
	float:left;
	margin:6px;
}
	
#dashboard-buttons ul li a {
	display:block;
	width:100px;
	padding:80px 0 0;
	height:20px;
	background-repeat:no-repeat;
	background-position:50% 5px;
	text-align:center;
	float:left;
}



/**

NOT USED NOW ANDREWG 171123
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
.fancybox-button--share {
	display:none !important;
}

.web-image {
	cursor:pointer;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.quickview, .quickview-carrier {
	cursor:pointer;
	border-bottom:1px dashed #454545;
}

.ag-modal {
	display:none;
	z-index:99999;
	padding:10px 20px 20px; 
	background:#fff;
	border:1px solid rgb(212,212,212);
	position:absolute;
	left: 7.5%;
  	top: 148px;
 	/*transform: translate(-50%, -60%);  Yep! */
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3) !important;
	max-width:85%;
	min-height:40%;
	min-width:80%;
	overflow-y:scroll;
}

.ag-modal .close {
	position:relative;
	height:1.6em;
	color: #EF5A21;
    cursor:pointer;
    background: url('/interact/assets/images/close.png') no-repeat 99% 50%;
    border:1px solid #EF5A21;
    border-radius:3px;
    margin:0 0 6px 0;
    padding: 0.4em 1% 0;
    text-transform:uppercase;
    width:97.9%;
}

.ag-modal .portlet-header {
	margin-bottom:0;
}

.ag-modal .portlet-header.close {
	margin-bottom:12px;
}

#quickview-modal-overlay {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.35);
	z-index:99998;
}

#quickview-modal .close {
    margin-left: 3% !important;
    width: 95% !important;
}

#quickview-modal #quickview-print, #quickview-modal #quickview-carrier-print {
    color: #ef5a21;
    font-size: 1.2em;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 3%;
}

#quickview-modal #quickview-print a.print-this-view i.fa, #quickview-modal #quickview-carrier-print a.print-this-carrier-view i.fa {
	color: #bf360c;
	cursor:pointer;
	font-size:1.2em;
}

.dashboard .portlet {
	width:94%;
}

.dashboard #support-team {
	width:100%;
}

/* RESULTS */

#ag_results_holder {
	cursor:alias;
	display:none;
	min-width:700px;
	position:fixed;
	top:12px;
	right:12px;
	z-index:3000;
}

.response-msg {
	font-size:1.1em;
	padding:8px;
	line-height:1.1em;
	margin:0 0 10px;
}

#ag_results_holder .response-msg {
	min-width:600px;
	padding:15px 15px;
}

.response-msg span {
	display:block;
	font-weight:bold;
	padding:0 0 4px;
}

div.error {
	background:#f9e5e6;
	color:#b50007;
	border:#e8aaad solid 1px;
}

.notice  {
	background:#f9f9e5;
	color:#828400;
	border:#e8e3aa solid 1px;
}

.inf {
	background:#e5ecf9;
	color:#0055b5;
	border:#aac6e8 solid 1px;
}

.success {
	background:#e9f9e5;
	color:#1c8400;
	border:#b4e8aa solid 1px;
}

/*------------------------------------ FINE UPLOADER DRAG AND DROP -----------------------------------*/

.qq-upload-drop-area, .qq-upload-extra-drop-area {
	background:#fff !important;
	border:1px dashed #898989  !important;
	border-radius:5px  !important;
	display:block !important;
	z-index:2;
	left:0 !important;
	width:100% !important;
	top:0 !important;
}

.qq-upload-drop-area span {
	font-size: 0.9em !important;
	width:120% !important;
}

.qq-upload-button {
	z-index:3 !important;
}

#journal-entry-portlet .qq-upload-drop-area, #journal-add-portlet .qq-upload-drop-area, .journal-edit .qq-upload-drop-area, #add_asset_form .qq-upload-drop-area, #add_note_form .qq-upload-drop-area, .note-edit .qq-upload-drop-area {
	background-color:#e3f2fd !important;
	background-color:#fff !important;
	border:1px dashed #898989  !important;
	border-radius:5px  !important;
	line-height:24px !important;
	min-height:24px !important;
	display:inline !important;
	z-index:2;
	left:40% !important;
	width:60% !important;
	top:-1px !important;
}

#add_asset_form .qq-upload-drop-area {

}

#journal-entry-portlet .qq-upload-drop-area span, #journal-add-portlet .qq-upload-drop-area span, .journal-edit .qq-upload-drop-area span, #add_asset_form .qq-upload-drop-area span, #add_note_form .qq-upload-drop-area span, .note-edit .qq-upload-drop-area span {
	font-size:0.85em;
}

#journal-entry-portlet .qq-upload-list, #journal-add-portlet .qq-upload-list, .journal-edit .qq-upload-list, #add_asset_form .qq-upload-list, #add_note_form .qq-upload-list, .note-edit .qq-upload-list {
	z-index:4 !important;
}

.qq-upload-list {
	width:100% !important;
	top: -7px !important;
	left: 1px !important;
	z-index:10;
	list-style-type:none !important;
}

.qq-upload-list li {
	background-color: #e9f9e5 !important;
	font-size:1.2em !important;
	line-height:17px !important;
}

.qq-upload-list li::before { 
	content: '' !important;
	padding-right:0 !important;
}

#fine-uploader .qq-upload-drop-area, #update_fine-uploader .qq-upload-drop-area {
	background: #FFE0B2 !important;
}

#fine-uploader .qq-upload-drop-area.qq-upload-drop-area-active {
	background: #e9f9e5 !important;
}

#fine-uploader .qq-upload-file {
	font-size:0.75em !important;
}

#fine-uploader.qq-upload-size, #fine-uploader .qq-upload-cancel, #fine-uploader .qq-upload-retry {
    /*font-size: 0.75em !important;
    font-weight: normal;*/
}

/* -------------------------- CROPPIE -----------------------------*/

.actions {
	margin-top:20px;
}

.actions a h2 {
	color:#444;
	font-size:1.1em;
}

#cropped-image-result {
	margin:16px 0;
}

.gravatar {
	max-height:64px;
	max-width:64px;
}

/*------------------------ SANDBOX ----------------------------*/

.ag-sandbox {
	background:#efefef;
	background:url('/interact/assets/images/sand-background.jpg') repeat;
}