/* --------------------------------------------------------------
-----------------------------------------------------------------

	AUTHOR:			Tony Espinosa
	VERSION:		10.19.2012

	CONTENTS:

	Font Style
	CSS Fix
	Success, Notice and Error Boxes
	"Font Awesome" Icon Classes
	Body/Page Specific

-----------------------------------------------------------------
-------------------------------------------------------------- */



/*	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
--------------------------------------------------------------
*/



/*	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;
}
.sizeDown1 {
	font-size: 0.8em !important;
}
.sizeDown2 {
	font-size: 0.6em !important;
}
/*	END - Font Style
--------------------------------------------------------------
*/



/*	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;
}
.hideCP_submitBtn {
	display: none !important;
}
.showCP_submitBtn {
	display: inline-block !important;
}
.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 {
	background-color: rgba(234,232,70,0.15) !important; /*color= #eae845*/
}
.hovHiLiteAlt:hover, .hovHiLiteAlt-active {
	background-color: rgba(190,75,43,0.1) !important;
}
.hovHiLite:hover {
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
/* lineData Width */
.width30pct {
	width: 30% !important;
}
.width25pct {
	width: 25% !important;
}
.width10pct {
	width: 10% !important;
}
.userIDTag, .caseIDTag, .affiliateIDTag {
	color: rgba(0,0,0,0.6);
	font-size: 0.7em;
}
.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;
}



/*	MOD Title, Success, Notice and Error Boxes
--------------------------------------------------------------
*/
.modTitle, h1.modTitle {
	background-color: rgba(255,117,0,0.2); /* Orange: #ff7500 */
}
.modOptTitle, h1.modOptTitle {
	background-color: rgba(0,0,0,0.2); /* Light Gray: #ff7500 */
}
.modTitle, h1.modTitle, .modOptTitle, h1.modOptTitle {
	text-align: center; font-size: 1em !important;
	color: rgba(0,0,0,0.6);
	background-color: rgba(255,117,0,0.2); /* Orange: #ff7500 */
	border-bottom: 1px solid rgba(0,0,0,0.2);
	position: relative;
	width: 100% !important; height: auto;
	margin: 0 auto 0 auto !important; padding: 5px 28px !important;
	display: table; clear: both !important; z-index: 0;
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
}
.modTitle dfn, .modTitle a, .modOptTitle dfn, .modOptTitle a {
	color: rgba(255,255,255,0.4); /* Orange: #ff7500 */
}
.modTitle dfn i.fa-times, .modOptTitle dfn i.fa-times {
	color: rgba(0,0,0,0.5);
}
.modTitle strong, .modOptTitle strong {
	font-size: 1.3em !important;
	font-weight: bold;
}

.error, .alert, .notice, .success, .info, .modmenu, .evalControlPanel {
	color: rgba(0,0,0,0.6);
	text-align: center;
	border-bottom: 1px solid;
	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.4); /* color: #F29592 */
	border-color: rgba(0,0,0,0.2);
}
.notice {
	background-color: rgba(174,242,174,0.4); /* color: #AEF2AE */
	border-color: rgba(0,0,0,0.2);
}
.success {
	background-color: rgba(149,191,242,0.4); /* color: #95BFF2 */
	border-color: rgba(0,0,0,0.2);
}
.info {
	background-color: rgba(183,250,248,0.4); /* color: #6FD8AF */
	border-color: rgba(0,0,0,0.2);
}
.modmenu {
	background-color: rgba(111,216,175,0.4); /* color: #6FD8AF */
	border-color: rgba(0,0,0,0.2);
}
.evalControlPanel {
	background-color: rgba(255,117,0,0.2) !important; /* Orange: #ff7500 */
	border-color: rgba(0,0,0,0.2);
}

/* Text Colors */
.error a, .colorError, .missing-data, .expired-data, .alert-data {
	color: #7e0001 !important;
}
.notice a, .colorNotice, .good-data {
	color: #007e19 !important;
}
.success a, .info a, .colorSuccess {
	color: #00507e !important;
}
.modmenu a {
	color: #00507e !important;
}




/*	Body/Page Specific (menu, enteryOverlay, etc)
--------------------------------------------------------------
*/
/* pageControlPanel BG Colors */
.home_hiLite {
	background-color: rgba(70,39,33,0.1) !important;
}
.case_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);
}

/* Main Menu */
.icon-mainMenu-style {
	color: rgba(255,255,255,0.6);
}

#navHome a:hover, li#navHome li a, li#navHome:hover a {
	background-color: rgba(70,39,33,0.9); /*page color= #462721*/
}
body#pageHome li#navHome a, body#pageHome div#pageFrameTop h1, body#pageHome a.xOut, body#pageHome .peoDashboard em, body#pageHome .peoDashboard ul li {
	background-color: rgba(70,39,33,0.9);
}
body#pageHome div#controlPanel, body#pageHome div#mod-form-entry-ctrl p, body#pageHome .modTitle {
	background-color: rgba(70,39,33,0.2) !important;
}
/*body#pageHome div#entryBox {
	border-right: 10px solid rgba(70,39,33,0.9);
	border-bottom: 10px solid rgba(70,39,33,0.9);
	border-left: 10px solid rgba(70,39,33,0.9);
}*/
body#pageHome a.xOut, body#pageHome div#entryBox input[type="submit"] {
	color: rgba(255,255,255,0.4);
}
body#pageHome a:hover.xOut i.fa-times {
	color: rgba(70,39,33,1);
}


#navClient a:hover, li#navClient li a, li#navClient:hover a {
	background-color: rgba(27,116,15,0.9); /*page color= #1b740f*/
}
body#pageClient li#navClient a, body#pageClient div#pageFrameTop h1, body#pageClient .peoDashboard em, body#pageClient .peoDashboard ul li {
	background-color: rgba(27,116,15,0.9);
}
body#pageClient div#controlPanel, body#pageClient div#mod-form-entry-ctrl p, body#pageClient .modTitle {
	background-color: rgba(27,116,15,0.2) !important;
}
/*body#pageClient div#entryBox {
	border-right: 10px solid rgba(27,116,15,0.9);
	border-bottom: 10px solid rgba(27,116,15,0.9);
	border-left: 10px solid rgba(27,116,15,0.9);
}*/
body#pageClient a.xOut, body#pageClient div#entryBox input[type="submit"] {
	color: rgba(255,255,255,0.4);
}
body#pageClient a:hover.xOut i.fa-times {
	color: rgba(27,116,15,1);
}


#navCase a:hover, li#navCase li a, li#navCase:hover a {
	background-color: rgba(40,116,116,0.9); /*page color= #287474*/
}
body#pageCase li#navCase a, body#pageCase div#pageFrameTop h1, body#pageCase .peoDashboard em, body#pageCase .peoDashboard ul li {
	background-color: rgba(40,116,116,0.9);
}
body#pageCase div#controlPanel, body#pageCase div#mod-form-entry-ctrl p, body#pageCase .modTitle {
	background-color: rgba(40,116,116,0.2) !important;
}
/*body#pageCase div#entryBox {
	border-right: 10px solid rgba(40,116,116,0.9);
	border-bottom: 10px solid rgba(40,116,116,0.9);
	border-left: 10px solid rgba(40,116,116,0.9);
}*/
body#pageCase a.xOut, body#pageCase div#entryBox input[type="submit"] {
	color: rgba(255,255,255,0.4);
}
body#pageCase a.xOut i.fa-times, body#pageCase a.xOut i.fa-inbox {
	color: rgba(40,116,116,1);
}


#navCalendar a:hover, li#navCalendar li a, li#navCalendar:hover a {
	background-color: rgba(33,73,116,0.9); /*page color= #204974*/
}
body#pageCalendar li#navCalendar a, body#pageCalendar div#pageFrameTop h1, body#pageCalendar .peoDashboard em, body#pageCalendar .peoDashboard ul li {
	background-color: rgba(33,73,116,0.9);
}
body#pageCalendar div#controlPanel, body#pageCalendar ul.calRow_weekLegend, body#pageCalendar div#mod-form-entry-ctrl p, body#pageCalendar .modTitle {
	background-color: rgba(33,73,116,0.2) !important;
}
/*body#pageCalendar div#entryBox {
	border-right: 10px solid rgba(33,73,116,0.9);
	border-bottom: 10px solid rgba(33,73,116,0.9);
	border-left: 10px solid rgba(33,73,116,0.9);
}*/
body#pageCalendar a.xOut, body#pageCalendar div#entryBox input[type="submit"] {
	color: rgba(255,255,255,0.4);
}
body#pageCalendar a:hover.xOut i.fa-times {
	color: rgba(33,73,116,1);
}


#navAffiliate a:hover, li#navAffiliate li a, li#navAffiliate:hover a {
	background-color: rgba(126,41,41,0.9); /*page color= #7E2929*/
}
body#pageAffiliate li#navAffiliate a, body#pageAffiliate div#pageFrameTop h1, body#pageAffiliate .peoDashboard em, body#pageAffiliate .peoDashboard ul li {
	background-color: rgba(126,41,41,0.9);
}
body#pageAffiliate div#controlPanel, body#pageAffiliate div#mod-form-entry-ctrl p, body#pageAffiliate .modTitle {
	background-color: rgba(126,41,41,0.2) !important;
}
/*body#pageAffiliate div#entryBox {
	border-right: 10px solid rgba(126,41,41,0.9);
	border-bottom: 10px solid rgba(126,41,41,0.9);
	border-left: 10px solid rgba(126,41,41,0.9);
}*/
body#pageAffiliate a.xOut, body#pageAffiliate div#entryBox input[type="submit"] {
	color: rgba(255,255,255,0.4);
}
body#pageAffiliate a:hover.xOut i.fa-times {
	color: rgba(126,41,41,1);
}



/*	Animation
--------------------------------------------------------------
*/
.pulse2 {
	-webkit-animation: pulse2 1s linear infinite;
	-moz-animation: pulse2 1s linear infinite;
	-ms-animation: pulse2 1s linear infinite;
	animation: pulse2 1s linear infinite;
}

@keyframes "pulse2" {
 0% {
    -webkit-transform: scale(1.1);
   	-moz-transform: scale(1.1);
   	-o-transform: scale(1.1);
   	-ms-transform: scale(1.1);
   	transform: scale(1.1);
 }
 50% {
    -webkit-transform: scale(0.8);
   	-moz-transform: scale(0.8);
   	-o-transform: scale(0.8);
   	-ms-transform: scale(0.8);
   	transform: scale(0.8);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }

}

@-moz-keyframes pulse2 {
 0% {
   -moz-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -moz-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }

}

@-webkit-keyframes "pulse2" {
 0% {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}

@-ms-keyframes "pulse2" {
 0% {
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 50% {
   -ms-transform: scale(0.8);
   transform: scale(0.8);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }

}



/*	Media print
--------------------------------------------------------------
*/
@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;
	}

}