/* Stylesheet for the 'myPublicHealth Theme' Plone theme */
 
/********************************************************* 
	Site-wide changes to format and colors
**********************************************************/
/* Darken the blue links */
a,
#portal-globalnav li a,
#portal-globalnav li.selected a,
#portal-globalnav li a:hover,
#portal-personaltools li a,
#portal-personaltools li a:hover,
#portal-footer a,
#portal-footer a:visited
{
	color: #003366; /* Dark Blue */
}
/* Darken the green links and lighten the background */
.contentViews li a,
.contentViews li a:hover
{
	color: #004d26; /* Dark green */
	border-color: #999; /* Dark grey */
}
.contentActions,
.contentViews .selected a,
.contentActions a,
.contentActions li,
.contentActions ul
{
	color: #004d26;
	background-color: #e0e0e0; /* Light grey */
	border-color: #999; /* Dark grey */
}
.contentViews
{
	border-color: #999; /* Dark grey */
}

/* Grey striped background, fallback to grey */
html
{
  background-image: greystripebackground.gif;
  background-color: #ddd;
}

/* Incomplete pages will have differently colored tabs */
li.incomplete
{
	background-color: #f5f5f5;
}

/* External links by default in Plone have a globe image
   shown directly to their left. */

/* Get rid of the globe in front of links */
#content a[href^="http:"],
#content a.link-external,
#content a.link-https
{
  background: #fff;  /* Get rid of the image */
  padding-left: 0px; /* Unshift the link */
}

/* Page Header */
.show
{
	visiblity: visible !important;
	display: inline !important;
}
.textlink
{
	color: blue !important;
	text-decoration: underline !important;
}
#portal-logo-div
{
  float: left;
  margin-top: -5ex;
  width: 100%;
}
#portal-logo
{
  display: block;
  float: left;
  padding: 0px;
}
#portal-logo-div p
{
    float: none;
	text-align: center;
	font-size: small;
	width: 85%;
    padding-top: 3em;
}

/* Thin down the left column */
#portal-column-one {
  width: 10em;
}

/* Page Footer */
div#portal-footer
{
	background-color: #fff; /* White background */ 
	border: none; /* No border */
}
/* The custom UW footer */
div#uw-footer
{
	margin-bottom: 1em; /* Make a space below */
}
/* Links in the UW footer */
ul#uw-links
{
	list-style-type: none; /* No bullets */
	width: 75%;			  /* Don't take up the whole page */
	white-space: nowrap; /* Don't wrap text */
}
/* Items in the UW footer link list */
ul#uw-links li
{
	display: inline; /* Horizontal list */
	padding-left: 1em; /* Pad the left */
	padding-right: 1em; /* Pad the right */
}

/* ExternalSearches */
/* Don't put a line break after search images */
div.mph_external-search img,
div.mph_external-search a img
{
	float: left;
	margin-right: 1ex;
}

/* User log form */
div.mph_log_user_div
{
	margin-bottom: 2ex;
	border: 1px solid black;
	padding: 1ex;
	font-size: smaller;
	position: relative;
	float: left;
}
div.mph_log_user_div form
{
	position: relative;
	float: left;
}
form.dont_log_user
{
	margin-top: 1ex;
}

#login_form
{
  clear: both;
}

.plain-list
{
	list-style-type: none;
	list-style-image: none;
}

/*********************************************************
   Folder Detail View
 *********************************************************/
.myph_folder-detail div
{
  border-top: none;
  margin-top: none;
  margin-bottom: 1ex;
}

#portal-globalnav
{
	white-space: normal;
}
ul#portal-globalnav.collection li a
{
	background-color: #ffcccc;
}
#portal-globalnav li
{
        display: inline;
        float: left;
        margin-bottom: 0;
	padding-bottom: .5em;
}
#portal-personaltools-wrapper
{
        clear: both;
}
/* Previously used to make the tabs 'tall and thin' - commenting out
   for use w/ dropdownmenus 
ul#portal-globalnav a
{
	display: block;
	height: 4em;
	width: 6em;
        padding-left: 1ex;
}
*/
/*********************************************************
	Portlets
**********************************************************/
dt.portletHeader
{
  background-color: #dee7ec; /*Slate grey*/
  border: 1px solid #8cacbb; /*Darker grey*/
  line-height: 1.6em;
  padding: 0em 1em;
}
dl.portlet dt
{
  font-weight: normal;
  margin-bottom: 1ex;
}
dl.portlet dd.portletItem
{
  margin-left: 0px;
  line-height: 1em;
}
dl.portlet a
{
  text-decoration: none;
}

/*********************************************************
	2 column display of a list
**********************************************************/
ul.two_columns, ol.two_columns
{
	width: 45%;
	float: left;
	list-style-type: none;
	list-style-image: none;
	margin-left: 0px;
}
ul.two_columns.col2, ol.two_columns.col2
{
	float: right;
}
/* This is the green square that goes around the main screen portal
   when editing stuff as an admin.  For some reason, it was never set
   up as a float.  Because of this, it doesn't grow to fit child
   floats, it just sits behind them no matter how big they get. 

   These commands fix that. */
.documentContent
{
	position: relative;
	float: left;
	width: 96.5%;
}

/*********************************************************
	3 Column Layout
**********************************************************/
/* Fix a weird Kupu error that makes the background 
   overwrite the foreground. */
.kupu-drawer
{
	z-index: 3 !important;
}
#region-content .contentActions
{
	z-index: 1;
}

.compo_left_column,
.compo_middle_column, 
.compo_right_column
{
  padding: 1em;
  float: left;
  width: 30% !important;
  border: none !important;
  padding: 1em;
}

/********************************************************
   Last updated note below content
 ********************************************************/
div#myph-lastupdated
{
  margin-top: 1em;
}