body {
	font-family: Verdana, Tahoma;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.hidden {
	display:none !important;
}

/*
 * Defining the top header of the page:
 */
#topHeader {
	width: 100%;
	height: 80px;
	margin: 25px 0 25px 0;
}

.topHeaderLeft, .topHeaderRight, .topHeaderCenter {
	height: 75px;
	float:left;
}

.topHeaderLeft {
	width: 60%;
}
.topHeaderCenter {
	width: 10%;
}

.topHeaderRight {
	width: 29%;
}

#logoImg {
	height: 75px;
	width: 460px;
	margin-left: 40px;	
}

#btnLogOut {
	float:right;
	margin-right: 40px;
	font-weight: bold;
}

/*
 * Stop top header
 */

/*
 * Building the outer menu
 */

#menuPoint {
	height: 50px;
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #d8d9d9;
}

#menuPoint:hover {
	cursor:pointer;
	background-color: #c8c9c9;
}

.leftMenuPoint, .centerMenuPoint, .rightMenuPoint {
	float:left;
	margin-top: 5px;
	height: 45px;
}

.leftMenuPoint {
	width: 30%;
}

.centerMenuPoint {
	width: 19%;
}

.rightMenuPoint {
	width: 50%;
}

#menuImg {
	width: 39px;
	height: 37px;
	margin-left: 50px;
	float: left;
}

.menuText {
	float: left;
	margin: 10px 0 0 20px;
}

.rightMenuContent {
	float: right;
	margin-right: 40px;
}

.menuLadderIcon {
	float:right;
}
.user {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	
}

/*
 * End the outer Menu
 */

/*
 * Begin the inner menu:
 */

.oksys-menu-link {
	border: 1px solid black;
	height: 60px;
	margin-top: 5px;
	background-color: #333333;
	color: #fff;
	display: table;
	width: 99.9%;
}

.oksys-menu-link:hover {
	cursor: pointer;
	background-color: #222222;
}


.menuTextContainer {
	display: table-cell;
	vertical-align: middle;
	margin-left: 20px;

}

.menuImageContainer {
	text-align: right;
	display: table-cell;
	vertical-align: middle;	
}

.navImg {
	margin-right: 55px;
}

.menu-link-content {
	height: auto;
	width: 100%;
	float:left;
	margin-bottom: 5px;
}

#traineeInfoContent, #progressionCenter {
	background-color: #d8d9d9;
}

.menuContentLeft, .menuContentCenter, .menuContentRight {
	float: left;
}

.menuContentLeft {
	width: 35%;
}

.menuContentCenter {
	width: 20%;
}

.menuContentRight {
	width: 44%;
}

.innerMenuContent {
	margin-top: 20px;
}

#traineeInnerLeft, #traineeBookInnerLeft, #courseAndMeetingsInnerLeft {
	margin-left: 50px;
}

#traineeBookInnerLeft {
	width: 100%;
}

.areaRow {
	height: 40px;
	margin-top: 5px;
	display: table;
	width: 99.9%;
	background-color: #616c7a;
}

.competenceRow {
	height: 50px;
	margin-top: 5px;
	display: table;
	width: 99.9%;
	background-color: #7d8b9c;
}

.workassignmentRow {
	height: 50px;
	margin-top: 5px;
	display: table;
	width: 99.9%;
	background-color: #95a4b5;	
}

.areaRow:hover, .competenceRow:hover {
	cursor: pointer;
}

.areaTextContainer, .competenceTextContainer, .rowIcon {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	color: #323538;
}



.workassignmentTextContainer, .assignmentImg {
	height: 20px;
	margin-left: 20px;
	display: table-cell;
	vertical-align: middle;
	color: #323538;
}

.workassignmentTextContainer {
	width: 60%;
}
.rowIcon {
	width: 50px;
	margin-left: 5px;
	text-align:center;
}

.assignImg {
	width: 50px;
	margin-left: 5px;
	text-align:center;
	margin-left: 20px;
	display: table-cell;
	vertical-align: middle;
}

.workKnapp {
	float:right;
	margin-right:10px;
	background-color: #565655;
	color: #fff;
	padding: 5px;
}

.competenceText {
	font-size: 13px;	
}

.workassignmentText {
	font-size: 12px;
}
/*
 * input field text
 */

input[type=text], input[type=password], select {
	border-radius: 3px;
	border-width: 1px;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #cecece;
	margin: 0 0 5px 5px;
}

.knapp {
	background-color: #565655;
	color: #fff;
	padding: 10px;
	float:left;
}

#changePerson {
	margin-right: 10px;
}

.knapp:hover, .workKnapp:hover {
	cursor:pointer;
	background-color: #333333;
}

.verticalDivider {
	width: 1px;
	margin: 20px 0 0 150px;
	border-left: 1px dotted #3c9bc1;
	height: 350px;
}

.leftTable, .rightTable {
	margin-left:20px;
}

.btnPdf {
	float: right;
	width: 165px !important;
	margin-right: 40px !important;
	margin-bottom: 10px !important;
}

.descriptionText {
	float: left;
	width: 100%;
}

#fagligLeder {
    position: absolute;
    right: 0;
	left:0;
    padding: 30px;
    bottom: 0;
    border: 1px solid #CCC;
    background-color: #f1f1f1;
    font-size: 12px;
}