/* (C) Innoware 2009
	by Tom Coote 
*/

div#salaryPicker {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:9pt;
	width:503px;
	height:200px;
	padding:0px;
	margin:0px;
	position:relative;
}

div#salaryPicker a {
	color: #F64D00;
	text-decoration:underline;
}
div#salaryPicker ul { margin:0px; padding:0px; }

div#salaryPicker ul.tabs li {
	list-style-type:none;
	float:left;
	background-image: url(../../im/salaryPicker/tabLighter.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width:89px;
	height:29px;
	margin: 0px -15px -4px 10px;
	padding:5px 0px 0px 15px;
	color: #F64D00;
	font-weight:bold;
	font-size:10pt;
	text-decoration:underline;
	cursor:pointer;
}
	div#salaryPicker ul.tabs li.selected {
		background-image: url(../../im/salaryPicker/tab.gif);
	}
	div#salaryPicker ul.tabs li:hover {
		background-image: url(../../im/salaryPicker/tabMidTone.gif);
	}

div#salaryPicker span#catchAll {
	display:block;
	position:absolute;
	top:5px;
	right:10px;
}

div#salaryPicker div#rangeSlider {
	clear:both;
	margin:0px;
	margin-left:7px;
	padding:0px;
	width:486px;
	height:37px;
	background-image: url(../../im/salaryPicker/rangeSlider.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position:relative;
}
	div#salaryPicker div#rangeSlider div.slider {
		display:block;
		position:absolute;
		width:17px;
		height:53px;
		left:0px;
		bottom:0px;
		background-image: url(../../im/salaryPicker/rangeMarker.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		cursor:pointer;
		display:none;
	}
	* html div#salaryPicker div#rangeSlider div.slider { bottom:-1px; } /* IE 6 */
	div#salaryPicker div#rangeSlider div.slider img { display:none; margin-left:-5px; }
	div#salaryPicker div#rangeSlider div.slider:hover img { display:inline; }
	
	div#salaryPicker div#whiteBox {
		display:block;
		position:absolute;
		width:0px;
		height:37px;
		background-color:#FFF;
		top:0px;
		left:0px;
	}
	
	div#salaryPicker div#rangeSlider div.redMarker {
		display:block;
		position:absolute;
		width:1px;
		height:37px;
		background-color:#FF0805;
		top:0px;
	}
	
	div#salaryPicker div#rangeSlider div#salaryUILoading {
		position:absolute;
		top:0px;
		left:0px;
		width:486px;
		height:37px;
		text-align:center;
		z-index:10;
		background-color: #FFF;
		font-weight:bold;
	}
	div#salaryPicker div#rangeSlider div#salaryUILoading div { margin-top:10px; }
	
div#salaryPicker ul.rangeValues { margin-left:7px; }
div#salaryPicker ul.rangeValues li {
	list-style-type:none;
	float:left;
	text-align:center;
	width:81px;
	font-weight:bold;
	font-size:12pt;
	margin-bottom:10px;
}

div#salaryPicker div.salaryPickerFooter {
	margin:0px;
	padding:0px;
	clear:both;
	margin-top:10px;
	margin-left:7px;
}

div#salaryPicker button {
	float:right;
	font-size:12pt;
	margin-right:10px;
}

div#salaryPicker span#interactiveUI { display:none; }
div#salaryPicker span#degradedUI { display:none; }
div#salaryPicker span#degradedUI table { 
	padding:0px;
	margin:-5px 0px 0px 10px;
	font-size:10pt;
}
div#salaryPicker span#degradedUI table tr { padding:0px; }
div#salaryPicker span#degradedUI td.label { 
	line-height:1.3em;
	text-align:right;
}
div#salaryPicker span#degradedUI input {  
	font-size:10pt;
	margin:3px 5px;
}