/*
Portlet styles

Special content boxes with many uses.


Basic use:

div.Portlets
	div.Portlets-Content
	
		div.Portlet (n number)

		div.Portlet Portlet-Last (last column also has class .Portlet-Last)

	/div
/div

Can be a double width (.Portlets-Double) or triple width (.Portlets-Wide)


Content can vary too:

div.Portlet
	div.Portlet-Title (optional)
	div.Group (n number)
		div.Group-Title (optional)
		div.Group-Content
			//if multple articles
			div.Articles
				div.Articles-Content
					div.Article (n number)
				/div
			/div
			//else if single
				div.Article
		/div
	/div
/div


Can add Portlets inside Columns, e.g:

div.Columns
	div.Column
		div.Porlet //instead of Column-Content
	/div
/div

*/

.Portlets
{
	padding-left: 16px;
	padding-bottom: 16px;
}

.Portlets .Portlets-Content { /*min-height: 250px;*/ }

.Columns .Portlets
{
	/*if in a .Columns layout, use the .Columns left padding*/
	padding-left: 0;
}

/*
Portlet
*/

.Portlets .Portlet
{
	width: 225px;
	float: left;
	margin-right: 18px;
}

/*variations for Double and Wide sub-types*/
.Portlets-Wide .Portlet { width: 680px; }
.Portlets-Double .Portlet { width: 468px; }
.Portlets .Portlet-Last { margin-right: 0; }

/*
Portlet Title (can title or divide .Group blocks)
*/

.Portlets .Portlet div.Portlet-Title
{
	width: 225px;
	padding-bottom: 5px;
	background-image: url(images/portlet_title_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/*variations for Double, Wide and Plain sub-types*/
.Portlets-Wide .Portlet div.Portlet-Title { background-image: url(images/portlet_title_bg_wide.png); }
.Portlets-Double .Portlet div.Portlet-Title { background-image: url(images/portlet_title_bg_double.png); }
.Portlets-Plain .Portlet div.Portlet-Title { background-image: url(images/portlet_title_bg_plain.png) !important; }
.Portlets .Portlet div.Portlet-Title-Mid { background-image: url(images/portlet_title_mid_bg.png); }
.Portlets-Wide .Portlet div.Portlet-Title-Mid { background-image: url(images/portlet_title_mid_bg_wide.png); }
.Portlets-Double .Portlet div.Portlet-Title-Mid { background-image: url(images/portlet_title_mid_bg_double.png); }
.Portlets-Plain .Portlet div.Portlet-Title-Mid { background-image: url(images/portlet_title_mid_bg_plain.png) !important; }
.Portlets-Wide .Portlet div.Portlet-Title { width: 680px; }
.Portlets-Double .Portlet div.Portlet-Title { width: 468px; }

.Portlets .Portlet .Portlet-Title h2
{
	margin: 0;
	padding: 8px 10px 3px 10px;
	font-size: 1.5em;
	min-height: 37px;
	font-weight: normal;
}

/*
Portlet Group Title
*/

.Portlets .Portlet div.Group-Title
{
	width: 225px;
	padding-bottom: 3px;
}

.Portlets-Wide .Portlet div.Group-Title { width: 680px; }
.Portlets-Double .Portlet div.Group-Title { width: 468px; }

.Portlets .Portlet h3
{
	margin: 0;
	padding: 6px 11px 5px 11px;
	font-size: 1.4em;
	min-height: 22px;
	font-weight: normal;
}

.Portlets .Portlet div.First h3 { padding-top: 6px; }

.Portlets .Portlet h3.Accordian-Control
{
	padding-left: 27px;
	background-image: url(images/portlet_group_arrow.png);
	background-repeat: no-repeat;
	background-position: 6px 0.6em;
}

.Portlets .Portlet h3.Accordian-Control-Active { background-image: url(images/portlet_group_arrow_active.png) !important; }

/*
Portlet Group
*/

.Portlets .Portlet .Group
{
	background-image: url(images/portlet_group_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.Portlets-Wide .Portlet .Group { background-image: url(images/portlet_group_bg_wide.png); }
.Portlets-Double .Portlet .Group { background-image: url(images/portlet_group_bg_double.png); }
.Portlets-Plain .Portlet .Group { background-image: url(images/portlet_group_bg_plain.png) !important; }

.Portlets .Portlet div.First
{
	background-image: url(images/portlet_group_first_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.Portlets-Wide .Portlet div.First { background-image: url(images/portlet_group_first_bg_wide.png); }
.Portlets-Double .Portlet div.First { background-image: url(images/portlet_group_first_bg_double.png); }
.Portlets-Plain .Portlet div.First { background-image: url(images/portlet_group_first_bg_plain.png); }

.Portlets .Portlet .Group-Content
{
	padding-top: 5px;
	width: 100%;
	overflow: hidden;
}

/*
Articles (in .Group)
*/

.Portlets .Portlet .Articles
{
	/*very large width, so all items list left to right for section nav*/
	width: 10000px;
	min-height: 300px;
}

.Portlets .Portlet .Articles-Short { min-height: 135px; }
.Portlets .Portlet .Articles-Tall { min-height: 335px; }
.Portlets .Portlet .Articles-Content { float: left; }

/*
Article items (can be not in .Articles)
*/

.Portlets .Portlet .Article
{
	float: left;
	width: 225px;
	min-height: 243px;
}

.Portlets .Portlet .Article-Short { min-height: 130px; }
.Portlets .Portlet .Article-Tall { min-height: 268px; }

/*
Article items (in .Articles)
*/

.Portlets .Portlet .Articles       .Article { min-height: 263px;}
.Portlets .Portlet .Articles-Short .Article { min-height: 130px;}
.Portlets .Portlet .Articles-Tall  .Article { min-height: 298px;}
.Portlets-Wide .Portlet .Article { width: 680px; }
.Portlets-Double .Portlet .Article { width: 468px; }

/* ----- Editmode for Article ---- */
.Portlets .Portlet .Article-edit
{
	min-height: 180px;
	clear:left;
	width: 225px;
	margin-bottom:10px;
}
.Portlets .Portlet .Article-edit-line
{
	border-bottom:1px dashed grey;
}
/* ---------------------------- */

/*
If in .Articles-List, no fixed height
*/

.Portlets .Portlet .Articles-List .Article
{
	height: auto !important;
	min-height: 10px;
	margin-bottom: 11px;
}

/* */
.Portlets .Portlet .Article-Content
{
	padding-left: 11px;
	padding-right: 11px;
}

/*
Portlet Group Nav
*/

/* moved to group-content-nav.css */

/*
Portlet Footer
*/

.Portlets .Portlet .Portlet-Footer
{
	clear: both;
	height: 8px;
	overflow: hidden;
	background-image: url(images/portlet_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.Portlets-Wide .Portlet .Portlet-Footer { background-image: url(images/portlet_footer_wide.png) !important; }
.Portlets-Double .Portlet .Portlet-Footer { background-image: url(images/portlet_footer_double.png) !important; }
.Portlets-Plain .Portlet .Portlet-Footer { background-image: url(images/portlet_footer_plain.png) !important; }

/*
-------------------------------------------------------------------
Article Content styles
*/

/*
Modifications to h3, h4, p, ul, ol when used as content within a portlet
*/

.Portlets .Portlet .Article-Content p
{
	padding-top: 0;
	padding-left: 16px;
	/*a bit less for right padding as words wrap too early if exact amount*/
	padding-right: 9px;
	margin-top: 0;
	margin-bottom: 0.2em;
}

.Portlets .Portlet .Article-Content p.Link {padding-bottom:.6em; margin-bottom:0; line-height:1.3em}

.Portlets .Portlet .Article-Content h4:First-Child { margin-top: 0; }

.Portlets .Portlet .Article-Content h4
{
	margin-bottom: 0.24em;
	margin-top: 0.4em;
}

.Portlets .Portlet .Article-Content h4 a,
.Portlets .Portlet .Article-Content h3,
.Portlets .Portlet .Article-Content ul,
.Portlets .Portlet .Article-Content ol { padding-left: 16px; }

/*Some headers can be flush left to divide content within an article*/
.Portlets .Portlet .Sub-Group-Title,
.Portlets .Portlet .Article-Content h4 { padding-left: 0 !important; }
.Portlets .Portlet .Article-Content h4 a {display:block}

/*Images are all full width*/
.Portlets .Portlet .Article-Content p.Img
{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0.7em;
}

/*Can have a "wide" box for full-width content*/
.Portlets .Portlet .Article-Content .Wide h4,
.Portlets .Portlet .Article-Content .Wide h3,
.Portlets .Portlet .Article-Content .Wide p,
.Portlets .Portlet .Article-Content .Wide ul,
.Portlets .Portlet .Article-Content .Wide ol { padding-left: 0; }

/*form fields same width*/
.Portlets .Portlet .Article-Content .Field .Input-Text,
.Portlets .Portlet .Article-Content .Field .Select { width: 185px !important; }
.Portlets .Portlet .Article-Content .Wide .Field .Input-Text,
.Portlets .Portlet .Article-Content .Wide .Field .Select { width: 203px !important; }

/*
Word cloud (a special content item - might be deprecated now)
*/

.Portlets .Portlet .Article-Content .Word-Cloud span
{
	white-space: nowrap;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.Portlets .Portlet .Article-Content .Word-Cloud .Size1 { font-size: 10px; }
.Portlets .Portlet .Article-Content .Word-Cloud .Size2 { font-size: 13px; }
.Portlets .Portlet .Article-Content .Word-Cloud .Size3 { font-size: 16px; }
.Portlets .Portlet .Article-Content .Word-Cloud .Size4 { font-size: 19px; }

/*
Wide article content styles
*/

.Portlets-Wide .Portlet .Group-Title h3
{
	font-size: 1.2em;
	width: 650px;
	float: left;
}

.Portlets-Wide .Portlet  .Group-Title p
{
	margin: 0;
	margin-left: 275px;
	padding-top: 0.5em;
}

.Portlets-Wide .Portlet  .Group-Content { clear: both; }

.Portlets-Wide .Portlet .Article-Image
{
	float: left;
	margin-left: 16px;
}

.Portlets-Wide .Portlet .Article-Image-Text
{
	padding-bottom: 1em;
	padding-top: 0.3em;
	margin-left: 248px;
}