@charset "UTF-8";

/* CSS Style Definition DR-Annotate */
.bodyPortal {
	background-color: white;
}

/**
########### Hauptseite WebApp  ############
*/
#viewWelcome:empty:before {
	content: "Welcome to the DR-Annotate DocLib";
}

#divWebApp {
	background-image:
		url(images/drannotate/doclib_bg_979x635_drannotate.jpg);
}

/**
########### Loginscreen WebApp  ############
Infofenster im Loginscreen
   - wichtige Informationen vor dem Login
   - wenn nicht gewünscht, ausblenden 
*/
#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;
}

/**
############ Dialog Connection WebApp - Device (iPad-App) ##############
*/
#divConnection {
	background-image: url(images/drannotate/cont_box.png);
}

/**
############ Subsite DeviceManagement ##############
*/
header#portalHeaderDeviceManagement {
	background-color: #232323;
}

p#portalHeadlineDeviceManagement {
	z-index: 999;
}

p#portalLogoDeviceManagement {
	top: 0px;
	z-index: 888;
}

img#imgPortalLogoDeviceManagement {
	background-image: url(images/drannotate/doclib_logo.png);
	background-repeat: repeat;
	width: 52px;
	height: 91px;
}

/**
############ Subsite Examtool ##############
*/
header#portalHeaderExamtool {
	background-color: #232323;
}

p#portalHeadlineExamtool {
	z-index: 999;
}

p#portalLogoExamtool {
	top: 0px;
	z-index: 888;
}

img#imgPortalLogoExamtool {
	background-image: url(images/drannotate/doclib_logo.png);
	background-repeat: repeat;
	width: 52px;
	height: 91px;
}

/**
########### Subsite SCORM RTE  ############
*/
.scormRTEheaderCSS {
	background-color: #232323;
}

#scormRTElogo {
	width: 32px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 10px;
	margin: 0px;
	border: 0px;
}

/**
############ Warnbildschirm ##############
*/
#divWarningScreen {
	background-image: url(images/drannotate/cont_box.png);
}

/*
########### DR-Annotate Images / Icons  ############################ 
*/
.loading_icon {
	background: url(images/drannotate/loading3.gif) no-repeat 1px;
}

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

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

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

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

/*
########### Button  ############################
*/
.buttonLogin {
	background-image: url(images/drannotate/login.png);
}

.buttonLogin:hover {
	background-image: url(images/drannotate/login_a.png);
}

.buttonLogout {
	background-image: url(images/drannotate/logout.png);
}

.buttonConnection {
	background-image: url(images/drannotate/submit.png);
}

.buttonConnection:hover {
	background-image: url(images/drannotate/submit_a.png);
}

.buttonSave {
	background-image: url(images/drannotate/save.png);
}

.buttonSave:hover {
	background-image: url(images/drannotate/save_a.png);
}

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

.buttonCancel {
	background-image: url(images/drannotate/cancel.png);
}

.buttonCancel:hover {
	background-image: url(images/drannotate/cancel_a.png);
}

.buttonCopy {
	background-image: url(images/drannotate/copy.png);
}

.buttonCopy:hover {
	background-image: url(images/drannotate/copy_a.png);
}

.buttonCopyActive {
	background-image: url(images/drannotate/copy_r.png);
}

.buttonCopyActive:hover {
	background-image: url(images/drannotate/copy_r_a.png);
}

.buttonAdd {
	background-image: url(images/drannotate/add.png);
}

.buttonAdd:hover {
	background-image: url(images/drannotate/add_a.png);
}

.buttonFilter {
	background-image: url(images/drannotate/filter.png);
}

.buttonFilter:hover {
	background-image: url(images/drannotate/filter_a.png);
}

.buttonSearch {
	background-image: url(images/drannotate/search_icon.png);
}

.buttonSearch {
	background-image: url(images/drannotate/search_icon_s.png);
}

.buttonOk {
	background-image: url(images/drannotate/ok.png);
}

.buttonOk:hover {
	background-image: url(images/drannotate/ok_a.png);
}

.buttonDelete {
	background-image: url(images/drannotate/delete.png);
}

.buttonDelete:hover {
	background-image: url(images/drannotate/delete_a.png);
}

.buttonDeleteActive {
	background-image: url(images/drannotate/delete_r.png);
}

.buttonDeleteActive:hover {
	background-image: url(images/drannotate/delete_r_a.png);
}

.buttonEdit {
	background-image: url(images/drannotate/edit10x10_d.png);
}

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

.buttonEditList {
	background-image: url(images/drannotate/edit20x20_d.png);
}

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

.buttonExportList {
	background-image: url(images/drannotate/csv_icon_30x30.png);
}

.buttonArchive {
	background-image: url(images/drannotate/check_inactive2.png);
}

.buttonArchiveActive {
	background-image: url(images/drannotate/check_active2.png);
}

.buttonArchive:hover {
	background-image: url(images/drannotate/check_mover2.png);
}

.buttonExammode {
	background-image: url(images/drannotate/check_inactive2.png);
}

.buttonExammodeActive {
	background-image: url(images/drannotate/check_active2.png);
}

.buttonExammode:hover {
	background-image: url(images/drannotate/check_mover2.png);
}

.buttonFilterArchive {
	background-image: url(images/drannotate/check_active3.png);
}

.buttonFilterArchiveActive {
	background-image: url(images/drannotate/check_inactive3.png);
}

.buttonFilterArchive:hover {
	background-image: url(images/drannotate/check_mover3.png);
}

.buttonWebAccess {
	background-image: url(images/drannotate/check_inactive3.png);
}

.buttonWebAccessActive {
	background-image: url(images/drannotate/check_active3.png);
}

.buttonWebAccess:hover {
	background-image: url(images/drannotate/check_mover3.png);
}

.buttonPasswordProtected {
	background-image: url(images/drannotate/check_inactive3.png);
}

.buttonPasswordProtectedActive {
	background-image: url(images/drannotate/check_active3.png);
}

.buttonPasswordProtected:hover {
	background-image: url(images/drannotate/check_mover3.png);
}

.buttonHelp {
	background-image: url(images/drannotate/help_icon.png);
}

.buttonHelp:hover {
	background-image: url(images/drannotate/help_icon_a.png);
}