/* Drupal overrides */
.salaryCalculator *, .salaryCalculator *:after, .salaryCalculator *:before {
    box-sizing: content-box !important;
}
.gwt-PopupPanelGlass {
    background-color: #000000;
    opacity: 0.3;
}
.fixedHeightContainer {
	height: auto !important;
}
select , input{
	color: #000;
}

/*
This stylesheet holds base rules that will be used in all window sizes.
You should write only rules that affect colors, backgrounds, and possibly
border-radius, box-shadow or cursor.

Do not write any rules that might affect size or position, which includes
not only top, left, etc., and height or width, but border widths, paddings,
margins, and font sizes as well.

If you wish to set font-family or font-weight, this might affect sizing, and
must be tested.
*/
.gwt_share_panel {
	display: none;
	border: 2px solid #999;
	width: 90px;
	height: 150px;
	background-color: #FFF;
	z-index: 1;
	border-radius: 5px;
}
a.gwt_share_panel_close {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/btn_closewindow.gif');
	background-repeat:no-repeat;
	float: right;
	padding: 6px;
	width: 5px;
	height: 6px;
	text-align: right;
	cursor: pointer;
}
a.gwt_share_panel_li{
	background-image:url('/External_Sites/Content/Shared/salary-calc-files/linkedin_26x26.gif');
	background-repeat:no-repeat;
	color: #fff !important;
	text-align: left;
	float: left;
	width: 55px;
	height: 22px;
	padding-left: 20px;
	color: #000 !important;
	padding: 4px 4px 4px 30px;
	margin: 0px !important;
}
a.gwt_share_panel_fb {
	background-image:url('/External_Sites/Content/Shared/salary-calc-files/facebook_26x26.gif');
	background-repeat:no-repeat;
	color: #fff !important;
	text-align: left;
	float:left;
	width: 55px;
	height: 22px;
	padding-left: 20px;
	color: #000 !important;
	padding: 4px 4px 4px 30px;
	margin: 0px !important;
}
a.gwt_share_panel_tw {
	background-image:url('/External_Sites/Content/Shared/salary-calc-files/twitter_26x26.gif');
	background-repeat:no-repeat;
	color: #fff !important;
	text-align: left;
	float:left;
	width: 55px;
	height: 22px;
	padding-left: 20px;
	color: #000 !important;
	padding: 4px 4px 4px 30px;
	margin: 0px !important;
}
a.gwt_share_panel_gp {
	background-image:url('/External_Sites/Content/Shared/salary-calc-files/google_26x26.gif');
	background-repeat:no-repeat;
	color: #fff !important;
	text-align: left;
	float:left;
	width: 55px;
	height: 22px;
	padding-left: 20px;
	color: #000 !important;
	padding: 4px 4px 4px 30px;
	margin: 0px !important;
}
.gwt_share_panel_li:hover, .gwt_share_panel_fb:hover, .gwt_share_panel_tw:hover, .gwt_share_panel_gp:hover{
	text-decoration: underline;
	color:#FFF !important;
	background-color: #1199F3;
}
.topPanel {
	background-color: #9f1c35;
	font-family: Arial, Helvetica, Geneva, sans-serif !important;
}

.topPanel .logoContainer {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/lob_logo.png') no-repeat 0 0 #9f1c35;
}
	
.topPanel .text, .topPanel a {
	color: #FFFFFF;
}

a.topPanelCloseButton:hover {
	font-weight:bold !important;
	color:white;
}

.topPanelCloseButton {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/close.png') no-repeat;
}

.emailPopupCloseButton, .popupCloseButton {
    margin-right: 4px;
    margin-top: 3px;
    padding: 0px !important;
}

.getStartedPanel,
.professionalsEmployeesPanel {
	/* color: #2c95b5;  */
	color: #382e2c;
	background: url("/External_Sites/Content/Shared/salary-calc-files/rhl/RHL_1111_LPG_SalaryCenter_Calculator_Big.jpg") no-repeat scroll 0 0 #5C8773;
}

.getStartedPanel .panelSubTitle {
	/* color: #36424a; */
	color: #382e2c;
}

.gsc_bkgLoadingImage {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/loading_transparent.gif') no-repeat fixed center transparent;
	z-index: 999;
}



.pleaseWait {
   position: absolute;
   top: 50%;
   left: 50%;
   height: 100%;
   width: 100%;
   z-index:999;
}
.pleaseWaitGlass {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
  
   z-index:4;
}
.pleaseWaitImage {
   position: absolute;
   top: 0;
   left: 0;
   height: 10%;
   width: 10%;
   background: url("/External_Sites/Content/Shared/salary-calc-files/rhl/loading_transparent.gif") no-repeat center center;
   z-index: 999;
}

.salaryGuideLink,
.startOverLink,
.salaryRangeAddlDetailsLink {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/triangleBullet.gif') no-repeat left 5px transparent;
}

.mainPanel a,
.mainPanel a:visited {
	color: #2c95b5;
}

.professionalsEmployeesPanel .jobBullets {
	color: #36424a;
}

.resultsPanel {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/RHL_1111_LPG_SalaryCenter_Calculator_Subpage.jpg') no-repeat 0 0 #F0EED7;
	color: black;
}

.resultsSubLinksPanel {
	/* color: #36424a; */
	color: black;
}

.resultsSubLinksPanel .selected {
	color: #9f1c35;
	background-color: rgba(192,192,192,.2);
}

.resultsPanel .jobTitle  {
	color: #36424a;
}

.resultsPanel .location,
.resultsPanel .jobTitleAndLocationSeparator,
.resultsPanel .jobDetail,
.resultsPanel .jobDetailSeparator {
}


/* had .getStartedPanel  and .blockButtonTitle at beginning of block button
set, but removed, since the block button shouldn't show up anywhere else*/
.btnMask {
	/*background-color: #eeeee7;	
	opacity: 0.7;*/
}
.btnMask-enabled {
	background-color: #F7F7EE;	
	opacity: 0.0;
}

.blockButtonTitle {
	/* color: #9f1c35; */
	color: #382e2c;
		
}

.blockButtonText {
	color: #648E7A;
}

.btnEmpl {
	background: url(/External_Sites/Content/Shared/salary-calc-files/rhl/rhl_lg.png) -30px 0px no-repeat;
}
.btnProf {
	background: url(/External_Sites/Content/Shared/salary-calc-files/rhl/rhl_sm.png) -30px 2px no-repeat;
}
.btnSubmit {
	background: url(/External_Sites/Content/Shared/salary-calc-files/rhl/rhl_sm.png) -30px 0px no-repeat;
	height: 45px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 6px 0px 0px 0px;
}
.btnProf:hover, .btnSubmit:hover {
	background-image: url(/External_Sites/Content/Shared/salary-calc-files/rhl/rhl_sm_hover.png);
}
.btnEmpl:hover {
	background-image: url(/External_Sites/Content/Shared/salary-calc-files/rhl/rhl_lg_hover.png);
}
.disableBtn .blockButtonTitle, .disableBtn .blockButtonText {
	color: #666 !important;
}


.textButton {
	/*box-shadow: 4px 4px 4px #665544;*/
}

.textButtonIcon {
	/*background: url('rhl/arrow.gif') no-repeat right center transparent;*/
}

input:-moz-placeholder,
input::-webkit-placeholder,
input:-o-placeholder,
input.placeholder,
option.placeholder {
	color: #AAAAAA;
}

.simplePopup {
	background-color: #555555;
	color: #FFFFFF;
}

.primarySalaryRangeView .labelSalaryRange,
.primarySalaryRangeView .salaryRange {
    color: #444444;
}

.primarySalaryRangeView .graphContainer {
	border-style: solid;
	border-color: black;
}

.primarySalaryRangeView .salaryRangeBox {
	background-color: #004459;
	border-style: solid;
	border-color: #cccccc;
}

.primarySalaryRangeView .salaryRangeBoxLeft {
	border-right-style: solid ;
	border-right-color: #cccccc;
}

.primarySalaryRangeView .salaryRangeBoxRight {
	border-left-style: solid ;
	border-left-color: #cccccc;
}

.primarySalaryRangeView .labelSalaryRangeBox,
.primarySalaryRangeView .salaryRangeBoxValue {
	/* color: #2c95b5; */
	color: black;
}

.salaryRangeAddlDetailsLinkContainer {
	text-align: center;
}

.graphTickBorders .tickMark {
	border-right-style: solid;
	border-right-color: black;
}

.surroundingSalaryRangeView .graphContainer {
	border-style: solid;
	border-color: black;
}

.surroundingSalaryRangeView .leader {
	border-top-style: dotted;
	border-top-color: #888888;
}

.surroundingSalaryRangeView .salaryRangeBox {
	background-color: #ffffff;
	border-style: solid;
	border-color: #cccccc;
	box-shadow: 3px 3px 3px #BB8855;
}
.surroundingSalaryRangeView .salaryRangeBox.boxPrimary {
	background-color: #00325b;
	border-style: solid;
	border-color: #aaaaff;
}
.surroundingSalaryRangeView .salaryRangeBox.national {
	background-color: #ece2bf;
	border-style: solid;
	border-color: #cccccc;
	box-shadow: 3px 3px 3px #BB8855;
}

.surroundingSalaryRangeView .salaryRangeBoxLeft {
	border-right-style: solid;
	border-right-color: #cccccc;
}
.surroundingSalaryRangeView .salaryRangeBoxRight {
	border-left-style: solid;
	border-left-color: #cccccc;
}
.surroundingSalaryRangeView .boxPrimary .salaryRangeBoxLeft {
	border-right-style: solid;
	border-right-color: #cccccc;
}
.surroundingSalaryRangeView .boxPrimary .salaryRangeBoxRight {
	border-left-style: solid;
	border-left-color: #cccccc;
}

.salaryRangeToolTipOuter {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/bubbleConnectorRight.png') no-repeat bottom center transparent;
}
.salaryRangeToolTipInner {
	color: #ffffff;
	background-color: #a5bacb;
	border-radius: 3px;
}

.availableJobsPanelScroller,
.additionalDetailsPanel,
.methodologyPanel {
	background-color: #F8FAE9;
	background-color: rgba(252, 255, 242, 0.5);
	border-color: rgba(255, 200, 150, 0.3) rgba(0, 0, 255, 0.4) rgba(0, 0, 255, 0.4) rgba(255, 200, 150, 0.3);
	border-style: inset;
}

.emailPopupPanel, .sharePopupPanel {
	background-color: #333333 !important;
	color: #ffffff;
	border-radius: 5px;
}

.emailPopupRequiredMarker-error {
	color: red;
}

.emailPopupSendButton {
	background-color: #2c95b5;
}

.emailPopupTextBox.gwt-TextBox-error {
	background-color: #ffff99;
}
.sharePopupTitle {
	color: #ccbb99;
}

.sharePopupButtonContainer, .sharePopupButtons {
	background-color: #eeeeee;
} 
.sharePopupTitle {
	color: #cccccc;
}

.sharePopupButtonContainer, .sharePopupButtons {
	background-color: #eeeeee;
}
.sharePopupFooterRow {
	background-color: #ccd7dd;
}
.sharePopupAddThisLink {
	border-right: 1px solid #AAAA77;
	text-align: center;
}

.sharePopupSettingsLink {
	text-align: center;
}

.sharePopupPrivacyLink {
	border-left: 1px solid #AAAA77;
	text-align: center;
}
/* Media Queries */
@media screen and (min-width:641px) {

}

@media screen and (min-width:542px) and (max-width:640px){


.topPanel .logoContainer {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/lob_logo.png') no-repeat 0 0 #2c95b5;
}

.getStartedPanel,
.professionalsEmployeesPanel {
	/*background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/RHL_1111_LPG_SalaryCenter_Calculator_Subpage.jpg') no-repeat 100% 0 #ebeae5;*/
}


}

@media screen and (min-width:321px) and (max-width:541px){

.topPanel .logoContainer {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/lob_logo_sm.png') no-repeat 0 0 #2c95b5;
}
	
.getStartedPanel,
.professionalsEmployeesPanel {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/RHL_1111_LPG_SalaryCenter_Calculator_Subpage.jpg') no-repeat 0 0 #F0EED7;
}

}

@media screen and (max-width:320px){
	

.topPanel .logoContainer {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/lob_logo_sm.png') no-repeat 0 0 #2c95b5;
}

.getStartedPanel,
.professionalsEmployeesPanel {
	background: url('/External_Sites/Content/Shared/salary-calc-files/rhl/RHL_1111_LPG_SalaryCenter_Calculator_Subpage.jpg') no-repeat 0 0 #F0EED7;
}

	
}