body 
{
	font: 14px/16px Verdana, Arial;
	color: #000000;
	margin: 1px;
}

a
{
    color: #000000;
}

	a.light
	{
	    color:#FFFFFF;
	}

	a.yellow
	{
		color:#CDCD00;
	}

	a.blue {
		color:#0000FF;
	}

#pagewrapper
{
	width: 1446px;
	/*border: 1px solid #000000;*/
}

#toparea
{
	clear:none;
}

#quicksearch
{
	width: 1446px;
	float:left;
	min-height: 50px;
	max-height: 250px;
	/*height: 250px;*/
}

#leftnav
{
	float:left;
	clear:left;
	width: 236px;
	margin-right: 10px;
}

#middlearea
{
	float: left;
	clear:right;
}

#detail_view
{
	width: 586px;
	float:left;
	margin-right: 10px;
}

#extra_info
{
	width: 596px;
	float:left;
}

#line_view
{
	clear:none;
	width: 1192px;
}

.cj-tooltip
{
	background: #CDCD00;
	color:#000000;
	/*background-image: none;*/
}

.divAlertIconOff
{
	float:left;
	clear:left;
	width:36px;
	height:30px;
	background-image: url(/includes/images/triangle_large_faded.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

.divAlertIconOn
{
	float:left;
	clear:left;
	width:36px;
	height:30px;
	background-image: url(/includes/images/alerts.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

.sectionHeader
{
	/*background-color: #FF2524;*/
	background-color: #2C4081;
	color: #FFFFFF;
	font-weight: bold;
	clear:both;
	height: 18px;
	padding-bottom: 2px;
}

.sectionHeaderHighlight
{
	background-color: #888888;
	color: #000000;
	font-weight: bold;
	clear:both;
	height: 18px;
	padding-bottom: 2px;
}

.sectionHeaderTopLeft
{
	background-image: url(/includes/images/top_left_rounded_sectionheader.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	float:left;
}

.sectionHeaderTopRight
{
	background-image: url(/includes/images/top_right_rounded_sectionheader.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	float:right;
}

.sectionHeaderTitle
{
	float:left;
	text-align:left;
	padding-top:2px;
}

.sectionHeaderTitleCenter
{
	float:left;
	text-align:center;
	padding-top:2px;
}

.sectionHeaderArrow
{
	background-image: url(/includes/images/orange_arrow_sectionheader.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	float:left;
	padding-right: 5px;
	vertical-align: bottom;
}

.sectionHeaderExpander
{
	float:right;
	text-align: right;
	font-size: 18px;
	padding-right: 5px;
}

.sectionDetail
{
	background-color: #EEEEEE;
	color: #000000;
	clear:both;
}

.sectionDetailNoResize
{
	background-color: #EEEEEE;
	color: #000000;
	/*padding: 2px;*/
	clear: both;
}

#quicksearch .sectionDetailNoResize 
{
	height: 210px;
	margin-bottom: 10px;
}

#detail_view .sectionDetail
{
	height: 250px;
	margin-bottom: 10px;
}

#extra_info .sectionDetail
{
	height: 250px;
	margin-bottom: 10px;
}

#line_view .sectionDetail
{
	height: 250px;
	margin-bottom: 10px;
}

.iframe_small
{
	width: 584px;
	height: 100%;
	border: 0;
}

.iframe_large
{
	width: 100%;
	height: 100%;
	border: 0;
}

.qs
{
	font: 12px/14px Verdana, Arial;
	color: #FFFFFF;
	background-color: #000000;
	height: 25px;
	padding: 2px;
	/*width: 236px;*/
/*	clear:both;*/
}

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

.qs_box
{
	float:left;
	padding-right: 4px;
}

.qs_box input
{
	width: 120px;
	border:1px solid #000000;
}

.qs_button
{
	float:left;
}

.qs_button input
{
	border: 1px solid #000000;
}

.smallmenu 
{
	padding: 4px;
	width: 150px;
	background-color: #CDCDCD;
	color: #000000;
	border: 1px solid #000000;
	position:absolute;
	z-index: 9999;
	font-size: 12px;	
}

.iFrameHeader
{
	font: 14px/16px Verdana, Arial;
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
}

.iFrameSubHeader
{
	font: 11px/13px Verdana, Arial;
	color: #FFFFFF;
	background-color: #777777;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
}

.mainrow
{
	background-color: #FFFFFF;
}

.altrow
{
	background-color: #DDDDFF;
}


#leftnav .sectionDetailNoResize 
{
	border: 1px solid #000000;
}

#leftnav ul 
{
	margin: 0px;
	padding: 0px;
    list-style-type: none;
    background-color:#999999;
}

#leftnav ul li
{
	border: 1px solid #000000;
	/*padding: 2px 2px 2px 4px;*/
	line-height: 30px;
	text-transform: uppercase;
	text-indent: 5px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}

#leftnav ul ul{
    display:none;
}

#leftnav ul li ul li 
{
	text-indent: 15px;
    background-color:#EEEEEE;
    border-top: 1px solid #000000;
    border-bottom: 0px;
    border-left:0px;
    border-right:0px;
    text-transform: capitalize;
    margin:0px;
}

#leftnav ul li:hover>ul{
    /*display:block;   */
}

#searchTable
{
	border-collapse: collapse;
	width: 1046px;
}

#searchTable td
{
	width: 86px !important;
	font: 12px/14px Verdana;
}

#searchTable td.spacer, #quickStatsTable td.spacer
{
	width: 100px;
	text-align:center;
}

#searchTable td.text
{
	text-align: right;
}

#quickStatsTable
{
	width:400px;
}

#quickStatsTable td
{
	font: 9px/10px Verdana;
}

input[disabled='disabled'], select[disabled='disabled'], input[readonly='readonly']
{
	background-color: #CDCDCD;
	color:#000000;
}

input[type='button'], input[type='reset']
{
	font: 12px/13px Verdana, Arial;
	border: 1px solid #000000;
	margin: 0px;
	padding: 3px;
}

input.darken {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #CDCDCD;
}

.smallbutton 
{
	font: 10px/12px Verdana, Arial;
	border: 1px solid #000000;
	margin: 0px;
	padding: 3px;
}

.largebutton
{
	font: 12px/14px Verdana, Arial;
	border: 1px solid #000000;
	margin: 0px;
	padding: 5px;
}

.lineViewText 
{
	font: 12px/14px Verdana, Arial;
}

.lineViewTextSmall
{
	font: 11px/12px Verdana, Arial;
}

#divTaskSubmit select, #divTaskSubmitLimited select
{
	height: 20px;
	font: 12px/14px Verdana, Arial;
}

#divTaskSubmit textarea, #divTaskSubmitLimited textarea
{
	font: 12px/14px Verdana, Arial;
}


#divAlertDropDown
{
	position:fixed;
	top: -1000px;
	left: 400px;
	width: 300px;
	height: 250px;
}

.accTable tbody tr td
{
	font: 14px Arial;
}

.custidpopup
{
	background-color:#CD0000;
	color: #FFFFFF;
}


#tblCRMQuickSearchResults tr td
{
	font: 11px/12px Verdana;
}


.addContactFieldRequired
{
	color:#0000FF;
}

#tblOrderLines th, #tblOrderLines td
{
	border: 1px solid #000000;
}

#tblOrderLines input
{
	border: none;
	font: 11px Verdana, Arial;
}

#tblOrderLines tfoot tr td
{
	font: 11px/12px Verdana;
}

#divOrders #divOrdersShipMsg
{
	font: 12px/14px Verdana, Arial;
	color: #FFFF00;
	font-weight:bold;
}

#tblQuoteContactNotes
{
	background-color: #FFFFFF;
	color: #000000;
	width: 562px;
}

.quoteNotesHeader
{
	font: 12px/14px Verdana, Arial;
	color: #FFFFFF;
	background-color: #777777;
	vertical-align: bottom;
	font-weight: bold;
	text-align: center;
}

.quoteNotesDetails
{
	font: 12px/14px Verdana, Arial;
	text-align:center;
}

.lineViewButton 
{
	width:22px;
}

input.toggleButton {
	appearance: none;
	padding: 6px 12px;
	border-radius: 6px;
	background: radial-gradient(circle 4px, white 100%, transparent calc(100% + 1px)) #ccc -6px;
	transition: 0.3s ease-in-out;
	vertical-align:middle;
	font-weight:normal;
}

	input.toggleButton:checked {
		background-color: dodgerblue;
		background-position: 6px;
	}

.quoteSelectorBoxes {
	width: 100px;
	height: 20px;
	float: left;
	clear: none;
	margin-top: 2px;
	border: 1px solid #000000;
	font: 12px/13px Arial;
	vertical-align: middle;
	margin-right: 2px;
	color: #FFFFFF;
}

#divQuoteStarterUSDistyBoxes {
	float: left;
	clear: both;
	width: 325px;
}

#divQuoteStarterCANDistyBoxes {
	float: left;
	clear: both;
	width: 325px;
}

#divQuoteStarterTopCustomersBoxes {
	float: left;
	clear: both;
	width: 325px;
}

#divQuoteStarterEnterForm {
	float: left;
	clear: both;
	margin-top: 5px;
	text-align: center;
	width: 325px;
}

.box1 {
	background-color: #995637;
	cursor: pointer;
}

.box2 {
	background-color: #155058;
	cursor: pointer;
}

.box3 {
	background-color: #233F92;
	cursor: pointer;
}

.box4 {
	background-color: #DB0096;
	cursor: pointer;
}

.box5 {
	background-color: #D99323;
	cursor: pointer;
}

.box6 {
	background-color: #594E3B;
	cursor: pointer;
}