/**
* AUTHOR:	Tony Espinosa
* UPDATE:	Thu Feb  2 12:36:23 2017
*/



/**
* START - jQuery UI Edits
*/
/* Slider Edits: VAS,etc. */
.ui-slider-handle {
	font-family: 'FontAwesome_4_3_0';
	font-size: 1.8em;
	background: none !important;
	border: none !important;
}
.ui-slider-handle:hover {
	color: inherit;
}
.ui-slider-handle:before {
	content: "\f00d" ;
}
.ui-slider-horizontal {
	height: 15px !important;
}
div#vas-scale-display, div#vas-display {
	margin: 10px 0 0 0 !important; padding: 0;
	display: inline-block !important;
}
div#vas-scale-display div:first-child, div#vas-display div:first-child {
	line-height: 0.7em !important;
	height: 0.7em !important;
	margin: 0 !important; padding: 0 !important;
}
div#vas-scale-display div:first-child a, div#vas-display div:first-child a {
	line-height: 0.7em !important;
	height: 0.7em !important;
	margin: 0 !important; padding: 0 !important;
}

.ui-menu, .ui-menu-item {
	font-size: 0.9em !important;
	text-align: left !important;
}
/**
* END - jQuery UI Edits
*/


/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-content {
	color: #0163BE;
	text-align:left;
	font-size: 1.2em; line-height: 1.4em;
	padding: 6px 14px;
}
.tooltipster-sidetip .tooltipster-box {
	background-color: #D3ECF8;
	border: 1px solid #0163BE;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #D3ECF8;
	left: 0px;
	top: 1px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #D3ECF8;
	left: -1px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #D3ECF8;
	left: 1px;
	top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #D3ECF8;
	left: 0px;
	top: -1px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #0163BE;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #0163BE;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #0163BE;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #0163BE;
}



/**
 * VAS (Visual Analog Scale) Display
*/
#div.vas, .vas {
	text-align: left;
	line-height: 0.5em !important;
	position: relative; top: 0; right: 0; left: 0;
	width: 100%; height: 1em;
	margin: 0; padding: 0;
	border-bottom: 1px dotted rgba(0,0,0,0.3);
	clear: both !important; display: block !important;
}
.vas article {
	position: relative !important; top: -0.5em;
	text-align: right !important;
	line-height: 1em;
	border: none !important;
}



/**
* START - Font Style
*/
.sizeUp1 {
	font-size: 1.2em !important;
}
.sizeUp2 {
	font-size: 1.4em !important;
}
.sizeUp3 {
	font-size: 1.6em !important;
}
.sizeUp4 {
	font-size: 1.8em !important;
}
.sizeUp5 {
	font-size: 2em !important;
}
.sizeDown1 {
	font-size: 0.8em !important;
}
.sizeDown2 {
	font-size: 0.6em !important;
}
.sizeDown3 {
	font-size: 0.4em !important;
}
/**
 * END - Font Style
*/



/**
 * START - Class Styling
*/
.legendTitle {
	text-align:left !important;
	border: 1px dotted rgba(0,0,0,0.5) !important;
}
.grayOut, button.grayOut {
	color: rgba(0,0,0,0.5) !important;
	background-color: rgba(0,0,0,0.1) !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.grayOut:hover, button.grayOut:hover {
	background-color: rgba(0,126,5,0.2) !important;
}
.hideCP_submitBtn {
	display: none;
}
.showCP_submitBtn {
	display: inline-block;
}
.hideDisplay {
	display: none !important;
}
.showDisplay {
	display: block !important;
}
/* Hover HiLite */
.hovHiLite, .hovHiLiteActive, .hovHiLiteAlt-active {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
}
.hovHiLite:hover, .hovHiLiteActive {
	padding-left: 5px;
	background-color: rgba(1,99,190,0.05); /* #0163BE */
	border-left: 5px solid #0163BE;
}
.hovHiLiteAlt:hover, .hovHiLiteAlt-active {
	background-color: rgba(217,255,0,0.1) !important;
}
/* lineData Width */
.width30pct {
	width: 30% !important;
}
.width25pct {
	width: 25% !important;
}
.width10pct {
	width: 10% !important;
}
.userIDTag, .caseIDTag, .affiliateIDTag {
	color: rgba(0,0,0,0.6) !important;
	font-size: 0.7em !important; line-height: inherit;
}
.pointerCursor {
	cursor: pointer;
}
.dottedBottomDivide {
	border-bottom: 1px dotted rgba(0,0,0,0.3);
}
.left-data-clr {
	color: rgba(29,54,124,1); /* #1D367C */
}
.left-data-bkg {
	vertical-align: top;
	background-color: rgba(29,54,124,0.1);
	margin: 0 auto; padding: 5px 15px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
.right-data-clr {
	color: rgba(98,24,123,1); /* #62187B */
}
.right-data-bkg {
	vertical-align: top;
	background-color: rgba(98,24,123,0.1);
	margin: 0 auto; padding: 5px 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
.extra-data-clr {
	color: rgba(98,24,50,1); /* #62187B */
}
.extra-data-bkg {
	vertical-align: top;
	background-color: rgba(255,194,102,0.1);
	margin: 0 auto; padding: 5px 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
.lowOpacity {
	opacity: 0.3;
}
.midOpacity {
	opacity: 0.6;
}
/**
 * END - Class Styling
*/



/**
 * START - Success, Notice and Error Boxes
*/

.error, .alert, .notice, .success, .info, .mod-menu {
	color: rgba(0,0,0,0.6);
	text-align: left; vertical-align: baseline;
	font-size: inherit; line-height: inherit;
	position: relative; top: 0; right: 0; left: 0;
	width: 100%; height: auto;
	margin: 0 auto 0 auto; padding: 7px;
	display: table; clear: both ; z-index: 0;
	box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	-webkit-box-sizing: border-box ;
}
.error, .alert {
	background-color: rgba(242,149,146,0.2); /* color: #F29592 */
}
.notice {
	background-color: rgba(174,242,174,0.2); /* color: #AEF2AE */
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.success {
	background-color: rgba(149,191,242,0.2); /* color: #95BFF2 */
}
.info {
	background-color: transparent;
}
.mod-menu {
	background-color: rgba(1,99,190,0.1); /* color: #0163BE */
}

/* Text Colors */
.error a, .color-error, .missing-data, .expired-data, .alert-data, select.alert-data + span.ui-selectmenu-button {
	color: #7e0001 !important;
}
.notice a, .color-notice, .good-data {
	color: #007e19 !important;
}
.success a, .info a, .color-success {
	color: #00507e !important;
}
.mod-menu a {
	color: #00507e !important;
}

/* Borders top or bottom*/
.border-top {
	border-color: rgba(0,0,0,0.2) !important;
	border-top: 1px solid;
}
.border-bottom {
	border-color: rgba(0,0,0,0.2) !important;
	border-bottom: 1px solid;
}

/**
 * END - MOD Title, Success, Notice and Error Boxes
*/




/**
 * START - Body/Page Specific (menu, enteryOverlay, etc)
*/
/* pageControlPanel BG Colors */
.home_hiLite {
	background-color: rgba(70,39,33,0.1) !important;
}
.contact_hiLite {
	background-color: rgba(27,116,15,0.1) !important;
}
.calendar_hiLite {
	background-color: rgba(33,73,116,0.1) !important;
}
.affiliate_hiLite {
	background-color: rgba(40,116,116,0.1) !important;
}
.proposal_hiLite {
	background-color: rgba(203,171,2,0.1) !important;
}
.wo_hiLite {
	background-color: rgba(171,80,0,0.1) !important;
}
.invoice_hiLite {
	background-color: rgba(203,36,0,0.1) !important;
}
.po_hiLite {
	background-color: rgba(116,102,60,0.1) !important;
}

/* Buttons */
button.selectBtn {
	cursor: pointer;
	color: rgba(70,39,33,0.9); /*color= #462721*/
	text-align: center;
	font-size: inherit;
	font-weight: inherit;
	background-color: rgba(255,150,0,0.2);
	border: 1px solid rgba(54,54,54,0.2);
	width: auto;
	margin: 0 0 7px 0;
	padding: 3px 6px 3px 6px;
	display: inline-block;
}
button.selectBtn:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: rgba(255,150,0,0.9);
}
/**
 * END - Body/Page Specific (menu, enteryOverlay, etc)
*/



/**
 * START - Animation
*/


/**
 * END - Animation
*/



/**
 * START - @MEDIA PRINT
 * This is here because 'style.css' is the last css listed in the html head.
*/
@media print {

	#pageFrameTop, #pageFrameRight, #pageFrameBottom, #pageFrameLeft, .recActLinks-topRt,
	a.xOut, .reportTitle, .reportSubTitle {
		display: none !important;
	}
	#contentFrame {
		position: relative !important;
		width: inherit !important; height: auto !important;
		display: block !important;
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	#controlPanel, #cpDivide, .modTitle dfn, .modOptTitle dfn {
		display: none !important;
	}
	nav#sysAppMenuBar-container {
		display: none !important;
	}
	div#content-container, form#content-container {
		box-shadow: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}
	.pec-title-container, div.do-not-print, .do-not-print {
		display: none !important;
	}
	.sizeUp1 {
		font-size: 2em !important;
	}
	.pwTitle {
		font-size: 2.2em; line-height: 2em;
	}
}
/**
 * END - Media print
*/