/********************* Redefinering av std HTML-attributter ****************/
html {
	height: 100%;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 100%;
}

.timerBG {
	font-size: 15px;
	background-color: #FFFF99;
}

h1 {
	font-size: 18px;
	color: #449ED4;
	font-weight: bold;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

td {
	font-family: Arial, sans-serif;
	font-size: 12px;
}

a {
	font-size: 12px;
	font-weight: bold;
	color: #001399;
	text-decoration: none;
}

ul {
	margin: 1px 1px 1px 15px; /*top left bottom right*/
}

a:hover {
	text-decoration: underline;
}

#Next:focus {
	outline: none;
}

#Previous:focus {
	outline: none;
}

TEXTAREA {
	border-width: 1px;
	border-style: solid;
	border-color: Gray;
}

#fullContent {
	margin: auto;
	width: 960px;
	min-height: 100%;
}

/***************Slutt: Redefinering av std HTML-attributter ****************/

.StatusBackground {
	background: #DDEEFF url('./emptybutton.gif') no-repeat 0 0;
}

.defaultBodyContent {
	background: url() no-repeat 0 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	overflow: hidden;
}

.defaultBodyContent2 {
	background: url() no-repeat 0 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	overflow: hidden;
}

.bodyContent {
	font-family: Arial Unicode, sans-serif;
	font-size: 11px;
	background-color: #F0EDE6;
	background: none transparent;
}

.bodyMenu {
	background-color: transparent;
	width: 200px;
}

.EmptyButton {
	background: url('./emptybutton.jpg') no-repeat 0 0;
	cursor: pointer;
	width: 124px;
	height: 26px;
	vertical-align: middle;
	display: block;
	visibility: visible;
	margin-top: 10px;
}

.EmtyButtomLoc {
	position: absolute;
	display: block;
}

.EmptyButton30000_1 {
	top: 200px;
	left: 100px;
}

.EmptyButton30000_2 {
	top: 435px;
	left: 270px;
}

.EmptyButton30001_2 {
	top: 435px;
	left: 650px;
}

.EmptyButton30003_2 {
	top: 435px;
	left: 630px;
}

.EmptyButton30005_2 {
	top: 435px;
	left: 630px;
}

.EmptyButton30006_2 {
	top: 435px;
	left: 270px;
}

.EmptyButton30007_2 {
	top: 435px;
	left: 630px;
}

.MenuButton {
	cursor: pointer;
	background-color: #DDCCBB;
}

.Status {
	background-color: #DDEEFF;
}

.UserTable {
	background: url() no-repeat 0 0;
	width: 770px !important;
	height: 510px !important;
	position: unset !important;
	display: unset !important;
	left: unset !important;
	top: unset !important;
}

.Mail0 {
	background: url('./mail0.gif') no-repeat 0 0;
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
}

.Mail1 {
	background: url('./mail1.gif') no-repeat 0 0;
	cursor: pointer;
	display: block;
	width: 16px;
	height: 16px;
}

.Mail2 {
	background: url('./mail2.gif') no-repeat 0 0;
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
}

.TableBorder {
	border: solid 1px #DEDEDE;
	height: 200px;
	width: 360px;
	background-color: White;
}

.btnOK {
	background-color: #D6D6AD;
}

.ListTitle {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #55AAFF;
	margin-left: 0px;
	BACKGROUND-COLOR: #ECECEC;
	border-top: solid 1px #C0C0C0;
	height: 18px;
}

.MenuElementText {
	margin-top: 5px;
	color: #404040;
	font-family: arial;
	font-weight: bold;
	font-size: 10px;
}

.HiddenAnswerFrame {
	margin: 4px 4px 4px 4px;
	width: 326px;
	overflow: auto;
}

.GreyBorder {
	background-color: #999999;
	width: 1px;
}

.GreyBorderContent {
	background-color: #FFFFFF;
}

.ContentTemplateButton {
	font-family: arial, sans-serif;
	font-size: 14px;
	color: white;
	text-align: center;
	width: 115px;
	height: 18px;
	padding: 4px;
	line-height: 18px;
	vertical-align: middle;
}
.ContentTemplateButtonDisabled {
	font-family: arial, sans-serif;
	font-size: 16px;
	color: #C0C0C0;
	text-align: center;
	width: 115px;
	height: 18px;
	padding: 4px;
	line-height: 18px;
	vertical-align: middle;
}
.ContentTemplateText {
	font-family: arial, sans-serif;
	font-size: 14pt;
	color: white;
	vertical-align: middle;
	height: 26px;
}

.ContentTemplateTestButton {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #707070;
	text-align: center;
	width: 70px;
	height: 15px;
	padding: 4px;
	display: inline-block;
	line-height: 17px;
}

.ContentTemplateButtonStartTest {
	font-family: arial, sans-serif;
	font-size: 18px;
	color: white;
	text-align: center;
	vertical-align: middle;
	width: 160px;
	height: 50px;
}

.ContentTemplateButtonDisabled {
	font-family: arial, sans-serif;
	font-size: 18px;
	color: #C0C0C0;
	text-align: center;
	cursor: default;
	width: 160px;
	height: 32px;
	padding: 4px;
	display: inline-block;
	line-height: 17px;
}

.S52600Response {
	padding-top: 10px;
}

.S52600Input {
	padding-top: 10px;
	padding-bottom: 10px;
}

.CCLanguageList {
	font-size: 10px;
	height: 10;
	float: right;
}

/********************: Benyttes i Hyperlink ******************************/
.menuskin {
	position: absolute;
	width: inherit;
	background-color: menu;
	border: 1px solid #888888;
	font: normal 12px Arial;
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
}

	.menuskin a {
		text-decoration: none;
		color: black;
		padding-left: 10px;
		padding-right: 10px;
	}

#mouseoverstyle {
	background-color: #DEDEDE;
}

	#mouseoverstyle a {
		color: white;
	}

.HyperLink {
	cursor: pointer;
	background-color: Transparent;
}

.HyperLink2 {
	cursor: pointer;
	/*background-color :#ECECEC;  --Denne ble brukt til å sette bakgrunnsfaren i malen 45005 når man har valgt et svaralternativ*/
}

.HLYellowNote {
	background-color: #FFFFEE;
	margin-left: 4px;
	cursor: default;
	width: 250px;
}

.HyperLinkBackArrow {
	background: url('./Navigation/HyperLinkBackArrow.gif') no-repeat 0 0;
	cursor: pointer;
	width: 25px;
	height: 25px;
}

.ShowResourceBtn {
	float: right
}

/************** Slutt: Benyttes i Hyperlink ******************************/

/********************* Benyttes i Menu ***********************************/
.SearchResult {
	font-family: Verdana, Arial Unicode, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.MenuItemBg {
	display: inline;
	background-color: #DDCCBB;
}

.OnMouseOverMenuItemBg {
	display: inline;
	background-color: #E7E3E3;
}

.MenuPageStatus0 {
	background: url('./img-page-globe-0.png') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.MenuPageStatus1 {
	background: url('./img-page-globe-1.png') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}

.MenuPageStatus2 {
	background: url('./img-page-globe-2.png') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.FolderClosed0 {
	background: url(./img-folder-closed-0.png) no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.FolderClosed1 {
	background: url('./MenuElements/img-folder-closed-1.png') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}

.FolderClosed2 {
	background: url(./img-folder-closed-2.png) no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.FolderOpen0 {
	background: url('./MenuElements/img-folder-open-0.gif') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.FolderOpen1 {
	background: url(./img-folder-open-1.png) no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
}

}

.FolderOpen2 {
	background: url('./MenuElements/img-folder-open-2.gif') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.BranchCont0 {
	background: url('./empty.gif') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.BranchCont1 {
	background: url('./MenuElements/img-branch-cont-1.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.BranchEnd0 {
	background: url('./empty.gif') no-repeat 0 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.BranchEnd1 {
	background: url('./MenuElements/img-branch-end-1.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.PlusCont0 {
	background: url(./img-plus-cont-0.png) no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.PlusCont1 {
	background: url('./MenuElements/img-plus-cont-1.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.PlusMinus1 {
	background: url('./MenuElements/img-minus-cont-1.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.PlusMinus0 {
	background: url(./img-minus-cont-0.png) no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.PlusEnd0 {
	background: url(./img-plus-cont-0.png) no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.PlusEnd1 {
	background: url('./MenuElements/img-plus-end-1.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.MinusEnd0 {
	background: url(./img-minus-cont-0.png) no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.MinusEnd1 {
	background: url('./MenuElements/img-minus-end-1.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.VertLine0 {
	background: url('./MenuElements/img-vert-line-0.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: block;
}

.VertLine1 {
	background: url('./MenuElements/img-vert-line-1.gif') no-repeat 0 0;
	cursor: pointer;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: block;
}

.MenuBlank {
	background: url('./MenuElements/img-blank.gif') no-repeat 0 0;
	width: 19px;
	height: 16px;
	vertical-align: middle;
	display: inline-block;
	border: solid 1px red;
}

.CourseMenuText {
	color: #4d4f53;
	text-decoration: none;
	cursor: pointer;
	font-size: 12px;
	font-family: Arial Unicode,Arial,Helvetica;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: left;
	display: inline-block;
	height: 20px;
}

.MenuRowSelected {
	background-color: #DEDEDE;
}

.MenuItemBg {
	background-color: #DDCCBB;
}

.OnMouseOverMenuItemBg {
	background-color: #E7E3E3;
}

.MenuNodeLevel {
	width: 19px;
	height: 16px;
}

/************** Slutt: Benyttes i Menu ***********************************/
.BigBrotherIcon {
	float: right;
}

/********************* Benyttes i 60400 ***********************************/
.G60400EmptyCell {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}

.G60400SelectedCell {
	background-color: #008000;
	color: #FFFFFF;
	font-weight: bold;
}

.G60400CorrectCell {
	background-color: #0000C0;
	color: #FFFFFF;
	font-weight: bold;
}

.G60400WrongCell {
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
}

/*
	List of Found words
*/
.G60400ShowFoundBG {
	background-color: #C0C0FF;
	width: 200px;
	height: 200px;
	overflow: auto;
	background-color: transparent;
}
/***************Slutt: Benyttes i 60400 ***********************************/

/********************* Benyttes i 60450 ***********************************/
.G60450CellHint {
	font-size: 10px;
	width: 40px;
	height: 30px;
	background-color: #DCD6D6;
}

.G60450CellInput {
	width: 40px;
	height: 30px;
	font-size: 20px;
	vertical-align: middle;
	text-align: center;
}

.G60450CellEmpty {
	background-color: #000000;
}
/***************Slutt: Benyttes i 60450 ***********************************/

/********************* Benyttes i 60400 ***********************************/
.G60410Input {
	background-color: #FFFFFF;
	color: #000000;
	width: 20px;
	height: 20px;
	border: none;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.G60410InputBonus {
	background-color: #B9BBFD;
	color: #000000;
	width: 20px;
	height: 20px;
	border: none;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.G60410InputEmpty {
	background-color: #DDDDDD;
	color: #000000;
	width: 20px;
	height: 20px;
	border: none;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.G60410UserEnabled {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}

.G60410UserDisabled {
	color: #C2B6B6;
	font-style: italic;
	font-size: 12px;
}

.G60410Statement {
}

.G60410Table {
}

.C60410GameOverFrame {
	background-color: #B9BBFD;
	z-index: -1;
	width: 200px;
	height: 120px;
	text-align: center;
}

.C60200YourScore {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
/************** Slutt: Benyttes i 60400 ***********************************/


/********************* Benyttes i 60110 ***********************************/
/* Standard heading */
.Heading60110 {
	height: 30px;
	width: 700px;
	overflow: auto;
}

/* "Velg antall spillere" */
.ChooseNumberOfPlayersFrame60110 {
	position: absolute;
	width: 700px;
	height: 40px;
	overflow: auto;
}

/* Teksten "Velg antall spillere" */
.CChooseNumberOfPlayersText60110 {
	font-family: "Verdana";
	font-weight: bold;
}

.Player1Frame60110 {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 285px;
	overflow: auto;
	background-color: #ccccff;
}

.Player2Frame60110 {
	position: absolute;
	visibility: hidden;
	width: 350px;
	height: 285px;
	left: 350px;
	overflow: auto;
	background-color: #cccc99;
}

.NameAndHistoryFrame60110 {
	position: absolute;
	width: 350px;
	height: 40px;
}

.BetFrame60110 {
	visibility: hidden;
	position: absolute;
	width: 350px;
	height: 40px;
	top: 40px;
}

/* "Du har... du satser..." */
.StatusFrame60110 {
	visibility: hidden;
	position: absolute;
	width: 350px;
	height: 40px;
	top: 40px;
}

/* Teksten "Du har... du satser..." */
.StatusText60110 {
	font-family: "Verdana";
	font-weight: bold;
}

.ResponseFrame60110 {
	visibility: hidden;
	position: absolute;
	width: 350px;
	height: 80px;
	overflow: auto;
	top: 40px;
}

.QuestionFrame60110 {
	visibility: hidden;
	position: absolute;
	width: 335px;
	top: 80px;
}

.QuestionHeading60110 {
	width: 330px;
	height: 60px;
	overflow: auto;
}

.Question60110 {
	width: 330px;
	height: 100px;
	overflow: auto;
}

.CPlayingPlayerName60110 {
	font-family: "Verdana";
	font-weight: bold;
}

.CWritePlayerName60110 {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CYouHave60110 {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CYouBet60110 {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CGameOver60110 {
	height: 30px;
	width: 250px;
	font-size: 14px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CPlayer1Results60110 {
	width: 155px;
	margin-left: 17px;
	margin-right: 17px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CPlayer2Results60110 {
	width: 155px;
	margin-left: 17px;
	margin-right: 17px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CPlayer1History60110 {
	position: absolute;
	top: 100px;
	left: 10px;
	width: 320px;
	height: 260px;
	overflow: auto;
	background-color: #ffffcc;
}

.CPlayer2History60110 {
	position: absolute;
	top: 100px;
	left: 360px;
	width: 320px;
	height: 260px;
	overflow: auto;
	background-color: #ccffff;
}

.CWinner60110 {
	width: 155px;
	margin-left: 17px;
	margin-right: 17px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CTrue60110 {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.CFalse60110 {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.BettingAnswerTrue {
	background: url('./Games/BettingAnswerTrue.gif') no-repeat 0 0;
	cursor: pointer;
	width: 20px;
	height: 20px
}

.BettingAnswerFalse {
	background: url('./Games/BettingAnswerFalse.gif') no-repeat 0 0;
	cursor: pointer;
	width: 20px;
	height: 20px
}
/***************Slutt: Benyttes i 60110 ***********************************/

/********************* Benyttes i 60300 ***********************************/
.S60300Heading {
	display: block;
	height: 30px;
	width: 700px;
	overflow: auto;
}

.S60300Text {
	display: block;
	height: 40px;
	width: 700px;
	overflow: auto;
}

.S60300ChooseNumberOfPlayersFrame {
	display: block;
	position: absolute;
	width: 700px;
	height: 40px;
	overflow: auto;
}

.C60300ChooseNumberOfPlayersText {
	font-family: "Verdana";
	font-weight: bold;
}

.S60300Player1Frame {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 350px;
	height: 285px;
	overflow: auto;
	background-color: #ccccff;
}

.S60300Player2Frame {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 350px;
	height: 285px;
	left: 350px;
	overflow: auto;
	background-color: #cccc99;
}

.S60300NameAndHistoryFrame {
	display: block;
	position: absolute;
	width: 350px;
	height: 40px;
}

.S60300BetFrame {
	display: block;
	visibility: hidden;
	position: absolute;
	width: 350px;
	height: 40px;
	top: 40px;
}

.S60300StatusFrame {
	display: block;
	visibility: hidden;
	position: absolute;
	width: 350px;
	height: 40px;
	top: 40px;
}

.S60300StatusText {
	font-family: "Verdana";
	font-weight: bold;
}

.S60300ResponseFrame {
	display: block;
	visibility: hidden;
	position: absolute;
	width: 350px;
	height: 80px;
	overflow: auto;
	top: 40px;
}

.SS60300QuestionFrame {
	display: block;
	visibility: hidden;
	position: absolute;
	width: 335px;
	top: 80px;
}

.SS60300QuestionHeading {
	display: block;
	width: 330px;
	height: 60px;
	overflow: auto;
}

.S60300Question {
	display: block;
	width: 330px;
	height: 100px;
	overflow: auto;
}


.C60300PlayingPlayerName {
	font-family: "Verdana";
	font-weight: bold;
}


.C60300WritePlayerName {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300YouHave {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300YouBet {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300GameOver {
	display: block;
	height: 30px;
	width: 250px;
	font-size: 14px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300Player1Results {
	display: block;
	width: 155px;
	margin-left: 17px;
	margin-right: 17px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300Player2Results {
	display: block;
	width: 155px;
	margin-left: 17px;
	margin-right: 17px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300Player1History {
	display: block;
	position: absolute;
	top: 100px;
	left: 10px;
	width: 320px;
	height: 260px;
	overflow: auto;
	background-color: #ffffcc;
}

.C60300Player2History {
	display: block;
	position: absolute;
	top: 100px;
	left: 360px;
	width: 320px;
	height: 260px;
	overflow: auto;
	background-color: #ccffff;
}

.C60300Winner {
	display: block;
	width: 155px;
	margin-left: 17px;
	margin-right: 17px;
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300True {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}

.C60300False {
	color: #000000;
	font-family: "Verdana";
	font-weight: bold;
}
/************** Slutt: Benyttes i 60300 ******************************/


/********************* Benyttes i Dictionary ******************************/
.dictionaryHeading {
	font-size: 18px;
	color: #884400;
}

.dictionarySelectedWord {
	color: #884400;
	font-size: 14px;
	font-weight: bold;
}

.WordDescriptionSearch {
	background-color: #F0EDE8;
	display: block;
}

.dictionaryBG {
	background-color: Transparent;
	width: 460px;
	display: block;
	position: absolute;
	left: 280px;
	top: 31px;
}

.dictionaryBGFrame {
	height: 457px;
	width: 460px;
	border: solid 2px #C5C1C1;
	background-color: White;
}

.DictionaryResourceBody {
	background-color: #DDCCBB;
}

.Letter {
	font-family: Arial Unicode MS;
	color: #666633;
	font-size: 11px;
	cursor: pointer;
	text-decoration: none;
}

	.Letter:hover {
		font-weight: bold;
		text-decoration: underline;
		background-color: #dedede;
	}

.Description {
	font-size: 12px;
	color: #884400;
}

.Dictionary {
	font-size: 14px;
	color: #884400;
}

	.Dictionary:Hover {
	}

.TranslationHeading {
	color: #884400;
	font-size: 14px;
	font-weight: bold;
}
/************** Slutt: Benyttes i Dictionary ******************************/

/********************* Benyttes i Colab ***********************************/
.errorMsg {
	font-size: xx-small;
	color: red;
}

.Message {
	color: red;
}

.MessageHeader {
	margin: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	background-color: #FFF7EF;
	width: 98%;
}

LI.Newsgroup {
	font-size: small;
	font-weight: bold;
	list-style-image: url('pic/folder_open.gif');
	list-style-position: inside
}

LI.Discussion {
	font-size: x-small;
	list-style-image: url('pic/discuss_read.gif');
	vertical-align: text-bottom
}

SPAN.Desc {
	font-size: x-small;
	font-weight: normal;
	cursor: pointer;
	padding-left: 0px;
	color: #5A86BD;
}

.NewsGroupDesc {
	font-size: x-small;
	font-weight: normal;
	cursor: pointer;
	padding-left: 20px;
	color: #5A86BD;
}

.discussHeaderText {
	font-size: x-small;
	color: #9C6500;
	font-weight: bold;
	padding-left: 5px;
}

SPAN.msgLink {
	padding-right: 10px;
}

TABLE.main {
	border: none;
}

.ColabHeader {
	padding-left: 3px;
	background-color: #F7EBCE;
}

.content {
	padding-left: 3px;
}

DIV.newsContent {
	height: 100%;
}

div.header {
	font-size: medium;
	color: #00107B;
}

.HeaderLink {
	font-size: x-small;
	cursor: pointer;
}

#NewsgroupName {
	font-size: x-small;
	font-weight: bold;
	color: #00107B;
	padding-left: 5px;
}

.discussHeader {
	background-color: #FFF7EF;
}

#cbMode {
	border: none;
}

#foldheader {
	list-style-image: url(closed.gif);
	cursor: pointer;
	font-weight: bold;
	margin-left: 5px;
	list-style: none;
}

#foldinglist {
	margin-left: 5px;
	list-style: none;
	font-size: smaller;
}

#headertext {
	font-weight: bold;
	font-size: medium;
	color: #8C494A;
}

#DiscussionsWindow {
	padding: 5px;
	margin-top: -15px;
}

#NewsgroupHolder {
	padding-top: 5px;
}

.webfx-tree-container {
	margin: 0px;
	padding: 0px;
	font: icon;
	white-space: nowrap;
}

.webfx-tree-item {
	padding: 0px;
	margin: 0px;
	font: icon;
	color: black;
	white-space: nowrap;
}

.xTreeDate {
	float: right;
	color: #00107B;
	width: 20%;
}

.xTreeUser {
	color: #00107B;
	width: 22%;
}

.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
	margin-left: 3px;
	padding: 1px 2px 1px 2px;
}

.webfx-tree-item a {
	color: black;
	text-decoration: none;
}

	.webfx-tree-item a:hover {
		color: blue;
		text-decoration: none;
	}

	.webfx-tree-item a:active {
		background: highlight;
		color: highlighttext;
		text-decoration: none;
	}

	.webfx-tree-item a:visited {
		color: Silver;
		text-decoration: none;
	}

.webfx-tree-item img {
	vertical-align: middle;
	border: 0px;
}

.webfx-tree-icon {
	width: 13px;
	height: 14px;
}
/***************Slutt: Benyttes i Colab ***********************************/

/********************* Benyttes i EBook ***********************************/
.EBook {
	display: block;
	background: url('./EBook/ebook.gif') no-repeat 0 0;
	width: 44px;
	height: 44px
}

.EBookMenuTD {
	width: 200px;
	overflow: auto;
}

.EBookMenu {
	background-color: #FFFFFF;
	display: block;
	height: inherit;
	overflow: auto;
}

.EBookSpacer {
	border-right: solid 0.01cm black;
}

.EBookTable {
	border: solid 0.01cm black;
}

.EBookTabOn {
	width: 35px;
	background-color: #FFFFFF;
}

.EBookTabTopOn {
	width: 35px;
	background-color: #FFFFFF;
}

.EBookTabOff {
	background-color: #C0C0C0;
	width: 35px;
}

.EBookTabTopOff {
	background-color: #000000;
	width: 35px;
}

.MenuTabOn {
	color: #404040;
	background-color: #C0C0C0;
	font-size: 10px;
	width: 60px;
	text-align: center;
	cursor: pointer;
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-left: solid 1px black;
	height: 10px;
	vertical-align: bottom;
}

.SearchLinkOver {
	background-color: #C0C0C0;
	cursor: pointer;
}

.SearchLinkOut {
	background-color: #FFFFFF;
}

.EBookMenuElement {
	background-color: #C0C0C0;
}

#SearchStr {
	color: #C0C0C0;
	font-family: Arial;
	font-size: 12px;
}

#SearchBtn {
	font-family: Arial;
	font-size: 12px;
	color: #404040;
}
/***************Slutt: Benyttes i EBook ***********************************/

/********************* Benyttes i LayoutTemplates Report **********************************/
.ReportHeading {
	font-size: 16px;
	font-weight: bold;
	color: black;
}

.ReportText {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

/***************Slutt: Benyttes i LayoutTemplates Report ***********************************/

/********************* Benyttes i Status **********************************/
.TabOffBackground {
	background-color: #CADEE8;
	color: #0566B5;
}

.Heading1 {
	font-size: 16px;
	font-weight: bold;
	color: #404040;
}

.Heading2 {
	color: grey;
	font-size: 14px;
	font-weight: bold;
}

.Heading3 {
	font-size: 12px;
	font-weight: bold;
	color: #0566B5;
}

.Heading4 {
	font-size: 10px;
	font-weight: bold;
}

.Heading3Bold {
	font-size: 12px;
	font-weight: bold;
}

.SmallText {
	font-size: 9px;
}

.UserChanged {
	font-size: 8px;
	font-weight: bold;
	font-style: italic;
	color: #0566B5;
}

.OnlineUsersBackground {
	background-color: #3398CC;
	position: absolute;
	top: 130px;
	left: 604px;
	width: 150px;
	overflow: hidden;
	border: solid 1px #3398CC;
}

.OnlineUsersHeading {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
}

.WelcomeText {
	color: #404040;
	font-weight: bold;
	font-size: 14px;
}

.DashBoard {
	font-size: 13px;
	padding-left: 30px;
}

.DashBoardBackground {
	border: solid 1px #C5C1C1;
	width: 100%;
	background-color: Window;
}

.DashboardHelpText {
	color: #9A744E;
	font-size: 12px;
}

.TipOfTheDayHeading {
	font-weight: bold;
	font-size: 14px;
}

.TipOfTheDay {
	position: absolute;
	border: solid 1px #C0C0C0;
	top: 10px;
	left: 455px;
	width: 300px;
	overflow: auto;
	background-color: White;
}

.YellowNote {
	position: absolute;
	border: solid 1px #C0C0C0;
	background-color: White;
	visibility: visible;
	padding: 3px;
	z-index: 1;
	font-size: 10px;
	top: 10px;
	left: 455px;
	width: 300px;
}

/***************Slutt: Benyttes i Status **********************************/

/********************* Benyttes for å sette top-ikonene *******************/
.ImageTop {
	position: absolute;
	top: 6px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	z-index: 10;
}

.Table {
	position: static;
	z-index: 1;
}
/*.Table {
    position: absolute;
    width: 50px;
    height: 12px;
    cursor: pointer;
    z-index: 1;
    top: 0px;
}*/

.AdminImageTop {
	background: url('./Navigation/admin.gif') no-repeat 0 0;
	left: 295px;
}

.AdminImageTop_on {
	background: url('./Navigation/admin-on.gif') no-repeat 0 0;
	left: 295px;
}

.AdminTable {
	left: 280px;
	visibility: hidden;
}

.AdminTable_on {
	left: 280px;
	visibility: visible;
	z-index: 10;
}

.ResourceImageTop {
	background: url('./Navigation/calculator.gif') no-repeat 0 0;
	left: 350px;
}

.ResourceImageTop_on {
	background: url('./Navigation/calculator-on.gif') no-repeat 0 0;
	left: 350px;
}

.ResourceTable {
	left: 330px;
	visibility: hidden;
}

.ResourceTable_on {
	left: 330px;
	visibility: visible;
	z-index: 10;
}

.SynccollabImageTop {
	background: url('./Navigation/collaborate.gif') no-repeat 0 0;
	left: 400px;
}

.SynccollabImageTop_on {
	background: url('./Navigation/collaborate-on.gif') no-repeat 0 0;
	left: 400px;
}

.SynccollabTable {
	left: 385px;
	visibility: hidden;
}

.SynccollabTable_on {
	left: 385px;
	visibility: visible;
	z-index: 10;
}

.AsynccollabImageTop {
	background: url('./Navigation/discussion.gif') no-repeat 0 0;
	left: 450px;
}

.AsynccollabImageTop_on {
	background: url('./Navigation/discussion-on.gif') no-repeat 0 0;
	left: 450px;
}

.AsynccollabTable {
	left: 442px;
	visibility: hidden;
}

.AsynccollabTable_on {
	left: 442px;
	visibility: visible;
	z-index: 10;
}

.EncyclopediaImageTop {
	background: url('./Navigation/encyklopedia.gif') no-repeat 0 0;
	left: 500px;
}

.EncyclopediaImageTop_on {
	background: url('./Navigation/encyklopedia-on.gif') no-repeat 0 0;
	left: 500px;
}

.EncyclopediaTable {
	left: 495px;
	visibility: hidden;
}

.EncyclopediaTable_on {
	left: 495px;
	visibility: visible;
	z-index: 10;
}

.DictionaryImageTop {
	background: url('./Navigation/dictionary.gif') no-repeat 0 0;
	left: 550px;
}

.DictionaryImageTop_on {
	background: url('./Navigation/dictionary-on.gif') no-repeat 0 0;
	left: 550px;
}

.DictionaryTable {
	left: 550px;
	visibility: hidden;
}

.DictionaryTable_on {
	left: 550px;
	visibility: visible;
	z-index: 10;
}

.CourseImageTop {
	background: url('./Navigation/results.gif') no-repeat 0 0;
	left: 600px;
}

.CourseImageTop_on {
	background: url('./Navigation/results-on.gif') no-repeat 0 0;
	left: 600px;
}

.CourseTable {
	left: 590px;
	visibility: hidden;
	width: 80px;
}

.CourseTable_on {
	left: 590px;
	visibility: visible;
	width: 80px;
	z-index: 10;
}

.StatusImageTop {
	background: url('./Navigation/status.gif');
	left: 650px;
}

.StatusImageTop_on {
	background: url('./Navigation/status-on.gif');
	left: 650px;
}

.StatusTable {
	left: 650px;
	visibility: hidden;
}

.StatusTable_on {
	left: 650px;
	visibility: visible;
	z-index: 10;
}

.NewMessage {
	background: url('./Navigation/NewMessage.gif') no-repeat 0 0;
	left: 670px;
	width: 15px;
	height: 11px;
}

.GUESTImageTop {
	background: url('./Navigation/results.gif') no-repeat 0 0;
	left: 650px;
}

.GUESTImageTop_on {
	background: url('./Navigation/results-on.gif') no-repeat 0 0;
	left: 650px;
}

.GUESTTable {
	left: 645px;
	visibility: hidden;
}

.GUESTTable_on {
	left: 645px;
	visibility: visible;
	z-index: 10;
}

.HelpImageTop {
	background: url('./Navigation/Help.gif') no-repeat 0 0;
	left: 700px;
}

.HelpImageTop_on {
	background: url('./Navigation/Help-on.gif') no-repeat 0 0;
	left: 700px;
}

.HelpTable {
	left: 705px;
	visibility: hidden;
}

.HelpTable_on {
	left: 705px;
	visibility: visible;
	z-index: 10;
}

.CloseImageTop {
	background: url('./lukk.png') no-repeat 0 0;
	left: 686px;
}

.CloseImageTop_on {
	background: url('./lukk_on.png') no-repeat 0 0;
	left: 686px;
	z-index: 10;
}

.CloseTable {
	left: 740px;
	visibility: hidden;
}

.CloseTable_on {
	left: 740px;
	visibility: visible;
	z-index: 10;
}

/***************Slutt: Benyttes for å sette top-ikonene *******************/

/********************* Andre som blir satt i toppen ***********************/
/* Denne brukes i top.xsl. Setter logo og bakgrunnsfarge. */
.TopBanner {
	height: 44px;
	position: unset !important;
	z-index: 1;
	width: 265px !important;
	transition: 0.3s;
}

.TopLogo {
	background: url('./logo.gif') no-repeat 0 0;
	background-color: #3399CC;
	background-size: contain !important;
	position: unset !important;
}

.RowTopFirst {
	height: 44px;
	display: block;
	position: absolute;
	top: 0px;
}

.RowTopFirst_1_1 {
	width: 800px;
}

.RowTopFirst_2_1 {
	width: 800px;
}

.RowTopFirst_3_1 {
	width: 800px;
	position: absolute;
	left: 400px;
}

.RowTopFirst_2 {
	position: absolute;
	width: 800px;
	top: 0px;
}

.RowTopFirst_1_2 {
	left: 250px;
}

.RowTopFirst_2_2 {
	left: 250px;
}

.RowTopFirst_3_2 {
	left: 650px;
}

.RowTopSecond {
	display: block;
	position: absolute;
	width: 800px !important;
	height: 24px !important;
	top: 45px !important;
}

.RowTopSecond_1_1 {
	left: 0px;
}

.RowTopSecond_2_1 {
	left: 0px;
}

.RowTopSecond_3_1 {
	left: 0px;
}

.RowTopSecond2 {
	display: none;
	position: absolute;
	width: 800px;
	height: 24px;
	top: 45px;
}

.RowTopSecondAbsolute {
	display: unset !important;
	position: unset !important;
	width: unset !important;
	height: unset !important;
	left: unset !important;
	top: unset !important;
	z-index: 10;
}

.Home {
	visibility: hidden;
	position: unset;
	cursor: pointer;
	width: 22px;
	height: 22px;
	top: unset;
	left: unset;
	background-position: center;
	z-index: 10;
	margin-right: 4px;
}


.Home_on {
	background: url('./home_on.gif') no-repeat 0 0;
}

.Home_off {
	background: url('./home.gif') no-repeat 0 0;
}

.ChooseChapter {
	background: url('./innholdsmeny.jpg') no-repeat 0 0;
	background-size: contain;
	position: unset !important;
	cursor: pointer;
	width: 160px !important;
	height: 37px !important;
	top: unset;
	left: unset;
	padding: 2px 8px 0px 8px !important;
	z-index: 1;
	color: transparent;
	transition: 0.3s;
}

#ChooseChapter {
	color: transparent;
}

.ChooseChapter_on {
	color: Black;
}

.ChooseChapter_off {
	color: Black;
}

.OpenMenu {
	background: #DDCCBB url('./menu.gif') no-repeat 0 0;
	cursor: pointer;
	background-color: #DDCCBB
}

.ChapterNameFrameCorner {
	background: url('./ChapterNameFrameCorner.gif') no-repeat 0 0;
	cursor: pointer
}

.NavBar {
	color: #565656;
	position: unset !important;
	text-decoration: none;
	cursor: pointer;
	font-size: 9px;
	font-weight: bold;
	width: 500px;
	text-align: left;
	top: 12px;
	left: 170px;
	padding-left: 5px;
	padding-top: 5px;
	transition: 0.3s;
}

#NavigationBar {
	transition: 0.3s;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 500px;
}

.NavBar2 {
	position: unset;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	width: 500px;
	text-align: left;
	top: 12px;
	left: 170px;
	padding-left: 5px;
	padding-top: 5px;
}

/* Nias Audio*/
.NIASAudioSymbols {
	position: absolute;
	left: 190px;
	top: 2px;
	width: 100px;
	height: 36px;
	visibility: visible;
	z-index: 10;
	display: block;
}


.Voice {
	background: url('./NiasAudio/sym_voice.gif') no-repeat 0 0;
	height: 12px;
	width: 34px;
}

.RecordButton_off {
	background: url('./NiasAudio/btn_record_off.gif') no-repeat 0 0;
	height: 16px;
	width: 16px;
}

.RecordButton_on {
	background: url('./NiasAudio/btn_record_on.gif') no-repeat 0 0;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.StopButton_off {
	background: url('./NiasAudio/btn_stop_off.gif') no-repeat 0 0;
	height: 16px;
	width: 16px;
}

.StopButton_on {
	background: url('./NiasAudio/btn_stop_on.gif') no-repeat 0 0;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.PlayButton_off {
	background: url('./NiasAudio/btn_play_off.gif') no-repeat 0 0;
	height: 16px;
	width: 16px;
}

.PlayButton_on {
	background: url('./NiasAudio/btn_play_on.gif') no-repeat 0 0;
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.MyFilesButton {
	background: url('./NiasAudio/btn_myfiles.gif') no-repeat 0 0;
	cursor: pointer;
	visibility: visible;
	height: 16px;
	width: 16px;
}

.SendButton {
	background: url('./NiasAudio/btn_send.gif') no-repeat 0 0;
	cursor: pointer;
	visibility: visible;
	height: 16px;
	width: 16px;
}

.SaveButton {
	background: url('./NiasAudio/btnsave.gif') no-repeat 0 0;
	cursor: pointer;
	visibility: visible;
	height: 16px;
	width: 16px;
}

/************** Slutt: Andre som blir satt i toppen ***********************/

/********************* Navigation *****************************************/
.Next {
	background: url('./frem.png') no-repeat 0 0;
	cursor: pointer;
	position: absolute;
	top: -320px;
	left: 746px;
	width: 40px;
	height: 92px;
}

.NextChapter {
	background: url('./frem.png') no-repeat 0 0;
	cursor: pointer;
	position: absolute;
	top: -320px;
	left: 735px;
	width: 40px;
	height: 92px;
}

.Previous {
	background: url('./tilbake.png') no-repeat 0 0;
	cursor: pointer;
	position: absolute;
	top: -320px;
	left: 0px;
	width: 30px;
	height: 92px;
}

.PreviousChapter {
	background: url('./tilbake.png') no-repeat 0 0;
	cursor: pointer;
	position: absolute;
	top: -320px;
	left: 0px;
	width: 30px;
	height: 92px;
}

.Small {
	visibility: hidden;
	position: unset !important;
	cursor: pointer;
	width: 28px;
	height: 24px;
	top: 12px;
	z-index: 1;
	display: block;
	margin-left: 10px;
}

.NextSmall {
	visibility: hidden;
	background: url('./Navigation/arrow_next_small.gif') no-repeat 0 0;
	left: 742px;
}

.PreviousSmall {
	visibility: hidden;
	background: url('./Navigation/arrow_prev_small.gif') no-repeat 0 0;
	left: 715px;
}

.NextChapterSmall {
	visibility: hidden;
	background: url('./Navigation/arrow_nextchapter_small.gif') no-repeat 0 0;
	left: 745px;
}

.PreviousChapterSmall {
	visibility: hidden;
	background: url('./Navigation/arrow_prevchapter_small.gif') no-repeat 0 0;
	left: 715px;
}

.ArrowBack {
	background: url('./Navigation/arrow_back.gif') no-repeat 0 0;
	width: 21px;
	height: 15px;
	margin-top: 4px;
	cursor: pointer;
}

.BackToPreviousPage {
	background: url('./Navigation/back.gif') no-repeat 0 0;
	left: 685px;
}

.NavigationTest {
	font-family: arial, sans-serif;
	font-size: 14pt;
	cursor: pointer;
	width: 140px;
	height: 40px;
	visibility: visible;
	display: block;
}

.NextTest {
	background: url('./neste_oppgave.jpg') no-repeat 0 0;
}

.PreviousTest {
	background: url('./forrige_oppgave.jpg') no-repeat 0 0;
}

.MyPosition {
	font-family: arial, sans-serif;
	font-size: 14pt;
	color: #202020;
}

.ShowSlideNext {
	background: url('./Navigation/next.gif') no-repeat 0 0;
	background-position: right;
}

.ShowSlidePrevious {
	background: url('./Navigation/prev.gif') no-repeat 0 0;
}

.ShowSlideButton {
	display: block;
	height: 22px;
	vertical-align: middle;
	cursor: pointer;
	width: 31px;
}

.ShowSlideStatement {
	display: block;
	position: absolute;
	visibility: visible;
	overflow: auto;
	z-index: 10;
}

.PaginateNext {
	background: url('./Navigation/arrow_next_small.gif') no-repeat 0 0;
	cursor: pointer;
	width: 22px;
	height: 17px
}

.PaginatePrevious {
	background: url('./Navigation/arrow_prev_small.gif') no-repeat 0 0;
	cursor: pointer;
	width: 22px;
	height: 17px
}

/************** Slutt: Navigation *****************************************/

/********************* Page ***********************************************/
.TabBackground {
	background-color: #C0C0C0;
}

.TabSeparator {
	visibility: hidden;
}

.TabSeparator {
	background: #DEDEDE url('./frameslice_tab_seperator.gif') no-repeat 0 0;
	width: 2px;
	background-color: #DEDEDE;
}
/************** Slutt: Page ***********************************************/

/********************* Mal ***********************************************/
.SelectButton {
	background: url('./select_button.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
	vertical-align: middle;
}

.SelectButtonDisabled {
	background: url('./select_button_disabled.gif') no-repeat 0 0;
	height: 20px;
	width: 20px;
}

.SelectButtonSquareDisabled {
	background: url('./select_button_square_disabled.gif') no-repeat 0 0;
	height: 20px;
	width: 20px;
}

.SelectButtonSquare {
	background: url('./select_button_square.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.CorrectSymbol {
	background: url('./correct_symbol.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}

.CorrectSymbolSquare {
	background: url('./correct_symbol_square.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.CorrectSymbolSquareDisabled {
	background: url('./select_button_square_disabled.gif') no-repeat 0 0;
	height: 20px;
	width: 20px;
	cursor: default
}

.WrongSymbol {
	background: url('./wrong_symbol.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}

.WrongSymbolSquare {
	background: url('./wrong_symbol_square.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
}


.SUOn {
	background: url('./SU_on.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.SUOnDisabled {
	background: url('./SU_on_disabled.gif') no-repeat 0 0;
	height: 20px;
	width: 20px;
}

.SUOnSquare {
	background: url('./SU_on_square.gif') no-repeat 0 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.CheckedOn {
	background: url('./checked.gif') no-repeat 0 0;
	cursor: pointer;
	height: 12px;
	width: 9px;
}

.Spacer {
	background: url('./spacer.gif') no-repeat 0 0;
	cursor: pointer;
	height: 3px;
	width: 3px;
}

.SUOnSquareDisabled {
	background: url('./SU_on_square_disabled.gif') no-repeat 0 0;
	height: 20px;
	width: 20px;
}

.SUOnSquareCorrect {
	background: url('./SU_on_square_correct.gif') no-repeat 0 0;
	height: 13px;
	width: 13px;
}

.WrongAnswerSmall {
	background: url('./wrong answer small.gif') no-repeat 0 0;
	height: 13px;
	width: 13px;
}

.Status0 {
	background: url('./contentIcons/status_0.gif') no-repeat 0 0;
	height: 13px;
	width: 15px;
	cursor: default;
	padding-right: 12px;
	display: block;
}

.Status1 {
	background: url('./contentIcons/status_1.gif') no-repeat 0 0;
	height: 13px;
	width: 15px;
	cursor: default;
	padding-right: 12px;
	display: block;
}

.Status2 {
	background: url('./contentIcons/status_2.gif') no-repeat 0 0;
	height: 13px;
	width: 15px;
	cursor: default;
	padding-right: 12px;
	display: block;
}

.EmptySmiley {
	background: url('./contentIcons/Empty_smiley.gif') no-repeat 0 0;
	width: 17px;
	height: 17px;
}

.Smiley1 {
	background: url('./empty.gif') no-repeat 0 0;
	width: 20px;
	height: 20px;
}

.Smiley2 {
	background: url('./empty.gif') no-repeat 0 0;
	width: 20px;
	height: 20px;
}

.Smiley3 {
	background: url('./empty.gif') no-repeat 0 0;
	width: 20px;
	height: 20px;
}

.NoteDrag {
	background-color: #AFD2E9;
}
/************** Slutt: Mal ***********************************************/

.TabTopOn {
	width: 150px;
	height: 2px;
	background-color: #C5C1C1;
}

.TabTopOff {
	width: 150px;
	height: 2px;
	background-color: Transparent;
}

.TabOffLeft {
	background-color: #C5C1C1;
	width: 1px;
	height: 5px;
}

.TabOffRight {
	background-color: #C5C1C1;
	width: 1px;
	height: 5px
}

.HyperlinkItems {
}

.SingleHyperlink {
	display: block;
	height: 1px;
	width: 1px;
	overflow: hidden;
	visibility: hidden;
}

.MapBorder {
	display: block;
	visibility: hidden;
	border: 1px solid grey;
	position: absolute;
	z-index: 10;
}

.MapBorder2 {
	display: block;
	visibility: hidden;
	border: 1px solid grey;
	position: absolute;
	z-index: 10;
}

.MapText {
	display: block;
	position: absolute;
}

.login {
	background-color: #DDCCBB;
}

.CaptionAreaVideo {
	height: 50px;
	width: inherit;
	overflow: hidden;
	background-color: #000000;
	display: block;
	padding: 4px;
}

.CaptionAreaVideoHTML5 {
	display: block;
	height: 50px;
	width: inherit;
	overflow: hidden;
	padding: 4px;
	background-color: white;
	border: solid 1px #C0C0C0;
	color: #404040;
}

.Hidden {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 0px;
	max-width: 0px;
	height: 0px;
	top: -200px;
	left: -200px;
	overflow: hidden;
}

.DashBoardPanel {
	display: block;
	width: inherit;
	overflow: auto;
	height: 330px !important;
}

/*.UserTab {
    position: absolute;
    top: 490px;
    left: 12px;
    width: 700px;
    height: 20px;
    background-color: Transparent;
    display: block;
}*/

.UserTabCourse {
	position: absolute;
	top: 327px;
	left: 19px;
	width: 700px;
	height: 20px;
	background-color: Transparent;
	display: block;
}

.ShowResultInfo {
	cursor: pointer;
	background: url('./Status/info_small.gif') no-repeat center 50%;
	height: 19px;
	width: 19px;
	display: block;
}

.EditCourse {
	cursor: pointer;
	background: url('./Status/edit_small.gif') no-repeat center 50%;
	height: 19px;
	width: 19px;
	display: block;
	background-position: center;
}

.BookmarkIcon {
	cursor: pointer;
	background: url('./Status/course_icon.gif') no-repeat center 50%;
	height: 22px;
	width: 19px;
	display: block;
}

.OnlineUsersList {
	background-color: White;
	width: 200px;
	height: 349px;
	overflow: auto;
}

.StatusCourseContainer {
	overflow: auto;
	height: 305px !important;
	width: unset !important;
	display: unset !important;
	position: absolute;
	left: 15px;
	top: 155px;
}

.StatusCourseListHeading {
	position: absolute;
	top: 135px;
	left: 15px;
}

.StatusMessageList {
	background-color: White;
	border: solid 1px #C0C0C0;
	display: block;
	height: 350px;
	width: 100%;
	overflow: auto;
	margin-bottom: 20px;
}

.CourseList {
	position: absolute;
	left: 15px;
	top: 70px;
	width: 740px;
	overflow: auto;
	display: block;
}

.CourseListTitle {
	border-top: unset;
	border-bottom: 0px;
	text-align: left;
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #656565;
	height: 20px;
	z-index: 1;
	background-color: white;
}

.CourseListCell {
	border-bottom: solid 1px #C5C1C1;
	height: 25px;
	font-family: verdana;
	font-size: 11px;
}

.TabTableL_1 {
	position: absolute;
	top: 407px;
	left: 6px;
}

.TabTableR_1 {
	position: absolute;
	top: 407px;
	left: 398px;
}

.TabTableL_2 {
	position: absolute;
	top: 486px;
	left: 6px;
}

.TabTableR_2 {
	position: absolute;
	top: 486px;
	left: 400px;
}

.TabTableL_3 {
	position: absolute;
	top: 755px;
	left: 6px;
}

.TabTableR_3 {
	position: absolute;
	top: 755px;
	left: 400px;
}

.TabCell {
	width: 50px;
	cursor: pointer;
}

.ChosenTabCell {
	width: 50px;
}

.BottomRow_1 {
	position: absolute;
	top: 440px;
	left: 0px;
	width: 775px;
}

.BottomRow_2 {
	position: absolute;
	top: 520px;
	left: 0px;
	z-index: 1;
	width: 775px;
}

.BottomRow_3 {
	position: absolute;
	top: 800px;
	left: 0px;
	z-index: 1;
}

.OuterTable {
	position: unset;
	top: 0px;
	left: 0px;
	margin-top: 5px;
}

.Visible {
	display: block;
	visibility: visible;
	position: absolute;
	z-index: 0;
	overflow: auto;
}

.OuterTable30000_1 {
	background: url('./RV1/30000.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable30000_2 {
	background: url('30000.png') no-repeat;
	height: 550px;
	width: 777px;
}

.Visible30000_L_1 {
	width: 360px;
	height: 390px;
	left: 20px;
	top: 10px;
}

.Visible30000_L_2 {
	width: 335px;
	height: 462px;
	left: 40px;
	top: 10px;
}

.Visible30000_R_1 {
	width: 360px;
	height: 390px;
	left: 400px;
	top: 20px;
}

.Visible30000_R_2 {
	width: 365px;
	height: 472px;
	left: 395px;
	top: 10px;
}

.OuterTable30001_1 {
	background: url('./RV1/30001.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable30001_2 {
	background: url('30001.png') no-repeat;
	height: 550px;
	width: 775px;
}

.OuterTable30001_3 {
	background: url('./RV3/30001.jpg') no-repeat;
	height: 800px;
	width: 1190px;
}

.Visible30001_L_1 {
	width: 756px;
	height: 390px;
	left: 10px;
	top: 10px;
}

.Visible30001_L_2 {
	width: 710px;
	height: 480px;
	left: 40px;
	top: 10px;
}

.Visible30001_L_3 {
	width: 1190px;
	height: 790px;
	left: 10px;
	top: 10px;
}

.Visible30008_L_1 {
	width: 772px;
	height: 390px;
	left: 0;
	top: 0;
}

.Visible30008_L_2 {
	width: 772px;
	height: 520px;
	left: 0;
	top: 0;
}

.OuterTable30002_1 {
	background: url('./RV1/30002.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable30002_2 {
	background: url('./RV2/30002.jpg') no-repeat;
	height: 550px;
	width: 775px;
}

.Visible30002_L_1 {
	width: 746px;
	height: 180px;
	left: 10px;
	top: 10px;
}

.Visible30002_R_1 {
	width: 746px;
	height: 180px;
	left: 10px;
	top: 10px;
}

.Visible30002_L_2 {
	width: 746px;
	height: 220px;
	left: 10px;
	top: 20px;
}

.Visible30002_R_2 {
	width: 746px;
	height: 220px;
	left: 10px;
	top: 280px;
}

.OuterTable30003_1 {
	background: url('./RV1/30001.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable30003_2 {
	background: url('./RV2/30001.jpg') no-repeat;
	height: 520px;
	width: 775px;
}

.Visible30003_1 {
	width: 746px;
	height: 380px;
	left: 10px;
	top: 10px;
}

.Visible30003_2 {
	width: 746px;
	height: 453px;
	left: 20px;
	top: 20px;
}

.Navigate30003_1 {
	display: block;
	position: absolute;
	left: 660px;
	top: 392px;
}

.Navigate30003_2 {
	display: block;
	position: absolute;
	left: 660px;
	top: 465px;
}

.OuterTable30004_1 {
	background: url('./RV1/30001.jpg') no-repeat;
	height: 475px;
	width: 780px;
}

.OuterTable30004_2 {
	background: url('30000.png') no-repeat;
	height: 550px;
	width: 775px;
}

.Visible30004_L_1 {
	width: 360px;
	height: 300px;
	left: 10px;
	top: 10px;
}

.Visible30004_L_2 {
	width: 330px;
	height: 373px;
	left: 50px;
	top: 10px;
}

.Visible30004_R_1 {
	width: 360px;
	height: 300px;
	left: 400px;
	top: 10px;
}

.Visible30004_R_2 {
	width: 360px;
	height: 373px;
	left: 400px;
	top: 20px;
}

.Navigate30004_1 {
	display: block;
	position: absolute;
	left: 400px;
	top: 372px;
	width: 300px;
}

.Navigate30004_2 {
	display: block;
	position: absolute;
	left: 400px;
	top: 425px;
	width: 300px;
}

.OuterTable30005_1 {
	background: url('./RV1/30001.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable30005_2 {
	background: url('30000.png') no-repeat;
	height: 550px;
	width: 775px;
}

.Visible30005_L_1 {
	width: 334px;
	height: 390px;
	left: 10px;
	top: 10px;
}

.Visible30005_L_2 {
	width: 363px;
	height: 462px;
	left: 10px;
	top: 10px;
}

.Visible30005_R_1 {
	width: 334px;
	height: 390px;
	left: 400px;
	top: 10px;
}

.Visible30005_R_2 {
	width: 363px;
	height: 462px;
	left: 400px;
	top: 10px;
}

.OuterTable35000_1 {
	background: url('./RV1/30001.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable35000_2 {
	background: url('./RV2/30001.jpg') no-repeat;
	height: 520px;
	width: 775px;
}

.Visible35000_1 {
	width: 695px;
	height: 433px;
	left: 50px;
	top: 10px;
}

.Visible35000_2 {
	width: 710px;
	height: 433px;
	left: 50px;
	top: 10px;
}

.Navigate35000_1 {
	display: block;
	position: absolute;
	left: 400px;
	top: 382px;
	width: 300px;
	cursor: pointer;
}

.Navigate35000_2 {
	display: block;
	position: absolute;
	left: 270px;
	top: 409px;
	width: 350px;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: transparent;
	cursor: pointer;
}

.Result35000_1 {
	display: block;
	position: absolute;
	left: 300px;
	top: 470px;
	width: 450px;
	cursor: pointer;
}

.Result35000_2 {
	display: block;
	position: absolute;
	left: 300px;
	top: 450px;
	width: 450px;
	cursor: pointer;
}

.OuterTable30006_1 {
	background: url('./RV1/30001.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable30006_2 {
	background: url('./RV2/30006.jpg') no-repeat;
	height: 550px;
	width: 775px;
}

.Visible30006_L_1 {
	width: 360px;
	height: 390px;
	left: 20px;
	top: 10px;
}

.Visible30006_L_2 {
	width: 387px;
	height: 511px;
	left: 2px;
	top: 0px;
}

.Visible30006_R_1 {
	width: 360px;
	height: 390px;
	left: 400px;
	top: 20px;
}

.Visible30006_R_2 {
	width: 387px;
	height: 511px;
	left: 387px;
	top: 0px;
	z-index: 10;
	background-repeat: no-repeat;
}

.OuterTable30007_1 {
	background: url('./RV1/30001.jpg') no-repeat;
	height: 475px;
	width: 775px;
}

.OuterTable30007_2 {
	background: url('./RV2/30001.jpg') no-repeat;
	height: 550px;
	width: 775px;
}

.OuterTable30007_3 {
	background: url('./RV3/30001.jpg') no-repeat;
	height: 800px;
	width: 1190px;
}

.Visible30007_L_1 {
	width: 360px;
	height: 390px;
	left: 20px;
	top: 10px;
	overflow: auto;
	display: block;
}

.Visible30007_L_2 {
	width: 730px;
	height: 471px;
	left: 2px;
	top: 0px;
	overflow: auto;
	display: block;
	margin-left:15px;
}

.Visible30007_R_1 {
	width: 360px;
	height: 390px;
	left: 400px;
	top: 20px;
	overflow: auto;
	display: block;
}

.Visible30007_R_2 {
	width: 0px;
	height: 471px;
	left: 387px;
	top: 0px;
	overflow: auto;
	display: block;
}

.ScoreRow30004 {
	/*display : block;
    position : absolute;
    visibility:hidden;*/
	width: 0px;
	height: 0px;
	top: -200px;
	left: -200px;
	overflow: hidden;
}

.ContentIcon {
	visibility: visible;
}

.CloseStatusImg {
	background: url('./Navigation/closeStatus.gif') no-repeat;
	height: 17px;
	width: 17px;
	position: unset;
	top: 10px;
	left: 740px;
	cursor: pointer;
}

.ContentPlacement {
	position: absolute;
	top: 60px;
	left: 15px;
	width: 735px;
	height: 435px;
	background-color: White;
	border: solid 1px #C0C0C0;
}

.BookmarkIconDisabled {
	background: url('./Status/course_icon_disabled.gif') no-repeat center 50%;
	height: 22px;
	width: 22px;
	display: block;
}

.UserMenu {
	background: url('./Status/status_forsiden_bg.jpg') no-repeat 0 0;
	width: 490px;
	height: 480px;
}

.Report {
	background: url('./rapport.png') no-repeat 0 0;
	width: 48px;
	height: 56px;
	cursor: pointer;
}

.Diploma {
	position: absolute;
	background: url('./diplom.png') no-repeat 0 0;
	top: -150px;
	left: 250px;
	width: 50px;
	height: 80px;
}

.ArrowRight {
	background: url('./LayoutTemplate/arrow_right.gif') no-repeat 0 0;
	width: 24px;
	height: 15px;
	display: block;
}

.DeleteSmall {
	background: url('./Admin/delete_small.gif') no-repeat 0 0;
	background-position: center;
	height: 18px;
	width: 17px;
	cursor: pointer;
	display: block;
}

.Note {
	background: url('./note.gif') no-repeat 0 0;
	width: 38px;
	height: 38px;
	cursor: pointer;
	display: block;
}

.ReplySmall {
	background: url('./Status/reply.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: block;
}

.NextExercise {
	background: url('./Navigation/next_exercise.gif') no-repeat 0 0;
	width: 30px;
	height: 21px;
	cursor: pointer;
}

.FileCommentShare {
	background: url('./file_comment_share.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;
}

.FileShare {
	background: url('./file_share.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;
}

.MoveSmall {
	background: url('./move_small.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;
}

.Paste {
	background: url('./paste.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: block;
}

.Finish {
	background: url('./finish.gif') no-repeat 0 0;
	width: 86px;
	height: 58px;
}

.AudioCT {
	background: url('./speaker_off.png') no-repeat 0 0;
	width: 35px;
	height: 27px;
	cursor: pointer;
	display: block;
}

.Sound_on {
	background: url('./ico_sound_on.gif') no-repeat 0 0;
	width: 35px;
	height: 20px;
	cursor: pointer;
	display: block;
}

.Sound_off {
	background: url('./speaker_on.png') no-repeat 0 0;
	width: 35px;
	height: 27px;
	cursor: pointer;
	display: block;
}

.Speaker {
	background: url('./speaker_off.png') no-repeat 0 0;
	position: unset !important;
	display: block;
	cursor: pointer;
	width: 25px !important;
	height: 16px !important;
	top: unset !important;
	left: unset !important;
	background-position: center;
	z-index: 10;
}

.Speaker_on {
	background: url('./speaker_on.png') no-repeat 0 0;
}

.Speaker_off {
	background: url('./speaker_off.png') no-repeat 0 0;
}

.Sound_on_Intro {
	background: url('./speaker_off.png') no-repeat 0 0;
	width: 35px;
	height: 27px;
	cursor: pointer;
	display: block;
}

.Sound_off_Intro {
	background: url('./speaker_on.png') no-repeat 0 0;
	width: 35px;
	height: 27px;
	cursor: pointer;
	display: inline-block;
}

.Sound_empty {
	background: url('./speaker_on.png') no-repeat 0 0;
	width: 13px;
	height: 13px;
	display: block;
}

.UserPageImage {
	width: 59px;
	height: 68px;
	display: block;
}

.Personal {
	background: url('./Status/personal.gif') no-repeat 0 0;
}

.Archive {
	background: url('./Collab/archive.gif') no-repeat 0 0;
}

.Email {
	background: url('./Collab/email.gif') no-repeat 0 0;
}

.NoteBig {
	background: url('./Status/Note.gif') no-repeat 0 0;
	background-position: center center;
}

.CourseBig {
	background: url('./Status/course.gif') no-repeat 0 0;
}

.ForumBig {
	background: url('./Collab/forum.gif') no-repeat 0 0;
	left: 7px;
}

.Archive {
	background: url('./Collab/archive.gif') no-repeat 0 0;
}

.EmailNew {
	background: url('./Collab/email_new.gif') no-repeat 0 0;
	width: 25px;
	height: 27px;
	display: block;
	cursor: pointer;
}

.EmailRefresh {
	background: url('./Collab/email_refresh.gif') no-repeat 0 0;
	width: 25px;
	height: 27px;
	display: block;
	cursor: pointer;
}

.EmailAnswer {
	background: url('./Collab/email_svar.gif') no-repeat 0 0;
	width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
}

.EmailBack {
	background: url('./Collab/email_back.gif') no-repeat 0 0;
	width: 25px;
	height: 25px;
	display: block;
	cursor: pointer;
}

.MenuFrame {
	position: absolute;
	top: 82px;
	left: 3px;
	width: auto !important;
	height: unset !important;
	background: none transparent;
	border: solid 1px #dedede;
	overflow: hidden;
	z-index: 1;
}

.MenuFrame2 {
	position: absolute;
	top: 82px;
	left: 3px;
	width: 99% !important;
	overflow: hidden;
	background-color: transparent;
}

.MenuFrame_Height_1 {
	height: 480px;
}

.MenuFrame_Height_2 {
	height: 557px;
}

.MenuFrame_Height_3 {
	height: 800px;
	border: solid 0px transparent;
}

.DefaultFrame_1 {
	height: 100%;
	background-color: transparent;
}

.DefaultFrame_1_1 {
	width: 100%;
}

.DefaultFrame_1_2 {
	width: 1024px;
}

.DefaultFrame_2 {
	height: 100%;
	background-color: transparent;
	border: solid 1px transparent;
}

.DefaultFrame_2_1 {
	width: 100%;
}

.DefaultFrame_2_2 {
	width: 100%;
}

.DefaultFrame_3 {
	height: 960px;
	background-color: transparent;
}

.DefaultFrame_3_1 {
	width: 1188px;
}

.DefaultFrame_3_2 {
}

.ContentFrameMain {
	position: unset !important;
	top: 80px;
	background: none transparent;
	display: block;
}

.ContentFrame_1 {
	left: 0px;
	width: 775px;
	height: 480px;
}

.ContentFrame_1_2 {
	width: 775px;
	height: 480px;
}

.ContentFrame_2 {
	left: 0px;
	width: 100%;
	height: 100%;
}

.ContentFrame_2_2 {
	width: 775px;
	height: 557px;
}

.ContentFrame_3 {
	left: 0px;
	width: 1185px;
	height: 840px;
}

.ContentFrame_3_2 {
	width: 1185px;
	height: 840px;
}

.ShowRandomResult {
	position: absolute;
	left: 100px;
	top: -90px;
}

.XTRASFrame {
	height: 100% !important;
	width: 100% !important;
	background-color: transparent;
	display: block;
	z-index: 1;
	position: unset !important;
	left: auto !important;
	top: auto !important;
}

.XTRASFrame2 {
	height: 100%;
	width: 100%;
	background-color: transparent;
	display: block;
	z-index: 1;
	position: static;
	left: auto;
	top: auto;
}

.TopicMap {
	background: url('./MenuElements/emnekart.gif') no-repeat 0 0;
	width: 17px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 155px;
	top: 1px;
}

.TopicMapNew {
	background: url('./MenuElements/emnekartpluss.gif') no-repeat 0 0;
	width: 17px;
	height: 20px;
	cursor: pointer;
}

.ShowFile {
	background: url('./MenuElements/file.png') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.ShowSearch {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 200px;
	height: 23px;
}

.SetSearch {
	cursor: pointer;
	margin-top: 2px;
	width: 25px;
	height: 27px;
	position: absolute;
	top: 0px;
	left: 185px;
	z-index: 10;
	display: block;
}

.SearchOff {
	background: url('./MenuElements/SearchOff.gif') no-repeat 0 0;
}

.Search {
	background: url('./MenuElements/Search.gif') no-repeat 0 0;
}

.SearchDictionary {
	cursor: pointer;
	width: 25px;
	height: 27px;
	display: block;
}

.MenuListMain {
	position: absolute;
	left: 1px;
	overflow: auto;
	width: max-content !important;
	width: -moz-max-content !important;
	height: unset !important;
	display: block;
}

@supports (-ms-ime-align:auto) {
	.MenuListMain {
		width: 450px !important;
	}
}

.MenuList_Height_1 {
	height: 480px;
	background-color: transparent;
}

.MenuList_Height_2 {
	height: auto;
	overflow: hidden;
}

.MenuList {
	top: 30px;
}

.MenuListSearch {
	top: 40px;
}


.SpanDescription {
	position: absolute;
	left: 440px;
	top: 10px;
	width: 178px;
	height: 92px;
	background-color: #FFFFE1;
	border: 1px solid #7F9DB9;
}

.InfoStar {
	background: url('./MenuElements/info_star.gif') no-repeat 0 0;
	width: 12px;
	height: 12px;
	cursor: pointer;
	display: inline-block;
}

.FileBrowserRow_on {
	cursor: pointer;
	background-color: #316AC5;
	color: white;
}

.FileBrowserRow_off {
	cursor: pointer;
	background-color: White;
	color: black;
}

.FileBrowserContainer {
	position: absolute;
	left: 15px;
	top: 140px;
	overflow: hidden;
	background-color: White;
	height: 340px;
	width: 740px;
	border: 1px solid #C0C0C0;
}

.NewText {
	background: url('./MenuElements/new_text.gif') no-repeat 0 0;
	width: 16px;
	height: 19px;
	cursor: pointer;
	position: absolute;
	top: 40px;
	left: 730px;
}

.StatusTextList {
	overflow: auto;
	height: 365px;
	position: absolute;
	top: 110px;
	left: 15px;
	background-color: White;
	border: solid 2px grey;
}

.TabOffText {
	color: #0566B5;
	text-align: center;
	cursor: pointer;
}

.StatusList {
	display: block;
	position: absolute;
	left: 12px;
	width: 740px;
	overflow: auto;
	background-color: White;
	border: solid 1px #C0C0C0;
}

.StatusEpostList {
	position: absolute;
	top: 80px;
	left: 15px;
	padding-left: 5px;
	display: block;
	overflow: hidden;
	height: 390px;
}

.JQueryTableSort {
	display: block;
	border: solid 1px transparent;
	width: 740px;
}

.StatusNoteList {
	display: unset;
	position: unset;
	left: unset;
	width: inherit;
	overflow: auto;
	height: 370px;
}

.CollabList {
	top: 70px;
	height: 350px;
	width: 735px;
	left: 0px;
}

.CollabOpen {
	top: 60px;
	height: 420px;
	width: 730px;
}

.StatusMessageHeading {
	top: 153px;
}

.StatusTextHeading {
	background-color: #F0EDE6;
	border-bottom: solid 1px #C0C0C0;
}

.ListCell {
	vertical-align: top;
}

.ListCellText {
}

.Clock {
	background: url('./Status/clock.gif') no-repeat 0 0;
	background-position: center;
	padding-left: 26px;
	vertical-align: middle;
}

.CorrectAnswer {
	background-color: #3C8A41;
}

.FalseAnswer {
	background-color: #900A15;
}

.FinishedTasks {
	background-color: #3399CC;
}

.StartedTasks {
	background-color: Yellow;
}

.NotStartedTasks {
	background-color: #C0C0C0;
}

.AnswerTable {
	width: 300px;
	height: 15px;
	border: solid 1px grey;
}

.TaskBarTable {
	border: solid 1px grey;
	visibility: visible;
}

.TaskBarTableResult {
	width: 300px;
	height: 15px;
}

.TaskBarTableBottom {
	width: 150px;
	height: 8px;
}

.TaskBarResult {
	width: 200px;
	height: 15px;
}

.TaskBarStatus {
	width: 180px;
	height: 20px;
	font-size: 10px;
	font-family: Verdana;
}

.ShowSaveFile {
	height: 28px;
	width: 342px;
}

.Note_on {
	background: url('./note_on.gif') no-repeat 0 0;
	width: 38px;
	height: 38px;
	cursor: pointer;
	display: block;
}

.Save {
	background: url('./save.gif') no-repeat 0 0;
	width: 34px;
	height: 14px;
	cursor: pointer;
	background-position: center;
}

.TabText {
	visibility: visible;
}

.TabFile {
	visibility: visible;
}

.TabInfo {
	visibility: visible;
}

.TabMessage {
	visibility: visible;
}

.TabStatus {
	visibility: visible;
}

.TabMail {
	visibility: visible;
}

.ListRow_on {
	background-color: #CADEE8;
}

.ListRow2_on {
	background-color: #EEEEEE;
}

.ListRow_off {
	background-color: inherit;
}

.Help {
	background: url('./contentIcons/help.gif') no-repeat 0 0;
	height: 17px;
	width: 17px;
	cursor: pointer;
}

.Matheditor {
	background: url('./contentIcons/matheditor.gif') no-repeat 0 0;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.LoginBG {
	background: url('./LoginBG.jpg') no-repeat 0 0;
	height: 240px;
	width: 380px;
}

.OKButton {
	background: url('./ok_button.gif') no-repeat 0 0;
	height: 32px;
	width: 85px;
	cursor: pointer;
	background-position: right;
	display: block;
}

.LoginText {
	font-family: Verdana, sans-serif;
	font-size: 12;
	color: #000000;
	font-weight: bold;
	height: 15px;
	text-align: left;
}

.PasswordForgotton {
	visibility: hidden;
}

.MenuLevelClass1 {
}

.MenuLevelClass2 {
}

.MenuLevelClass3 {
}

.MenuLevelClass4 {
}

.MenuLevelClass5 {
}

.UsersLogged_on {
	background: url('./Status/users_logged_on.gif') no-repeat 0 0;
	height: 9px;
	width: 13px;
}

.UsersLogged_off {
	background: url('./Status/users_logged_off.gif') no-repeat 0 0;
	height: 9px;
	width: 13px;
}

.HRBorder {
	border-right: solid 1px #DCD9D3;
	height: 100%;
}

.Text {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	height: 15px;
}

.PollValueField {
	border: 0px;
	color: #444444;
	background-color: White;
	text-align: right;
	font-size: 10px;
	width: 20;
	height: 14px;
}

.PollSlider {
	width: 300px;
}

.ResultTable {
	display: block;
	width: 100%;
	height: 100%;
	background: white;
	overflow: auto;
}

.ResultTableInner {
	display: block;
	height: 100%;
	width: 100%;
	overflow: auto;
	border: 1px solid #ADAAA6;
	background: #F6F1ED;
}

.ResultInTemplateFrame {
	display: block;
	overflow: auto;
	background: #DEDEDE;
}

.HelpText {
	font-size: 11px;
	font-family: Verdana;
}

.CorrectAnswerText {
	color: Blue;
}

.WrongAnswerText {
	color: Red;
}

.WrongAnswerText2 {
	color: #008000;
	font-weight: bold;
}

.AnswerTextDisabled {
	color: #C2B6B6;
	background-color: #C2B6B6;
}

.CaptionPoll {
	font-size: 10px;
	font-family: Arial;
	color: #0A116A;
	height: 30px;
}

.AccountManagementCellInput {
	vertical-align: top;
	width: 125px;
	font-weight: normal;
}

.AccountManagementCellText {
	text-align: left;
	vertical-align: top;
}

.AccountManagementCellEmpty {
	height: 30px;
	vertical-align: top;
}

.AccountManagementBody {
	background-color: White;
}

.Question {
	background: url('./Question.gif') no-repeat 0 0;
	height: 16px;
	width: 10px;
}

.UpperLeftBorder {
	background: url('./LayoutTemplate/upperleft.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.UpperRightBorder {
	background: url('./LayoutTemplate/upperright.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.UpperBorder {
	background: url('./LayoutTemplate/top.gif');
	height: 5px;
}

.LeftBorder {
	background: url('./LayoutTemplate/left.gif');
}

.CenterBorder {
	background: url('./LayoutTemplate/center.gif');
}

.RightBorder {
	background: url('./LayoutTemplate/right.gif');
}

.BottomLeftBorder {
	background: url('./LayoutTemplate/bottomleft.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.BottomRightBorder {
	background: url('./LayoutTemplate/bottomright.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.BottomBorder {
	background: url('./LayoutTemplate/bottom.gif');
	height: 5px;
}

/*
//Kommentert bort pga den får Image og Table i CKEditor til å miste sin style
label {
    float: left;
}

label.error {
    color: red;
    vertical-align: top;
    text-align: left;
}

label.valid {
	background: url('./checked2.gif') no-repeat;
	height:14px;
	width:14px;	
}
*/

.fg-button {
	clear: left;
	padding: .4em 1em;
	text-decoration: none !important;
	cursor: pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}

	.fg-button .ui-icon {
		position: absolute;
		top: 50%;
		margin-top: -8px;
		left: 50%;
		margin-left: -8px;
	}

a.fg-button {
	float: left;
}

button.fg-button {
	width: auto;
	overflow: visible;
}

/* removes extra button width in IE */
.fg-button-icon-left {
	padding-left: 2.1em;
}

.fg-button-icon-right {
	padding-right: 2.1em;
}

.fg-button-icon-left .ui-icon {
	right: auto;
	left: .2em;
	margin-left: 0;
}

.fg-button-icon-right .ui-icon {
	left: auto;
	right: .2em;
	margin-left: 0;
}

.fg-button-icon-solo {
	display: block;
	width: 8px;
	text-indent: -9999px;
}
/********************* Malikoner ****************/
.LayoutIcon {
	display: block;
	width: 29px;
	height: 21px;
	vertical-align: middle;
	cursor: pointer;
}

.Layout10000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40010 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40012 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40015 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40030 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40080 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40090 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40100 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40110 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40111 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40112 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40120 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40150 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40160 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40200 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40300 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40400 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40500 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout40600 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout41000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout41050 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout41100 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout41101 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout45000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout45010 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout45100 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout45200 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout46000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout46100 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout47000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout47050 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout47100 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout47105 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout47110 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout47200 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49010 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49020 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49030 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49040 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49050 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49051 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49056 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49060 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout49065 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50010 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50011 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50015 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50020 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50030 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50035 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50040 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50100 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50101 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50110 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50200 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50230 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout50300 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout51000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout51030 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52030 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52100 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52110 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52150 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52200 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52300 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52400 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52500 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout52520 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout53000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout60010 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout60110 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout60200 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout60300 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout60400 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout60410 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout60450 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout65000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout70000 {
	background: url('empty.gif') no-repeat 0 0;
}

.Layout90001 {
	background: url('empty.gif') no-repeat 0 0;
}

/********************* Slutt: Malikoner ****************/

.clickable {
	cursor: pointer;
}

.StatusHeading {
	visibility: visible;
}

.OpenFolder {
	background: url('./MenuElements/img-folder-open-0.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.OpenFolderIcon {
	background: url('./MenuElements/openfoldericon.png') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.FolderIcon {
	background: url('./MenuElements/foldericon.png') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.FolderIconUp {
	background: url('./MenuElements/foldericon_up.gif') no-repeat 0 0;
	width: 22px;
	height: 20px;
	cursor: pointer;
	display: inline-block;
}

.FolderIconNew {
	background: url('./MenuElements/foldericon_new.gif') no-repeat 0 0;
	width: 20px;
	height: 22px;
	cursor: pointer;
	display: inline-block;
}

.FolderIconOpen {
	background: url('./MenuElements/foldericon_open.gif') no-repeat 0 0;
	width: 20px;
	height: 22px;
	cursor: pointer;
	display: inline-block;
}

.ResourceNew {
	background: url('./MenuElements/resource_new.gif') no-repeat 0 0;
	width: 20px;
	height: 22px;
	cursor: pointer;
	display: inline-block;
}

.Divider {
	background: url('./MenuElements/divider.gif') no-repeat 0 0;
	width: 22px;
	height: 20px;
	cursor: pointer;
	display: inline-block;
}

.ResourceType {
	background-color: #DDEEFF;
	border: #429ED6 solid 1px;
	color: #0E739D;
	font-weight: bold;
}

.Share2 {
	background-color: #FFFFE1;
	border: solid 1px #7F9DB9;
	width: 100%;
	height: 100%;
}

.DefaultTypeIcon {
	background: url('./FileTypeIcon/default.icon.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIcondoc {
	background: url('./FileTypeIcon/doc.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconjpg {
	background: url('./FileTypeIcon/jpg.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconMp3 {
	background: url('./FileTypeIcon/mp3.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIcongif {
	background: url('./FileTypeIcon/mp3.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconbmp {
	background: url('./FileTypeIcon/bmp.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconexe {
	background: url('./FileTypeIcon/exe.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconwma {
	background: url('./FileTypeIcon/wma.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconhtm {
	background: url('./FileTypeIcon/htm.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconpdf {
	background: url('./FileTypeIcon/pdf.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconppx {
	background: url('./FileTypeIcon/ppx.gif') no-repeat 0 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
}

.TypeIconnotebook {
	background: url('./FileTypeIcon/notebook.jpg') no-repeat 0 0;
	width: 23px;
	height: 25px;
	cursor: pointer;
	display: inline-block;
}

.Shared1 {
	font-style: italic;
}

.Shared2 {
	font-style: italic;
	color: #808080;
}

.CheckTableRowHeading {
	background-color: #707070;
	color: #ffffff;
	font-weight: bold;
}

.CheckTableRowInfo {
	background-color: #eeeeee;
	font-size: 11px;
	font-family: Arial;
}

.Info_small3 {
	cursor: pointer;
	background: url('./Status/info_small3.gif') no-repeat center 50%;
	height: 20px;
	width: 20px;
	display: block;
}

#popitmenu {
	position: absolute;
	background-color: white;
	border: 1px solid black;
	font: normal 10px Verdana;
	line-height: 12px;
	z-index: 100;
	visibility: hidden;
}

	#popitmenu a {
		text-decoration: none;
		padding-left: 6px;
		color: black;
		display: block;
		font: normal 10px Verdana;
		font-weight: bold;
	}

		#popitmenu a:hover { /*hover background color*/
			background-color: #DCD9D3;
			color: black;
		}

	#popitmenu .DisabledElement {
		text-decoration: none;
		padding-left: 6px;
		color: #ACA899;
		display: block;
		font: normal 10px Verdana;
	}

.ListCell {
	height: 15px;
	font-family: verdana;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

.ListCellLeft {
	border-left: solid 1px #C5C1C1;
}

.ListCellRight {
	border-right: solid 1px #C5C1C1;
}

.ListCellBottom {
	border-bottom: solid 1px #C5C1C1;
}

.ListCellTop {
	border-top: solid 1px #C5C1C1;
}

.StatusFilter {
	position: unset;
	top: unset;
	left: 35px;
}

.TopicMapBig {
	background: url('./TopicMap/menuelements/emnekart_stor.gif') no-repeat center;
	height: 51px;
	width: 48px;
	display: block;
}

.CloseImg {
	background: url('./Navigation/closeStatus.gif') no-repeat;
	height: 17px;
	width: 17px;
	cursor: pointer;
}

.StartTest {
	display: block;
	position: absolute;
	left: 250px;
	top: 250px;
	z-index: 100;
}

.StartRandomTest {
	background: url('./start_testen.jpg') no-repeat 0 0;
	cursor: pointer;
	width: 163px;
	height: 50px;
	vertical-align: middle;
	visibility: visible;
	position: absolute;
	left: 67px;
}

.MsgVisibility {
	visibility: visible;
	font-size: 11px;
}

.StyledDraggableBox {
	padding: 5px 0 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.StyledBox {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 5px 0 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 1px 2px #000000;
	-webkit-box-shadow: inset 1px 1px 2px #000000;
	box-shadow: inset 1px 1px 2px #000000;
}

.StyledBoxColoredBackground {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 5px 0 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 1px 2px #000000;
	-webkit-box-shadow: inset 1px 1px 2px #000000;
	box-shadow: inset 1px 1px 2px #000000;
}

.StyledBoxDisabled {
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	padding: 5px 0 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 1px 2px #666666;
	-webkit-box-shadow: inset 1px 1px 2px #666666;
	box-shadow: inset 1px 1px 2px #666666;
}

.StyledBoxMinimum {
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
	padding: 2px 0 0 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.Audio_ {
	background: url('./audio_.gif') no-repeat 0 0;
	width: 25px;
	height: 27px;
	display: block;
	vertical-align: middle;
}

.BackgroundImageButton {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #189494;
	text-align: center;
	width: 80px;
	height: 27px;
}

	.BackgroundImageButton img {
		position: relative;
	}


	.BackgroundImageButton div {
		position: absolute;
		top: 0px;
		left: 0px;
	}

.AnswerTextBox {
	background-color: #FFFFFF;
}

.EmptyButton_Small {
	background: url('./emptybutton_small.png') no-repeat 0 0;
	cursor: pointer;
	width: 40px;
	height: 20px;
	display: table;
}

	.EmptyButton_Small p {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		line-height: 20px;
	}

.EmptyButton_Small_on {
	background: url('./emptybutton_small_on.png') no-repeat 0 0;
	cursor: pointer;
	width: 37px;
	height: 20px;
	display: table;
}

.GiveMeSomeSpace {
	height: 5px;
}

.EnabledBox {
	opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1;
}

.DisabledBox {
	opacity: 0.2;
	filter: alpha(opacity=20);
	zoom: 1
}

.UpperLeftBorder2 {
	background: url('./LayoutTemplate/upperleft.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.UpperRightBorder2 {
	background: url('./LayoutTemplate/upperright.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.UpperBorder2 {
	background: url('./LayoutTemplate/top.gif');
	height: 5px;
}

.LeftBorder2 {
	background: url('./LayoutTemplate/left.gif');
}

.CenterBorder2 {
	background: url('./LayoutTemplate/center.gif');
}

.RightBorder2 {
	background: url('./LayoutTemplate/right.gif');
}

.BottomLeftBorder2 {
	background: url('./LayoutTemplate/bottomleft.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.BottomRightBorder2 {
	background: url('./LayoutTemplate/bottomright.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.BottomBorder2 {
	background: url('./LayoutTemplate/bottom.gif');
	height: 5px;
}

.UpperLeftBorder3 {
	background: url('./LayoutTemplate/upperleft.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.UpperRightBorder3 {
	background: url('./LayoutTemplate/upperright.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.UpperBorder3 {
	background: url('./LayoutTemplate/top.gif');
	height: 5px;
}

.LeftBorder3 {
	background: url('./LayoutTemplate/left.gif');
}

.CenterBorder3 {
	background: url('./LayoutTemplate/center.gif');
}

.RightBorder3 {
	background: url('./LayoutTemplate/right.gif');
}

.BottomLeftBorder3 {
	background: url('./LayoutTemplate/bottomleft.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.BottomRightBorder3 {
	background: url('./LayoutTemplate/bottomright.gif') no-repeat 0 0;
	width: 5px;
	height: 5px;
}

.BottomBorder3 {
	background: url('./LayoutTemplate/bottom.gif');
	height: 5px;
}

.SetTaskFinish {
	font-size: 16px;
	font-weight: bold;
	color: red;
	position: absolute;
	top: -200px;
	left: -200px;
	width: 600px;
	display: block;
}

.SetTaskFinish2 {
	font-size: 12px;
	font-weight: normal;
	color: red;
}

.SetTaskFinish3 {
	background-color: Yellow;
}

.LoginErrorMessage {
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}

.PoweredByImageContent {
	position: static;
	top: 0;
	z-index: 1;
	width: auto;
	display: block;
	margin-left: 3px;
	margin-top: 8px;
}

.PoweredByImage {
	float: right;
}

/*.PoweredByImage {
    position: absolute;
    top: 530px;
    z-index: 1;
    width: 200px;
    display: block;
    margin-left: 3px;
}*/

.UsernameTest30004 {
	display: block;
	visibility: visible;
}

.StartTesting {
	background: url('./emptybutton.gif') no-repeat 0 0;
	cursor: pointer;
	width: 80px;
	height: 25px;
	vertical-align: middle;
	display: block;
	visibility: visible;
}

.DragStatement {
	display: block;
	background-color: #AFD2E9;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	padding: 5px;
	-ms-touch-action: none;
	touch-action: none;
}

.DragStatementDropped {
	background-color: transparent;
}

.DragStatementDroppedFade {
	background-color: #AFD2E9;
	opacity: 0.6;
}

.SpanBorder {
	display: block;
	border: solid 1px black;
}

.ShowResourceBtn {
	float: right
}

.TestButtonNavigateText {
	display: inline-block;
	position: absolute;
	width: 0px;
	visibility: hidden;
	height: 0px;
	top: -200px;
	left: -200px;
}

.MyCourses {
	position: absolute;
	top: 135px;
	left: 15px;
}

.NameLoggedIn {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 0px;
	height: 0px;
	top: -200px;
	left: -200px;
	overflow: hidden;
}

.ShowPositiveResponse {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 0px;
	height: 0px;
	top: -200px;
	left: -200px;
	overflow: hidden;
}
/*
:focus {
	outline: none;
}
	*/
.NoFocusStyle:focus {
	outline: none !important;
}

/*
	SANTA WINTER CSS START
*/

/* safari and chrome */
@-webkit-keyframes santa {
	0% {
		-webkit-transform: rotate(32deg);
	}

	50% {
		-webkit-transform: rotate(-12deg);
	}

	100% {
		-webkit-transform: rotate(32deg);
	}
}

/* firefox */
@-moz-keyframes santa {
	0% {
		-moz-transform: rotate(32deg);
	}

	50% {
		-moz-transform: rotate(-12deg);
	}

	100% {
		-moz-transform: rotate(32deg);
	}
}

/* anyone brave enough to implement the ideal method */
@keyframes santa {
	0% {
		transform: rotate(32deg);
	}

	50% {
		transform: rotate(-12deg);
	}

	100% {
		transform: rotate(32deg);
	}
}

.santa {
	-webkit-animation: santa 3s infinite;
	-moz-animation: santa 3s infinite;
	animation: santa 3s infinite;
}
/*
	SANTA WINTER CSS END
*/

/*NY CSS!!*/
.navbar {
	border-bottom: 3px solid #ff6002;
	color: #656565;
	padding: 0 0 !important;
}

.navbar-brand-container {
	transition: 0.3s;
	text-align: left;
	display: inline-block;
	margin-top: 12px;
	margin-right: 0;
}

.navbar-nav > li > a {
	transition: 0.3s;
	font-size: 20px;
	padding-right: unset !important;
	padding-left: unset !important;
}

.navbar-nav {
	padding-top: 2px;
}

.icon-background {
	color: #dedede;
}

.nav-link {
	transition: margin 0.3s;
	cursor: pointer;
	margin: 0 0 0 10px;
}

.alignRight {
	text-align: right;
}

.details {
	border-top: 0px;
}

.clicking {
	vertical-align: middle;
}

.dataTables_filterIcon {
	font-size: 20px;
	margin-right: 5px;
	transform: scaleX(-1);
}

.dataTables_filter > label > input {
	border: 1px solid #cecaca;
	font-size: 12px;
	padding: 4px;
	font-family: Verdana, sans-serif;
	margin-right: 5px;
}

table.dataTable.no-footer {
	border-bottom: 0 !important;
}

.courseTitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 0;
	min-width: 150px;
}
.coursePerformed{
	white-space: nowrap;
	max-width:100px !important;
}

.statusInfo {
	padding: 3px 4px 3px 4px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

	.statusInfo:active {
		transform: scale(0.9);
	}


.certificateInfo {
	padding: 4px 3px 2px 2px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

	.certificateInfo:active {
		transform: scale(0.9);
	}

.courseStatus {
	text-align: left;
}

.courseCertificate {
	text-align: right;
}

.noPad {
	padding-right: 0px !important;
}

.navContainer {
	transition: 0.3s;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.hiddenRow {
	padding: 0;
	border: 0px;
}

.noHover {
	z-index: -1;
}

	.noHover > tbody > tr > td {
		border: 0px !important;
	}

	.noHover:hover {
		cursor: default;
		background-color: rgba(0, 0, 0, 0) !important;
	}

	.noHover tbody > tr:hover {
		cursor: default;
		background-color: rgba(0, 0, 0, 0) !important;
	}

.tableHeaderFixed thead th {
	box-shadow: 0 1px 0 #dee2e6;
	border-top: 0px;
	position: sticky;
	top: 0px;
	background: #fff;
}

.table-sm td, .table-sm th {
	padding: .3rem !important;
}

.CourseListTitle {
	text-align: left !important;
}

.startCourse {
	margin-bottom: 10px;
	margin-top: 10px;
	width: 38px;
	height: 38px;
	float: right;
}

.smallStartCourse {
	font-size: 13px !important;
	padding: 2px !important;
	width: 35px;
	z-index: 999;
	text-align: center !important;
}

	.smallStartCourse:active {
		transform: scale(0.9);
	}

.cTable {
	width: 100%
}

.hideItem {
	position: absolute;
	left: -999999px;
}

.listContainer {
	transition: 0.3s;
	margin: 0px 20px 5px 20px;
	width: 60%;
}

.courseListContainer {
	transition: 0.3s;
}

.infoContainer {
	transition: 0.3s;
	height: 75vh;
}

.footerContainer {
	transition: 0.3s;
	width: 60%;
	display: block !important;
}

.StartButton {
	font-size: 14px;
	height: 18px;
	padding: 0px;
	width: 35px;
	z-index: 999;
	text-align: center;
}

.list-group-item {
	padding: 0 !important;
	border: 0 !important;
	font-size: 20px;
	line-height: 1.5;
	background: transparent !important;
}

.TabLink {
	font-size: 20px;
	color: #939393;
	margin: 0;
	text-align: center;
	cursor: pointer;
	border: 0;
}

.TabActive {
	transition: 0.3s;
	font-size: 20px;
	color: #666666;
	margin: 0;
	text-align: center;
	border: 0;
}

.TabLink:hover {
	color: #666666;
}

.TabLink:active {
	transition: 0s;
	transform: scale(0.9);
}


.UserTab {
	float: left;
	margin: 0;
}

.editInput {
	padding: 7px 9px;
	margin: 0 0 8px 0;
	border: 1px solid #ccc;
	border-radius: 2px;
	display: block;
	width: 200px;
}

.editInputLabel {
	margin-bottom: 0px;
}

.newInput[type=text] {
}

.btn-mypage {
	color: #000000;
	border: 1px solid #AAA;
	background-color: #EEE;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	height: 37px;
}

	.btn-mypage:active {
		transform: scale(0.95);
	}

.radio-mypage {
	display: flex;
	flex-wrap: wrap;
}

	.radio-mypage input[type="radio"] {
		opacity: 0;
		position: fixed;
		width: 0;
	}

	.radio-mypage label {
		display: inline-block;
		background-color: #ddd;
		color: #000000;
		padding: 7px 9px;
		font-size: 13px;
		border: 1px solid #AAA;
		border-radius: 2px;
		height: 37px;
		width: 200px;
		margin: 5px;
	}

	.radio-mypage input[type="radio"]:checked + label {
		background-color: #999;
		border-color: #555;
	}

	.radio-mypage input[type="radio"]:focus + label {
		border: 0
	}

	.radio-mypage label:hover {
		background-color: #CCC;
		cursor: pointer;
	}

.radio-frontpage {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

	.radio-frontpage input[type="radio"] {
		opacity: 0;
		position: fixed;
		width: 0;
	}

	.radio-frontpage label {
		display: inline-block;
		background-color: #ddd;
		color: #000000;
		padding: 3px 5px;
		font-size: 13px;
		border: 1px solid #AAA;
		border-radius: 2px;
		margin: 5px;
	}

	.radio-frontpage input[type="radio"]:checked + label {
		background-color: #999;
		border-color: #555;
	}

	.radio-frontpage input[type="radio"]:focus + label {
		border: 0;
	}

	.radio-frontpage label:hover {
		background-color: #CCC;
		cursor: pointer;
	}

	.radio-frontpage label:active {
		transform: scale(0.95);
	}

.userinfoContainer {
	font-family: Verdana, sans-serif;
	overflow: auto;
	max-height: 85%;
	margin-bottom: 10px;
}

.PersonalInfo td {
	padding-right: 10px;
	padding-top: 3px;
}

.HideCollumn {
	display: none;
}

.TitleDescription {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.NewMenuFrame {
	position: absolute;
	width: 250px;
	transition-delay: 0s;
	transform-origin: 0% 0%;
	display: none;
}

.hiddenMenuFrame {
	transform: translateX(-100%);
}

.showMenuFrame {
	transform: translateX(0);
}

.PersonalInfo {
	position: unset !important;
	display: unset !important;
}

.personalinfoContainer {
	max-height: 610px;
	overflow: auto;
	transition: 0.3s;
}

.DashBoardPanel {
	transition: 0.3s;
}

.OuterTable {
	transform-origin: 50% 0%;
	margin-top: 0px;
	opacity: 0;
}

.contentContainer {
	transition: 0.3s;
}

.courseContentContainer {
	transition: width 0.3s;
	width: 60%;
}
/*MODAL FOR HELP MENU AND NOTE -- START -- */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	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 */
}

.noteModal {
	padding-top: 100px; /* Location of the box */
	background-color: rgba(0,0,0,0); /* Black w/ opacity */
}
/* Modal Content */
.modalContent {
	position: relative;
	background-color: #ffffff;
	margin: auto;
	padding: 0;
	border: 0;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

.noteModalContent {
	position: fixed;
	right: 30px;
	bottom: 180px;
	-webkit-animation-name: animatebottom;
	animation-name: animatebottom;
	width: 330px;
}

.systemMessageModal {
	background-color: rgba(0,0,0,0);
}

.courseClosedModalContent .systemMessageModalContent {
	-webkit-animation-name: animatetop;
	animation-name: animatetop;
	width: 330px;
}

.saveNote, .deleteNote {
	padding: 5px 15px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@-webkit-keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0
	}

	to {
		bottom: 200px;
		opacity: 1
	}
}

@keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0
	}

	to {
		bottom: 200px;
		opacity: 1
	}
}

/* The Close Button */
.closeModal {
	float: right;
	font-size: 28px;
	font-weight: bold;
}

	.closeModal:hover,
	.closeModal:focus {
		color: #777;
		text-decoration: none;
		cursor: pointer;
	}

.modalHeader {
	padding: 12px 16px 4px 16px;
}

.modalBody {
	padding: 2px 16px 16px 16px;
	font-size: 16px;
}

.noteModalBody {
	padding: 16px;
}

.modalBody a {
	font-size: 16px;
}

.modalFooter {
	padding: 2px 16px;
	background-color: #5cb85c;
	color: white;
}

.TabMessage, .TabText {
	display: none;
}

.expandCourse {
	padding: 0;
	color: #787878;
	font-size: 22px;
	border: 0;
	background-color: transparent;
}

.cke_1 .cke_combo_button, .cke_1 .cke_toolgroup {
	background-image: -webkit-linear-gradient(top, rgb(254 254 254), rgb(224 224 224)) !important;
}

.cke_1 .cke_toolbar_separator {
	background-color: rgb(64, 64, 64) !important;
}

.cardTitle {
	font-size: 20px;
}
/*MODAL FOR HELP MENU AND NOTE -- END -- */
@media only screen and (max-width:450px) {
	.UserTab {
		width: 100%;
		justify-content: center;
	}

	.TabLink {
		margin: 8px 32px 8px 32px;
	}

	.PoweredByImage {
		width: 100%;
		float: unset;
	}

	.TabActive {
		margin: 8px 32px 8px 32px;
	}
}

@media only screen and (max-width: 1250px) {
	#NavigationBar {
	}
}

@media only screen and (max-width: 815px) {
	.navbar-nav {
		flex-direction: row !important;
	}

	.list-group-item {
		text-align: center;
	}

	.navbar-brand-container {
		margin-top: 5px;
	}

	.TopLogo {
		height: 25px !important;
		margin-top: 6px;
	}

	.TopBanner {
		width: 150px !important;
	}

	.navbar-nav > li > a {
		font-size: 14px;
	}

	.navbar-brand {
		margin-right: 0px;
	}

	.nav-link {
		margin: 0 5px;
	}

	.PersonalInfo {
		margin-left: auto;
		margin-right: auto;
	}

	.dataTables_filter {
		float: right !important;
	}

	#NavigationBar {
	}

	.ChooseChapter {
		width: 100px !important;
		height: 22px !important;
	}

	.NavBar {
		font-size: 7px;
	}
}

@media only screen and (max-width: 620px) {

	#NavigationBar {
	}
}


@media only screen and (max-width: 375px) {
	.navbar-nav {
		width: 100%;
		justify-content: center;
		margin-left: 1px;
	}

	.navbar-brand-container {
		text-align: center;
		width: 100%;
	}

	.TopLogo {
		margin-right: 0px;
	}
}

/*HIDES COLLUMNS WHEN WIDTH IS LESS THAN 750*/
@media only screen and (max-width:750px) {
	.courseType {
		display: none;
	}

	.courseStatus {
		display: none;
	}

	.courseCertificate {
		display: none;
	}

	.courseTime {
		display: none;
	}

	.courseEdit {
		display: none;
	}
}

@media only screen and (max-width:800px) {
	.radio-mypage, .infoinput {
		justify-content: center;
	}

	.radio-title {
		text-align: center;
	}
}

@media only screen and (max-width:1870px) {
	.navContainer {
		width: 90%;
	}

	.listContainer, .courseContentContainer {
		width: 90%;
	}

	.footerContainer {
		width: 90%;
	}

	.cardTitle {
		font-size: 16px;
		font-weight:bold;
	}
}


/*CHANGED HEIGHT OF INFOCONTAINER ONLY BASED ON HEIGHT --START--*/


@media only screen and (max-height:800px) {
	.personalinfoContainer {
		max-height: 560px;
	}
}

@media only screen and (max-height:750px) {
	.infoContainer {
		height: 75vh;
	}

	.personalinfoContainer {
		max-height: 510px;
	}
}

@media only screen and (max-height:700px) {


	.personalinfoContainer {
		max-height: 460px;
	}
}

@media only screen and (max-height:650px) {
	.DashBoardPanel {
		height: 350px;
	}

	.StatusMessageList {
		height: 300px;
	}

	.personalinfoContainer {
		max-height: 410px;
	}
}

@media only screen and (max-height:600px) {


	.personalinfoContainer {
		max-height: 360px;
	}

	.StatusMessageList {
		height: 250px;
	}
}

@media only screen and (max-height:550px) {


	.DashBoardPanel, .StatusMessageList {
		height: 200px !important;
	}

	.personalinfoContainer {
		max-height: 310px;
	}
}

@media only screen and (max-height:500px) {


	.StatusMessageList {
		height: 160px;
	}

	.personalinfoContainer {
		max-height: 260px;
	}

	.listContainer {
		margin-top: 0px;
	}
}

@media only screen and (max-height:450px) {
	.StatusMessageList {
		height: 150px;
	}

	.personalinfoContainer {
		max-height: 210px;
	}

	.DashBoardPanel, .StatusMessageList {
		height: 100px !important;
	}
}

@media only screen and (max-height: 375px) {
	.StatusMessageList {
		height: 150px;
	}

	.personalinfoContainer {
		max-height: 210px;
	}

	.DashBoardPanel, .StatusMessageList {
		height: 100px !important;
	}
}


/*CHANGED HEIGHT OF INFOCONTAINER ONLY BASED ON HEIGHT --END--*/


/*CHANGED HEIGHT OF INFOCONTAINER BASED ON IF WIDTH IS 1025 --START--*/
@media only screen and (min-height:750px) {
	.infoContainer {
		height: 75vh;
	}
}

@media only screen and (max-height:750px) {
	.infoContainer {
		height: 65vh;
	}
}

@media only screen and (max-height:550px) {
	.infoContainer {
		height: 50vh;
	}
}

/*CHANGED HEIGHT OF INFOCONTAINER ONLY BASED ON HEIGHT IF WIDTH IS 1025 --END--*/

@media only screen and (max-width:1025px) and (max-height:670px) {
	.infoContainer {
		height: 50vh;
	}
}
/*CHANGED HEIGHT OF INFOCONTAINER ONLY BASED ON HEIGHT IF WIDTH IS LESS THAN 1024 --START--*/
@media only screen and (max-width:670px) and (max-height:1025px) {
	.infoContainer {
		height: 70vh;
	}
}

@media only screen and (max-width:400px) {
	.Card {
		max-height: 220px !important;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	.infoContainer {
		height: 130px;
	}
}
/*CHANGED HEIGHT OF INFOCONTAINER ONLY BASED ON HEIGHT IF WIDTH IS LESS THAN 1024 --END--*/