.HameTopBannerStyle { height: 80px; background: #ffffff url(../images/top_bg_fade.gif) bottom left repeat-x; margin: 0px; padding: 0px; font-size: 10px; border-width: 0px; }
.HameTopLogoStyle { height: 65px; background: transparent url(../images/Tempore_Onvire_logo.png) top left no-repeat; background-size: 393px 80px; width: 500px; margin: 7px 0px 0px 10px; display: inline; font-size: 10px; float: left; }
.KairestTopBannerStyle { height: 70px; background: #ffffff url(../images/top_bg_fade.gif) bottom left repeat-x; margin: 0px; padding: 0px; font-size: 10px; border-width: 0px; }
.KairestTopLogoStyle { height: 60px; background: transparent url(../images/kairest_logo.jpg) top left no-repeat; background-size: 113px 52px; width: 500px; margin: 7px 0px 0px 10px; display: inline; font-size: 10px; float: left; }

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}

/***********************
*
* Property editor styles
*
************************/

div.xlogPropertyContainer {
	color: #000000; 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 98%;
	left: 1%;
	/*
	height: 24px;
	*/
	min-height: 24px;
    margin: 1px 0px 1px 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	/*
	clear: both;
	display: block;
	*/
}

div.xlogPropertyLabel {
	color: #000000; 
	/*
	font-size: 11px; 
	width: 43%;
	border-style: none; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px; 
	text-align: left;
    padding-right: 4px;
    margin: 2px 0px 0px 0px;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	vertical-align: middle;
	background: #FFFFFF;
    float: left;
    overflow: hidden;
    /*
    clear: left;
    */

	width: 150px; 
	text-align: left; 
	background-color: #f7f7f7; 
	border-style: solid; 
	border-width: 0px; 
	font-size: 10px; 
	line-height: 18px; 
	border-color: #e7e7e7; 
	padding: 2px; 
}

div.xlogPropertyEditor{
	color: #000000; 
	/*
	font-size: 11px; 
	width: 55%;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	vertical-align: middle;
	float: left;
	/*
	clear: right;
	*/
	border-color: #e7e7e7; 
	padding: 2px; 
	line-height: 18px; 
	font-size: 10px; 
	border-width: 0px; 
	border-style: solid; 
}

.xlogPulldown {
	float: left; 
	margin: 0px; 
	border-style: solid; 
	border-width: 1px; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 12px; 
	border-color: #999999; 
	padding: 1px;
}

optgroup {
	margin-left: 1px; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

optgroup option {
	margin-left: 3px; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.xlogInputRowHeader {
	font-weight: bold; 
	float: left; 
	padding: 1px;
	margin-left: 1px;
	margin-right: 0px;
}

.xlogPropertyViewer {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 12px; 
	border-width: 1px; 
	border-color: #999999; 
	border-style: solid; 
	padding: 1px; 
}

.employmentEndSalary {
	cursor: pointer;
}

.employmentEndSalaryRow {
	cursor: pointer;
}

.employmentEndSalaryRow.highlight {
	background-color: #66ff33;
}

.employmentEndSalary.highlight {
	background-color: #99ff99;
}

.salary-item-fix td,.salary-item-original td {
	background-color: #f9be51;
}
