/* CSS Document */
html, body {
    font-family: sans-serif;
    font-size: .9em;
}

fieldset{
    border:0;
}

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

h2{
    font-size:1.1em;
    margin:0;
}

form{
    margin:0;
    padding:0;
}
/************************************** Tables *******************************************/
th{
    background-color:#8c88df;
    color:#ffffff;
    text-align:left;
}

.listLine-even{
    background-color:#b8b8ff;
}

.listLine-odd{
    background-color:#dcdcff;
}

table .first{
    font-weight:bold;
}

table .second{

}

a{
    color:#5669a4;
}
a.placeholderTextField{
   /* border:1px inset transparent;*/
}
a.placeholderTextField:hover, .hoveredplaceholderTextArea{
    /*border:1px inset #000000;*/
    /*background-color:#dcdcff;*/
}
.placeholderTextArea{
   /* border:1px inset transparent;*/
}
a.autocomplete:hover{
    color:#ffffff;
    background-color:#e0e0ff;
}
.hoveredplaceholderTextArea{
    cursor:pointer;
}

.blackBorderTable td{
    border:1px solid #000000;
    border-collapse:collapse;
}

/************************************** End tables ***************************************/

/*****************************************************************************/

#contents {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#top {
    background-image: url( graphics/topUpperBG.png );
    background-repeat: no-repeat;
}

#base_logo {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
}

#project_logo {
    float: left;
    margin-left: 15px;
    padding:2px;
    background-color:#ffffff;
    border:1px inset #001e9f;
}

#topRightCorner {
    background-image: url( graphics/topUpperRightBG.png );
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

#topInner {
    background-image: url( graphics/topBG.png );
    background-repeat: repeat-y;
    margin-top: 0;
}

#topInnerContents {
    background-image: url( graphics/topBG_right.png );
    background-position: right;
    background-repeat: repeat-y;
    margin-top: 0;
}

#topLowerLeft {
    background-image: url( graphics/topLowerLeft.png );
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 20px;
}

#topLowerRight {
    background-image: url( graphics/topLowerRight.png );
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 20px;
}

#main {
    background-image: url( graphics/mainUpperLeft.png );
    background-repeat: no-repeat;
    margin-top: 15px;
}

#main_buttons {
    margin-right: 5px;
    margin-top: 5px;
    float: right;
}

#main_buttons img {
    border: 0;
}

#mainUpperRight {
    background-image: url( graphics/mainUpperRight.png );
    background-repeat: no-repeat;
    background-position: right top;
    height: 50px;
}

#main_heading {
    float: left;
}

#main_heading img {

}

#main_heading h1 {
    margin: 5px 0 0 5px;
    font-size: 1.5em;

}

#mainInner {
    background-image: url( graphics/mainBG.png );
    background-repeat: repeat-y;
    margin-top: 0;
}

#mainInnerContents {
    background-image: url( graphics/mainBG_right.png );
    background-position: right;
    background-repeat: repeat-y;
    margin-top: 0;
}

#main_contents {
    background-image:url(graphics/main_contents_bg.png);
    background-repeat:repeat-x;
    margin: 1em 1em 0 1em;
    background-color: #c0c0ff;
    /*padding: 5px;*/
}

#main_contents form{
   padding:0;
    margin:0;
}

#mainLowerLeft {
    background-image: url( graphics/mainLowerLeft.png );
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 17px;
}

#mainLowerRight {
    background-image: url( graphics/mainLowerRight.png );
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 17px;
}

#breadcrumbs {
    background-color: #001e9f;
    color: #ffffff;
    padding-left: 5px;
    position:relative;
}

.active_breadcrumb{
    font-weight:bold;
    text-decoration:underline;
}

.clearboth {
    clear: both;
}

.clearLeft{
    clear:left;
}

.clearRight{
    clear:right;    
}

.padded_container{
    padding:.5em;
}

.width_100p{
    width:100%;
}

.width_50p{
    width:50%;
}
.first{
    font-weight:bold;
}
/************************************ Tabbed Pane *****************************************/

#tabbed_pane{
    background-color:#f7f7ff;
    position:relative;
}
.tab_left{
    background-image:url(graphics/normal_tab_left.png);
    background-repeat:no-repeat;
    padding-left:12px;
}

.tab_middle{
    background-image:url(graphics/normal_tab_middle.png);
    background-repeat:repeat-x;

}

.tab_right{
    background-image:url(graphics/normal_tab_right.png);
    background-repeat:no-repeat;
    background-position:top right;
    padding-right:12px;
    margin-right:3px;
    position:relative;
}

.active_tab_left{
    background-image:url(graphics/active_tab_left.png);
    background-repeat:no-repeat;
    padding-left:12px;
}

.active_tab_middle{
    background-image:url(graphics/active_tab_middle.png);
    background-repeat:repeat-x;
}

.active_tab_middle a {
    color:#ffffff;
}

.active_tab_right{
    background-image:url(graphics/active_tab_right.png);
    background-repeat:no-repeat;
    background-position:top right;
    padding-right:12px;
    margin-right:3px;
    position:relative;
}

.tab_toolbox_left{
    background-image:url(graphics/tab_toolbar_left.png);
    background-repeat:no-repeat;
    padding-left:12px;
}

.tab_toolbox_middle{
    background-image:url(graphics/tab_toolbar_middle.png);
    background-repeat:repeat-x;

}

.tab_toolbox_right{
    background-image:url(graphics/tab_toolbar_right.png);
    background-repeat:no-repeat;
    background-position:top right;
    padding-right:12px;
}

/************************************ End Tabbed Pane *************************************/

/************************************ Front page (Home) ***********************************/

.frontpage_category {
    width: 30%;
    height:120px;
    float: left;
    margin-right: 10px;
}

.frontpage_category h1 {
    font-size: 1em;
    margin: 0;
}

.frontpage_category img {
    float: left;
    margin-right:5px;
}

.frontpage_category a {
    color:#000000;
    text-decoration:none;
}
.frontpage_category p {

    float: left;
}

.frontpage_spacer {
    /*margin-bottom: 20px;*/
}



/************************************ End Front page (Home) ***********************************/
/************************************** Wizards ***********************************************/
.wizard{
    background-color:#dcdcff;
    padding:.5em;
    text-align:center;
}
.wizard ol{
    text-align:left;
    margin:0;
}

#auth_code{     
    text-align:center;
    font-size:20px;
    font-weight:bold;
    
}


/***********************************END Wizards **********************************************/

/**************************************** Filebank ******************************************/
.imageFolder {
/* Element containing a folder from filebank */
    margin: 10px;
    background-color: #dde7f4;
    border-left: 1px solid #4a5b99;
    border-top: 1px solid #4a5b99;
    border-right: 2px solid #4a5b99;
    border-bottom: 2px solid #4a5b99;
}

.imageFolderFile {
    float: left;
    width:150px;
    height:150px;
    overflow:auto;
    margin: .2em;
    background-color:#ffffff;
    border:1px solid #4a5b99;
}

#filesearch_results img{
    float:left;
    margin:2px;
}

.draggables{
    float:left;
}

/*************************************** END Filebank ****************************************/

/*************************************** statistics ******************************************/
.colour_0{ /* red/pink */
    background-color:#ffcccc;
    color:#000000;
    font-weight:bold;
}

.colour_1{ /* green */
    background-color:#ccff99;
    color:#000000;
    font-weight:bold;
}

.colour_2{
    background-color:violet;
    color:#ffffff;
    font-weight:bold;
}

.bright_colour_0{ /* red */
    background-color:#ff0000;
    color:#000000;
    font-weight:bold;
}


.bright_colour_1{ /* green */
    background-color:#00ff00;
    color:#000000;
    font-weight:bold;
}

.bright_colour_2{
    background-color:violet;
    color:#ffffff;
    font-weight:bold;
}

.colour_9{ /* blue */
    background-color:#ccecff;
    color:#000000;
    font-weight:bold;
}

/*********************************** END statistics *****************************************/
/*********************************** SectionReaders *****************************************/

/********************** DefaultSectionReader */
.statusTable{
    background-color:#dcdcff;
}

#sectionMetaDataTable{
    border-bottom:2px solid #8c88df;
    margin-bottom:.5em;
}

#sectionMetadataList{
    float:left;
    /*width:70%;
    clear:left;*/
}

#sectionMetadataList a{
    text-decoration:none;
    color:#000000;
}


.section_information{
    border:2px inset #001e9f;
    float:left;
    width:70%;
    clear:left;
    padding:1.5em;
    background-color:#e0e0ff;
}

.item_information{
    border:2px inset #001e9f;
    float:left;
    width:70%;
    clear:left;
    padding:1.5em;
    background-color:#e0e0ff;
}

.item_information_fullwidth{
    border:2px inset #001e9f;
    float:left;
    width:100%;
    clear:left;
    
    background-color:#e0e0ff;
}

.ajax_suggest_results_field{
    position:absolute;
    background-color:#ffffff;
    border:1px solid #000000;
    padding:0 5px 5px 5px;
    z-index:100;
}

#sectionFilebankContainer{
    /*max-height:200px;
    overflow:auto;*/
    background-color:#e0e0ff;

}
/*.section_information a.placeholderTextField{
    color:#ffffff;
}*/

.submitreplace {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(graphics/save_editor_icon.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
    float:left;
}

/********************* readClickPicture */

.showCorrectAlt img{
    border:3px solid #ff7e00;
}

/* itemreaders */

.answer_correct{
    background-image:url(graphics/thumbs_up.png);
}

.answer_correct, .answer_incorrect{
    padding-left:16px;
    background-repeat:no-repeat;
    background-position:left center;
}
/*********************************** END SectionReaders *************************************/

/*********************************** Toolbox in right column ********************************/

.toolbox{
    float:right;
    width:200px;
    background-color:#e0e0ff;
    padding:2px;
}

.toolboxheading{
    background-color:#8c88df;
    color:#ffffff;
    text-align:left;
    font-weight:bold;
}
.toolbox_old{
    /*float:right;*/
    position:absolute;
    right:0;
    /*background-color: #001e9f;*/
}
.toolbox_old a{
    color:#ffffff;
}

.toolboxcomponent{
    margin-bottom:3px;
    width:200px;
    float:right;
    clear:right;
    border:2px outset #8c88df;
}

.toolboxwhite{
    background-color:#ffffff;
}

/*********************************** END Toolbox *************************************/

/*********************************** Tree component ********************************/
.treecomponent{
padding-left:0;
    margin-left:0;
}
.treecomponent, .treecomponent ul{
    list-style:none;
}

.treecomponent img{
    border:0;
}

.selectionTree{
    list-style:none;
    padding-left:0;
    margin-left:0;
}

.selectionTree li{
    padding-left:0;
    margin-left:0;
}

.selectionTree ul{
    padding-left:13px;
    margin-left:0;
    margin-top:0;
    padding-top:0;
}



/******************************* AJAX Search *****************************************/
#usersearchresults{
    position:absolute;
    border:1px solid #8c88df;
    z-index:10;
    width:200px;
    background-color:#e0e0ff;
    padding:0 3px 3px 3px;
    clear:both;
    display:none;
}

/*************************************************************************************/
/****************************** ScoreReviews ****************************************/

#scorereviewheading{
    float:left;
    width:100%;
    clear:both;
}
#scorereviewlinks{
    float:left;
    width:20%;
}

#scorereviewlinks a:active{
    background-color:#ffffff;
}
#scorereviewcontents{
    float:left;
    width:80%;

}

/****************************************************************************************/
/******************************** DatePicker ********************************************/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.noDisplay{
    display:none;
}

a.editedLink{
 text-decoration:none;
 color:#000000;
}

a.editedLink:hover{
 text-decoration:underline;
    color:#000000;
}

.knowledgeContainer{
    width:100%;   
}

.knowledgeContainer h2{
    background-color:#8c88df;
    color:#ffffff;
    text-align:left;    
}

.knowledgeContainer img{
    margin:5px 5px 5px 0;
}

.splitContainer h3{
    margin:0;
    padding:0;
}
.splitContainer ul{
    padding-top:0;
    margin-top:0;
    padding-bottom:0;
    margin-bottom:0;
}

.ajaxPlaceHolder{
    /*background-image:url(/search/nb/20070603210204oe_/http://bite.uib.no/npweb/assets/placeholderBg.png);*/
    border:2px inset transparent;
}

.ajaxPlaceHolder:hover{
    border:2px inset #000000;
}

.warningHeading{
    background-image:url(/search/nb/20070603210204oe_/http://bite.uib.no/npweb/assets/warningHeading.png);
}


.warningHeading{
    height:48px;
    background-repeat:no-repeat;
    padding-top:12px;
    padding-left:40px;
    color:#6464e2;
    margin:15px 0;
}

.textFieldActionBox{
    background-color:#abb4d5;
    padding:.2em;
    position:absolute;
    /*display:inline-block;*/
   /* display:none;*/
    display:inline;
    z-index:10;
    /*margin-top:25px;*/
    float:left;
}

.hierarchyListItem{   
    list-style-image:url(graphics/hierarchy_connection5.png);

}
.hierarchyListParentItem{   
    list-style-image:url(graphics/hierarchy_connection3.png);
}
.uploadform{
    background-image:url(/search/nb/20070603210204oe_/http://bite.uib.no/npweb/assets/uploadpageBackground.png);
    background-position:center center;
}