@charset "UTF-8";

/* ### SKIN - General Styles ###################################################

   This section sets up basic typography and colors for the site; it should
   only define the defaults for elements.
*/

/* --- Body ------------------------ */

html {
    background-color: #EAEAEB;
    background-image: url("/@@/resources/image/bgMain.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    color: #333;
}

.pageKdu {
    background-color: #FFF;
    background-image: url("/@@/resources/image/bgPage.png");
    background-position: 100% 350px;
    background-repeat: no-repeat;
}


/* --- Headings -------------------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #222;
    font-family: Arial, sans-serif;
    margin-bottom: 0.5em;
}

/* h1, h5, and h6 are reserved:
   - h1 for page heading
   - h5 for sidebar groups
   - h6 for sidebar modules */

h1, .h1 {
    color: #7A7A7A;
    font-size: 212%;  /* 28px */
}

h2, .h2 {
    font-size: 146.5%;  /* 19px */
}

h3, .h3 {
    font-size: 131%;  /* 17px */
}

h4, .h4 {
    font-size: 116%;  /* 15px */
}

h5, .h5 {
    border-top: 10px solid #AD120D;
    color: #333;
    font-size: 116%;  /* 15px */
    padding-top: 10px;
}

h6, .h6 {
    border-bottom: 1px dotted #7A7A7A;
    font-size: 116%;  /* 15px */
}

/* blockHeading extends #h2 */

.blockHeading {
    border-top: 10px solid #B4B4B4;
    color: #333;
    font-size: 116%;  /* 15px */
    padding-top: 10px;
}

/* simpleHeading extends #h3 */

.simpleHeading {
    font-size: 100%;  /* 13px */
    font-weight: bold;
    margin: 0;
}

/* --- Links ----------------------- */

a {
    color: #AF140F;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

a.selected{
    font-weight:bold;
}

/* --- Body content blocks --------- */

.bodyText p,
.bodyText ul,
.bodyText ol,
.bodyText dl,
.bodyText pre,
.bodyText address,
.bodyText table,
.bodyText form {
    line-height: 1.5;
    margin-bottom: 1.75em;
}

/* --- Lists ----------------------- */

.bodyText ol,
.bodyText ul {
    padding-left: 1.6em;
}

.bodyText ol li {
    list-style: decimal;
}

.bodyText ul li {
    list-style: square;
}

.bodyText ol li li,
.bodyText ul li li {
    font-size: 100%;  /* reset size */
}

.bodyText dl dt {
    font-weight: bold;
    margin-top: 0.8em;
}

.bodyText dl dd {
    padding-left: 1.6em;
}

/* --- Tables ---------------------- */

.bodyText table{
  border-collapse: collapse;  
}

.bodyText th {
    font-weight: bold;
    background-color: #F0F0F0;    
}
.bodyText th, .bodyText td {  
  border: 1px solid #ccc;
  padding: 0.5em;
}



/* ### 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).
*/

/* --- Forms ----------------------- */

label {
    display: block;
    padding-bottom: 1em;
    position: relative;
    width: 100%;
}

label > span {
    display: block;
}

label.wysiwyg {
    z-index: 1000;
}

/* --- Form elements --------------- */

input[type="text"],
input[type="password"],
input.text,
textarea {
    background-color: #FFF;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    min-height: 1.1em;
    padding: 0.45em;

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

    box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.2) inset;
}

input[type="text"]:focus,
input.text:focus,
textarea:focus {
    background-color: #E8F2FF;
    border-color: #7D98B8;

    box-shadow: 0 0.25em 1em rgba(125, 153, 184, 0.5) inset;
    -moz-box-shadow: 0 0.25em 1em rgba(125, 153, 184, 0.5) inset;
    -webkit-box-shadow: 0 0.25em 1em rgba(125, 153, 184, 0.5) inset;
}

label > input[type="text"],
label > input.text,
label > textarea {
    width: 25em;
}

fieldset.checkboxGroup label,
fieldset.radioGroup label {
    float: left;
    width: 49%;
}

fieldset.checkboxGroup label span.yui-button,
fieldset.radioGroup label span.yui-button {
    float: left;
}

/* --- Messages -------------------- */

.msg {
    border: 1px solid #000;
    font-size: 93%;  /* 12px */
    margin: 1em 0;
    padding: 1em;
}

.msgError /* extends msg */ {
    background-color: #FFCDCD;
    border-color: #800000;
    color: #800000;
}

.msgWarning /* extends msg */ {
    background-color: #FFFBCD;
    border-color: #3B1A00;
    color: #3B1A00;
}

.msgInfo /* extends msg */ {
    background-color: #CDD7FF;
    border-color: #000080;
    color: #000080;
}

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

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

/* --- Page ------------------------ */

.pageKdu /* extends OOCSS/template/page */ {
    margin-top: 45px;
    width: 1020px;
}

.abovePagelet,
.belowPagelet {
    margin: 0 30px;
}

.layoutOneColumn {
    margin: 0 30px;
}

.layoutTwoColumn {
    margin: 0 30px;
}

.layoutTwoColoumn .mainContentColumn {
    padding-right: 10px;
}

.layoutTwoColumn .sidebarColumn {
    padding-left: 20px;
}

/* --- Page-level tabs ------------- */

.abovePagelet .tabs {
    margin-bottom: 30px;
}

/* --- Tema page ------------------- */

.mainContentColumn .subjectListing {
    margin-top: 30px;
}

/* --- Project list page ----------- */

.mainContentColumn .projectListColumn {
    padding-right: 10px;
    position: relative;
    overflow: auto;
}

.mainContentColumn .projectFiltersColumn {
    padding-left: 20px;
}

/* --- Sidebar widgets in main col - */

.mainContentColumn .portalTopicListStructured {
    margin-top: 30px;
}

/* --- Project survey page --------- */

.pageSurvey .portalSummary {
    margin-right: 320px;
}

.pageSurvey .projectFactList .projectFact {
    margin-bottom: 10px;
    margin-right: 10px;
}

.pageSurvey .projectFactList .lastUnit .projectFact {
    margin-left: 10px;
    margin-right: 0;
}

.pageSurvey .projectAssessment {
    margin-bottom: 10px;
}

/* --- Header ---------------------- */

.head .textSizeSelector {
    position: absolute;
    right: 4px;
    top: -23px;
}

.head .navMenuTertiary {
    position: absolute;
    right: 62px;
    top: -29px;
    z-index: 1;
}

.head .navMenuTertiaryLogo {
    position: absolute;
    left: 0px;
    top: -39px;
    z-index: 1;
}


.head .navMenuBreadcrumbs {
    margin: 20px 30px;
}

.head .printSharing {
    float: right;
    margin: 20px 30px 0 30px;
}

h2.typeTitle {
    font-size: 100%;
    margin-bottom: 0px;
}

/* --- Sidebar --------------------- */

.sidebarColumn .mod {
    margin-bottom: 30px;
}

/* --- Footer ---------------------- */

.foot {
    padding: 10px 30px;
}

/* --- Home page ------------------- */

#page-startside .printSharing {
    display: none;
}

#page-startside .mainContentColumn,
#page-startside .sidebarColumn {
    margin-top: 30px;
}

/* --- Project form page ----------- */

#formPagesLinkList,
#projectForm {
    margin-bottom: 3em;
    padding-right: 30px;
}

/* ### 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
*/

/* --- Branding -------------------- */

/* .portalBranding extends mod */

.portalBranding {
    background: #AF140F url("/@@/resources/image/branding.gif") top right no-repeat;
}

.portalBranding-content a.logo {
   display: block;
   padding: 10px 20px;
}

.portalBranding-content .topbanner {
   height: 170px;
}
/* --- Primary Nav Menu ------------ */

.navMenuPrimary /* extends mod */ {
    background-color: #535353;
}

.navMenuPrimary-content {
    margin: 0 10px;
}

.navMenuPrimary li {
    padding: 10px 0;
}

.navMenuPrimary li.selected {
    background-color: #FFF;
    margin-left: -1px;
    padding-left: 1px;
}

.navMenuPrimary li a {
    border-right: 1px solid #FFF;
    color: #FFF;
    font-weight: bold;
    padding: 0 20px;
    text-decoration: none;
}

.navMenuPrimary li.selected a {
    color: #535353;
}

.navMenuPrimary li:last-child a {
    border-right: none;
}

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

/* .navMenuSecondary extends mod */

.navMenuSecondary .mod-bd {
    font-size: 93%;  /* 12px */
}

.navMenuSecondary h6 {
    border-bottom:none;
}

.navMenuSecondary li {
    margin-right: 1em;
	color:#b0160e;
}

.navMenuSecondary a {

}


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

/* .navMenuTertiary extends mod */

.navMenuTertiary-content li{
    margin-left:5px;
	overflow:hidden;
	height:auto;
}
.navMenuTertiary-content li a{
    padding-top:5px;
	display:block;
	float:left;
}

.navMenuTertiary-content li span{
    display:block;
	float:left;
	color:#AF140F;
	padding:5px 0px 0px 5px;
}

.navMenuTertiary-content li span.loginname {
	color:#000000;
	padding-right:1.5em;
	font-weight:bold;
}



/* --- Portal global search form ---------- */

/* #portalGlobalSearch */

#portalGlobalSearch{
    border:solid 1px #bbbbbb;
	background-color:#ffffff;
	overflow:hidden;
	height: 20px;
	padding:1px;
}

#portalGlobalSearch p{
    float:left;
}

#portalGlobalSearch .searchField{
  background:none;
  border:none;
  padding:0px;
  margin:0px;
  width:15em;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/* --- Breadcrumbs ----------------- */

/* .navMenuBreadcrumbs extends mod */
/* .navMenuBreadcrumbs extends navMenu */

.navMenuBreadcrumbs .mod-bd {
    font-size: 93%;  /* 12px */
}

.navMenuBreadcrumbs p {
    float: left;
    margin-right: 1em;
}

.navMenuBreadcrumbs li {
    margin-right: 1em;
}

.navMenuBreadcrumbs li:before {
    content: "»";
    margin-right: 1em;
}

.navMenuBreadcrumbs li:first-child:before {
    content: none;
}

.navMenuBreadcrumbs a {
    text-decoration: none;
}

/* --- Text size selector ---------- */

/* .textSizeSelector extends mod */

.textSizeSelector li {
    border-left: 1px solid #F7921E;
    float: left;
    height: 1.25em;
    position: relative;
    width: 1.25em;
}

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

.textSizeSelector a {
    bottom: -1px;
    color: #333;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.textSizeSelector .sizeDefault a {
    font-size: 93%;  /* 12px */
}

.textSizeSelector .sizeLarge a {
    font-size: 116%;  /* 15px */
}

.textSizeSelector .sizeVeryLarge a {
    font-size: 131%;  /* 17px */
}

/* --- Content heading ------------- */

.portalContentHeading /* extends mod */ {
    margin-bottom: 1.75em;
}

.portalContentHeading h1 {
    margin-bottom: 0;
}

.portalContentHeading p {
    color: #7A7A7A;
    margin-top: 1em;
}


/* --- Print and sharing ----------- */

/* .printSharing extends mod */

.printSharing .print {
    background: transparent url("/@@/resources/image/print.gif") no-repeat;
    padding-left: 20px;
    margin-right: 10px;
}

.printSharing .share {
    background: transparent no-repeat;
    display: inline-block;
    height: 14px;
    text-indent: -9999px;
    width: 14px;
}

.printSharing .share:focus {
    outline: none;
}

.printSharing .share.fb {
    background-image: url("/@@/resources/image/facebook.gif");
}

.printSharing .share.tw {
    background-image: url("/@@/resources/image/twitter.gif");
}

.printSharing a {
    cursor: pointer;
}

/* --- Content summary ------------- */

.portalSummary /* extends mod */ {
    font-style: italic;
    font-weight: bold;
    margin-bottom: 1.75em;
}


/* --- Content decoration: image --- */

.portalDecorationImage /* extends mod */ {
    margin-bottom: 1.75em;
}

.portalDecorationImage .mod-ft {
    color: #7A7A7A;
    font-size: 93%;  /* 12px */
    font-style: italic;
}

/* --- Person list ----------------- */

/* .portalPersonList extends mod */

.portalPersonList .mod-bd {
    background-color: #F0F0F0;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 15px 15px 0 15px;

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

.portalPersonList li {
    min-height: 90px;
	max-height:100px;
    padding-bottom: 1.5em;
    position: relative;
	overflow:hidden;
	margin-bottom:20px;
}

.portalPersonList img {
    position: absolute;
}

.portalPersonList p {
    font-size: 116%;  /* 15px */
    margin-left: 90px;
}

.portalPersonList dl {
    margin-left: 90px;
}

.portalPersonList dt {
    font-weight: bold;
    margin-top: 0.5em;
}

/* --- Grouped topic list ---------- */

.portalGroupedTopicList ul {
    padding-bottom: 15px;
}

.portalGroupedTopicList li {
    color: #AF140F;
    list-style-type: square;
    margin-left: 1em;
}

/* --- Structured data topic list -- */

.portalTopicListStructured dl {
    padding-bottom: 15px;
}

.portalTopicListStructured dt {
    clear: left;
    float: left;
    margin-right: 0.25em;
}

.portalTopicListStructured dt:after {
    content: ":";
}

/* --- Relevant files -------------- */

/* .portalRelevantFiles extends mod */

.portalRelevantFiles li {
    margin-bottom: 0.25em;
}

/* --- Frontpage styles ------------- */

/* .portalFrontpageExamples extends mod */

.portalFrontpageExamples h3 {
   margin-bottom: 0px;
}

.portalFrontpageExamples p {
  margin-bottom: 1em;
}

.portalFrontpageExamples img {
    width: 203px;
}

.portalFrontpageExamples .portalFrontpageExampleItem {
    margin-right: 5px;
    margin-left: 5px;
    overflow: hidden;
}

.portalFrontpageExamples .lastUnit .portalFrontpageExampleItem {
    margin-right: 0;
    margin-left: 10px;
}

.portalFrontpageExamples .firstUnit .portalFrontpageExampleItem {
    margin-right: 10px;
    margin-left: 0;
}

/* --- portalFrontpageMainFocus ---- */

/* portalFrontpageMainFocus extends mod */

.portalFrontpageMainFocus .portalFrontpageMainFocusItem{
    margin-right: 5px;
    margin-left: 5px;
}

.portalFrontpageMainFocus .lastUnit .portalFrontpageMainFocusItem {
    margin-right: 0;
    margin-left: 10px;
}

.portalFrontpageMainFocus .firstUnit .portalFrontpageMainFocusItem {
    margin-right: 10px;
    margin-left: 0;
}

.portalFrontpageMainFocus .portalFrontpageMainFocusItem {
    background: url("/@@/resources/image/fpFoucs.jpg") bottom left repeat-x;
    padding-bottom: 34px;
}

.portalFrontpageMainFocus h3 {
    background-color: #535353;
    border: 1px solid #535353;
    color: #FFF;
    margin-bottom: 0;
    padding: 3px 10px;
}

.portalFrontpageMainFocus ol {
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    padding: 10px;
}

.portalFrontpageMainFocus ol li {
    margin-bottom: 3px;
}

/* --- frontpageTopicList ---------- */

.FrontpageTopicList h5 {
    border-top: 10px solid #B4B4B4;
}

.FrontpageTopicList li h6 {
    border: none;
    font-size: 100%
}

.mainContentColumn .FrontpageTopicList li h6 {  /* no, no, no! */
    float: right;
    width: 565px;
}

.mainContentColumn .FrontpageTopicList li span.date {  /* no, no, no! */
    display: block;
    float: left;
    font-size: 93%;
}

.FrontpageTopicList li {
    border-bottom: 1px dotted #7A7A7A;
    margin-bottom: 10px;
}

.FrontpageTopicList li a {
   font-weight: bold;
}

.FrontpageTopicList li.last {
  border-bottom: none;
}

.FrontpageTopicList li.last a {
    font-weight: normal;
    white-space: nowrap;
}

/* --- Subject listing ------------- */

/* .subjectListing extends mod */

.subjectListing-content {
    margin-right: -15px;
}

.subjectListing .subjectSummary {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 15px;
    width: 221px;
    vertical-align: top
}

/* --- Subject summary ------------- */

/* .subjectSummary extends mod */

.subjectSummary-content {
    background-repeat: no-repeat;
    padding-top: 117px;
}

.subjectSummary h2 {
    margin: 15px 0 2px 0;
}

.subjectSummary ol {
    overflow: hidden;
}

.subjectSummary li {
    display: block;
    float: left;
}

.subjectSummary li a {
    display: inline-block;
    float: left;
}

.subjectSummary li:after {
    content: ", ";
    white-space: pre;
}

.subjectSummary li:last-child:after {
    content: ".";
    white-space: normal;
}

/* --- Topic listing --------------- */

/* .topicList expends mod */

.topicList li {
    background-repeat: no-repeat;
    background-position: 0 2em;
    margin-bottom: 15px;
    min-height: 150px;
}

.topicList p, .topicList span {
    padding-left: 236px;
}

/* --- Contact card ---------------- */

/* .portalContactCard extends mod */

.portalContactCard img {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
}

.portalContactCard dl {
    margin-bottom: 30px;
    overflow: hidden;
}

.portalContactCard dt {
    font-weight: bold;
    margin-top: 1em;
	float:left;
	display:block;
	width:auto;
	margin-right: 0.1em;
	clear:both;
}

.portalContactCard dt:after{
    content: ": ";
	white-space:pre;
}

.portalContactCard dd {
   float:left;
   margin-top: 1em;
   display:block;
   width:200px;
}

/* --- Structured Data ------------- */

/* .portalStructuredData extends mod */

.portalStructuredData .mod-bd {
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 15px;

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

.portalStructuredData dt {
    font-weight: bold;
    margin-top: 0.5em;
}

.portalStructuredData dt:first-child {
    margin-top: 0;
}

/* --- Resourcelisting page -------- */

/* .resourceNavigation-content */

.resourceNavigation{
    margin-top:10px;
}

.resourceNavigation-content li a:before{
    content: "»";
    margin-right: 0.2em;
}

.resourceNavigation-content li{
  width:200px;
  margin-bottom:10px;
}

.resourceNavigation-content ol{
  padding-bottom:10px;
}

.resourceNavigation-content .resultRange{
  padding-bottom:3x;
  border-bottom:10px solid #b4b4b4;
  margin-bottom:10px;
}

.resourceListing-content li{
  margin-bottom:20px;
}

/* --- About site footer info ------ */

/* .portalAbout extends mod */
/* .portalAbout extends navMenu */

.portalAbout dl {
    color: #535353;
    font-size: 85%; /* 11px */
}

.portalAbout dt {
    font-weight: bold;
    margin-right: 0.5em;
}

.portalAbout dd {
    margin-right: 0.5em;
}

.portalAbout dd:after {
    content: "–";
    margin-left: 0.5em;
}

.portalAbout dd:last-child:after {
    content: "";
}

/* -- Illustration image -------------------- */
.sidebarColumn div.portalDecorationImage-content img{
  width: 300px;
}


/* --- Program incentive listing ------------- */

/* .portalContentProgramIncentive extends mod */
.portalContentProgramIncentive .mod-bd {
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 15px;

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

/* --- Program incentive listing ------------- */

/* .portalContentProgramIncentive extends mod */

.portalContentProgramTargetGroup .mod-bd {
    background-color: #F0F0F0;
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 15px;

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

/* -- Search pages --------------------------- */
.portalSearchForm-content{
    position:relative;
    border-bottom: 10px solid #b4b4b4;
}
#searchFormField{
  width:60%;
  margin-bottom:10px;
  padding:0.25em;
}

#searchFormSubmit{
    position:absolute;
	top:0.2em;
	right:16.5em;
}

.portalSearchForm-content p {
  margin-bottom:20px;

}
.portalSearchNavigation-content,
.portalEventsSearchNavigation-content {
   overflow:hidden;
   height:auto;
   /*
   border-top:solid 10px #b4b4b4;
   margin-bottom:5px;
   border-bottom:solid 1px #dddddd;
   */
   padding:10px 0px;

}

.portalEventsSearchNavigation-content{
   border:none;
}

.portalSearchNavigation-content p,
.portalEventsSearchNavigation-content p {
   float:left;
   font-size:14px;
   color:#222222;
}

.portalSearchNavigation-content .navList,
.portalEventsSearchNavigation-content .navList {
   overflow:hidden;
   height:auto;
   float:right;
}

.portalSearchNavigation-content .navList li,
.portalEventsSearchNavigation-content .navList li {
    float: left;
    margin-left: 1em;
}

.portalSearchGroupedTopicList {
    margin-top: 9em;
}
.portalSearchGroupedTopicList h5{
  border-color: #B4B4B4;
}


.portalSearchGroupedTopicList h6{
  border-bottom: none;
  font-weight: bold;
  font-size: 100%;
}

.portalSearchGroupedTopicList ul {
   border-bottom: 1px solid #ddd;

}
.portalSearchGroupedTopicList ul li, .portalSearchGroupedTopicList ul{
  margin-bottom:0.5em;
}

.portalSearchResults{
  border-top:1px solid #DDDDDD;
  padding-top: 5px;

}

.portalSearchResults-content{
  padding-bottom: 5px;
  border-bottom:1px solid #DDDDDD;
}
.portalSearchResults-content .navMenu {
    font-size: 0.9em;
}

.portalSearchResults-content .navMenu li strong a {
    color: #222;
}
.portalSearchResults-content .portalContactCard dl{
  margin-bottom: 0em;
}
.portalSearchResults-content .portalContactCard dl dd, .portalSearchResults-content .portalContactCard dl dt{
  margin-top: 0em;
  margin-bottom: 5px;
}

.portalSearchResults-content li {
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.portalSearchResults-content li > img{
   float:left;
   margin-right:10px;
}

/* --- Network lists --------------- */

.portalOrganisationList li {
    color: #AF140F;
    list-style-type: square;
    padding-bottom: 5px;
}

/* --- Tabs ------------------------ */

/* tabs extends mod */

.tabs-content {
    border-bottom: 1px solid #DDD;
}

.tabs ol {
    margin-bottom: -3px;
}

.tabs li {
    display: block;
    float: left;
    margin-right: 5px;
    z-index: 200;
}

.tabs li a {
    display: block;
    font-size: 108%;  /* 14px */
    padding: 5px 10px;
}

.tabs li strong {
    display: block;
    border: 1px solid #DDD;
    border-bottom: 2px solid #FFF;
}

.tabs li strong a {
    color: #333;
    display: block;
    padding: 4px 15px 2px 15px;
    background: #FFF url("/@@/resources/image/tabGradient.gif") top left repeat-x;
    border: 1px solid #FFF;
    border-bottom-width: 2px;
}

/* --- Repeatable field widget ----- */

.bv-repeat {
    padding-bottom: 1em;
}

/* --- Assessment digest ----------- */

#assessmentDigest {
    border: 1px solid #C0C0C0;
    height: 20em;
    margin-bottom: 2em;
    overflow-y: scroll;
    padding: 1em;
}

/* --- Help text ------------------- */

/* helpText extends mod */

.mod.helpText {
    display: none;
}

.helpText #helpTextContent {
    border-left: 1px solid #AD120D;
    margin-left: 14px;
    padding-left: 5px;
}

.helpText #helpTextIndicator {
    background-image: url("/@@/resources/image/arrow_left.png");
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-right: 1px solid #AD120D;
    display: block;
    float: left;
    height: 27px;
    width: 14px;
}

label.helpText {
    display: none;
}

/* --- Filter list ----------------- */

.filterList li li {
    margin-left: 16px;
}

.filterList ul,
.filterList fieldset {
    overflow: hidden;
}

.filterList label {
    padding: 0 0 5px 0;
}

.filterList label input {
    margin-right: 5px;
}

/* --- Toggler ----------------- */

.toggler {
    background-color: transparent;
    background-image: url("/@@/resources/image/toggler.gif");
    background-position: 0 -57px;
    background-repeat: no-repeat;
    border: none;
    color: #AF140F;
    cursor: pointer;
    margin: 5px 0;
    font-weight: bold;
    padding-left: 14px;
    text-align: left;
}

.toggler.collapsed {
    background-position: 0 1px;
}

/* --- Project fact ---------------- */

/* projectFact extends mod */

.projectFact-content {
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}

.projectFact .instance {
    margin-top: 10px;
}

.projectFact .instance:first-child {
    margin-top: 0;
}

/* --- Project assessment ---------- */

/* projectAssessment extends mod */

.projectAssessment-content {
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}

/* --- Paging button group --------- */

/* buttonGroupPaging extends buttonGroup */

.buttonGroupPaging .previous {
    float: left;
}

/* --- Blog listing ---------------- */
/* blogListing-content */
.blogListing-content li{

  margin-bottom:20px;
}

.blogListing-content li h2{
  margin: 0 0 10px 0;
}
.blogListing-content p{
  margin-bottom: 5px;
}

.editlink{
  display:block;
  padding:0px;
}

.navMenuPrimary li.editlink{
  padding:5px 0px 0px 0px;
}


/* ### OVERRIDES ###############################################################

   This section should be as small as possible, and thoroughly commented
*/

/* remove print icon */
#page-kartlegginger .print{
  display: none;
}

/*different branding for blogg*/
#page-blogg .portalBranding {
    background: #AF140F url("/@@/resources/image/branding-blogg.gif") top right no-repeat;
}
#page-blogg .portalBranding-content a.logo {
    padding-top: 46px;
    padding-bottom: 46px;
}

/* Make autocomplete boxes stay in the flow */
.yui-skin-sam label .yui-ac-input {
    position: relative;
    width: 25em;
}

/* Nicer colour for autocomplete selected items TODO: this should be part of a widget! */
.yui-ac-content .yui-ac-highlight h4 {
    color: #fff;
}

/* Stack metadata in autocomplete TODO: this should be part of a widget! */
.yui-ac-content dt,
.yui-ac-content dd {
    margin-right: 1em;
}
.yui-ac-content dt:after {
    content: ":";
}

/* Ensure hidden datatable columns are properly hidden */
.yui-dt-hidden {
    display: none;
}

/* YUI dialogue makes footer very small */
.yui-skin-sam .yui-panel .ft {
    font-size: inherit !important;
}

/* --- Data table ------------------ */

/* Overrides YUI DataTable Sam Skin */

html .yui-skin-sam .yui-dt table {
    border: none;
    border-top: 1px solid #DDD;
    clear: both;
}

html .yui-skin-sam .yui-dt th,
html .yui-skin-sam th.yui-dt-asc,
html .yui-skin-sam th.yui-dt-desc {
    background: none;
}

html .yui-skin-sam .yui-dt th,
html .yui-skin-sam .yui-dt td {
    border-bottom: 1px solid #DDD;
    border-right: none;
    border-top: none;
}

html .yui-skin-sam .yui-dt tr.yui-dt-first td {
    border-top: none;
}

html .yui-skin-sam tr.yui-dt-odd {
    background-color: transparent;
}

html .yui-skin-sam .yui-dt th {
    font-weight: bold;
}

html .yui-skin-sam .yui-dt th a {
    color: #AF140F;
    font-weight: bold;
}

html .yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,
html .yui-skin-sam tr.yui-dt-odd td.yui-dt-desc,
html .yui-skin-sam tr.yui-dt-even td.yui-dt-asc,
html .yui-skin-sam tr.yui-dt-even td.yui-dt-desc {
    background-color: transparent;
}

html .yui-skin-sam th.yui-dt-first .yui-dt-liner,
html .yui-skin-sam td.yui-dt-first .yui-dt-liner,
html .yui-skin-sam td.yui-dt-empty .yui-dt-liner {
    padding-left: 0;
}

html .yui-skin-sam .yui-dt-liner {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/* --- Data table ------------------ */

/* Overrides YUI Paginator Sam Skin */

html .yui-skin-sam a.yui-pg-first:link,
html .yui-skin-sam a.yui-pg-first:visited,
html .yui-skin-sam a.yui-pg-first:active,
html .yui-skin-sam a.yui-pg-first:hover,
html .yui-skin-sam a.yui-pg-previous:link,
html .yui-skin-sam a.yui-pg-previous:visited,
html .yui-skin-sam a.yui-pg-previous:active,
html .yui-skin-sam a.yui-pg-previous:hover,
html .yui-skin-sam a.yui-pg-next:link,
html .yui-skin-sam a.yui-pg-next:visited,
html .yui-skin-sam a.yui-pg-next:active,
html .yui-skin-sam a.yui-pg-next:hover,
html .yui-skin-sam a.yui-pg-last:link,
html .yui-skin-sam a.yui-pg-last:visited,
html .yui-skin-sam a.yui-pg-last:active,
html .yui-skin-sam a.yui-pg-last:hover,
html .yui-skin-sam a.yui-pg-page:link,
html .yui-skin-sam a.yui-pg-page:visited,
html .yui-skin-sam a.yui-pg-page:active,
html .yui-skin-sam a.yui-pg-page:hover {
    color: #AF140F;
    text-decoration: none;
}

html .yui-skin-sam .yui-pg-page {
    border: none;
}

html .yui-skin-sam .yui-dt .yui-pg-container {
    float: right;
}

html .yui-skin-sam .yui-dt .yui-pg-container:first-child {
    float: none;
    position: absolute;
    top: 13px;
    right: 10px;
}

/* Some sidebar widgets are used in main content area;
   The headers should have a different colour there */
.mainContentColumn h5, .mainContentColumn .h5 {
   border-top-color: #B4B4B4;
}


.typeTitle span.workflowstate_private               {color:#A00000;}
.typeTitle span.workflowstate_internallypublished   {color:#FFA000;}
.typeTitle span.workflowstate_pending               {color:#A0A000;}
.typeTitle span.workflowstate_published             {color:#00A000;}
.typeTitle span.workflowstate_rejected              {color:#FF0000;}
.typeTitle span.workflowstate_retracted             {color:#A00000;}
.typeTitle span.workflowstate_unknown               {color:#FF0000;}

/* shadowbox styling */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../icon/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../icon/close.png);}
#sb-nav-next{background-image:url(../icon/next.png);}
#sb-nav-previous{background-image:url(../icon/previous.png);}
#sb-nav-play{background-image:url(../icon/play.png);}
#sb-nav-pause{background-image:url(../icon/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* misc - needs cleanup */
span.wrapper > span.deletelink { visibility: hidden; }
span.wrapper:hover > span.deletelink { visibility: visible; }