@charset "UTF-8";

/* YUI RESET & FONTS
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* FONTS */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* OOCSS TEMPLATE & GRIDS
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
http://github.com/stubbornella/oocss/raw/6cdbb831fe7c6e241883e07a59a68e33330b29b6/license.txt

TEMPLATE
version: 2009-11-03
http://github.com/stubbornella/oocss/commit/a4a450e87a58c85bee77c40a82b44adda66d2cb5

GRIDS
version: 2009-11-25
http://github.com/stubbornella/oocss/commit/085dfa81daacbab8594362d1b59e1dd71e959cb8
*/
/* TEMPLATE */
body{/*_text-align:center;*/}.body,.main{display: table-cell; *display:block;_position:relative; _left:-3px; _margin-right: -3px;width:auto; _zoom:1;}.body:after,.main:after{content: " . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;font-size: 36px;}.page{margin: 0 auto; width: 950px;/*_text-align:left;*/}.oldSchool{width:750px;}.gs960{width:960px;}.liquid{width: auto;margin:0;}.main{}.leftCol{float:left; width:250px;_margin-right:-3px;}.rightCol{float:right; width: 300px;_margin-left:-3px;}.gMail{width:160px;}.gCal{width:180px;}.yahoo{width:240px;}.myYahoo{width:300px;}
/* GRIDS */
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}



/* BASE PORTAL STYLES */

/* ### Page structure ##########################################################

   Layout of page elements; this should only define the template and grid,
   not the positioning of specific components.
*/

.page {
    max-width: 100%;
}

.page.sizeLarge,
.page.sizeVeryLarge {
    width: auto;
}

.head,
.line,
.foot {
    position: relative;
}

/* ### SKIN - Generic components ###############################################

   Simple, basic components that are reused throughout the site, e.g. forms,
   buttons, notification messages. This should also include skinning of layout
   elements (if required).
*/

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

q {
    quotes: "“" "”" "‘" "’";
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

/* --- Body size reset ------------- */

.page.sizeLarge {
    font-size: 1.45em;
}

.page.sizeVeryLarge {
    font-size: 2em;
}

/* --- Accessibility --------------- */

a:active,
a:focus,
.focus {
    outline-width: 1px;
    outline-style: dotted;
    text-decoration: underline;

    -moz-outline-offset: -1px;
}

.accessibilityHidden {
    left: -5000px;
    position: absolute;
    top: -5000px;
}

.hidden {
    display: none;
}

/* ### Page components #########################################################

   Most declarations should go in here; each component is self-contained and
   should organise its internal layout. Look-and-feel should be mostly
   inherited from general styles and generic components
*/

/* --- Modules --------------------- */

.mod, .mod-hd, .mod-bd, .mod-ft {
    overflow: hidden;
    position: relative;
    zoom: 1;  /* IE */
}

/* --- Nav Menu -------------------- */

.navMenu {
    overflow: hidden;
    position: relative;
    zoom: 1;  /* IE */
}

.navMenu li,
.navMenu dt,
.navMenu dd {
    float: left;
    list-style-type: none;
}

/* --- Print logo ------------------ */

.printLogo {
    display: none;
}

/* --- Repeatable control ---------- */

.bv-repeat label {
    float: left;
    width: auto;
}

.bv-repeat label input.yui-ac-input {
    width: 20em;
}

.bv-repeat .bv-repeat-add {
    float: left;
}

.bv-repeat label + .bv-repeat-add {
    position: relative;
    top: 1.3em;
}

.bv-repeat .yui-dt {
    clear: left;
}

.bv-repeat .yui-dt table {
    width: 100%;
}

/* --- Date picker ----------------- */

.yui-skin-sam .bv-date-picker.yui-menu-button button {
    background-image: url("/@@/resources/icon/portal-calendar.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    padding-right: 2.8em;
}

/* --- YUI radio/checkbox buttons -- */

.yui-skin-sam .yui-button.yui-radio-button button::-moz-focus-inner,
.yui-skin-sam .yui-button.yui-checkbox-button button::-moz-focus-inner {
    border: none;
}

.yui-skin-sam .yui-button.yui-radio-button .first-child,
.yui-skin-sam .yui-button.yui-checkbox-button .first-child {
    border: none;
    margin: 0;
}

.yui-skin-sam .yui-button.yui-radio-button button,
.yui-skin-sam .yui-button.yui-checkbox-button button {
    text-indent: -5000px;
    width: 24px;
}

.yui-skin-sam .yui-button.yui-radio-button,
.yui-skin-sam .yui-button.yui-checkbox-button {
    background-image: url("/@@/resources/icon/portal-checkboxes.png");
    background-repeat: no-repeat;
    border: none;
}

.yui-skin-sam .yui-button.yui-checkbox-button {
    background-position: -48px 0;
}

.yui-skin-sam .yui-button.yui-checkbox-button.yui-checkbox-button-checked {
    background-position: 0 0;
}

.yui-skin-sam .yui-button.yui-checkbox-button.yui-checkbox-button-focus,
.yui-skin-sam .yui-button.yui-checkbox-button.yui-checkbox-button-hover {
    background-position: -72px 0;
}

.yui-skin-sam .yui-button.yui-checkbox-button.yui-checkbox-button-focus.yui-checkbox-button-checked,
.yui-skin-sam .yui-button.yui-checkbox-button.yui-checkbox-button-hover.yui-checkbox-button-checked {
    background-position: -24px 0;
}

.yui-skin-sam .yui-button.yui-radio-button {
    background-position: -144px 0;
}

.yui-skin-sam .yui-button.yui-radio-button.yui-radio-button-checked {
    background-position: -96px 0;
}

.yui-skin-sam .yui-button.yui-radio-button.yui-radio-button-focus,
.yui-skin-sam .yui-button.yui-radio-button.yui-radio-button-hover {
    background-position: -168px 0;
}

.yui-skin-sam .yui-button.yui-radio-button.yui-radio-button-focus.yui-radio-button-checked,
.yui-skin-sam .yui-button.yui-radio-button.yui-radio-button-hover.yui-radio-button-checked {
    background-position: -120px 0;
}

/* --- ZTM admin bar --------------- */

/* ztmAdminBar extends mod */
/* ztmAdminBar extends navMenu */

.ztmAdminBar {
    height: 3.3em;
}

.ztmAdminBar-content {
    background-color: #4F85A0;
    background-image: url("/@@/resources/icon/portal-ztm-logo.png");
    background-repeat: no-repeat;
    border: 5px solid #4F85A0;
    border-top-width: 0;
    left: 50%;
    margin-left: -45%;
    position: fixed;
    _position: relative;  /* IE6 */
    width: 90%;
    z-index: 999999;

    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.ztmAdminBar ul {
    background-color: #FFF;
    margin-left: 111px;

    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

.ztmAdminBar li {
    width: 19.9%;
}

.ztmAdminBar li:first-child {
    border-left: none;
}

.ztmAdminBar li span,
.ztmAdminBar li a {
    display: block;
    margin: 0.2em 1em 0.4em 1em;
    overflow: hidden;
    padding: 0.5em;
    text-align: center;
    white-space: nowrap;
}


.ztmAdminBar li a {
    background-color: #ECF4FA;
    border: 1px solid #FFF;
    color: #3F7490;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
}

.ztmAdminBar li a:focus,
.ztmAdminBar li a:hover {
    background-color:#CEE0EB;
    border:1px solid rgba(63, 117, 144, 0.5);
    outline: none;

    box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:
        0 4px 6px rgba(255, 255, 255, 0.4) inset,
        0 5px 0 -2px rgba(255, 255, 255, 0.2) inset,
        0 7px 8px rgba(0, 0, 0, 0.2) inset,
        0 2px 3px rgba(0, 0, 0, 0.2);
}

/* --- TODO: Code below this line must be tidied up! --- */

.portalCollabromTopicList {
	margin-bottom:2em;
}

.portalCollabromTopicList h6 {
	border-bottom: none;
	margin-bottom: 0;
}

.portalCollabromTopicList .topicgroup {
	padding-bottom : 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #7A7A7A;
}

.collabroomPortalBranding .roomname {
	position:absolute;
	top: 45%;
	left: 0;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:1px;
	padding-top:1px;
	background-color:#ffffff;
	font-size:200%;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.collabroomPortalBranding .workspacename {
	position:absolute;
	top: 45%;
	left: 0;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:1px;
	padding-top:1px;
	color:#ffffff;
	font-size:200%;
}

/*We must hide the normal display of the collabroom title, since we
display the title on top of the brandingimage instead. */
#ztm-collabroom-header .intro {
	display:none;
}

/*We must hide the profileimage on the roompage, since we want to display
  a room-spesific brandingimage instead. */
#ztm-collabroom-profileimage {
	display:none;
}
/*#page-generic {
    width: 1020px;
	margin:45px auto;
}*/
/* knutj26feb2010: I didn't find any other way to get the ztm-collabroom page
                   to use the correct width than to explicitly set its width to
				   the same as .page. */
div#ztm-collabroom {
    width: 960px;
	padding: 10px 30px;
}

/* ztm comments portal specific styling*/
#ztm-commenting-new-comment input, #ztm-commenting-new-comment textarea{
  display: block;
}
#ztm-commenting-new-comment .hidden{
  display: none;
}

.hybrid-external-link{
    font-weight:normal;
    width:100%;
    float:left;
    margin-bottom:5px;
    margin-left:0%;
    clear:both;
}


.workflowstate_published a {color:#AF140F;} /* RED if published, we use the regular color. Then we do not have to perform any authentication check, because any file with other workflowstates, will not be visible to users who are not logged in */
.workflowstate_retracted a {color:#1100BB;} /* BLUE */
.workflowstate_internallypublished a {color:#30AD23;} /* GREEN */ 
.workflowstate_pending a {color:#FFF77D;}  /* YELLOW */
.workflowstate_private a {color:#EA8825;}  /* ORANGE */
.workflowstate_rejected a {color:#FCC6E2;}  /* PINK */
.workflowstate_unknown a {color:#000;}  /* BLACK */