@charset "UTF-8";

/*
* 18.10.2019: ReDesign AH-DocLib, Verbreiterung Anzeigebreich
* 01.03.2022: AH-DocLib Desktop-Anzeige Optmierungen: Zoom-Technik und optimiertes BG-Image
*/

/* CSS Style Definition AH-DocLib */
@font-face {
	font-family: 'helveticaneuemedium';
	src: url('fonts/helveticaneuemedium-webfont.woff2') format('woff2'),
		url('fonts/helveticaneuemedium-webfont.woff') format('woff'),
		url('fonts/HelveticaNeueMedium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

p {
	margin: 0px 0px 20px 0px;
	text-align: center;
	font-family: helveticaneuemedium, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #364e5a;
}

input {
	/* iOS Problemfall - runde Ecken entfernen */
	border-radius: 0;
	-webkit-border-radius: 0;
	/* diese Option darf NICHT verwendet werden, sonst sind die INPUT-Checkboxen nicht mehr sichtbar ! */
	/* -webkit-appearance: none; */
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
}

select {
	/* iOS Problemfall - runde Ecken entfernen */
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
}

button {
	/* iOS Problemfall - runde Ecken entfernen */
	border-radius: 0px;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	margin: 0px;
	padding: 0px;
	-webkit-border-radius: 0;
}

.bodyPortal {
	margin: 0;
	font-family: helveticaneuemedium, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #364e5a;
	background-color: #0e284c;
}

/* 
Hinweise zum <img> Tag im Safari:
Es ist wichtig, das IMG-Attribut src="" mit irgend einem Verweis zu setzen, sonst erscheint ein grauer Rand um das Objekt.
*/
img {
	border-style: none;
	border: none;
}

a {
	text-decoration: none;
}

.clickable {
	cursor: pointer;
}

.checkbox {
	width: 10px;
	height: 10px;
	border: none;
}

.checkboxGroups {
	width: 10px;
	height: 10px;
	border: none;
}

.checkboxDocuments {
	width: 10px;
	height: 10px;
	border: none;
}

.checkboxUsers {
	width: 10px;
	height: 10px;
	border: none;
}

.checkboxAccounts {
	width: 10px;
	height: 10px;
	border: none;
}

.checkboxAccountChangeEnabled {
	width: 10px;
	height: 10px;
	border: none;
}

/*
########### Images / Icons  ############################
*/
.loading_icon {
	background: url(images/loading3.gif) no-repeat 1px;
	height: 48px;
	width: 48px;
	z-index: 999;
	display: none;
}

img.pdfurl {
	cursor: pointer;
	width: 15px;
	height: 15px;
}

img.zippdf {
	cursor: pointer;
	width: 15px;
	height: 15px;
}

img.zippdfnotes {
	cursor: pointer;
	width: 15px;
	height: 15px;
}

img.mediaplay {
	cursor: pointer;
	width: 15px;
	height: 15px;
}

#imgAccountchange {
	background-image: url(images/accountchange31x20_inactive.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 31px;
	cursor: pointer;
}

#imgAccountchange:hover {
	background-image: url(images/accountchange31x20.png);
}

#imgAccountmerge {
	background-image: url(images/accountmerge31x20_inactive.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 31px;
	cursor: pointer;
}

#imgAccountmerge:hover {
	background-image: url(images/accountmerge31x20.png);
}

#divLoadingIcon {
	position: absolute;
	left: 440px;
	top: 400px;
}

/*
########### Button  ############################
*/
#buttonWarningExit {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.buttonLogin {
	display: block;
	background-image: url(images/login.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonLogin:hover {
	background-image: url(images/login_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonLogout {
	position: absolute;
	right: 30px;
	top: 170px;
	display: block;
	background-image: url(images/logout.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonLogout:hover {
	/*
	background-image: url(images/logout.png);
	background-repeat: no-repeat;
	cursor: pointer;
	*/
	cursor: pointer;
}

.buttonConnection {
	display: block;
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonConnection:hover {
	background-image: url(images/submit_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonSave {
	display: block;
	background-image: url(images/save.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonSave:hover {
	background-image: url(images/save_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonSaveInactive {
	background-image: url(images/save_d.png);
	background-repeat: no-repeat;
}

.buttonCancel {
	display: block;
	background-image: url(images/cancel.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonCancel:hover {
	background-image: url(images/cancel_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonCopy {
	display: block;
	background-image: url(images/copy.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonCopy:hover {
	background-image: url(images/copy_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonCopyActive {
	display: block;
	background-image: url(images/copy_r.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonCopyActive:hover {
	background-image: url(images/copy_r_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonAdd {
	display: block;
	background-image: url(images/add.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonAdd:hover {
	background-image: url(images/add_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonFilter {
	display: block;
	background-image: url(images/filter.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonFilter:hover {
	background-image: url(images/filter_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonSearch {
	display: block;
	background-image: url(images/search_icon.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonSearch {
	background-image: url(images/search_icon_s.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonOk {
	display: block;
	background-image: url(images/ok.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonOk:hover {
	background-image: url(images/ok_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonDelete {
	display: block;
	background-image: url(images/delete.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonDelete:hover {
	background-image: url(images/delete_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonDeleteActive {
	background-image: url(images/delete_r.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonDeleteActive:hover {
	background-image: url(images/delete_r_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonEdit {
	background-image: url(images/edit10x10_d.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-left: 1px;
	cursor: pointer;
}

.buttonEdit:hover {
	background-image: url(images/edit10x10.png);
	background-repeat: no-repeat;
}

.buttonEditList {
	background-image: url(images/edit20x20_d.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.buttonEditList:hover {
	background-image: url(images/edit20x20.png);
	background-repeat: no-repeat;
}

.buttonExportList {
	background-image: url(images/csv_icon_30x30.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.buttonExportListPDF {
	background-image: url(images/pdf_icon_30x30.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.buttonExportCertPDF {
	background-image: url(images/pdfcert_icon_30x30.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.buttonArchive {
	background-image: url(images/check_inactive2.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.buttonArchiveActive {
	background-image: url(images/check_active2.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.buttonArchive:hover {
	background-image: url(images/check_mover2.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonExammode {
	background-image: url(images/check_inactive2.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.buttonExammodeActive {
	background-image: url(images/check_active2.png);
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.buttonExammode:hover {
	background-image: url(images/check_mover2.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonFilterArchive {
	background-image: url(images/check_active3.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.buttonFilterArchiveActive {
	background-image: url(images/check_inactive3.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.buttonFilterArchive:hover {
	background-image: url(images/check_mover3.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#documentLabelWebAccess {
	position: absolute;
	right: 155px;
	top: 143px;
	width: 100px;
	text-align: right;
	font-weight: normal;
}

#documentViewWebAccess {
	position: absolute;
	right: 135px;
	top: 140px;
	width: 18px;
	text-align: center;
	font-weight: normal;
}

.buttonWebAccess {
	background-image: url(images/check_inactive3.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.buttonWebAccessActive {
	background-image: url(images/check_active3.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.buttonWebAccess:hover {
	background-image: url(images/check_mover3.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#documentLabelPasswordProtected {
	position: absolute;
	right: 60px;
	top: 143px;
	width: 65px;
	text-align: right;
	font-weight: normal;
}

#documentViewPasswordProtected {
	position: absolute;
	right: 40px;
	top: 140px;
	width: 18px;
	text-align: center;
	font-weight: normal;
}

.buttonPasswordProtected {
	background-image: url(images/check_inactive3.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.buttonPasswordProtectedActive {
	background-image: url(images/check_active3.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.buttonPasswordProtected:hover {
	background-image: url(images/check_mover3.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonHelp {
	position: absolute;
	right: 30px;
	top: 120px;
	background-image: url(images/help_icon.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.buttonHelp:hover {
	background-image: url(images/help_icon_a.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
########### Navigation und Menus  ############
*/

/* WebApp DocLib */
#divWebApp {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 979px;
	height: 635px;
	margin-left: -489px;
	background-image: url(images/doclib_bg_979x635.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* WebApp DocLib Header mit Statusanzeige */
#divWebAppHeader {
	/* Standard Schriftfarbe: Weiss */
	color: white;
}

/*
	- Datumsanzeige: viewDate
	- Usernamenanzeige: viewUsername
	- Portalnavigationsanzeiger: viewMenuname
	- Welcome und Produktname: viewWelcome
	- Training Entity Name (Filter)
 */
#viewDate {
	position: absolute;
	left: 30px;
	top: 124px;
	font-size: 12px;
}

#viewUsername {
	position: absolute;
	left: 30px;
	top: 147px;
	font-size: 12px;
}

#viewMenuname {
	position: absolute;
	left: 190px;
	top: 175px;
	font-size: 14px;
}

#viewWelcome {
	position: absolute;
	left: 190px;
	top: 124px;
	font-size: 15px;
}

#viewWelcome:empty:before {
	content: "Welcome to the Airbus Helicopters Training Academy";
}

#viewDocLibVersion {
	position: absolute;
	right: 80px;
	top: 124px;
	font-size: 12px;
}

#viewLogging {
	position: absolute;
	left: 30px;
	top: 190px;
	width: 700px;
	font-size: 10px;
	visibility: hidden;
}

#viewUnitname {
	position: absolute;
	right: 60px;
	top: 125px;
	font-size: 12px;
	font-style: italic;
}

/* Infofenster im Loginscreen
   - wichtige Informationen vor dem Login
   - wenn nicht gewünscht, ausblenden 
   - bis 16.03.2022 Hinweis auf TM App aktiv
 */
#divWebAppInfo {
	/* wenn nicht aktiv, hier ausblenden */
	visibility: hidden;
	position: absolute;
	left: 190px;
	top: 200px;
	width: 565px;
	height: 40px;
	background-color: red;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px;
	border-style: solid;
	border-color: black;
	padding: 5px;
	margin: 0px;
	text-align: center;
}

/* DocLib -Infofenster ab 22.11.2020
   - für User der DocLib nach Anmeldung verfügbar, inaktiv(hidden)
   - wichtige Informationen zum Supportzeitraum
   - wenn gewünscht, per JavaScript aktivieren [$("#divWebAppInfoDocLib").css('visibility', 'visible')]
 */
#divWebAppInfoDocLib {
	visibility: hidden;
	position: absolute;
	left: 190px;
	top: 195px;
	width: 740px;
	height: 28px;
	background-color: white;
	color: black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px;
	border-style: solid;
	border-color: #DE4204;
	padding: 4px;
	margin: 0px;
	text-align: center;
	z-index: 999;
}

#imgWebAppinfoDocLib {
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 34px;
	height: 34px;
	margin: 0px;
	padding: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 0px;
	border-style: none;
}

/* Loginfenster */
#divLogin {
	position: absolute;
	left: 190px;
	top: 260px;
	width: 575px;
	height: 260px;
	background-color: white;
	border-radius: 15px;
	-moz-border-radius: 15px;
	border-color: black;
	border: 1px;
	border-style: solid;
	padding: 0px;
	margin: 0px;

	/*
	background-image: url(images/cont_box.png);
	background-repeat: no-repeat;
	-moz-box-shadow: 4px 10px 15px #666;
	-webkit-box-shadow: 4px 10px 15px #666;
	box-shadow: 4px 10px 15px #666;
	*/
}

#loginViewLoginInfo {
	position: absolute;
	left: 40px;
	top: 140px;
	width: 500px;
	font-size: 10pt;
	color: #364e5a;
	text-align: center;
}

#loginViewLoginInfoInvalid {
	position: absolute;
	text-align: center;
	left: 30px;
	top: 80px;
	width: 500px;
	font-size: 22px;
	color: #364e5a
}

#loginViewInputLogin label {
	font-size: 16px;
}

#loginViewInputLogin {
	position: absolute;
	right: 30px;
	top: 45px
}

input#inputLogin {
	width: 430px;
	font-size: 20px;
	height: 24px;
	padding: 3px;
}

#loginViewPassword label {
	font-size: 16px;
}

input#inputPassword {
	width: 430px;
	font-size: 20px;
	height: 24px;
	padding: 3px;
}

#loginViewPassword {
	position: absolute;
	right: 30px;
	top: 90px;
}

#loginViewButtonLogin {
	position: absolute;
	left: 250px;
	top: 200px;
}

/*
	Contentfenster
	
	width: 575 -> 750
*/
#divContent {
	display: none;
	position: absolute;
	left: 190px;
	top: 225px;
	width: 750px;
	height: 400px;
	background-color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border-color: black;
	border: 1px;
	border-style: solid;

	/* background-image: url(images/cont_box.png); 
	background-repeat: no-repeat;
	-moz-box-shadow: 4px 10px 15px #666;
	-webkit-box-shadow: 4px 10px 15px #666;
	box-shadow: 4px 10px 15px #666;
	-moz-box-shadow: 4px 10px 15px #666
	*/
}

/*
	Erfassungsmasken Learner, Document, Group
*/
#divLearnerProfile {
	display: none;
}

#divDocument {
	display: none;
}

/*
	Dialog Connection WebApp - Device (iPad-App)
*/
#divConnection {
	z-index: 999;
	position: absolute;
	left: 180px;
	top: 260px;
	width: 575px;
	height: 260px;
	background-image: url(images/cont_box.png);
	background-repeat: no-repeat;
	-moz-box-shadow: 4px 10px 15px #666;
	-webkit-box-shadow: 4px 10px 15px #666;
	box-shadow: 4px 10px 15px #666;
	border-radius: 15px;
	-moz-border-radius: 15px;
	border-color: black;
	border: 1px;
	border-style: solid;
}

#labelInformation {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 100%;
	font-size: 11pt;
	color: #364e5a;
	text-align: center;
}

.labelConnect {
	text-align: left;
	font-size: 12pt;
	color: #364e5a;
}

#buttonConnect {
	position: absolute;
	left: 250px;
	top: 200px;
}

#divWarningScreen {
	display: none;
	position: absolute;
	left: 300px;
	top: 350px;
	width: 300px;
	height: 100px;
	background-image: url(images/cont_box.png);
	background-repeat: no-repeat;
	-moz-box-shadow: 4px 10px 15px #666;
	-webkit-box-shadow: 4px 10px 15px #666;
	box-shadow: 4px 10px 15px #666;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border-color: black;
	border: 1px;
	border-style: solid;
	padding: 20px;
	font-size: 11pt;
	z-index: 999;
}

#divWarningScreen p {
	text-align: left;
	text-align: -moz-left;
	text-align: -webkit-left;
}

/*
	Hauptmenu: 'navPortal'
*/
#navPortal {
	position: absolute;
	left: 30px;
	top: 167px;
}

#navPortal ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navPortal li {
	float: left;
	padding: 0;
	margin: 0;
}

#navPortal li a {
	width: 100px;
	display: block;
	text-align: left;
	margin-right: 5px;
	height: 28px;
	line-height: 35px;
	text-decoration: none;
	border: 0px solid #ccc;
	font-size: 15px;
}

#navPortal ul ul {
	display: none;
	position: absolute;
	z-index: 999;
}

#navPortal li li {
	float: none;
}

#navPortal li li a {
	background-color: white;
	text-align: left;
	height: auto;
	line-height: 1;
	width: auto;
	padding: 8px 20px 8px 22px;
	border: 1px solid #D0D0D0;
	border-top: none;
	margin-right: 0;
}

#viewMenu {
	color: white;
}

.viewMenuPoint {
	color: #575757;
}

.viewMenuPoint:hover {
	color: black;
}

/*
########### Tabellen  ############################
*/

/*
	width 572 -> 748
*/
div.scrollableContainer {
	position: relative;
	top: 50px;
	width: 748px;
	padding-top: 1.7em;
}

div.scrollingArea {
	height: 320px;
	overflow: auto;
}

/*
	width 535 -> 720
*/
table.cruises {
	height: auto;
	width: 720px;
	padding: 0px;
}

/* Lesezeichen einblenden */
table.cruises tr:hover td {
	background: #EBE7E6;
}

table.scrollable thead tr {
	position: absolute;
	left: 0;
	top: 0;
}

table.scrollable thead th {
	padding-left: 1px;
}

table.cruises td {
	overflow: hidden; /* vermeidet Überlauf in nächste Zelle */
}

/*
	Spalten Table 'Learner'
	width: 180 -> 255
	width: 255 -> 350
*/
table.cruises .username {
	width: 350px;
	text-align: left;
	/* 5px vom Rand fuer die erste Spalte, da links ausgerichtet */
	padding-left: 5px;
	cursor: pointer;
}

/* 
	width 195 -> 295
	width 295 -> 200
*/
table.cruises .ecdid {
	width: 200px;
	text-align: left;
}

table.cruises .role {
	width: 70px;
	text-align: left;
}

table.cruises .learnerunit {
	width: 70px;
	text-align: left;
}

table.cruises .learnergroupname {
	width: 80px;
	text-align: left;
}

table.cruises .learnergroupcount {
	width: 70px;
	text-align: center;
}

/*
	Spalten Table 'Groups'
	
	width 200 -> 300
*/
table.cruises .groupname {
	width: 300px;
	text-align: left;
	cursor: pointer;
}

/*
	width: 250 -> 325
*/
table.cruises .groupdescription {
	width: 325px;
	text-align: left;
}

/*
	width: 250 -> 325
*/
table.cruises .groupunit {
	width: 325px;
	text-align: left;
}

table.cruises .groupmembercount {
	width: 40px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

/* AHTS-Examiner Workflow */
table.cruises .groupmembercountdisabled {
	width: 40px;
	text-align: center;
	font-weight: bold;
}

table.cruises .groupdoccount {
	width: 40px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

/* AHTS-Examiner Workflow */
table.cruises .groupdoccountdisabled {
	width: 40px;
	text-align: center;
	font-weight: bold;
}

/*
	Spalten Table 'Documents'
	
	width: 345 -> 520
*/
table.cruises .documentname {
	width: 520px;
	text-align: left;
	/* 5px vom Rand fuer die erste Spalte, da links ausgerichtet */
	padding-left: 5px;
	cursor: pointer;
}

/* Spalte documentname, wenn nicht klickbar weil archiviert */
table.cruises .documentnameNotEditable {
	width: 520px;
	text-align: left;
	/* 5px vom Rand fuer die erste Spalte, da links ausgerichtet */
	padding-left: 5px;
}

table.cruises .documentversion {
	width: 40px;
	text-align: center;
}

table.cruises .documentsize {
	width: 50px;
	text-align: center;
}

table.cruises .documentgroupname {
	width: 130px;
	text-align: left;
	cursor: pointer;
}

table.cruises .documentgroupcount {
	width: 50px;
	text-align: center;
}

table.cruises .documentpdf {
	width: 50px;
	text-align: center;
}

/* ersetzt '.documentpdf' in der Spalte 'Notes', wenn Notizen enthalten sind */
table.cruises .documentpdfnotes {
	width: 70px;
	text-align: center;
}

/* ersetzt '.documentnotessize' in der Spalte 'Notes', während Druckauftrag generiert wird */
table.cruises .printjobrunning {
	width: 70px;
	text-align: center;
}

/* ergänzt '.documentnotessize' in der Spalte 'Notes', wenn Druckauftrag möglich */
table.cruises .pdfprintjob {
	cursor: help;
}

table.cruises .documentunit {
	width: 70px;
	text-align: center;
}

table.cruises .documentnotessize {
	width: 70px;
	text-align: center;
}

/* externer Link - klickbar */
table.cruises .external {
	cursor: pointer;
}

table tr td.tableendmessage {
	text-align: center;
}

/** gruppierte Dokumentansicht für User: 
 * - Gruppenheadline
 * - Size: Mengenangabe, wenn erforderlich
 * - PDF-Zip: Download-Icon für alle eManuals
 * - PDF-Notes-Zip: Download-Icon für eManuals mit Annotations(PrintJobs)	 
 */
table.cruises .documentnamegrouplabel {
	width: 520px;
	text-align: left;
	/* 5px vom Rand fuer die erste Spalte, da links ausgerichtet */
	padding-left: 5px;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
}

table.cruises .documentsizegrouplabel {
	width: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

table.cruises .documentpdfgrouplabel {
	width: 50px;
	text-align: center;
}

table.cruises .documentnotessizegrouplabel {
	width: 70px;
	text-align: center;
}
/*
########### Formulare  ############
*/
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

fieldset {
	border: none;
}

label {
	padding-left: 10px;
}

input {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px;
	width: 300px;
	height: 16px;
}

textarea {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	width: 300px;
}

select {
	border-color: #a0a0a0;
	border-style: solid;
	border-width: 1px;
	height: 20px;
}

body {
	background: #555;
}

/*
########### Hilfe / Legende ############
*/
div#divHelp {
	display: none;
	position: absolute;
	left: 0px;
	top: 164px;
	width: 979px;
	height: 584px;
	/*
	background-image: url(images/cont_box.png);
	background-repeat: no-repeat;
	box-shadow: 4px 10px 15px #666;
	-moz-box-shadow: 4px 10px 15px #666;
	-webkit-box-shadow: 4px 10px 15px #666;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border-color: black;
	border: 1px;
	border-style: solid;
	padding: 20px;
	font-size: 11pt;
	*/
	z-index: 1000;
}

img#imgHelpContent {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/*
	width: 560px;
	height: 350px;
	border: 1px;
	border-color: #8AA7B7;
	border-style: solid;
	*/
}

/*
########### CSS Specials  ############
*/
.slideThree input[type=checkbox] {
	visibility: hidden;
}

/* SLIDE THREE */
.slideThree {
	width: 80px;
	height: 26px;
	background: #333;
	margin: 20px auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px
		rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px
		rgba(255, 255, 255, 0.2);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px
		rgba(255, 255, 255, 0.2);
}

.slideThree:after {
	content: '';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 998;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}

.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 998;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 999;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4',
		endColorstr='#b3bead', GradientType=0);
}

.slideThree input[type=checkbox]:checked+label {
	left: 43px;
}

/*
########### CSS Sonderfall für IE8.0  ############
*/
.divReconnect {
	position: absolute;
	left: 20px;
	top: 350px;
	width: 100px;
	height: 35px;
}

/*
########### Detailansichten: Group, Learner, Document ############
*/

/* ### group.php ### */
#groupGroupname {
	position: absolute;
	right: 100px;
	top: 20px;
}

#groupname {
	font-weight: bold;
	width: 475px;
}

#groupLearninggroupunit {
	position: absolute;
	right: 10px;
	top: 20px;
}

select#learninggroupunit {
	width: 80px;
	text-align: center;
	font-weight: bold;
}

#groupGroupdescription {
	position: absolute;
	right: 100px;
	top: 40px;
}

#groupdescription {
	width: 475px;
	font-style: italic;
}

#settingsGroupStartDate {
	position: absolute;
	right: 300px;
	top: 63px;
}

input#groupStartDate {
	width: 110px;
	color: graytext;
	font-style: italic;
	text-align: center;
}

#settingsGroupExpiryDate {
	position: absolute;
	right: 100px;
	top: 63px;
}

input#groupExpiryDate {
	width: 110px;
	color: graytext;
	font-style: italic;
	text-align: center;
}

#labelDocuments {
	position: absolute;
	right: 507px;
	top: 85px;
}

#labelDocumentsSelected {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 558px;
	top: 110px;
	color: gray;
	cursor: pointer;
}

#labelDocumentsTrennstrich {
	position: absolute;
	font-style: italic;
	font-size: 18px;
	right: 550px;
	top: 107px;
	color: gray;
}

#labelDocumentsAll {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 510px;
	top: 110px;
	color: gray;
	cursor: pointer;
}

#groupDocumentlistSearch {
	position: absolute;
	left: 70px;
	top: 135px;
}

#groupDocumentlistFilter {
	position: absolute;
	right: 507px;
	top: 135px;
}

input#inputFilterDocumentlist {
	width: 140px;
}

#groupButtonCopy {
	position: absolute;
	right: 448px;
	top: 350px;
}

#groupButtonExit {
	position: absolute;
	right: 160px;
	top: 350px;
}

#groupButtonSave {
	position: absolute;
	right: 100px;
	top: 350px;
}

#groupButtonDelete {
	position: absolute;
	right: 38px;
	top: 350px;
}

#groupLabelArchive {
	position: absolute;
	left: 12px;
	top: 20px;
}

#groupButtonArchive {
	position: absolute;
	left: 12px;
	top: 38px;
}

#groupLabelExamMode {
	position: absolute;
	left: 12px;
	top: 20px;
}

#groupButtonExamMode {
	position: absolute;
	left: 12px;
	top: 38px;
}

#groupButtonArchiveExamMode {
	visibility: hidden;
}

#groupButtonExamModeAdmin {
	visibility: hidden;
}

#groupButtonArchiveExamModeTutoren {
	visibility: hidden;
}

/* group.php: document compilations */
#labelDocumentGroups {
	position: absolute;
	right: 585px;
	top: 85px;
	color: gray;
	cursor: pointer;
}

#labelDocumentGroupSelected {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 558px;
	top: 110px;
	color: gray;
	cursor: pointer;
}

#labelDocumentGroupTrennstrich {
	position: absolute;
	font-style: italic;
	font-size: 18px;
	right: 550px;
	top: 107px;
	color: gray;
}

#labelDocumentGroupAll {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 510px;
	top: 110px;
	color: gray;
	cursor: pointer;
}

#groupButtonDocumentGrouplistSearch {
	position: absolute;
	left: 70px;
	top: 135px;
}

#groupFilterDocumentGrouplist {
	position: absolute;
	right: 507px;
	top: 135px;
}

input#inputFilterDocumentGrouplist {
	width: 140px;
}

#editDocList {
	position: absolute;
	top: 175px;
	right: 510px;
}

#groupTablesDocumentsGroups {
	position: absolute;
	right: 101px;
	top: 85px;
	height: 110px;
	width: 403px;
}

#divTableGroupDocuments {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 110px;
	width: 463px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
}

#groupTableGroupDocuments {
	height: auto;
	width: 445px;
}

#divTableGroupDocumentGroups {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 110px;
	width: 463px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
	visibility: visible;
}

#groupTableGroupDocumentGroups {
	height: auto;
	width: 445px;
}

/* group.php: users */
#labelGroupUser {
	position: absolute;
	right: 507px;
	top: 210px;
}

#editUserList {
	position: absolute;
	top: 310px;
	right: 510px;
}

#exportUserCSVList {
	position: absolute;
	top: 300px;
	right: 535px;
}

#exportUserPDFList {
	position: absolute;
	top: 300px;
	right: 565px;
}

#exportUserCertList {
	position: absolute;
	top: 300px;
	right: 595px;
}

#labelUserGroupSelected {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 558px;
	top: 240px;
	color: gray;
	cursor: pointer;
}

#labelUserGroupTrennstrich {
	position: absolute;
	font-style: italic;
	font-size: 18px;
	right: 550px;
	top: 237px;
	color: gray;
}

#labelUserGroupAll {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 510px;
	top: 240px;
	color: gray;
	cursor: pointer;
}

#groupButtonUserGrouplistSearch {
	position: absolute;
	left: 70px;
	top: 265px;
}

#groupFilterUserGrouplist {
	position: absolute;
	right: 507px;
	top: 265px;
}

input#inputFilterUserGrouplist {
	width: 140px;
}

#groupTableUsers {
	position: absolute;
	right: 101px;
	top: 210px;
	height: 120px;
	width: 403px;
}

#divTableGroupUsers {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 120px;
	width: 463px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
}

#groupTableGroupUsers {
	height: auto;
	width: 445px;
}

/* group.php: user compilations */
#labelGroupUsercompilations {
	position: absolute;
	right: 540px;
	top: 210px;
	color: gray;
	cursor: pointer;
}

#labelGroupUsercompilationsSelected {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 558px;
	top: 240px;
	color: gray;
	cursor: pointer;
}

#labelGroupUsercompilationsTrennstrich {
	position: absolute;
	font-style: italic;
	font-size: 18px;
	right: 550px;
	top: 237px;
	color: gray;
}

#labelGroupUsercompilationsAll {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 510px;
	top: 240px;
	color: gray;
	cursor: pointer;
}

#groupButtonGroupUsercompilationsSearch {
	position: absolute;
	left: 70px;
	top: 265px;
}

#groupFilterGroupUsercompilations {
	position: absolute;
	right: 507px;
	top: 265px;
}

input#inputFilterGroupUsercompilations {
	width: 140px;
}

#divTableGroupUsercompilations {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 120px;
	width: 463px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
}

#groupTableGroupUsercompilations {
	height: auto;
	width: 445px;
}

/* ### document.php ### */
#settingsDocumentname {
	position: absolute;
	right: 38px;
	top: 20px;
}

input#documentname {
	width: 520px;
	font-weight: bold;
}

#settingsDocumentUnitID {
	position: absolute;
	right: 38px;
	top: 50px;
}

select#documentunitid {
	width: 110px;
	text-align: left;
	font-weight: normal;
	height: 18px;
}

#settingsVersion {
	position: absolute;
	right: 415px;
	top: 50px;
	width: 300px;
}

input#version {
	width: 50px;
}

#settingsDocumentTypeID {
	position: absolute;
	right: 320px;
	top: 50px;
}

select#documenttypeid {
	width: 150px;
	text-align: center;
	font-weight: normal;
	height: 18px;
}

#settingsDescription {
	position: absolute;
	right: 38px;
	top: 80px;
}

input#description {
	width: 355px;
	width: 520px;
}

#settingsFilename {
	position: absolute;
	right: 110px;
	top: 110px;
}

#documentLabelFilename {
	color: graytext;
	font-style: italic;
}

input#filename {
	color: graytext;
	width: 450px;
}

input#filenameupload {
	color: graytext;
	width: 450px;
}

#viewDocumentLabelFilesize {
	position: absolute;
	right: 60px;
	top: 110px;
}

input#documentLabelFilesize {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 45px;
	font-size: 11px;
	text-align: right;
}

#settingsSecurityLevel {
	position: absolute;
	/* right: 303px; */
	right: 195px;
	/* top: 140px; */
	top: 50px;
}

select#securitylevel {
	/* width: 200px; */
	width: 65px;
	height: 18px;
}

input#securitylevelView {
	color: graytext;
	/* width: 200px; */
	width: 65px;
	height: 16px;
}

#settingsUpload {
	position: absolute;
	right: 38px;
	top: 170px;
}

input#fileupload {
	height: 20px;
	width: 465px;
	border: 0px;
	background-color: white;
}

#settingsResourceURI {
	position: absolute;
	right: 38px;
	top: 110px;
}

input#resourceuri {
	width: 520px;
	color: graytext;
}

label#labelURI {
	cursor: pointer;
	font-weight: bold;
}

#settingsStartDate {
	position: absolute;
	right: 455px;
	top: 140px;
}

input#documentStartDate {
	width: 110px;
	color: graytext;
	font-style: italic;
	text-align: center;
}

#settingsExpiryDate {
	position: absolute;
	right: 270px;
	top: 140px;
}

input#documentExpiryDate {
	width: 110px;
	color: graytext;
	font-style: italic;
	text-align: center;
}

#labelGroups {
	position: absolute;
	right: 507px;
	top: 200px;
}

#labelUnits {
	position: absolute;
	right: 570px;
	top: 200px;
	color: gray;
	cursor: pointer;
}

#labelGroupsSelected {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 548px;
	top: 220px;
	color: gray;
	cursor: pointer;
}

#labelGroupsTrennstrich {
	position: absolute;
	font-style: italic;
	font-size: 18px;
	right: 540px;
	top: 217px;
	color: gray;
}

#labelGroupsAll {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 510px;
	top: 220px;
	color: gray;
	cursor: pointer;
}

#labelUnitsSelected {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 548px;
	top: 220px;
	color: gray;
	font-weight: bold;
}

#labelUnitsTrennstrich {
	position: absolute;
	font-style: italic;
	font-size: 18px;
	right: 540px;
	top: 217px;
	color: gray;
}

#labelUnitsAll {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 520px;
	top: 220px;
	color: gray;
	font-weight: bold;
}

#documentButtonGrouplistSearch {
	position: absolute;
	left: 70px;
	top: 245px;
}

#documentFilterGrouplist {
	position: absolute;
	right: 507px;
	top: 245px;
}

input#inputFilterGrouplist {
	width: 140px;
}

#documentTableLearnerGroups {
	position: absolute;
	right: 38px;
	top: 200px;
	height: 130px;
	width: 465px;
}

#divTableLearnerGroups {
	height: 130px;
	width: 465px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
}

table#documentTableLearninggroups {
	height: auto;
	width: 450px;
}

#divTableUnits {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 465px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
	visibility: hidden;
}

table#documentTableUnits {
	height: auto;
	width: 450px;
}

#viewAnnotationCounter {
	position: absolute;
	left: 250px;
	top: 350px;
	color: graytext;
}

#documentButtonExit {
	position: absolute;
	right: 160px;
	top: 350px;
}

#documentButtonSave {
	position: absolute;
	right: 100px;
	top: 350px;
}

#documentButtonDelete {
	position: absolute;
	right: 38px;
	top: 350px;
}

#documentButtonSave {
	position: absolute;
	right: 100px;
	top: 350px;
}

#documentLabelVisible {
	position: absolute;
	left: 12px;
	top: 20px;
}

#documentButtonArchive {
	position: absolute;
	left: 12px;
	top: 38px;
}

/* ### learnerprofile.php ### */
#viewLabelRoleSelect {
	position: absolute;
	right: 62px;
	top: 7px;
}

#viewRoleSelect {
	position: absolute;
	right: 58px;
	top: 20px;
}

select#userrole {
	width: 33px;
	text-align: center;
	font-weight: bold;
}

input#userrole {
	width: 33px;
	text-align: center;
	font-weight: bold;
}

#viewLabelExamtoolgroupSelect {
	position: absolute;
	right: 18px;
	top: 7px;
}

#viewExamtoolgroupSelect {
	position: absolute;
	right: 20px;
	top: 20px;
}

select#userexamtoolgroup {
	width: 33px;
	text-align: center;
	font-weight: bold;
	color: #663333;
}

#viewUnitSelect {
	position: absolute;
	right: 20px;
	top: 50px;
}

select#userunit {
	width: 70px;
	text-align: center;
	font-weight: bold;
}

/** Zusatzfunktionen Auswahl */
#viewLabelRoleAddOnSelect {
	position: absolute;
	left: 10px;
	top: 75px;
	font-weight: bold;
}

#viewRoleAddOnSelect {
	position: absolute;
	left: 10px;
	top: 90px;
}

select#userRoleAddOn {
	width: 130px;
	text-align: center;
	font-weight: bold;
}

p#viewLabelRoleAddOnDisplay {
	position: absolute;
	left: 10px;
	top: 90px;
	font-style: italic;
}

/** Appname Auswahl */
#viewLabelAppnameSelect {
	position: absolute;
	left: 10px;
	top: 120px;
	font-weight: bold;
}

#viewAppnameSelect {
	position: absolute;
	left: 10px;
	top: 135px;
}

select#userappnameselect {
	width: 130px;
	text-align: center;
	font-weight: bold;
}

#viewLabelAppnameDisplay {
	position: absolute;
	left: 10px;
	top: 135px;
	font-style: italic;
}

/** Accountdetails */
#viewAccountname {
	position: absolute;
	right: 100px;
	top: 20px;
}

input#username {
	width: 400px;
	font-weight: bold;
}

#labelName {
	cursor: pointer;
}

#viewFirstname {
	position: absolute;
	right: 100px;
	top: 50px;
	visibility: hidden;
}

input#firstname {
	width: 400px;
}

#viewLastname {
	position: absolute;
	right: 100px;
	top: 70px;
	visibility: hidden;
}

input#lastname {
	width: 400px;
}

#viewDateofbirth {
	position: absolute;
	right: 100px;
	top: 90px;
	visibility: hidden;
}

input#dateofbirth {
	width: 400px;
}

#viewPlaceofbirth {
	position: absolute;
	right: 100px;
	top: 110px;
	visibility: hidden;
}

input#placeofbirth {
	width: 400px;
}

#viewCompanyPersonalID {
	position: absolute;
	right: 100px;
	top: 135px;
	font-style: italic;
	color: graytext;
	visibility: hidden;
}

input#companypersonalid {
	font-style: italic;
	color: graytext;
	width: 400px;
}

#viewCompanyName {
	position: absolute;
	right: 100px;
	top: 155px;
	font-style: italic;
	color: graytext;
	visibility: hidden;
}

input#companyname {
	font-style: italic;
	color: graytext;
	width: 400px;
}

#viewCompanyCountry {
	position: absolute;
	right: 100px;
	top: 175px;
	font-style: italic;
	color: graytext;
	visibility: hidden;
}

input#companycountry {
	font-style: italic;
	color: graytext;
	width: 400px;
}

#viewPassword {
	position: absolute;
	right: 100px;
	top: 50px;
}

input#password {
	width: 400px;
	color: graytext;
}

#viewAccountID {
	position: absolute;
	right: 100px;
	top: 80px;
}

input#eurocopter_id {
	width: 400px;
}

#unitdomain {
	position: absolute;
	width: 250px;
	height: 25px;
	text-align: right;
	right: 103px;
	top: 83px;
	color: #CCCCCC;
	font-style: italic;
}

#viewDevicemanagementID {
	position: absolute;
	right: 100px;
	top: 105px;
}

select#devicemanagementid {
	width: 400px;
	text-align: left;
}

input#devicemanagementidview {
	width: 400px;
	color: graytext;
}

#viewEmail {
	position: absolute;
	right: 100px;
	top: 130px;
}

#imgEmailStatus {
	position: absolute;
	right: 75px;
	top: 132px;
	height: 16px;
	width: 16px;
}

input#email {
	width: 400px;
}

#learnerprofileErrorlog {
	position: absolute;
	right: 100px;
	top: 170px;
}

input#logentry {
	width: 400px;
}

#learnerprofileDescription {
	position: absolute;
	right: 100px;
	top: 152px;
}

label#labeluserdescription {
	position: absolute;
	right: 407px;
	top: 0px;
	cursor: pointer;
	text-align: right;
}

textarea#userdescription {
	width: 400px;
	margin: 0px;
	padding: 1px;
	resize: none;
	font-style: italic;
	font-size: 12px;
}

/** optionale zusätzliche unitspezifische User-Description */
#learnerprofileDescription2 {
	position: absolute;
	right: 100px;
	top: 152px;
	visibility: hidden;
}

label#labeluserdescription2 {
	position: absolute;
	right: 407px;
	top: 0px;
	cursor: pointer;
	text-align: right;
	font-style: italic;
	color: graytext;
}

textarea#userdescription2 {
	width: 400px;
	margin: 0px;
	padding: 1px;
	resize: none;
	font-style: italic;
	font-size: 12px;
	color: graytext;
}

#learnerprofileLabelPassword {
	cursor: pointer;
}

#learnerprofilePasswordPDF {
	position: absolute;
	right: 100px;
	top: 170px;
}

#learnerprofileLabelGroups {
	position: absolute;
	right: 507px;
	top: 200px;
}

#labelAccounts {
	position: absolute;
	right: 507px;
	top: 200px;
	visibility: hidden;
}

#learnerprofileGrouplistSearch {
	position: absolute;
	left: 70px;
	top: 245px;
}

#learnerprofileFilterGrouplist {
	position: absolute;
	right: 507px;
	top: 245px;
}

input#learnerprofileInputFilterGrouplist {
	width: 140px;
}

#learnerprofileGroupsAccounts {
	position: absolute;
	right: 100px;
	top: 200px;
	height: 130px;
	width: 403px;
}

#divTableAccounts2Merge {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 403px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
	visibility: hidden;
}

#learnerprofileTableAccounts2Merge {
	height: auto;
	width: 385px;
}

#divTableAccounts {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 403px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
	visibility: hidden;
}

#learnerprofileTableAccounts {
	height: auto;
	width: 385px;
}

#learnerprofileDivTableLearnerGroups {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 130px;
	width: 403px;
	overflow: auto;
	border: 1px;
	border-color: black;
	border-style: dotted;
	visibility: visible;
}

#learnerprofileTableLearnerGroups {
	height: auto;
	width: 385px;
}

#learnerprofileLabelConnected {
	position: absolute;
	left: 12px;
	top: 335px;
}

#divReconnect {
	position: absolute;
	left: 10px;
	bottom: 2px;
}

#learnerprofileCheckboxForceReconnect {
	position: absolute;
	left: 10px;
	bottom: 5px;
	width: 15px;
	height: 15px;
}

#learnerprofileCheckboxForceReconnectLabel {
	position: absolute;
	left: 30px;
	bottom: 5px;
	margin: 0px;
	padding: 0px;
	color: graytext;
	text-align: left;
	/*
	border-style: solid;
	border-color: red;
	border-width: 1px;
	*/
}

#learnerprofileCheckboxAllowReconnect {
	position: absolute;
	left: 70px;
	bottom: 5px;
	width: 15px;
	height: 15px;
}

#learnerprofileCheckboxAllowReconnectLabel {
	position: absolute;
	left: 90px;
	bottom: 5px;
	margin: 0px;
	padding: 0px;
	color: graytext;
	text-align: left;
	/*
	border-style: solid;
	border-color: red;
	border-width: 1px;
	*/
}

#learnerprofileButtonDelete {
	position: absolute;
	right: 38px;
	top: 350px;
}

#learnerprofileLabelVisible {
	position: absolute;
	left: 12px;
	top: 20px;
}

#learnerprofileButtonArchive {
	position: absolute;
	left: 12px;
	top: 38px;
}

#learnerprofileButtonSave {
	position: absolute;
	right: 100px;
	top: 350px;
}

#learnerprofileButtonExit {
	position: absolute;
	right: 160px;
	top: 350px;
}

#learnerprofileLabelErrorlog {
	color: #CC0000;
}

#imgAccountmerge {
	position: absolute;
	right: 60px;
	top: 80px;
	visibility: hidden;
}

#imgAccountchange {
	position: absolute;
	right: 60px;
	top: 110px;
	visibility: hidden;
}

#viewLearnerAppversion {
	position: absolute;
	right: 250px;
	top: 335px;
}

#viewLearnerFirstSignin {
	position: absolute;
	right: 250px;
	top: 350px;
	color: graytext;
}

#viewLearnerLastSignin {
	position: absolute;
	right: 250px;
	top: 365px;
	color: graytext;
}

#viewLearnerAnnotationSize {
	position: absolute;
	right: 250px;
	top: 380px;
	color: graytext;
	font-style: italic;
}

#learnerprofileLabelGroupsSelected {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 548px;
	top: 220px;
	color: gray;
	cursor: pointer;
}

#learnerprofileLabelGroupsDivider {
	position: absolute;
	font-style: italic;
	font-size: 18px;
	right: 540px;
	top: 217px;
	color: gray;
}

#learnerprofileLabelGroupsAll {
	position: absolute;
	font-style: italic;
	font-size: 13px;
	right: 510px;
	top: 220px;
	color: gray;
	cursor: pointer;
}

#learnerprofileQRBarcode {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 10px;
	bottom: 70px;
	width: 50px;
	height: 50px;
	border: thin;
	border-color: gray;
	border-style: solid;
	background-size: 100%;
}

#learnerprofileQRBarcode:hover {
	width: 150px;
	height: 150px;
	z-index: 1000;
}

#buttonEmailSendPAI {
	position: absolute;
	left: 65px;
	top: 305px;
	width: 30px;
	height: 25px;
	cursor: pointer;
}