body {
  background: #FFFFFF;
}
/*
a:link { color:#000099; text-decoration: none;}
a:visited{}
a:active { color:#550000;  font-size:100%;}
a:hover { color:#FF00AA;} 
.subjects a:link,  .subjects a:visited { color: #000099;}
.subjects a:visited:after { color: #FFAADD;}
a:visited:active {color:#FF0000;}
*/
/* a:visited { padding-right: 12px; color: #FF0000; text-decoration: none; } */
/* a:visited:after { font-size: 80%;  color: #FFAABB; } */
/* .subjects a:visited{color: #55AABB;}  
:link:hover, :visited:hover {color:red;}*/
/* see : http://bytes.com/topic/javascript/answers/90390-change-text-color-visited-link-back-unvisited-color */

/*
a:link { color:#000099; text-decoration: none;}
a:visited { color:#0099; text-decoration: none;}
*/

a:hover { color:#262628;}

a {
	target-new:tab;  /* target-new: window | tab | none */
} 

#outer {
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: #FFFFFF;
  margin: 0 auto;
  padding: 16px;
	width: 1420px;
	overflow: hidden;
}

.wrapper {
	font-family: Arial, Helvetica, sans-serif;
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a.applicationmenulink0 {
 	background-color:#FFFFFF;
 	font-size:1.5em;
	margin-left: 0px;	
	margin-right: 0px;	
}

a.applicationmenulink1 {
 	background-color:#FFFFFF;
 	font-size:1.1em;
	margin-left: 0px;	
	margin-right: 0px;	
	white-space:nowrap;
}

a.applicationmenulink2 {
 	background-color:#FFFFFF;
 	color: #000958;
 	font-size:1.0em;
	margin-left: 8px;	
	margin-right: 0px;	
	white-space:nowrap;
}


a.applicationmenulink3 {
 	background-color:#FFFFFF;
 	color: #000990;
 	font-size:1.0em;
	margin-left: 16px;	
	margin-right: 0px;	
	white-space:nowrap;
}

a.applicationmenulink4 {
 	background-color:#FFFFFF;
 	color: #001000;
 	font-size:1.0em;
	margin-left: 24px;	
	margin-right: 0px;	
	white-space:nowrap;
}

a.applicationmenulinkCurrent0 {
 	background-color:#FFFFFF;
	color:#FA8072;
 	font-size:1.5em;
	margin-left: 0px;	
	margin-right: 0px;	
}

a.applicationmenulinkCurrent1 {
 	background-color:#FFFFFF;
	color:#FA8072;
 	font-size:1.1em;
	margin-left: 0px;	
	margin-right: 0px;	
	white-space:nowrap;
}

a.applicationmenulinkCurrent2 {
 	background-color:#FFFFFF;
	color:#FA8072;
 	font-size:1.1em;
	margin-left: 8px;	
	margin-right: 0px;	
	white-space:nowrap;
}

a.applicationmenulinkCurrent3 {
 	background-color:#FFFFFF;
	color:#FA8072;
 	font-size:1.1em;
	margin-left: 16px;	
	margin-right: 0px;	
	white-space:nowrap;
}

a.applicationmenulinkCurrent4 {
 	background-color:#FFFFFF;
	color:#FA8072;
 	font-size:1.1em;
	margin-left: 24px;	
	margin-right: 0px;	
	white-space:nowrap;
}

div#bilde {
	float: left;
	width: 465px;
  background: #FFFFFF;
	padding-right: 30px;
}

body.app-fluid>table.menu tr td.content>div.content>div.description>table.table_image_class, table.table_movie_class ,table_flash_class {
	width: 5%;
	border:1px solid #666;
}

body.app-fluid>table.menu tr td.content>div.content>div.description>table.table_image_class tr td p{
/*	background-color: #EEEEEE  !important; */
}

div#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	width: 915px;
  background: #FFFFFF;
}

.subjects {
	float: left;
	width: 300px;
  background: #FFFFFF;
}

.lessons {
	width: 450px;
  background: #FFFFFF;
}


h1 {
  margin:4px 0;
  font-size:1.5em;
}

pre {
  margin:0;
  border:1px solid #777;
  padding:8px;
  background:#fff;
}

#header {
	text-align: center;
  background:#EEEEEE;
  clear:both;
}

#logos {
	width: 1400px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
  background:#FFFFFF;
  clear:both;
}

#footer {
	width: auto;
  text-align: center;
  background:#EEEEEE;
  clear:both;
}

/*
label {
	display:block;
	float:left;
}
    border-style: dashed;
    border-width: 3px;
    border-left-width: 10px;
    border-right-width: 10px;
    border-color: red;	

*/
#newProductLink {
	clear:both;
	display:block;
}
#prices select {
	display:block;
	float:left;
	clear:left;
}

.currency , .unitPrice , .salePrice {
	width:100px;
	float:left;
}

.msg {
	text-align:center;
	background: silver;
	height: 40px;
	padding-top: 20px;	
}

#pages li {
	display:block;
	float:left;
	width:30px;
}

/*
#pages {
	display:block;
	clear:both;
}
*/
.attributeName , .attributeValue {
	width: 100px;
	display: block;
	float:left;
}

.attributeValue {
	clear:right;
}

.categoryHierarchy {
	width: 300px;
	display: block;
	float:left;
}

#categories label {
	clear:left;
}
.clear {
	clear:both;
}

/*
.areaalignment{
	background: silver; 
}
*/

.leadintext {
	display:inline-block;
	vertical-align: middle;
	min-width:100px;
}

.textarea2 {
	border-color: black;
	border-style: solid;
	border-width: thin;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: top;
	min-width: 500px; 
	min-height: 100px; 
 	font-size: 14px;
/* 	max-width: 500px; seems without effect  */
}

div.checkboxline {
	display:block;
	clear:both;
  background-color:#FFFFFF;
}

div.newItemline {
	display:block;
	clear:both;
  background-color:#FFFFFF;
	min-height:25px;
}

.newitem {
  background-color:#CCFFFF;
	color: #FF00BB;
}

.iditem {
	display:inline-block;
	width: 30px;
  background-color:#AADDFF;
	color: #FF00BB;
}

.usertypeitem {
	display:inline-block;
	width: 100px;
  background-color:#AAEEFF;
	color: #000000;
}

.usernameitem {
	display:inline-block;
  background-color:#AAEEFF;
	color: #000000;
}

.institutionshortnameitem {
	display:inline-block;
	width: 50px;
  background-color:#AAEEFF;
	color: #000000;
}

.institutionnameitem {
	display:inline-block;
	width: 310px;
  background-color:#AAEEFF;
	color: #000000;
}

.subjectnameitem {
	display:inline-block;
	width: 250px;
  background-color:#AAEEFF;
	color: #000000;
}

.lessonownernameitem {
	display:inline-block;
	width: 150px;
  background-color:#AAEEFF;
	color: #000000;
}

.lessontitle {
	color: #FFAABB;
	min-width:100px;
}

.lessontitleitemodd {
	display:inline-block;
	width: 350px;
  background-color:#F8F8F8;
	color: #000000;
}

.lessontitleitemeven {
	display:inline-block;
	width: 350px;
  background-color:#E0E0E0;
	color: #000000;
}

.bottmessage {
  background-color:#FDEEF4;
	font-size: 16px;
}

.bold {
	font-weight:900;
}

.redwarning {
	font-weight:900;
	color:#FF0000;
/*	color:#FF1493; */
}

#firstpage {
/*  background-color:#55AA00;*/
	max-width:600px;
}

.firstpagetab1 {
		padding-left: 40px;
}

#backgroundimagehref {  /* MASK OUT HREF */
	font-size: 3px;
	background-color:#FFFFFF; /* WHITE - INVISIBLE */
	color:#FFFFFF; 
	text-decoration: none;
}

#backgroundimagehref:visited { color:#FFFFFF; text-decoration: none;} /* WHITE - INVISIBLE */

p.firstpagelistelements {line-height:140%} 

hr {
    height: 1px;
    color: #ed1d61;
    background: #ed1d61;
    font-size: 0;
    border: 0;
}

.labelGivenAnswer {
  background-color:#FFF000;
	font-size: 16px;
}

.feedbackGivenAnswer {
  background-color:#FFF000;
	font-size: 16px;
}

.inputvaluegroup {
	background-color:#FFFFFF;
	padding-top: 1px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1px;
}

.labelanswergroup {
	background-color:#FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
}

.td_table_content {
	border:solid 1px black !important; /*TO Override style.css */
	background-color:#F5F5F5;
}

/* ------------ for playing youtube videos ------------- */
  .youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
  }

  .youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }

  .youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
  }

  .youtube-player img:hover {
    -webkit-filter: brightness(75%);
    -moz-filter: brightness(75%);
    filter: brightness(75%);
  }

  .youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url('https://i.imgur.com/TxzC70f.png') no-repeat;
    cursor: pointer;
  }

table.table_movie_class {
  width: 100%;
}