/*.hr-system form input, .hr-system form textarea {
	font-family: Verdana, sans-serif;
	font-size: 12pt;
}*/

.hr-system form h4 {
	margin-top: 1.5em;
}

.hr-system form label {
	display: block;
}

.hr-system form label>span:first-child {
	width: 150px;
	display: inline-block;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: top;
}

.hr-system form label input[type='textbox'] {
	min-width: 300px;
}

.hr-system form label textarea {
	width: 465px;
	min-height: 250px;
}

.hr-system form li.function {
	vertical-align: top;
}

.hr-system form li.function textarea {
	width: 600px;
	height: 3.6em;
}

.hr-system ul.tree li.level-1 {

}

.hr-system ul.tree li.level-2 {
	margin-left: 5em !important
}

.hr-system ul.tree li.level-3 {
	margin-left: 10em !important
}

.hr-system ul.tree li.level-4 {
	margin-left: 15em !important
}

.hr-system ul.tree li.level-5 {
	margin-left: 20em !important
}

.hr-system ul.tree li.level-6 {
	margin-left: 25em !important
}

.hr-system ul.tree li.level-7 {
	margin-left: 30em !important
}

/* The Modal (background) */
.hr-system .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.hr-system .modal-content {
	min-height: 250px;
	min-width: 500px;
	max-width: 750px;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.hr-system .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.hr-system .close:hover,
.hr-system .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.hr-system .modal form textarea {
	width: 100%;
	min-height: 200px;
}

.hr-system td.property {
	width: 200px;
	font-weight: bold;
	padding-bottom: 1em;
	padding-right: 10px;
}

/*.hr-system a.button, .hr-system input[type="button"], .hr-system input[type="submit"] {
	display: inline-block;	
	padding: 4px 12px;
	border-radius: 4px;
	margin: 4px;
	font-size: 100%;
}
*/
.hr-system a.right, .hr-system input.right {
	float: right;
}

.hr-system a.button:link, .hr-system a.button:visited {
	color: #555;
}

.hr-system .Delete {
	background-color: #f99;
}

.hr-system .Save {
	background-color: #9f9;
}

.hr-system h2 {
	font-size: 20px;
	margin-bottom: 20px;
}

.hr-system .system {
	margin: 0 !important;
}

.bit.mod_tfile .wysiwyg td {
	padding: 0;
}

.bit.mod_tfile .wysiwyg table {
	margin-bottom: 20px;
}
.bit.mod_tfile .wysiwyg.job-detail {
	border-top: 1px solid #cccccc;
}
.bit.mod_tfile .wysiwyg.job-detail h2 {
	color: #514b47;
	font-size: 20px;
	text-transform: none;
}