@import url('TableLayoutCss.css');
* 
* Common styles for all PedITs
*
*/



/** Remove browser-dependent margin and padding **/
* { 
	margin: 0px;
	padding: 0px; 
}

img { 
	
	border: 0px;

}

ul, li {
	margin-left: 20px;
}

.rade_toolbar li{
  margin: 0px;
  padding: 0px;
	list-style: none;  
}


#errormessage {
	padding: 7px 7px 7px 7px;
	border: dotted 2px red;
	color: black;
	font-weight: bold;
}


label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success,
.errormessage    { padding: .8em; margin-bottom: 1em; border: 20px solid #ddd; }

.error, .errormessage      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a, .errormessage a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



/* 
*
* Generelle styles for clearer, autoscroll og fieldset
*
*/

.clearer{
	clear: both;
}

div.autoScroll{
	overflow: auto;
}


fieldset { 
/*	margin: 6px;*/
	padding: 6px;
}

.evaluation 
{
    /*border: 1px solid red;*/
    width: 960px;
    height: 895px;
    position: relative;
}

.evaluation_1
{
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #bfbfbf;
    padding: 5px;
    width: 532px;
    height:440px;
    overflow:auto;
    /*float: left;*/
}

.evaluation_2 
{
    position: absolute;
    left: 542px;
    top: 0;
    border-top: 2px solid #bfbfbf;
    border-left: 0px solid #bfbfbf;
    border-right: 2px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
    padding: 5px;
    width: 400px;
    height:440px;
    overflow:auto;
/*    float: left;*/
    position: relative;
}

.evaluation_3 
{
    position: absolute;
    left: 0;
    top: 495px;
    border: 2px solid #bfbfbf;
    padding: 5px;
    width: 532px;
    height:400px;
/*    float: left;*/
    overflow:auto;
}

.evaluation_4 
{
    position: absolute;
    left: 542px;
    top: 495px;
    border-top: 2px solid #bfbfbf;
    border-right: 2px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
    border-left: 0px solid #bfbfbf;
    width: 400px;
    height:400px;
    padding: 5px;
/*    float:left;*/
    overflow:auto;
}

.evaluation_5 
{
    position: absolute;
    left: 0px;
    top: 452px;
    border-right: 2px solid #bfbfbf;
    border-left: 2px solid #bfbfbf;
    width: 940px;
    height:35px;
    padding: 5px;
/*    float:left;*/
    overflow:auto;
}

.evaluation_6
{
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #bfbfbf;
    padding: 5px;
    width: 532px;
    height:895px;
    overflow:auto;
    /*float: left;*/
}

.evaluation_7
{
    position: absolute;
    left: 542px;
    top: 452px;
    border-right: 2px solid #bfbfbf;
    border-left: 2px solid #bfbfbf;
    width: 400px;
    height:35px;
    padding: 5px;
/*    float:left;*/
    overflow:auto;
}

.evaluation .nnName, .evaluation h2 
{
	margin: 0;
	padding: 0;
}

/* Style not publish (startpublish & endpublish */
.menu li.nnHiddenItem {


	background-color: #EFEFEF;
	background-image: url(img/calendar.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;	
	padding: 7px;

}

.menu li.nnHiddenItem a {
	text-decoration: line-through;
}

.menu li.nnHiddenItem input {
	margin-left: 17px;
}

/* Style not publish (startpublish & endpublish */
.menu li.nnDeletedItem {


	background-color: #CFCFCF;
	background-image: url(img/calendar.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;	
	padding: 7px;

}

.menu li.nnDeletedItem a {
	text-decoration: line-through;
	color: Red;
}

.menu li.nnDeletedItem input {
	margin-left: 17px;
}

.nnLabel{
	font-size: 14px;
	font-weight: bold;
	padding-top: 8px;
}

.nnWarning
{
	font-size: 14px;
	font-weight: bold;
	color: Red;
	margin-top : 14px;
	margin-bottom : 8px;
}

div.savecancel {
	padding-top: 8px;
}

input[type='radio'],input.radio { margin: 0 2px; }
input[type='checkbox'],input.checkbox { margin: 0 2px; }

label.fixedLabel {
	float: left;
	width: 250px;
}

div.fixedLabel2 {
	padding-bottom: 5px;
}
div.fixedLabel2 label {
	float: left;
	width: 100px;
}

div.fixedLabel2_activityplan label {
	float: left;
}

.nnFlagYellow{
	background-image: url(img/flag_yellow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
.nnFlagGreen{
	background-image: url(img/flag_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
.nnFlagRed{
	background-image: url(img/flag_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}


/* Text in forum */
.text { 

white-space: normal;
/*width: 480px;*/

}


/*for select text i treeview */

.RadTreeView .rtLI   
    {   
        -moz-user-select: text !important;   
    }  

/* Picture personal page */
#perspict img { 

}


/* Style for printing assignments */

.nnPrintName { 

	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	widht: 400px;

}

.nnPrintIngress { 

	padding-left: 20px;
	padding-right: 20px;
	widht: 400px;


}
.nnPrintBody { 

	padding-left: 20px;
	padding-right: 20px;
	widht: 400px;

}


.fieldset { 

	border: 10px solid red;

}
/* Picture personal page */
.groupMembersList { 

	color: black;

}
.groupMemberTable p, .groupMemberTable a { 

	padding: 5px;
}

.groupMemberPersonLeft img {

	padding: 5px;
} 
.groupMemberPersonLeft { 

	border-left: 1px solid lightgrey;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;

}
.groupMemberPersonRight { 

	border-right: 1px solid lightgrey;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;

}



.groupPicture {

	border: 1px solid lightgrey;
	padding: 5px;
	width: 110px;
	float: left;
	height: 155px;
	text-align: center;

}

.groupNoPicture 
{
	height: 60px;
	padding-top: 10px;
}


.groupPictureDiv {

	height: 95px;
	overflow: hidden;

 }
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:black;
    font-weight:bold;
    text-decoration:none;
}

a.ttMessage 
{
	display: block;
	text-align: right;
}

a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #3F3F3F; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: black;
      text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(img/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(img/bubble.gif) no-repeat bottom;
}

div.menu ul li.nnEmptySeparator, div.menu ul li.nnEmptySeparator:hover {
	background: transparent;
	border-color: transparent;
}


/* mailform style*/

div.mailformfield {
	border:1px solid transparent;
	clear:both;
	width:100%;
}
div.mailformfield input[type=text] {
	min-width:150px;
	margin:2px;
}
div.mailformfield textarea {
	margin:2px;
}
div.mailformfield label {
	float:left;
	padding-top:6px;
	width:100px;
}

.testPart {
	display: none;
}


/* RSS FEED READER */

.rssHeading { 
	font-size: 15px;
	margin: 5px;
}

.rssItem {
	font-size: 12px;
	border-bottom: 1px solid lightgrey;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.rssTitle { 
	margin: 5px;

}

.rssLastUpdate { 
	margin: 5px;
}

.rssDesc { 
	margin: 5px;
}

a.nnAssignmentPrev, a.nnAssingnmentNext {
	display: inline-block;
	font-size: 14px;
	line-height: 32px;
}
a.nnAssignmentPrev {
	padding-left: 35px;
	background: transparent url(img/knobleft.png) center left no-repeat;
	margin-left: 10px;
	margin-right: 20px;
}
a.nnAssingnmentNext {
	padding-right: 35px;
	background: transparent url(img/knobright.png) center right no-repeat;
}

/*
 *	Oppgaver
 */

.nnAnswerWrongIcon{
	background-image: url(img/wrong.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

.nnAnswerCorrectIcon{
	background-image: url(img/correct.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

.nnAnswerCorrectIcon{
	color:Green;    
}

.nnAnswerWrongIcon{
	color:Red;  
}

.nnAnswerCorrect{
	background-color: #D1E6EF;
}

.nnAnswerCorrectBox{
	color: Green;
}

.nnAnswerWrongBox{
	color: Red;
	text-decoration: line-through;
}

/*
#pmiddleContent{
	display: table;
}
*/

div#prightContent div.partSuperV{
	margin-bottom: 15px;
}

div.partSuperV div.partH div.partHC a {
	font-weight: bold;
}

div.articlelistmini_item, div.activityListMini {
	padding-bottom: 3px;
	margin-top: 5px;
	margin-bottom: 3px;
	border-bottom: 1px dotted grey;
}

img.evalpp_image {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 100px;
}

div.path_as_banner {
	padding: 6px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #E8E8E8;
	border: 1px solid #003366;
}

div#path a {
	text-decoration: none;
}
div#path a:hover {
	text-decoration: underline;
}

/*Forum , skriveverksted, kontaktbok*/
.forum {
	background-color: white;
	padding: 10px 10px 20px 10px;
	display: table;
	width: 768px;
}

.forum_topleft 
{
	float: left;
	width: 240px;
	height: 40px;
}
.forum_topleft h2.nnName 
{
	margin: 0;
	padding: 0;
}
.forum_topright 
{
	float: left;
	width: 500px;
	height: 40px;
}

.forum_kontaktbok 
{
    width: 745px;
    margin: 0;
    padding: 0;
}

.forum_kontaktbok select {
	margin-left: 10px;
}

.forum h1 { 
	border-bottom:1px dotted #BBBBAA;
	margin-bottom: 10px;
}

.forum_post h3.nnName {
	margin-left: 5px;
}

.forum_menu {
    float: left;
    width: 240px;
    margin-right: 5px;
    height: 500px;
    overflow-y: auto;
}
.forum_kontaktbok div.forum_menu 
{
    width: 227px;
}

div.forum_menu_item {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 2px 5px;
	overflow: hidden;
}
div.forum_menu a.forum_menu_item_title {
	font-size: 14px;
	font-weight: bold;
}
.forum_small {
	color: #444;
	font-size: 9px;
	text-decoration: none;
}

.forum_menu_selected {
    border: 1px solid grey;
    font-weight: bold;
}

.forum_post {
	float: left;
    width: 490px;
    background-color: #eee;
    border: 1px solid #ccc;
    display: table;
}

.forum_post a {
	padding: 5px;
	line-height: 20px;
}

.forum_sub1 {
	margin: 5px 5px 5px -5px;
	padding-bottom: 20px;
}
.forum_kontaktbok div.forum_post div.forum_sub1 
{
    margin: 5px;
}

.forum_sub1 .label {
    font-size: 14px;
    font-weight: bold;
}
.forum_sub1 div.author, .forum_sub1 div.NNdate {
	font-size: 9px;
	color: #444;
}
.forum_sub1 div.author a {
	line-height: 12px;
}

.forum_sub2 {
	margin: 5px 5px 5px 45px;
	border-bottom:1px dotted #BBBBAA;
	display: table;
}

.forum_sub_reply {
    padding: 0px 15px 10px;
}

.forum_sub_reply .dialogadd {
    float: none;
}

.forum_author {
	font-size: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.forum_unread {
	color:green;
	font-weight:bold;
}

.forum_title {
	font-size: 15px;
	font-weight:bold;
}

.forum_contribution {
    padding: 5px;
    border: solid 1px #ccc;
    margin-bottom: 5px;
}

.forum_contribution_selected {
    padding: 5px;
    border: solid 1px #ccc;
    background-color: #eee;
    margin-bottom: 5px;
    overflow: hidden;
}

.forum_contribution_tiny_title {
    font-size: xx-small;
    color: Silver;
	font-weight:lighter;
}


.forum_white_post 
{
	background-color: #fdfdfd;
}

.forum_person_image {
    top: 5px;
    right: 5px;
    width: 50px;
    float: left;
    margin-right : 5px;
}

.dialogadd { 
	float: left;
}

.nnlabelhide div.nnLabel {
	display: none;
}

div.partPlainBody p {	
	margin-bottom: 4px;

}

.meta_description
{
	width: 950px;
    margin: 0;
    padding: 0;
}

.meta_left
{
	width: 320px;
	float: left;
}

.meta_right {
	float: left;
    width: 400px;
    display: table;
}
.meta_grep 
{
	width: 950px;
	display: inline-block;
}
.metadata span 
{
	width: 150px;
	display: inline-block;
}
.metadata select 
{
	min-width: 200px;
}
.meta_heading 
{
	font-weight: bold;
	display: inline-block;
	width: 150px;
}

.country_left 
{
	float: left;
	width: 400px;
}
.country_right 
{
	float: left;
	width: 300px;
}
.country_map_small 
{
	border: 1px solid #eee;
}
.country_main 
{
	display: inline-block;
	width: 750px;
}

.peditsystemmessage {
	background-color:red;
	border:1px solid black;
	color:black;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
}

.activityList_heading, .articleList_heading {
	font-size: 14px;
	font-weight: bold;
}
.activityList_heading p, .articleList_heading p {
	margin-bottom: 10px;
}

.activityList_date, .articleList_date {
	font-size: 10px;
}

/*.activityListMini {
 margin-bottom: 5px;
}
*/
.activityListMini a, .articlelistmini_item a {
	text-decoration: none;
}

blockquote {
	margin: 10px 30px;
}

.menudropdown select { 
	width: 177px;	
}

div.menu ul li.submenuitem1 a 
{
	background-image: url("img/submenuitem1.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 28px;
}
div.menu ul li.submenuitem2 a 
{
	background-image: url("img/submenuitem2.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 39px;
}
div.menu ul li.submenuitem3 a 
{
	background-image: url("img/submenuitem3.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 50px;
}

div.menu ul li.selectedmenuitem a 
{
	font-weight: bold;
}

div.form_fixed {
	clear:both;
	width: 100%;
	margin-bottom: 8px;
}
div.form_fixed label {
	float:left;
	width:160px;
}
div.form_fixed select {
	width:200px;
}

table.reportTable {
	background-color: white;
}
table.reportTable tr.head {
	background-color: #ccc;
}
table.reportTable tr.head td {
	border-bottom:1px solid #AEAFB3;
	border-right:1px solid #AEAFB3;
}
table.reportTable tr.regular {
	background-color: AEAFB3;
}
table.reportTable tr.regular td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
table.reportTable tr th {
	text-align: left;
	border-bottom: 2px solid darkgray;
	padding: 1px;
}
table.reportTable tr td {
	border-bottom: 1px solid darkgray;
	padding-right: 3px;
}
table.reportTable tr td.fixed {
	width: 200px;
	font-weight: bold;
}
table.reportTable tr td.name {
	border-right: 0;
}
table.reportTable tr td.leadtext {
	width: 25px;
	font-size: 8px;
}
table.reportTable tr td.fixed, table.reportTable tr.head td, table.reportTable tr.head td {
	padding: 0 2px;
}

.DELIVEREDTEMPORARY {
	color:SteelBlue;
	font-weight:bold;
}

.articleItem h2.nnName {
	margin: 0;
}
.articleItem img.nnImage {
	padding-bottom: 5px;
}
.articleItem div.nnDate, .articleItem div.nnAuthor, .articleItem div.modified {
	font-size: 9px;
	color: #444;
}

/* Styling av media ikonet (lyd og video) */
.articleMedia a{
	float: none;
	padding: 3px;
	margin: 0px;
	margin-right: 6px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border: 1px solid #aaa;
	background-color: #eee;
	line-height: 25px;
}

div.articleLink a.deleteURL {
	background-image: url(img/link.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	line-height: 25px;
}

div.byline {
	background-color: #eee;
/*	border: 1px solid #eee;*/
	clear: both;
}
div.articleItem div.byline {
	margin-bottom: 5px;
}
div.byline span {
	font-size: 9px;
	line-height: 15px;
}
div.byline span.dupp {
	background-image: url(img/dupp.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

div#unpublished_frame object, div#unpublished_frame embed, div#published object, div#published embed {
	display: none;
}

span.spanlink
{
	text-decoration: underline;
	cursor: pointer;
}

div.nnActivityPlan 
{
	float: left;
	width: 30%;
	margin: 5px;
}

div.schemafield 
{
	background-color: #eee;
	border: 1px solid #bbb;
	margin-bottom: 5px;
	padding: 5px;
}

div.schemascrolltable {
	max-height: 300px;
	overflow: auto;
}

span.schemastatfield 
{
	background-color: #eee;
	border: 1px solid #bbb;
	padding: 2px 5px;
	display: inline-block;
	width: 200px;
}

table.schemaanswertable td
{
	border: 1px solid #bbb;
	padding: 2px;
}

/* Bør RadScheduler style ligge et annet sted?????
*/
.RadScheduler .rsMonthView .rsWrap, 
    .RadScheduler .rsMonthView .rsApt, 
    .RadScheduler .rsMonthView .rsAptOut, 
    .RadScheduler .rsMonthView .rsAptIn, 
    .RadScheduler .rsMonthView .rsAptMid, 
    .RadScheduler .rsMonthView .rsAptContent 
    { 
            position: static !important; 
            height: auto !important; 
    } 
    .RadScheduler .rsMonthView .rsWrap 
    { 
            overflow: hidden; 
            font-size: 0; 
            line-height: 0; 
    } 
    .RadScheduler .rsMonthView .rsLastWrap 
    { 
            height: 16px !important; 
    } 
    .RadScheduler .rsMonthView .rsAptContent 
    { 
            position: relative !important; 
            border-top: 0; 
            border-bottom: 0; 
            left: 0; 
            top: 0; 
    } 
    * html .RadScheduler .rsMonthView .rsAptIn 
    { 
            border-width: 0 1px; 
            top: 0; 
        margin-left: -1px; 
        margin-right: -1px; 
    } 
    * html .RadScheduler .rsMonthView .rsAptMid 
    { 
            top: 0; 
            left: 1px; 
            margin: 0 1px; 
            border-width: 1px 0; 
    }
    .forum_count_label
    {
		width:17px;
		float:right;
		text-align: center;
		background-color:#9F9F9F;
		color:white;
    }
    .article_arhive_header
    {
		font-weight: bold;
		font-size: 14px;
    }

.SubassignmentEdit {
	background-color: #ccc;
}


#map_small 
{
    border: 1px solid #ccc;
}
#map_container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	display: none;
	background-color: #eee;
	opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    filter: alpha(opacity=70);
}
#map_canvas {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 80%;
	height: 80%;
	border: 1px solid blue;
	background-color: #ccc;
	z-index: 0;
	display: none;
}
.map_activate {
	z-index: 100 !important;
	display: block !important;
}
.map_disable {
	z-index: 0 !important;
	display: none !important;
}
.map_cactivate {
	z-index: 20000 !important;
	display: block !important;
}
.map_cdisable {
	z-index: 0 !important;
	display: none !important;
}
