/* - ploneCustom.css - */
@media all {
/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */

/*  (do not remove this :) */
/*  (not this either :) */

.contrib {color: #3F3F3F; font-size: 90%; font-weight: bold;}
.datepub {color: #3F3F3F; font-size: 90%; font-weight: bold; padding-bottom:0.25em;}


#portal-globalnav {
background-color: #FAD330;
background-image: url("nav_menu_grad_bg-up.gif");
background-repeat: repeat-x;
border-bottom: 1px solid #6192DF;
border-top: 1px solid #6192DF;
color: #0047b9;
font-size: 120%;
font-weight: bold;
height: 32px;
letter-spacing: 0.03em;
margin:0;
/*     margin-top: 199px;*/
padding:0;
text-align: left;
white-space: nowrap;
}

#portal-globalnav li.selected {
background-color: #FFF;
/*
background-image:url("nav_menu_grad_bg-down.gif");
background-repeat: repeat-x;*/
}

#portal-globalnav li {

border-right:2px solid #B1B1B1;
border-right:2px solid #A7BEDF;

float:left;
height:14px;
margin:0;
padding:9px 1.5em;
}


#portaltab-about-us {
border-right: none !important;
}

#portal-globalnav li.selected a {
     border: none;
     background-color: #FFF;

     background-color: transparent;

     color: #0047b9;

}

#portal-globalnav li.selected a:hover {
     color: #000;
     background-color: transparent;
     text-decoration: underline;
}

#portal-globalnav li a:hover {
     
     background-color: transparent;
text-decoration: underline;
}



#portal-globalnav li a {
     color: #0047B9;
     border: none;
     padding: 0;
     background-color: transparent;
margin: 0;
text-transform: uppercase;
}

#content .link-category {
color: #0047B9 !important;
}


#attachmentsBox {
float: right;
clear: none;
margin: 0 0 0 0.75em;
/*padding:0 0 1em; */
width: 250px;
}

#attachmentsBox li {margin: .25em .5em; padding-bottom: .25em;}

#attachmentsBox ul.visualNoMarker, #attachmentsBox ol.visualNoMarker {
line-height: 1.5em;
list-style-image:none;
list-style-type:none;
margin:0;
}

#attachmentsBox legend {padding: 0 .5em .5em .5em; font-size: 100%;}



.section-front-page #portal-breadcrumbs {display: none;}

.section-front-page .documentContent {margin-top: 0em;}


.portletItemDescription {color: #000; font-size: 95%;}

.portletItemDetails {
color: #293D5F;
}

.section-front-page #parent-fieldname-text {
color: #000;
font-size: 120%;
     font-size: 140%;
font-style: italic;
     font-family: Times New Roman;
padding: 0;
margin: .5em 1em 1.5em 1em;
}

/* HEREE */

#portal-column-one  .portlet {

margin: 0em 0;
padding: 1em 0;

/*
border-width: 0 1px 1px 1px !important;
border-style: solid !important;
border-color: #4D82CF !important;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
*/
background-color: #4D82CF;
}

.section-front-page #portal-column-one  .portlet, .section-copyright-policy #portal-column-one .portlet, .template-login_success #portal-column-one  .portlet {
border-width: 0px 1px 1px 1px !important;
border-style: solid !important;
border-color: #0047B9 !important;
margin: 1em 0;
padding: 0;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
background-color: #FFF;
}




/* This class is used for FRONT-PAGE static portlets (aka ad banners)... see documentation... */
#portal-column-one .portlet-static {
border: none !important;

border: 1px solid #4180CD !important;
margin:1em 0;
}



.portletsBelowContentA{
    width:100%;
    }

.portletsBelowContentB {
    float: left;
    width:49%;
/*clear: left;*/
margin-right:1%;
    }

.portletsBelowContentC {
    float: right;
    width:49%;
margin-left:1%;

}


/* MM see: https://weblion.psu.edu/trac/weblion/wiki/ContentWellPortlets */

p.managePortletsBelowLink {
padding: 0em;
clear: both;
} 

p.managePortletsAboveLink {
padding: 0em;
clear: both;
} 



#portlets-below .portletHeader a,
#portlets-below .portletHeader a:hover,
#portlets-below .portletHeader a:visited {
color: #06265F;
}

.portletsBelowContentA .portletHeader {
border-bottom: 1px solid #666 !important;
background-color: transparent !important;
font-size:150%;
}

.portletsBelowContentA .portlet {
border: none;
}

.portletsBelowContentB .portletHeader {
border-bottom: 1px solid #666 !important;
background-color: transparent !important;
font-size:150%;
}

.portletsBelowContentC .portletHeader {
border-bottom: 4px solid #666 !important;
background-color: transparent !important;
font-size:150%;
}

.portletsBelowContentA .portletHeader, .portletsBelowContentB .portletHeader, .portletsBelowContentC .portletHeader {
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;



border: 1px solid #DFEBFF !important;
background-color: #EFF5FF !important;
font-size:150%;
}



#portlets-below .portletItem a:visited {
color: Purple
}

#portlets-below .portletFooter {
background-color: #FCFCFC;
border: 1px solid #DFEBFF;
text-align: right;
margin: 0em;
}

/* mm is having some fun */
#portlets-below .portletFooter {
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-right-radius: 8px;


background-color: #EFF5FF;
border: 1px solid #DFEBFF;
border-top: none;
text-align: right;
margin: 0em;
}

#portlets-below .portletFooterPreviousEvents {
background-color: #EFF5FF;

border: 1px solid #DFEBFF;
border-top: none;
border-bottom: none;
text-align: right;
margin: 0em;
} 


.portletsBelowContentA .portletItem, .portletsBelowContentB .portletItem, .portletsBelowContentC .portletItem {border-left: 1px solid #DFEBFF !important; border-right: 1px solid #DFEBFF !important;}

/* mm is having some fun */


/*
input#searchGadget {
color: #000;
font-size:10px;
}
*/

/*
input.searchButton {
background: transparent url(search_button.gif) no-repeat;
border: none !important;
color: #000;
cursor: pointer;
font-size: 90%;
*/
/*margin-bottom: 1px solid #000;*/
/*
padding: 1px 8px 3px 6px;
padding: 1em .5em;
text-transform: uppercase;
}
*/

#searchGadget {
border-color: #8EA6CF;
float:left;
height: 13px;
padding: 3px 4px;
width: 180px;
}

#portal-searchbox input.searchButton {
background:url("search_button.gif") no-repeat scroll 0 0 transparent;
border:medium none;
height:22px;
width:25px;
}



.section-front-page #plone-document-byline, .section-front-page .documentFirstHeading, .section-front-page .documentDescription, .section-front-page .documentActions {
display: none;
}

.section-front-page .documentContent dd a {
border-bottom: none;
text-decoration:none;
}




.section-front-page .portletHeader, .section-copyright-policy .portletHeader, .template-contact-info .portletHeader, .template-accessibility-info .portletHeader, .template-sitemap .portletHeader {
background-color: #0047B9;
color: #FFF;
font-weight: bold;
/*width: auto;*/
}

.section-front-page .portletItem, .section-copyright-policy .portletItem, .template-contact-info .portletItem, .template-accessibility-info .portletItem, .template-sitemap .portletItem {
border: none;
border-bottom: 1px solid #EFEFEF;
     border-bottom: 1px solid #DFEBFF;

border-width: 0px 1px 1px 1px;
color: #0047B9;
font-size: small;
padding: .5em .75em .25em .75em;
     padding-bottom:  .75em;
background-color: #FFF;
}

.section-front-page #portal-column-one .visualPadding, .section-copyright-policy #portal-column-one .visualPadding, .template-contact-info #portal-column-one .visualPadding, .template-accessibility-info #portal-column-one .visualPadding, .template-sitemap #portal-column-one .visualPadding {
padding: 0em .75em 0.5em .75em;
/*margin-top: 1em; wtf! */

}

.section-front-page #portal-column-one, .section-copyright-policy #portal-column-one, .template-contact-info #portal-column-one, .template-accessibility-info #portal-column-one, .template-sitemap #portal-column-one {
background-color: #FFF;
background-color: #EFF5FF;
border-right: 1px solid #DFEBFF;
}


.section-front-page #portal-header {
/*height: 237px;
background: #fff url(crp-banner-front.jpg) no-repeat;*/
}


/*
.section-front-page #portal-top {
background: #fff url(crp-banner-front.jpg) no-repeat;
    padding-top:1px;
*/

/*width: auto;
height: auto;*/
/*
}
*/

.section-front-page #portal-logo {
/*display: none;*/

}

#portal-header {
background-color: #FFF;
    padding-top:1px;
/*width: auto;
height: auto;*/
}



#portal-logo {
/*display: none;*/

}


body {
background-color: #00255F;
margin: 1em;
padding: 0;
}


#visual-portal-wrapper {
	background-color: #FFF;
	border-color: #8EA6CF;
	border-color: #00378F;

	border-style: solid;
	border-width: 1px;
        margin: 0 auto;
        padding: 0;

width: 1000px;

/* This is not advisable to do
width: auto;
max-width: 1280px !important;
min-width: 1000px !important;
*/

}




#content a[href^="http:"], #content a.link-external {
        background: transparent;
        padding: 0px 0px 0px 0px;
/*padding: 1px 0px 1px 0px;*/


}

#portal-footer {
background-color: #EFEFEF;
border: none;
border-top: 1px solid #DFDFDF;

line-height: 1.2em;
margin: 0 !important;
padding: .5em 0em;
text-align: center;
font-size:110%;
}

#portal-footer p {
margin: 0.25em 0;
}

#portal-footer a {
text-decoration: none;
color: #0047b9;
border: none;
}

#portal-footer a:visited {
color: #0047b9;
}

#portal-footer a:hover {
text-decoration: underline;
}


#portal-colophon {
background-color: #FFF;

margin: 0;
padding-bottom: .5em;
text-align: center;
}

#portal-colophon p {
line-height: 1.5em;
margin: 0;
}

#portal-colophon ul li a {
border-bottom: none;
color: #666;
text-decoration: none;
}

#portal-breadcrumbs {
     background-color: #FFF;
     color: #0047B9;
     border: none;
     line-height: 1.6em;

     padding: .5em 2em 0 1.2em;

     text-transform: none;
/* clear: both; not entirely sure if this is useful - might be used to control wrapping */
}

#portal-breadcrumbs a {
     color: #0047b9;
}

#breadcrumbs-you-are-here {
     display: none;
     color: #0047b9;
}




/* portal globalnav goes here */


/* research this*/

    /* #portaltab-index_html { padding-left: 1.5em !important;  } */


.documentContent {
background:White none repeat scroll 0 0;
font-size:110%;
padding: 0;

/* compensate for spacing above when content well portlets is not used? or block portlets? */
/*margin-top: -1.5em;*/

}

/*
.documentEditable {
margin:0 -1em;
padding:1em 2em !important;
}
*/

.documentEditable {
margin:0 1em;
padding:1em 0 !important;
}


#portal-column-one {
border-collapse:collapse;
padding:0;
vertical-align:top;
width: 200px;
    background: #4D82CF
}

#portal-column-two {
border-collapse:collapse;
padding: 0;
vertical-align:top;
width: 180px;

}

#portal-column-content {
border-collapse:collapse;
margin: 0;
padding: 0;
vertical-align:top;
}

#portal-column-one .visualPadding {
padding:0 0.75em;
}

#portal-column-two .visualPadding {
padding: 1em 1em .5em 0;
}

#portal-personaltools {
background-color: transparent;
border: none;
color: #000;

/*float:right;*/

line-height:1.6em;
margin: 0;
padding: 0 1.5em 0 0;
text-align:right;
text-transform: none;
}

#portal-personaltools li a {
color:#2665BB;
text-decoration:none;
}

#portal-siteactions {
background-color: transparent;

float: none;
/*clear: none;*/

height:auto;
line-height:normal;
list-style-image:none;
list-style-type:none;
margin: 0;
padding: .5em 0 .5em 0;
text-align: center;
white-space:nowrap;
}

#portal-siteactions li a:hover {
background-color: transparent;
border: none;
color:#2665BB;
}

#portal-siteactions li a {
background-color: transparent;
border: none;
color: #2665BB;
height:auto;
margin-right:0.2em;
padding:0.2em;
text-decoration:none;
text-transform:none;
}

#portal-siteactions li {
display:inline;
margin:0;
}

#portal-searchbox {
background-color:transparent;
clear:right;
float:right;
margin:1.5em 0 0;
padding:0 1.25em 0 0;
text-align:right;
text-transform:none;
white-space:nowrap;
z-index:2;
}


#portal-logo img {
border: none;
margin: 0em;
padding: 0;
clear: none;

/* image hack!
width:763px;*/

}

.portlet {
background-color: #FFF;
margin: 1px 0pt 1em 0;
border: none;
}

.portletHeader {
background-color: #0047b9;
border: none;
font-weight:normal;
font-size: 120%;
line-height:1.6em;
padding: .25em 1em .25em .75em;
text-transform: none;
color: #FFF;
}

.portletHeader a {
color: #000;
}

.portletItem {
border-left: none !important;
border-right: none !important;
margin:0pt;
padding:1em;
background-color: transparent !important;
}

.portletItem ul {
background: transparent /*pink*/;
list-style-type: none;
}

/*
.even {
background-color: #FFF;
}
.odd {
background-color: #FFF;
} */


.portletFooter, .portletFooterPreviousEvents {
background-color:#EFF1FF;
border-color: #0047b9;
border-style: dotted solid solid solid;
border-width: 1px;
margin:0pt;
padding:0.25em 1em;
text-align:right;
}





/*** REBUILD NAV HERE ************/
/*** NAVIGATION PORTLET STYLES ***/

.portletNavigationTree .portletHeader {display: none;} /* Hide Navtree header */

.navTreeItem a img {display: none !important;} /* Hide Navtree icons*/

.navTree {list-style: none outside none; margin-top: 0px;}



.portletNavigationTree .portletItem {border: none !important; margin: 0; padding: 0; background-color: transparent !important;font-size: 110%;}

.portletNavigationTree a {background-color: #4D82CF;
border: none !important; font-weight: bold; margin: 0em 0em; display: block; padding: .5em 1em !important; line-height: 1.25em; 


}

.navTreeLevel1 a.navTreeItemInPath.navTreeFolderish {color:black!important;background:transparent url(navarrowRight.gif) no-repeat left center;}


/*** GRRRRRRRR ***/
.portletNavigationTree .navTreeLevel1 .navTreeFolderish a {background-color: #4D82CF !important;}

/*.navTreeFolderish .navTreeLevel1 {background-color: green !important;}*/
/*** GRRRRRRRR ***/


.navTreeItem {display: inline; list-style: none; list-style-image: none;}

.navTreeItem a, .navTreeItem a:visited {text-decoration: none; color: #FFF!important;}


/*bgcolor change here!*/
.navTreeCurrentItem a, .navTreeCurrentNode a {background-color: #4D82CF !important; border: none; }

/* bgcolor change here! same as above + level1 underline */
li .navTreeItemInPath {background-color: #4D82CF; color: #000 !important; font-weight: bold; text-decoration: none !important;}



.navTreeLevel0 .navTreeItem {
color: #FFF !important;
color: #0047B9 !important;

}
.navTreeLevel0 {
background-color: #6192DF !important;
background-color: #FFF !important;
 }



 /* level2 underline */

.navTreeLevel1 .navTreeCurrentNode a, .navTreeLevel1 .navTreeLevel2 .navTreeItem a.state-published.navTreeCurrentItem.navTreeCurrentNode.navTreeFolderish {color: black !important; text-decoration: none !important; background-color: #4D82CF !important; background: transparent url(navarrowRight.gif) no-repeat; background-position:-.1em 0.6em; }
.navTreeLevel1 li.navTreeItem.visualNoMarker.navTreeCurrentNode.navTreeFolderish .navTreeLevel2 .navTreeItem a.state-missing-value {color: white!important; text-decoration: none !important; background-color: #4D82CF !important; background:none!important; }
.navTreeLevel1 a {background-color: #4D82CF !important;}

.navTreeLevel1 {margin-left:0; padding-left: 1em; background-color: #4D82CF !important;}

.portletNavigationTree a:hover, .navTreeCurrentItem {color: #000 !important; background-color: transparent !important; border: none !important; font-weight: bold; list-style: none;}
.portletNavigationTree a:hover {color: #000 !important; background-color: #4D82CF !important; border: none !important; font-weight: bold; list-style: none !important;}

.portletNavigationTree .navTreeCurrentItem a {color: black !important; border: none; font-weight: bold;}

/*** REBUILD NAV HERE ************/




/*** SITEMAP ***/

#portal-sitemap {background-color: transparent !important; font-size: 100% !important;}
#portal-sitemap a:hover { color: #00378F; border: 1px solid white;}


h1 {
border-bottom: 1px solid #000;
font-weight: bold;
clear: none;
color: #000;
}

h2 {
border-bottom: none;
font-weight: bold;
clear: none;
color: #000;
font-size:140% !important;
}

h3 {
font-size:120% !important;
}




img.float-rt {
	float: right;
margin: 0em 0em 1em 1em;	
}

img.float-lt {
	float:left;
margin: 0em 1em 1em 0em;	
}

li {
padding-left: 0pt;
margin-left: 2em;
}

.formHelp {
	/*color:#76797C;*/
color: #5B508B;	
font-size:100%;
margin:0pt 0pt 0.2em;
}


/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */

}