/* 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;
} 

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 0em 20px; 
}

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

#contents { 
        padding: 0.75em; 
        min-height: 100px;
}

#contents pre { 
        overflow: auto;
}

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

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

div.error div.exception h2 { 
        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.previewUnavailable {
        color: red;
        display:inline;           
}


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


/* 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;
}



/* 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;
}




/* Resource title section: */

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

div.resource-title h1 {
	float:left;
        display: inline;
    	font-size: 125%;
    	font-weight: bold;
    	margin: 0 0 0 30px;
}

div.resource-title h1.application-x-vortex-collection {
    	margin: 0 0 0 38px;
}

div.resource-title h1.audio-x-mpeg {
    	margin: 0 0 0 33px;
}

div.resource-title h1.video-mpeg {
    	margin: 0 0 0 37px;
}

div.resource-title h1.locked { 
        /* padding-left: 15px; */
        /* background: transparent url(lock.gif) no-repeat 0 50% 0px -15px; */
}

div.application-x-vortex-collection {
        background: transparent url(dir.png) no-repeat 0px 5px;
}

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

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

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


h1.withActions { 
        max-width: 50%; /* To prevent box from extending all the way and cause wrapping */
        padding-right: 5px;
}


/* Classes for the rename form part of the action-bar */

.renameForm {
        float: left;
        margin: 0; padding: 0;
	margin-top: 2px;
        padding-left: 30px;
}

div.resource-title form.application-x-vortex-collection {
    	padding-left: 38px;
}

div.resource-title form.audio-x-mpeg {
    	padding-left: 33px;
}

div.resource-title form.video-mpeg {
    	padding-left: 37px;
}


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

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


/* ul.lockUnlockActions {
        margin: 2px 0 0 0;
	float:right;
        display: inline;
        list-style-type: none;
} */

/* ul.lockUnlockActions li a{ 
        padding-left: 20px;
} */

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

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


/* 'Directory listing header' section: */


div.directoryListingHeader { 
        padding-top: 1.25em;
	padding-bottom: 1.25em;
	/* border-bottom: 1px solid #aaa; */
}

div.directoryListingHeader h2 { 
        display: inline;
        float: left;
        margin-right: 10px;
        font-size: 100%;
}

div.directoryListingHeader h3 { 
	margin-bottom: 10px;
}

/* Needed to avoid flickering on hover in IE6.0 */
div.directoryListingHeader span { 
        float: left;
        background: url(up.gif) no-repeat 1% 50%;
}

div.directoryListingHeader a.parentURL { 
        float: left;
        padding: 0px 0px 0px 22px;
        background: url(up.gif) no-repeat 1% 50%;
}

ul.createUploadActions {
        float: right;
        list-style-type: none;
        display: inline;
        margin: 0;
        padding: 0px 0 2px 0;
	clear:right;
}

ul.createUploadActions li {
        display: inline;
}

li.fileUploadService {
        background: transparent url(upload.gif) no-repeat 1% 50%;
}

li.createDocumentService {
        background: transparent url(nyfil.gif) no-repeat 0px -3px;
        margin-left: 10px;
}

li.createCollectionService {
        background: transparent url(nymappe.gif) no-repeat 0px -3px;
        margin-left: 10px;
}

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

form.createUploadActions {
        background: #ccccff;
	padding: 15px;
        clear: both;
}

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

form.createUploadActions div {
  	padding-bottom: 10px;
}

/* 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%;}

form 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 {
        background: 
	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; */
} 


/* Permissions section: */

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

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


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 {
	margin: 0;
	padding: 5px 5px 10px 25px;
}


td.expandedForm ul.principalList ul.groups {
	margin: 0;
	padding: 5px 5px 10px 25px;
}


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 ul.errors { 
	padding: 0;
	margin: 0;
        list-style-type: none;
        color: red;
}

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;
}

/* Directory listing section: */

table.directoryListing {
        clear: left;
	margin-top: 0.5em;
        font-weight: normal;
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #b0e0e6;
        //white-space: nowrap;
}

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

table.directoryListing th.sortColumn {
        font-size: 80%;
        font-weight: normal;
}

table.directoryListing th.invertedSortColumn {
        font-size: 80%;
        font-weight: normal;
}

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 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.application-x-vortex-collection td.name {
	/* background: transparent url(dir2.gif) no-repeat 1% 50%; */
	background-position: 4px 4px;
        background-image: url(dir2.gif);
	background-repeat: no-repeat;
}

/* This has to be done properly one day ... */

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

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

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


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


div.footer {
        /* 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;
}