@charset "UTF-8";
/* CSS Document */

html
{
	height:100%;
}

body
{
	font: 200 12px/1.3em Verdana, Helvetica, Arial, Tahoma;
	margin: 0px 5px 50px 5px;
	padding-bottom: 125px;
}

.mainBody
{
	height:100%;
	min-width:990px;
}

.bodyFrame
{
	margin: 0px 0px 50px 0px;
}

.mainContent
{
	margin: 6px;
}

.clr
{
	clear:both;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

ul
{
	list-style:none;
	margin:0;
	padding:5px 0;

}

a, img
{
	outline:none;
	margin:0;
	padding:5;
	border:none;
}

a:link, a:visited
{
	color:#000;
	text-decoration: underline;
}

a:hover, a:active, a:focus
{
	color:#ababab;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Helvetica, Arial, Tahoma;
	color: #2b436e;
	line-height:normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h1 { font-size:18px;}
h2 { font-size:16px;}
h3 { font-size:14px;}
h4 { font-size:12px;}
h5 { font-size:11px;}
h6 { font-size:10px;}

p { margin:0 0 10px;
	text-align:justify;
	line-height:1.4;}

div.debug {
	width:100%;
	background-color: #FF5555;
	min-height:8px;
}

div.nodebug {
	width:100%;
	background-color: #2b436e;
	min-height:8px;
}

div#topwrapper_ampledev
{
	background-color: #CACA00;
	color:#2b436e;
	min-height:28px;
	font-size:130%;
}

div#topwrapper_ample1
{
	background-color: #2b436e;
	color:#FFF;
	min-height:28px;
	font-size:130%;
}

div#topwrapper_ample1 a
{
	color:#FFF;
}

div#topwrapper_ample2
{
	background-color: #0DA404;
	color:#2b436e;
	min-height:28px;
	font-size:130%;
}

div#topwrapper_ample3
{
	background-color: #ababab;
	color:#2b436e;
	min-height:28px;
	font-size:130%;
}

div#topwrapper_ample4
{
	background-color: #0080C0;
	color:#2b436e;
	min-height:28px;
	font-size:130%;
}

div#topwrapper_ample5
{
	background-color: #FFB08A;
	color:#2b436e;
	min-height:28px;
	font-size:130%;
}

div#topwrapper_ample7
{
	background-color: #58F03E;
	color:#2b436e;
	min-height:28px;
	font-size:130%;
}

div.iconGroup
{
	display: inline-block;
	border-style: dotted;
	padding-top: 8px;
	border-width: 0px 0px 0px 2px;
	border-color: blue;
}

.version{
	float:right;
	top: 1px;
	right:10px;
}


div#header2 {
	height:30px;
	background-color: #2b436e;
	color:#ffffff;
	text-align:center;
}

#header2 h5 {
	display: inline;
	color:#ffffff;
	font-weight:300;
	font-size:115%;
	padding: 5px;
}

#header2 a {
	color:#FFFF00;
}

.login
{
	float:left;
	padding: 5px;
}
.reload
{
	display: inline;
	padding: 5px;
	float:right;
	font-size:80%;
}

div.screenid
{
	float:right;
	top: 1px;
	padding:0px,140px;
}

div#showuser
{
	background-color: #ffffff;
	color:#000000;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}

div#headercontent {
	height:66px;
	background-color: #ffffff;
	color:#000000;
}

#headercontent table{
	margin-left:10px;
}

.user{
	font-size:110%;
	padding-left:10px;
}

.page_name
{
	color: white;
	font-size: 10pt;
	padding-left:30px;
	padding-top:4px;
	padding-bottom:4px;
	text-align: left;
	background-color: #2236C4;
}

div.taskTriple
{
	position: relative;
	bottom:0px;
	display: inline-block;
	top: 5px;
	width: 280px;
	height: 60px;
}

div.currentTask
{
	padding: 1px 1px 1px 1px;
}

div.lastItemBox
{
	display: inline;
}

div.iconBar
{
	background-color: #EEE7D1;
	padding-top:0px;
	padding-bottom:0px;
	color:#333;
	min-height: 55px;
}

div.tab_count
{
	display: inline;
}

div.messagesHolder
{
	position: relative;
	display: inline;
	height: 58px;
}

.messagesHolder img
{
	padding-left: 3px;
	padding-right: 0px;
}

div#navmenu {
	height:28px;
	background-color: #92aad3;
}

div#breadcrumb{
	padding-left:15px;
	padding-top:15px;
	font-size:90%;
}

div#breadcrumb a:link, a:visited { color:#2b436e;text-decoration: underline;}
div#breadcrumb a:hover, a:active, a:focus { color:#666; }

div#maincontent
{
	margin: 15px;
}

#maincontent table{
	width:100%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
}

#maincontent td
{
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
}

#maincontent td.col1
{
	background-color:#92aad3;
	color:#ffffff;
	font-weight:600;
	font-size:80%;
}

#maincontent tr.odd td {
background:#f7fbff
}

#maincontent tr.odd td.col1 {
background-color:#92aad3;
color:#ffffff;
font-weight:600;
font-size:80%;
}

#maincontent th {
background:#92aad3;
color:#ffffff;
font-size:80%;
}

div#tableonly{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#tableonly table{
	width:99%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	border-collapse:collapse;
}

#tableonly td {
color:#678197;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:.3em 1em;
text-align:center;
}

#tableonly td.col1 {
background-color:#92aad3;
color:#ffffff;
font-weight:600;
font-size:75%;
}

#tableonly tr.odd td {
background:#f7fbff
}

#tableonly tr.odd td.col1 {
background-color:#92aad3;
color:#ffffff;
font-weight:600;
font-size:80%;
}

#tableonly th {
background:#92aad3;
color:#ffffff;
font-size:75%;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
}

.floatleft{
	float:left;}

.floatright{
	float:right;}

.errmess
{
	background-color: #FF6666;
}

div.errwarn
{
	border-radius: 12px;
	display: inline-block;
	width: 800px;
	padding: 5px;
	vertical-align: top;
	text-align: center;
	background-color: #FFA851;
	line-height: 1;
}

.successmess
{
	background-color: #6ed759;
}

body.helpBody
{
	height:100%;
	border-bottom: 1px solid #333333;
}

div.report_container
{
	display: inline-block;
}

a.helpLink
{
	color:blue;
	font-weight:bold;
	text-decoration:underline;
}

#panel-tab
{
	display: block;
	position: fixed;
	top: 250px;
	right: -7px;
	background: #d46179;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	border-top: 1px solid #b3344f;
	border-left: 1px solid #b3344f;
	border-right: 1px solid #b3344f;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#helpFrame
{
	height: 100%;
	width: 250px;
	position:fixed;
	top: 0px;
	right: -250px;
	text-align: center;
	background-color: #CCCCCC;
	border-left: 1px solid #000000;
	border-top: 0px;
}

#helpFrame #help-and-guides p
{
	text-align: center;
}

#helpFrame #help-and-guides h4
{
	margin: 0 0 10px;
}

table.pagetbl
{
}

td.listPagecount
{
	width: 190px;
}

td.listPagedownload
{
}

td.listTitle
{
	font: 18px Arial;
	text-decoration: bold;
}

.mouseactive
{
	cursor: pointer;
}

.jexpand
{
}

.suggestionBox
{
	display: block;
	float: left;
	position: absolute;
	background-color: white;
	width: 210px;
	box-shadow: 3px 3px 5px 0px #333333;
	border-radius: 4px;
}

.suggestionOption
{
	display: block;
}

.suggestionOption a
{
	display: block;
	padding: 5px;
}

span.order_view_gif_overlay
{
	color: red;
	position: relative;
	bottom: 6px;
	right: 20px;
	font-size: 7pt;
}

span.post_some_gif_overlay
{
	color: red;
	position: relative;
	bottom: 38px;
	left: 25px;
	font-size: 8pt;
	z-index: 99;
	text-decoration: none;
}

div.notifyWorkEnv
{
	float: left;
	text-align: left;
	display: inline;
	width: 60px;
	height: 60px;
}

span.notifyWorkNo
{
	color: red;
	font-size: 10pt;
	text-align: center;
}

input.dispGlobalSearch
{
	display: inline;
	width: 260px;
	vertical-align: top;
}

input.dispClaimTask
{
	display: inline-block;
	width: 80px;
	vertical-align: top;
}

div.orderHistory,div.prodHistory
{
	display: inline;
	padding: 2px 2px 30px 2px;
	vertical-align: bottom;
}

span.tipHolder
{
	position: relative;
	display: inline;
}

span.tip
{
	display: none;
	position: absolute;
	left: -63px;
	top: -52px;
	background: url("../images/tip-background.png");
	color: #ffffff;
	width: 120px;
	text-align: center;
	font-size: 10px;
	border-radius: 6px;
	padding: 3px;
	z-index: 9999;
}

span.tip2
{
	position: absolute;
	left: 20px;
	top: -64px;
	background: url("../images/tip-background.png");
	color: #ffffff;
	width: 250px;
	text-align: center;
	font-size: 10px;
	border-radius: 6px;
	padding: 3px;
	z-index: 9999;
}

span.headerTip
{
	top: -34px;
	left: -63px;
}

span.tip img
{
	position: absolute;
	left: 54px;
	bottom: -9px;
}

#superDisplayContainer h2, #superDisplayContainer h4
{
	text-align: center;
}

#superDisplayContainer h4
{
	color: #333333;
	margin: 0 0 20px 0;
}

.superDisplaySection
{
	float: left;
	width: 280px;
	padding: 10px;
	border-right: 1px solid #cccccc;
}

.superDisplaySection h4
{
	color: #333333;
	margin: 0 0 10px 0;
}

.superDisplaySection p
{
	margin: 0 0 5px 0;
}

.find-form
{
	float: left;
}

#dataTableKey
{
	float: left;
	padding: 0 10px;
}

#dataTableKey ul li
{
	clear: both;
	display: block;
	float: left;
	text-align: left;
}

#dataTableKey ul li span
{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 8px 0 0;
}

.cell_available_to_purchase_y
{
	background: #8AFE6D;
}
.cell_available_to_purchase_n
{
	background: #F77575;
}
.cell_available_to_purchase_c
{
	background: #FFFFB3;
}

.cell_customer_status_ac
{
	background: #8AFE6D;
}

.cell_customer_status_ba
{
	background: #F77575;
}

.cell_customer_status_ca
{
	background: #FFFFB3;
}

.cell_customer_status_cc
{
	background: #ccffda;
}

.cell_customer_status_co
{
	background: #BEF786;
}

.cell_customer_status_de
{
	background: #FF7DFF;
}

.cell_customer_status_pr
{
	background: #F9D284;
}

.matchTable .matchStaged
{
	border: 1px solid red;
}

.matchTable input.matchExist
{
	border: 1px solid green;
}

.ui-jqgrid-bdiv
{
	height: auto !important;
}

.dashboard-page
{
	width: 80%;
	margin: auto;
}

.dashboard-page .holder
{
	width: 49%;
	text-align: center;
}

.dashboard-page .holder-left
{
	float: left;
}

.dashboard-page .holder-right
{
	float: right;
}

.dashboard-page .holder-50
{
	float: left;
	width: 50%
}

.dashboard-page .holder h4
{
	margin: 0 0 10px 0;
	color: #333333;
	font-size: 15px;
	border-bottom: 1px solid #333333;
}

#latest-customers .container, #latest-products .container
{
	position: relative;
	height: 135px;
	overflow: hidden;
}

#latest-customers #customers-list li p, #latest-products #products-list li p
{
	float: left;
}

#latest-customers #customers-list li p b, #latest-products #products-list li p b
{
	color: #333333;
}

#latest-customers #customers-list li span.label, #latest-products #products-list li span.label
{
	float: right;
}

#latest-customers .label-info.pink2, .badge-info, #latest-products #products-list .label
{
	background: #b55a7c;
}

.label, .badge
{
	display: inline-block;
	padding: 2px 4px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #999999;
}

.label {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.label.cc
{
	background-color: #d46179;
}

.label.ca
{
	background-color: #ec385e;
}

.stat .stat-value
{
	display: none;
}

.stat .stat-display
{
	font-size: 16px;
	font-weight: bold;
	color: #d46179;
}

.stat .stat-content
{
	font-size: 16px;
}

ul.tabs
{

}

ul.tabs li
{
	float: left;
}

ul.tabs li a
{
	display: block;
	padding: 10px 25px;
}

ul.tabs li a.current, ul.tabs li a:hover
{
	background: #d2dcec;
	border-bottom: 4px solid #2b436e;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.tab
{
	display: none;
}

.tab.current
{
	display: block;
}

.gridRow
{
	width: 40px;
}

.dashboard
{
	margin: 10px;
}

.dashboardReport
{
	background-color: #FFFFB9;
	margin: 18px;
	float: left;
}

.dashboardHtml
{
	font-size: 16px;
	text-align: center;
}

div.pageContents
{
	border-radius: 5px;
	margin: 5px;
	box-shadow: 3px 3px 2px grey;
	background-color: #EEE7D1;
	padding:5px;
	max-width: 800px;
	text-wrap: normal;
	color:#333;
	text-align:left;
}

/* Stops labels appear on top of menus */
.jqplot-point-label
{
	z-index: 1 !important;
}

.wikiLhn
{
	float: left;
	width: 130px;
	min-height: 405px;
	padding-left: 40px;
	padding-top: 50px;
	background: #C4D5DB;
}

.wikiPage
{
	float: left;
	width: 800px;
	padding-left: 5px;
	min-height: 400px;
	background: #BBBBBB;
}

.wikiHead
{
	position: relative;
	width: 100%;
	float: top;
	padding: 20px;
	background: #C4D5DB;
}

.wikiBottom
{
	position: relative;
	width: 100%;
	float: bottom;
	padding: 20px;
	background: #C4D5DB;
}

.wikiText
{
	position: relative;
	width: 100%;
	padding: 20px;
	min-height: 300px;
	background: #DEE1E4;
}

.wikiText .wikiStatusL
{
	color: #A60400;
}

.wikiText .wikiStatusN
{
	color: #A60400;
	border-bottom: 1px #A60400 dotted;
}

.wikiIconHome
{
	list-style-image:url('wikiskin/navi-icon-home.png');
}

.wikiIconRecent
{
	list-style-image:url('wikiskin/navi-icon-recent.png');
}

.wikiIconSearch
{
	list-style-image:url('wikiskin/navi-icon-search.png');
}

.wikiLoadImage
{
	list-style-image:url('wikiskin/navi-icon-upimage.png');
}

.wikiListImages
{
	list-style-image:url('wikiskin/navi-icon-listimages.png');
}

.jqcalendar
{
	max-width: 900px;
	margin: 0 auto;
}