/* Global rules */

html {
        min-width: 600px; 
}

p { 
	margin-top:1em; 
	
}

body, div, td, th, h1, h2, h3, h4 { /* redundant rules for bad browsers  */  
        font-family: Arial, Helvetica, sans-serif;
        voice-family: "\"}\"";
        voice-family: inherit;
	color: black;
}  

.clearhack {
        /* Clears Box Model Hack in IE5 */
        display: inline;
} 

.clear:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

body {
        margin: 0px;
	padding: 0px;
	border-collapse: collapse;	
}


form {
        margin:0; padding:0;
}

pre {
        margin-top: 0px;
        padding-top: 0px;
}

div.body {
	padding: 15px 20px 0 20px; 
}

div#main { 
	clear: both;
        border: solid #999 1px;
        /* width: 50em;  optional width to set a size to main body text area */
}

#contents { 
        height: 1%; /* Prevent preview iframe from breaking in IE (width: 100%) )*/
        padding: 0.75em; 
        min-height: 50px;
}

ul.listMenu {
        list-style-type: none;
}

ul.listMenu li {
        display: inline;
}

/* Error messages */

div.error { 
        padding: 1em 1.0em; 
        min-height: 100px;
}

div.error h1.errorHeader { 
        font-size: 100%;
        background: #efefef url(alert.png) no-repeat 5px 5px;
        padding-top: 10px;
        padding-left: 35px;
        height: 40px;
}

div.error p.errorMessage { 
        font-size: 90%;
}

div.error div.exception h2 { 
        font-size: 90%;
}

div.error div.exception { 
        font-size: 90%;
}

div.error div.exception ul.stacktrace {
        font-size: 80%;
        font-family: monospace;
        list-style-type: none;
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
}

p.errormessage { 
        font-size: 100%;
        background: url(alert.png) no-repeat 0px 0px;
        font-weight: bold;
        color: red;
        padding-top: 5px;
        padding-left: 32px;
}

div.infomessage { 
        font-size: 120%;
        font-weight: bold;
        padding: 5px 0px 5px 0px;
        border: 2px dotted #CCCCCC;
        color: #333;
        text-align: center;
        margin-bottom: 5px;
}

ul.errors { 
	padding: 0 0 7px 0;
	margin: 0;
        list-style-type: none;
        color: red;
}

/* Banner section: */

div.banner {
        width: 100%;
        height: 30px;
        background: #efefef url(uio-logo.png) no-repeat 15px 50%;
        padding-top: 20px;
        text-align: right;
        border-bottom: solid 2px; 
        border-color: #9C9A9C;
        font-size: 80%;
}

* html div.banner {
	height: 50px;
	he\ight: 30px;	
}

div.banner span.principal {
        margin-left: 15px;
        padding-right: 15px;
        background: transparent url(person.gif) no-repeat 1% 50%;
}

div.banner span.principal span.name {
        padding-left: 20px;
}

div.english {
        background: #efefef url(uio-logo-english.png) no-repeat 15px 50%;
}


/* Breadcrumb rules: */

div.breadcrumb {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 80%;
    background: whitesmoke;
    padding: 3px 3px 3px 7px;
}


div.breadcrumb ul {
        padding-left: 0px;
        display: inline;
}

div.breadcrumb li {
        display: inline;
}


/* Start resource title section: */

div#titleContainer { 
	padding-bottom: 1.4em;
}
 
div.resource-title {
    	background: transparent url(file.png) no-repeat 0px 5px;
        height: 30px;
        padding-top: 8px;
}

div.resource-title h1 {
        max-width: 50%; /* To prevent box from extending all the way and cause wrapping */
        padding-right: 5px;
	float:left;
        display: inline;
    	font-size: 125%;
    	font-weight: bold;
    	margin: 0 0 0 30px;
}

div.folder {
        background: transparent url(dir.png) no-repeat 0px 5px;
}

div.folder h1 {
    	margin: 0 0 0 38px;
}

div.audio {
        background: transparent url(audio.png) no-repeat 0px 5px;
}

div.audio h1 {
    	margin: 0 0 0 33px;
}

div.video {
        background: transparent url(video.png) no-repeat 0px 5px;
}

div.video h1 {
    	margin: 0 0 0 37px;
}

div.image {
        background: transparent url(image.png) no-repeat 0px 5px;
}


div#titleContainer form {
        background: #ccccff;
        width: 95%;
        margin-top: 7px;
	padding: 15px; 
        clear: both;
        float: left;
}

div#titleContainer h3 {
        font-size: 100%;        
        padding-bottom:10px;
}

ul.globalMenu {
	float:left;
        display: inline;
        list-style-type: none;
        margin: 2px 0 0 0;
        padding-left: 0px;
}

ul.globalMenu li {
        display: inline;
        padding-right: 5px;
}


ul.lock {
	padding-top: 5px;
        margin: 0;
	float:right;
        display: inline;
        list-style-type: none;
} 

ul.lock li { 
        display: inline;
	font-size: 80%;
	padding-left: 20px;
	background: transparent url(lock.gif) no-repeat 0px 25%;
}

/* End resource title section: */


/*  Start of 'TabMenuLine' section: */

div.activeTab { 
        padding: 5px 10px 4px 15px;                   
	/* border-bottom: 1px solid #aaa; */
}

/* TabMenu1 */

ul.tabMenu1 {
       float: left;
}

ul.tabMenu1 li.navigateToParentService { 
        background: url(up.gif) no-repeat 1% 50%;
}

ul.tabMenu1 li.navigateToParentService a {
        /* Move link text 22px right (away from the icon) */
        padding-left: 22px;
}

/* TabMenu2 */

ul.tabMenu2 {
        float: right;
        padding: 2px 0 2px 0px;
}

ul.tabMenu2 li {
        margin-left:10px;
}

/* Items in tabMenu2 with icons (icons are optional) */

ul.tabMenu2 li.fileUploadService {
        background: transparent url(upload.gif) no-repeat;
}

ul.tabMenu2 li.createDocumentService {
        background: transparent url(nyfil.gif) no-repeat;
        padding-top: 4px; /* Taller icon*/
}

ul.tabMenu2 li.moveResourcesService {
        background: transparent url(move.png) no-repeat 0px 2px;
        padding-top: 4px; /* Taller icon*/
}

ul.tabMenu2 li.copyResourcesService {
        background: transparent url(copy.png) no-repeat 0px 2px;
        padding-top: 4px; /* Taller icon*/
}

ul.tabMenu2 li.createCollectionService {
        background: transparent url(nymappe.gif) no-repeat 0px -2px;
}

ul.tabMenu2 li.fileUploadService a, ul.tabMenu2 li.createDocumentService a {
        /* Move link text 22px right (away from the icon) */
        padding-left: 22px;
}

ul.tabMenu2 li.createCollectionService a {
        /* Move link text 25px right (away from the icon) */
        padding-left: 25px;
}

ul.tabMenu2 li.moveResourcesService a, ul.tabMenu2 li.copyResourcesService a {
        /* Move link text 27px right (away from the icon) */
        padding-left: 27px;
}

/* Form items in tabMenu2 */

div.activeTab form {
        background: #ccccff;
        width: 95%;
        margin-top: 5px;
        margin-bottom: 7px;
	padding: 15px; 
        clear: both;
        float: left;
}

* html div.activeTab form {
        margin-top: -9px;
}

form div#submitButtons {
  	padding-top: 10px;
}

div.activeTab form ul {
        list-style-type: none;
	margin: 0px 0 10px 0;
	padding: 2px;
}

div.activeTab form h3 {font-size: 100%;padding-bottom:10px;}

/* Used to display messages like "This folder contains an index-file etc." */

div.tabMessage {
        font-size: 75%; 
        padding: 5px 0 5px 0; 
        font-weight: bold;
        float:left;
}

a.tabHelpURL {
        font-size: 75%; 
        padding: 5px 0 5px 0; 
        float:right;
}

/*  End of 'TabMenuLine' section: */


/* Properties section */

.resourceInfoHeader {
	padding-top: 1em;
	padding-bottom: 0.25em; 
	border-bottom: 1px solid #aaa;
        font-size:100%;
}

.resourceInfoHeader h2, .resourceInfoHeader h3 {font-size:100%;}

.resourceInfo {
        border-collapse: collapse;
	margin: 0;
	margin-top: 0.5em;
	font-size: 80%;
	width: 100%
}

.resourceInfo tr {
        background: #eeeeee;
	border-bottom: solid 1px #ccc;
}

.noMetadata {
	margin-top: 0.35em;
	padding: 0.15em;
	padding-bottom: 0.15em;
       	padding-left: 0.5em;
        background: #eeeeee;
        font-size: 80%;
}

/* No support for border-bottom in IE */

* html .resourceInfo tr {
	border-bottom: none;
	padding: 1px;
	background: #eeeeee url(grey.png) repeat-x bottom;	
}

.resourceInfo td {
	padding: 0.15em;
	padding-bottom: 0.15em;
	padding-left: 0.5em;
	margin: 0;	
}

.resourceInfo td.key {
    	font-weight: bold;
	width: 10%;
	white-space: nowrap;
}

.resourceInfo td.value {
	padding-left: 10px;
	width: 90%;
}


.propertyName, .propertyValue, .propertyValue a {
	/* color: #aaa; */
} 

.resourceInfo tr.grey td, .resourceInfo tr.grey td a{
	color: #aaa;
} 

.resourceInfo tr.grey td.expandedForm {
	color: #000;
} 


/* Permissions section: */

.permissionsToggleHeader {
        float: left;                          
        display: inline;
}

.permissionsToggleAction {
        float: right;
        padding-top: 0em;        
        font-weight: bold;
        display: inline;
        font-size: 100%;
        color: #555;
}

/* Need to override these due to a strange, strange error in IE5 on macosx */

* html .permissionsToggleAction {
        float: right;
}

* html .permissionsToggleHeader {
        float: left;
}

fieldset {
	display: inline;
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
	padding: 0 10px 10px 15px;
} 

legend {
	margin: 0; 
	padding: 0 2px 0 2px;
	font-weight: normal;
} 

td.expandedForm {
        background: #ccccff;
	width: 100%;

}

td.expandedForm form {
	float: left; 
        /* Expanded properties/permissions form */
        padding: 15px;
	margin: 0;
}


td.expandedForm ul.everyoneOrSelectedUsers { 
	float: left; 
	clear: both;
	list-style-type: none;
        padding: 7px 0px 7px 0px;
	margin: 0;
}

td.expandedForm ul.everyoneOrSelectedUsers li{ 
        padding: 4px 0px 4px 0px;
	margin: 0;
}

td.expandedForm ul.principalList {
	float: left; 
	clear: both;
        list-style-type: none;
        padding: 0 0 0 25px;
	margin: 0px;
}

td.expandedForm ul.principalList li.users {
	float: left; 	
        margin-right: 20px;
}

td.expandedForm ul.principalList li.groups {
	float: left; 
	clear: right;
}

td.expandedForm ul.principalList ul.users {
        list-style-type: disc;
	padding: 7px 5px 10px 25px;
}

td.expandedForm ul.principalList ul.groups {
        list-style-type: disc;
	padding: 7px 5px 10px 25px;
}

td.expandedForm ul.principalList ul.users li, td.expandedForm ul.principalList ul.groups li {
	padding: 1px 0 1px 0;
}

td.expandedForm ul.inheritance, td.expandedForm ul.property {
	padding: 10px;
	list-style-type: none;
} 

td.expandedForm ul.inheritance li, td.expandedForm ul.property li{
	padding: 3px;
} 

td.expandedForm div.submitButtons { 
	clear: both;
	float: left; 
	padding-top: 10px;
        margin: 0;
}

td.expandedForm span.addGroup, td.expandedForm span.addUser{ 
	white-space: nowrap;
}

td.expandedForm h3.nonul, td.expandedForm div.nonul {
	padding-bottom: 10px;
}

td.expandedForm h3 {
        font-size: 100%;
}

/* Directory listing section: */

table.directoryListing {
        clear:both;                                       
	margin-top: 0;
        font-weight: normal;
        font-size: 100%;
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #b0e0e6;
}

table.directoryListing th {
        padding: 3px;
        text-align: left;
        font-weight: normal;
        font-size: 80%;
        background: #eeeeee;
}

table.directoryListing th.sortColumn {
        font-weight: bold;
}

table.directoryListing th.invertedSortColumn {
        font-weight: bold;
}

table tr.odd {
        background: transparent;
}

table tr.even {
        background: #eeeeee;
}

table.directoryListing td {
        padding: 3px;
        padding-right: 15px;
}

table.directoryListing td.activeLock {
	/* background: transparent url(lock.gif) no-repeat 1% 50%; */
	background-position: center;
        background-image: url(lock.gif);
	background-repeat: no-repeat;
}

table.directoryListing th.locked {
	text-align: center;
}

table.directoryListing td.activeLock span.lockOwner {
        /* padding-left: 15px; */
}

table.directoryListing td.name a {
        padding-left: 22px;
}
        
table.directoryListing td.duplicate, table.directoryListing td.last-modified, table.directoryListing td.content-length {
        white-space: nowrap;
}

table.directoryListing td span.unauthorizedListedResource { 
        padding-left: 22px;
}


/* Icons for directory listing */

table.directoryListing td.name {
        /* background: transparent url(file2.gif) no-repeat 1% 50%; */
	background-position: 4px 4px;
        background-image: url(file2.gif);
	background-repeat: no-repeat;
}

table.directoryListing tr.folder td.name {
	/* background: transparent url(dir2.gif) no-repeat 1% 50%; */
	background-position: 4px 4px;
        background-image: url(dir2.gif);
	background-repeat: no-repeat;
}

table.directoryListing tr.image td.name {
	background-position: 4px 4px;
        background-image: url(image2.png);
	background-repeat: no-repeat;
}

table.directoryListing tr.audio td.name {
	background-position: 4px 4px;
        background-image: url(audio2.png);
	background-repeat: no-repeat;
}

table.directoryListing tr.video td.name {
	background-position: 3px 8px;
        background-image: url(video2.png);
	background-repeat: no-repeat;
}


table.directoryListing td.locked {
	text-align: center;	
}

div.footer {
        padding: 5px;
}

div.versionInfo {
        /* display: none; */
        clear: both;
        margin-top: 0.5em;
        /* float: left; */
	text-align: center;
        font-size: 70%;
        color: #555;
}  


/* Locale selection section */

div.localeSelection { 
        margin: 0.5em;
	/* float: right; */
	text-align: center;
        font-size: 70%;
        color: #555;

}

div.localeSelection h3 {
        padding: 0; 
        margin: 0;
        color: #555;
        font-size: 100%;
        font-weight: normal;
	display: inline;
}

div.localeSelection ul { 
        padding:0;
        margin:0;
        display: inline;
}

div.localeSelection ul li { 
	display: inline;
}


/* "Manage" link on bottom of collectionlisting: */

div.manageLink { 
        font-size: 80%;
        padding-top: 10px;
        padding-bottom: 15px;
        float: right;
}


/* Start preview section */

iframe.preview { 
        height: 1%; /* Prevent preview iframe from breaking in IE (width: 100%) )*/
        width:100%;
        height:350px;
}


img.preview {
        max-width: 100%;
        max-height: 100%;
}

pre.preview { 
        color: black;
        overflow: auto;
}

p.previewUnavailable {
        margin-top: 5px;        
}

p.xmlEditUnavailable {
        color: red;
        display:inline;           
}


/* Notice board */

li.newNoticeService {
        background: transparent url(nyfil.gif) 22px -4px no-repeat;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 10px;
        padding-left: 22px;
}

h1.notice-board {
    	font-size: 125%;
    	font-weight: bold;
}

h2.notice-board {
    	font-size: 100%;
    	font-weight: bold;
}