@charset "utf-8";
/* CSS Document */
HTML, BODY {
	height: 100%;
	margin: 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #000000;
}

a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
div#content p, div#content ul {
	line-height: 20px;
}

DIV.inner, ul.inner {
	width: 1040px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 1040px) {
	DIV.inner, ul.inner {
		width: 100%;
		min-width: 320px;
		margin: 0px auto;
		position: relative;
		overflow: hidden;
	}
}

a img {
	border:none;
	display: block;
}

/* Content */
div#content {
	background: #ffffff;
	color: #000000;
	padding: 20px 0px;
	font-size: 16px;
}

@media screen and (max-width: 1040px) {
	div#content div.inner {
		width: calc(100% - 20px);
		min-width: 300px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

div.EmployeeList div.employee:nth-of-type(odd) {
	background: rgba(0,0,0,0.05);
}
div.employee {
	overflow: hidden;
	margin-bottom: 7px;
	padding: 10px;
}
div.EmployeeList div.employee.header {
	font-weight: bold;
	color: #ffffff;
	background: rgba(0,0,0,0.5);
}
div.employee h2 {
	float: left;
	width: 100px;
	line-height: 28px;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
div.employee h2 div.small {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	display: inline;
}
div.employee .actions {
	float: right;
	width: calc(100% - 100px - 15px );
	line-height: 28px;
	font-size: 16px;
	box-sizing: border-box;
}
div.employee .actions a {
	cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e9a818;
    padding: 0px 25px;
    font-size: 14px;
    text-transform: none;
    background-color: #212121;
	line-height: 26px;
	display: inline-block;
	box-sizing: border-box;
}