/*
 IE5.5+ PNG Alpha Fix v1.0RC4
 (c) 2004-2005 Angus Turnbull http://www.twinhelix.com
 Can't help IE versions prior to 5.5
*/
.box img, .box div { 
  behavior: url(iepngfix.htc);
}


/* GENERAL STYLES */
html {
 height: 100%;
}
body.orange {
  background: #E65714;
}
body, td, th, textarea, input, select {
  font-family: "Lucida Grande", "Tahoma", sans-serif;
  font-size: 90%;
}
body {
 height: 100%;
 /*margin and padding on body element can introduce errors in determining
   element position and are not recommended; */
 margin: 0;
 padding: 0;
}
.bigbox {
 padding: 150px; 
 background: #E5F1F4;
}
div.niftyBox {
	visibility: visible;
	margin-left: 10%;
	margin-right: 10%;
	margin-top:60px;
	margin-bottom:80px;
	background: #eeeeee;
}
div.niftyBox div.niftyBoxSub {
	padding: 30px;
}
div.niftyBoxInner{
	padding: 20px;
	background: #C4E786;
	float:right; 
	width:250px;
}
div#roundedHeader {
	margin-left: 10%;
	margin-right: 10%;
	margin-top:0px;
	text-align: center;
	margin-bottom:20px;
	background: #000;
	color: white;
	font-weight: bold;
	font-size: 90%;
}
div#roundedHeader a, div#roundedHeader a:visited {
	color: #c4eb87;
}


.mask {
	z-index:990;
}
           
h1 {
  font-size: 200%;
  margin: 0 0 0.2em 0;
  line-height: 1;
  font-family: georgia;
}
h2 {
  font-size: 125%;
  font-weight: bold;
  margin: 0 0 0.2em 0;
  border-bottom: 1px solid black;
  letter-spacing: 1px;
}
h3 {
  padding: 0px;
  margin: 0px;
}
textarea.textField {
 display: block;
 width: 100%;
 border: 1px solid #ccc;
 font-family: sans-serif;
}
form {
  display:inline;
}
input.textField {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  padding: 5px;
  overflow: visible; 
}
.button {
  border-color: #888;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  background: #90B500;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px 6px;
  letter-spacing: 1px;
}
.button:hover {
  border-color: #666666;
  border-style: solid;
  background: #ccee46;
  color: #000000;
}
.button:active {
  border-width: 1px 0px 0px 1px;
  color: #FFFFFF;
}
input.accept, input.deny, input.request, input.cancel {
    float: right;
    background: #fff url(/img/deny.gif) 3px 50% no-repeat;
    padding: 1px 10px 3px 22px;
    color: #c00;
    text-decoration: none;
    margin: 5px 3px 0 0;
    border: 1px solid #ccc;
    border-color: #fff #ccc #ccc #fff;
}
a {
  text-decoration: none;
  color: #00f;
}
a:hover {
  cursor:pointer;
  color: #66f;
  text-decoration: underline;
}

/* BOX STYLES */

.box {
 /* background:url(imgs/transparent.gif); */
 position:absolute;
}
.box-editable {
 border: 1px dashed #666;
}
.box-editable-hover {
 border: 1px solid #F00;
}

.panel {

}

.buttonbar {
 position:absolute;
 visibility:hidden;
 top:0px; 
 right: 0px; 
 text-align:right;
}
.resizebtn {
 visibility:hidden;
 position: absolute;
 right: 0px;
 bottom: 0px;
}
.resizebtn img {
 display: block;
}
.activitySmall {
 visibility:hidden;
 position: absolute;
 right: 0px;
 top: 0px;
}
.content {

}
/* COMMENTS */
.comments {
 position:absolute;
 display:none;
 visibility:hidden;
 border: 1px solid #aaa;
}
.commentSubInfo {
 background: #ffffff;
 border-bottom: 1px solid #aaa;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 0.8em;
 padding: 10px;
}
.commentForm {
 background: #eee;
 padding: 4px;
}
.commentForm textarea {
 width: 96%;
 padding: 4px;
}
#comments .errors, #editors .errors, #usrinfo .errors, .bd .errors {
 color: red;
 font-weight: bold;
 padding: 3px;
}
div.comment, div.comment2 {
 border-bottom: 1px solid #aaa;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 0.7em;
 line-height: 160%;
 display: block;
 padding: 10px;
 margin-bottom: 0px;
}
div.comment {
 background: #fff;
}
div.comment2 {
 background: #ffb;
}
.author, .commentAuthor {
  font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
  font-size: 120%;
  font-weight: bold;
  display: block;
  padding: 0.9em 0.5 em;
  margin-top: 8px;
}
.commentLink {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 0.7em;
}
.commentLink a:hover {
  background: #fff;
}

.activity {
  visibility:hidden;
}

/* EDITOR */

.editor {
 position:absolute;
 background: #fff;
 padding:0px;
 display: none;
}
.editor textarea {
 border: 0;
}
.editor .editorFooter {
 border: 1px solid #888;
 border-top: none;
 background: #eef;
}

.yui-content {
 padding: 0px;
}

/* __________________ CONTROL PANEL __________________ */

#blockinfo {
  background: #ffffdd; 
  border-top:1px solid #999; 
  font-weight:strong;
  font-size:12px;
  height:25px;
  clear:both;
  display:none;
}
#cpLine1 {

}
#controlpanel { /* Må ha 0 padding! */
  position:absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 903;
  background: url(imgs/j.jpg); 
  border-bottom:1px solid #999; 
  font-size:12px;
}
#controlpanel .cpContainer {
  margin: 0px 0px 0px 20px;
  height: 19px;
  display:block; float:left; padding: 5px 4px 0px 20px;
}
#memozHome{ background: url(imgs/icons/house.png) no-repeat left; }
a#memozHome:hover { background-color: #eee; }
#memozSelector { background: url(imgs/note.gif) no-repeat left; }
a#memozSelector:hover { background-color: #eee; }
#cpLoginStat { background: url(imgs/icons/bullet_key.png) no-repeat left; }
#optionsSelector { background: url(imgs/icons/cog.png) no-repeat left; }
a#optionsSelector:hover { background-color: #eee; }
#sendToFriend { background: url(imgs/icons/email_go.png) no-repeat left; }
a#sendToFriend:hover { background-color: #eee; }
#reportLink { background: url(imgs/icons/stop.png) no-repeat left; }
a#reportLink:hover { background-color: #eee; }

#loginBtnDiv {
 padding: 1px;
 float:left;
}

/* __________________ NAVIGATION AREA (navArea) __________________ */

#navHeader {
  padding-bottom: 4px;
}
#navContainer {
  background: #fff;  
  width: 140px;
  visibility: hidden; /* Shows up when doc loaded */
}
#navContainerInner {
  padding:4px 10px; 
  border: 1px solid #ccc;
}
#navArea {
  /*
  position:absolute;
  */
  width: 130px;
  height: 130px;
  background: #ddd;
}
#navBox {
  cursor: move;
  /*
  position:absolute;
  */
  position:relative; /* fixed */  
  background: #f00;
}
#navFooter, #navFooter2 {
  color: #999;
  font-size: 9px;
  text-align:center;
}
#navarea-addbtn {
  /*
  padding-left: 3em;
  background: url(imgs/icons/add.png) 10% 50% no-repeat;
  */
}
#navAddBtnMenu {
 display:block;
 width:170px;
 background:#fff;
 border:1px solid #999;
}
#navAddBtnMenu ul {
padding-left: 0;
margin-left: 0;

}
#navAddBtnMenu li {
list-style-type: none;
font-size:12px;
display:block;
}
#navAddBtnMenu a {
  display: block;
  
  padding: 6px 10px 6px 25px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  color: black;
}
#navAddBtnMenu a:hover {
  background-color: #B3D4FF;
}
a#navMenuItem0 { background-image: url(imgs/icons/text_dropcaps.png); }
a#navMenuItem1 { background-image: url(imgs/icons/image.png); }
a#navMenuItem2 { background-image: url(imgs/icons/film.png); }
a#navMenuItem3 { background-image: url(imgs/icons/html.png); }
a#navMenuItem4 { background-image: url(imgs/icons/map.png); }
a#navMenuItem5 { background-image: url(imgs/icons/note.png); }

#infoMsg {
  visibility: hidden; 
  top: -62px;
  right: 20px;
  width: 400px;
  height: 60px;
  opacity: 0.75;
  -moz-opacity: 0.75; /* Mozilla 1.6 og bakover. Trengs egentlig dette? */
  filter:alpha(opacity=75);
}

.infoMsgInfo {
  padding: 20px;
  color: #88dd88;
  font-size: 11px;
  text-align: center;
  background: #000000;
}

.infoMsgError {
  padding: 20px;
  text-align: center;
  font-size: 11px;
  background: #ffffff;
  border: 2px solid #ff0000;
  color: black;
  font-weight: bold;
}

/* ImageSelector */

.albumSelected {
  font-weight: bold;
  letter-spacing: 2px;
}
.pageBackground {
  position: absolute;
}

.bgPreview {
 border: 1px solid #aaa;
 padding: 10px;
 margin: 2px;
 background: #fff;
 height: 300px;
 overflow: scroll;
}
.bgPreview a {
 float: left;
 padding: 3px;
 margin: 3px;
 background: white;
 border: 2px solid white;
}
.bgPreview a:focus {
 border: 2px dotted blue;
}
.bgPreview a:hover {
 border: 2px solid blue;
}
.bgPreview a.bgImgSelected {
 border: 2px solid red;
}
.bgPreview img {
 border: 0;
}

.closeBtn {
 border-width: 1px 1px 0px 1px;
 height: 24px;
 border-color: #999;
 background: #eee;
 border-style: solid;
 position:absolute;
 top:0px; 
 right: 0px;
 width: 30px;
 text-align: center;
}
.closeBtn img {
 border: 0;
}
/* Editor Tabs */

ul.editorTabs { /* general settings */
text-align: left; /* set to left, right or center */
margin: 5px 0px 0px 0px; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 6px 3px 6px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.editorTabs li { /* do not change */
display: inline;
}

ul.editorTabs li.selectedTab { /* settings for selected tab */
  border-bottom: 1px solid #fff; /* set border color to page background color */
  background-color: #fff; /* set background color to match above border color */
}

ul.editorTabs li.selectedTab a { /* settings for selected tab link */
background-color: #eee; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul.editorTabs li a { /* settings for all tab links */
padding: 3px 20px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul.editorTabs a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */


/* Fix for TinyMCE color menus */

.mceMenu {
 z-index: 910;
}

/* _______________ Admin pages _________________*/

div.memozInfo h4 {
	font-weight: bold;
	color:#444;
	border-bottom: 1px solid #777;
}
div.memozInfo ul {
	list-style: none;	
	padding: 0px 10px;
	margin: 0px;
}
div.memozInfo li {
    padding: 2px 26px;
}
div.memozInfo li.group {
    background: url(imgs/icons/group.png) left no-repeat;
}
div.memozInfo li.user {
    background: url(imgs/user_small.gif) left no-repeat;
}
div.memozInfo li.new {
    font-style: italic;
}
div.memozInfo img {
	border: none;
}

.autocompleteContainer { 
	width:310px; /* set width here */ 
	padding-bottom:2em; 
	z-index:800; /* z-index needed on top instance for ie & sf absolute inside relative issue */ 
} 
.autocompleteContainer input { 
	_position:absolute; /* abs pos needed for ie quirks */ 
} 
.autocompleteContainer .yui-ac-content {
	margin-top:5px;
}


#infoboxContent {
	border-top: 1px dashed #ccc;
	padding-top:10px;
	margin-top:10px;
}
span.pupil {
	background: white;
	padding: 4px;
	margin: 4px;
}
li.groupFolder {
	width: 300px;
	margin: 3px;
	font-size:9px;
	cursor: pointer;
	list-style-type: none;
	margin: 0px;
}
li.groupFolder ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
div.groupFolder {
	display: block;
	padding: 5px 5px 5px 20px;
	border: 1px dotted #E5F1F4;
}
div.folderClosed {
	background: url(imgs/folder_closed.gif) top left no-repeat;
}
div.folderOpen {
	background: url(imgs/folder_open.gif) top left no-repeat;
}
div#groupMemozList ul {
	margin: 0px 5px;
	padding: 0px;
}
li.groupMemoz {
	list-style-type: none;
	/* cursor: move; */
	width: 250px;
	margin: 3px;
	font-size:9px;
}
div.groupMemozLink {
	display: block;
	background: url(imgs/note.gif) 3px 50% no-repeat #EDF5FF;
	padding: 5px 5px 5px 20px;
	border: 1px dotted #E5F1F4;
}

div.groupSelected {
	border: 1px dotted #888888;
}
div.groupMemozSelected {
	border: 1px dotted #888888;
}


/** Treeview **/

/* the style of the text label in ygTextNode */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
	margin-left:2px;
	text-decoration: none;
	background: none;
}

div.boxList {
	background: white;
	border: 1px solid #888888;
	padding: 4px;
}
ul.boxList {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
ul.boxList li {
	padding: 1px;
	margin: 1px;
	border: 1px solid #ffffff;
	background: #ffffff;
	font-size: 10px;
}
ul.boxList li.selected {
	border: 1px dotted #888888;
}

.infoBox {
	font-size: 80%;
}
.infoBox .editable {
	padding: 4px;
	background-color: #ffffff;
}

/* schoo.php */
#classList {
	overflow: auto;
	height: 200px;
	width: 220px;
  	border-color: #cccccc;
  	border-style: solid;
  	border-width: 1px 0px 0px 1px;
  	padding: 5px;
  	background: #ffffff;
  	margin-bottom: 10px;
}

/* userInfo panel (user info) */

#usrinfo .bd {

	height: 300px;

	/* Apply scrollbars for all browsers. */
	overflow: auto;

}

/* The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
     applied only for Gecko on Mac OS X
     https://bugzilla.mozilla.org/show_bug.cgi?id=187435
*/

#usrinfo .hide-scrollbars .bd {

	/* Hide scrollbars by default for Gecko on OS X */
	overflow: hidden;
	
}

#usrinfo .show-scrollbars .bd {

	/* Show scrollbars for Gecko on OS X when the Panel is visible  */
	overflow: auto;
	
}

/* colorPicker */

.memozColorPicker {
	padding: 6px;
	width: 420px;
	height: 220px;
}

/* Modal */

#modalBg {
	position:fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow:visible;
	background: #000000;
	opacity: 0.35;
	-moz-opacity: 0.35; /* Mozilla 1.6 og bakover. Trengs egentlig dette? */
	filter:alpha(opacity=35);
	z-index: 930;
	display:none;
}

/* Slider */

.slider-bg { 
	position: relative; 
	background: url(imgs/bg-fader.gif) 5px 0 no-repeat;
	height: 28px;
	width: 228px  
}
.slider-thumb { 
	position: absolute; 
	top: 4px; 
}
.note {
  /*background: #fcff0f;*/
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
div.note {
  padding:55px 60px 60px 45px;
}

/* YUI */
.yui-skin-sam .yui-button button {
  min-height: 1.9em;
  font-size: 10px;
}


.userInfo {
  background: white;
  border: 1px solid #ccc;
  padding: 20px;
  width: 408px;
  height: 358px;
}


/* My page */

ul.grouplist {
  list-style-type: none;
  padding: 0px;
  margin: 0px 10px;
}
ul.grouplist li a {
  display: block;
  background-image: url(imgs/icons/group.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 24px;
}
ul.grouplist li a:hover {
  background-color: #fff;
}
ul.memozlist, ul.fabulazlist {
  list-style-type: none;
  padding: 0px;
  margin: 0px 10px;
}
ul.memozlist li a, ul.fabulazlist li a {
  display: block;
  background-image: url(imgs/note.gif);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 24px;
}
ul.fabulazlist li a {
  display: block;
  background-image: url(imgs/icons/film.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 24px;
}
ul.memozlist li a:hover, ul.fabulazlist li a:hover {
  background-color: #fff;
}
ul.userlist {
  list-style-type: none;
  padding: 0px;
  margin: 0px 10px;
}
ul.userlist li a {
  display: block;
  background-image: url(imgs/icons/user.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 24px;
}
ul.userlist li a:hover {
  background-color: #fff;
}
ul.networklist {
  list-style-type: none;
  padding: 0px;
  margin: 0px 10px;
}
ul.networklist li a {
  display: block;
  background-image: url(imgs/icons/chart_organisation.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  padding: 2px 2px 2px 24px;
}
ul.networklist li a:hover {
  background-color: #fff;
}

#loading_div {
 position:absolute;
 left:10px;
 top:10px;
 font-weight: bold;
 color: #666;
 letter-spacing:2px;
}

/* Button icons */

.yui-button#btnAddGroup button {
  padding-left: 3em;
  background: url(imgs/icons/group_add.png) 10% 50% no-repeat;
}

.yui-button#btnAddFabulaz button {
  padding-left: 3em;
  background: url(imgs/icons/film_add.png) 10% 50% no-repeat;
}

.yui-button#btnAddMedia button {
  padding-left: 3em;
  background: url(imgs/icons/film_add.png) 10% 50% no-repeat;
}

.yui-button#btnAddUser button {
  padding-left: 3em;
  background: url(imgs/icons/user_add.png) 10% 50% no-repeat;
}

.yui-button#btnAddNetwork button {
  padding-left: 3em;
  background: url(imgs/icons/chart_organisation_add.png) 10% 50% no-repeat;
}


#memozSimpleDlg .bd {
  padding: 40px;
}

.memozDlg {
  visibility: hidden;
  overflow:visible;
}
.underlay {
  display: block;
  overflow:visible !important;
}