/*
**
** Authoring Elements
**
**  ----- COLORS -----
**
**  contentActions, contentViews
**  ---
**  Background: #CDE2A7
**  Border: #74AE0B
**  Color: #578308
**  
**  formTabs, listing-table, listing
**  ---
**  Background: #DEE7EC
**  Border: #8CACBB
**  Color: default  
**  
*/

/* TEMPORARY STUFF AND HACKS */
#header ul.lang {visibility:hidden;}
.kssActive #header ul.lang  {visibility:visible;}

/* Workflows states */
.state-private {color:#666666 !important;}
.state-published {color:#ED1C24 !important;}

/* First document heading */
h1.documentFirstHeading {font-size:1.8em; margin-bottom:1em;}
h1.documentFirstHeading img {vertical-align:middle}

/* 'Up to...' link */
a.link-parent  {
	background:transparent url("/static/plone/images/arrowUp.gif") no-repeat scroll 4px 50%;
	display:block;
	margin-bottom:10px;
	padding-left:16px;
	text-decoration:none;
}

/* e.g: first column labels in folder contents */
.hiddenStructure {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	display:block;
	height:1px;
	margin:-1px 0 0 -1px;
	overflow:hidden;
	padding:0;
	width:1px;
}

/* making room in portal setup */
.template-prefs_users_overview .article,
.template-prefs_groups_overview .article,
.template-atct_manageTopicIndex .article,
.template-atct_manageTopicMetadata .article {width:auto;}
.template-atct_manageTopicIndex .aside,
.template-atct_manageTopicMetadata .aside,
.template-plone_control_panel .aside,
.template-prefs_users_overview .aside,
.template-prefs_groups_overview .aside {display:none;}
.template-prefs_users_overview table.listing th,
.template-prefs_users_overview table.listing td,
.template-prefs_groups_overview table.listing th,
.template-prefs_groups_overview table.listing td  {font-size:11px;}
.template-prefs_users_overview table td.listingCheckbox,
.template-prefs_groups_overview table td.listingCheckbox {
    text-align:center;
    vertical-align:middle;
}
.section-portal_registry .article {width:auto;}
.section-portal_registry .aside {display:none;}

/* Edit action - stretching editing area */
.template-atct_edit #section {float:left; padding:20px 10px; width:940px;}
.template-atct_edit .article {margin-right:15px; padding:0; width:647px;}

/* translation view tweaks */
.template-translate_item #section {float:left; padding:20px 5px; width:950px;}
.template-translate_item .article {width:100%;}
.template-translate_item .article table.translatingTable {border:none; width:100%;}
.translatingTable td {
	border-color:#8CACBB;
	border-style:none none dotted none;
	padding:5px; 
	vertical-align:top;
}


/* Folder contents */
.template-folder_contents .feature {display:none;}

/* Personal tools: log out, site setup, etc.. */
#portal-personaltools {
	background-color:#DEE7EC;
	border:1px solid #8CACBB; border-right:none;
	float:right;
	margin:10px 0;
	overflow:hidden;
	padding:0;
}
#portal-personaltools li {float:left; list-style-type:none; margin:0; padding:5px;}
#portal-personaltools li a,
#portal-personaltools li a:hover,
#portal-personaltools li a:active {color:#000000; text-decoration:none;}

/* Content views: contents, edit, etc..  */
.contentViews {
	background-color:transparent;
    border-bottom:1px solid #74AE0B;
    clear:both;   
    line-height:normal;
    list-style:none;
    margin:0;   
    padding:0 0 0 10px;
}
.contentViews li {display:inline; padding-top:0.5em;}
.contentViews li a {
    background-color:transparent;
    border:1px solid #74AE0B;
    color:#578308;
    font-size:12px;	
    height:auto;
    line-height:normal;
    margin-right:2px;
    padding:2px 6px;
    text-decoration:none; text-transform:none;
    z-index:100;
}
.contentViews .selected a {background-color:#CDE2A7; border-bottom:#CDE2A7 1px solid;}
.contentViews li a:hover {background-color:#CDE2A7;}
.configlet .contentViews {font-size:12px;}

/* moved to content actions */
.managePortletsFallback,
.managePortletsLink {display:none;}

/* Content actions: translate into, actions, etc.. */
.contentActions {
    background-color:#CDE2A7;
    border:1px solid #74AE0B; border-top:none;
    color:#000000;
    height:1.6em;
    padding:0;
    position:relative;
    text-align:right; text-transform:none;
    z-index:200;
}
.contentActions ul,
.contentActions li {
    color:#000000;
    line-height:1.6em;
    list-style:none; list-style-image:none;
    margin:0;
    text-align:left;
}
.contentActions li {border-left:1px solid #74AE0B; float:right; z-index:400;}
.contentActions a {
    color:#578308;
    cursor:pointer;
	font-size:12px;
    text-decoration:none;
    padding:0 0.5em;
}
.contentActions img {margin-right:4px; vertical-align:text-bottom;}
.contentActions span.subMenuTitle {
    display:inline;
    padding:0 4px;
    position:relative;
    white-space:nowrap;
}
.contentActions a span.subMenuTitle {padding:0px; display:inline;}
.actionMenu {margin:0; padding:0; position:relative;}
.actionMenu .actionMenuHeader {font-weight:normal; margin:0; padding:0;}
.actionMenu.activated .actionMenuHeader {position:relative; z-index:1000;}
.actionMenu .actionMenuHeader a {display:block;}
.arrowDownAlternative {font-size:0.85em;}
.actionMenu .actionMenuContent {
    display:none;
    z-index:500;
    position:absolute;
    top:1.6em;
    right:-1px;
    height:auto;
    padding:0;
    margin:0;
}
.actionMenu.activated .actionMenuContent {display:block !important;}
.actionMenu.activated .actionMenuContent {
    border-collapse:collapse;
    border-spacing:0;
    display:table !important;
}
.actionMenu.deactivated .actionMenuContent {display:none !important;}
.actionMenu .actionMenuContent ul {
    background:#CDE2A7;
    border:1px #74AE0B solid; border-top:none;
    display:block;
    margin:-2px 0 0 0;
    padding:0;
}
.actionMenu .actionMenuContent li {
    background-color:transparent;
    border:0;
    display:inline;
    float:none;
    margin:0;
    padding:0;   
}
.actionMenu .actionMenuContent li a {
	display:block; 
	margin:0.2em 0; 
	white-space:nowrap;
}
.actionMenu .actionMenuContent .selected {
    display:block;
    margin:0.2em 0;
    padding:0 0.5em;
    white-space:nowrap;
}
.actionMenu .actionMenuContent li a:hover {background-color:#74AE0B; color:#ffffff;}
.actionMenu .actionMenuContent .actionSeparator a {
    border-top:1px solid #74AE0B;
    padding-top:0.2em;
}
.actionMenuSelected, #contextDefaultPageDisplay {padding-left:0.2em;}
#templateMenu li a {padding-left:16px;}

/* Configlets [portal setup] */
ul.configlets {margin:1em 0; list-style-image:none; list-style:none;}
ul.configlets li {list-style-image:none; list-style:none; margin-bottom:1em;}
ul.configlets li a {border:none;color:#436976; text-decoration:none;}
ul.configlets li label {font-weight:bold;}
ul.configletDetails {list-style-image:none; list-style:none; margin:0 1em 1em 4em;}
ul.configletDetails li {display:inline; margin-bottom:1em;}
ul.configletDetails li a {text-decoration:none;}
ul.configletDetails li label {font-weight:bold;}
ul.configletDetails li.configletDescription {
    display:block;
    color:#76797c;
    font-size:90%;
    margin:0;
}

/* for highlighting of search terms */
.highlightedSearchTerm {background-color:#ffa;}
dl.searchResults .highlightedSearchTerm {background-color:transparent; font-weight:bold;}

/* for greying out inherited roles */
.noInheritedRoles {color:#a0a0a0;}

/* Form tabs e.g: default, categorization in Edit view */
ul.formTabs {
	display:block;
    list-style-type:none;
    margin:0 0 -2em 0;
    padding:0;
    position:relative;
    text-align:center;
}
li.formTab {display:inline; margin:0; padding:0;}
li.formTab a {display:inline-block;}
li.formTab a {
    background:#ffffff;
    border-bottom:1px solid #8cacbb;
    border-left:1px dotted #8cacbb;
    border-top:1px solid #8cacbb;
    color:#436976;
    margin:0;
    padding:0.125em 0.75em;
    text-decoration:none;
}
li.formTab a:visited {color:#436976;}
li.firstFormTab a {border-left:1px solid #8cacbb;}
li.lastFormTab a {border-right:1px solid #8cacbb;}
li.formTab a.selected {background:#dee7ec;}
li.formTab a:hover {background:#dee7ec;}
li.formTab a.notify {background-color:#ffce7b; color:Black;}
li.formTab a.required span {
    background-image:url(/static/plone/images/required.gif);
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:8px;
}
li.formTab a.notify:hover {background-color:#ffa500;}
.formPanel {padding:2em 1em 1em;}
.formPanel.hidden {display:none;}
div.formControls input.hidden {display:none;}

/* Folder contents and listing view table */
table.listing, .stx table {
	border-bottom:1px solid #8CACBB;
	border-collapse:collapse;
	border-left:1px solid #8CACBB;
	border-spacing:0;
	font-size:0.95em;
	margin:1em 0;
}
table.listing .even, .stx table .even {background-color:#EEF3F5;}
table.listing .odd, .stx table .odd {background-color:transparent;}
table.listing th, .stx table th {
	background:none repeat scroll 0 0 #DEE7EC;
	border-bottom:1px solid #8CACBB;
	border-right:1px solid #8CACBB;
	border-top:1px solid #8CACBB;
	font-weight:normal;
	padding:0.25em 0.5em;
	text-transform:none;
}
table.listing a, .stx table a {text-decoration:none;}
#listing-table img, table.listing img {vertical-align:middle;}
.listingBar {margin:1em 0;}
/* additional STX workaround classes */
.stx table p {margin:0; padding:0;}
.stx table {border:1px solid #8cacbb !important;}
.stx table td {border-bottom:1px solid #8cacbb;}

/* TinyMCE */
div#archetypes-fieldname-text {margin-right:0;}
span.ploneSkin table.mceLayout td.mceToolbar {
	background-color:#CDE2A7;
	border:1px solid #74AE0B; border-bottom:none;
}
span.ploneSkin .mceIframeContainer {border:1px solid #74AE0B;}
span.ploneSkin .mceEditorFocus .mceIframeContainer {background-color:#FFFFFF;}
span.ploneSkin table.mceLayout td.mceStatusbar {
	background-color:#FFFFE3;
	border-color:#74AE0B;
}
span.ploneSkin table.mceListBox .mceText {background-color:#FFFFFF;}
/* styles selector */
div.ploneSkin .mceMenu .mceMenuItemEnabled a:hover, 
div.ploneSkin .mceMenu .mceMenuItemActive,
div.ploneSkin .mceMenuItemTitle a,
div.ploneSkin .mceFirst .mceMenuItemTitle a {background-color:#DEE7EC;}
.ploneSkin .mceMenu span.mceText {color:#313A41;}
div.ploneSkin .mce_p span.mceText {font-size:1.2em;}
div.ploneSkin .mce_h2 span.mceText,
div.ploneSkin .mce_h3 span.mceText {
    background:url(/static/assets/bg-header-tags.gif) repeat-x scroll left bottom transparent;
}
div.ploneSkin .mce_h2 span.mceText {font-size:1.7em; font-weight:bold;}
div.ploneSkin .mce_h3 span.mceText {font-size:1.5em; font-weight:bold;}
div.ploneSkin .mce_h4 span.mceText {font-size:1.2em; font-weight:bold;}
div.ploneSkin .mce_h5 span.mceText {font-size:1.3em; font-weight:normal;}
div.ploneSkin .mce_blockquote span.mceText {background-color:#E9E8E2; font-size:1.2em;}

/* DataGridWidget overwrites */
.ArchetypesDataGridWidget table th,
.ArchetypesDataGridWidget table td {background-color:transparent; border:none;}

/* Portlets management */
.portlets-manager .portletAssignments  {margin-top:20px;}
.portlets-manager .managedPortletActions  {display:block; float:right;}
.portlets-manager .portletHeader {
	background-color: #dee7ec;
	border: 1px solid #8cacbb;
	padding: 0 10px;
	text-transform: none;
	font-weight: normal;
	line-height: 1.6em;
    min-height:40px;
}
.portlets-manager div.managedPortlet {padding:10px 0;}
.managedPortletActions a.delete {text-decoration:none;}
.managedPortletActions a.up, .managedPortletActions a.down {
	color:#000000; 
	text-decoration:none;
}
.portlets-manager div.section {padding:10px 0 0 0;}
.portlets-manager div.section div {padding:10px 0;}

/* Site setup portlet */
#portlet-prefs .portletHeader {
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    font-weight: normal;
    line-height: 1.6em; 
    padding: 0 10px;
    text-transform: none;   
}
#portlet-prefs .portletHeader a {color:#000000; text-decoration:none;}
#portlet-prefs {
    background-color:#ffffff;
    border-bottom:1px solid #8CACBB;
    margin:1px 0 10px;
}
#portlet-prefs .portletItem {
    border-left:1px solid #8CACBB;
    border-right:1px solid #8CACBB;
    margin:0;
    padding:10px;
}


/* ----- REVIEW ----- */

/* @group content history */
#content-history #history dd {margin-top:0.8em;}
#content-history div.historyRecord {font-size:90%; margin-bottom:10px;}
#content-history div.historyTools ul {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:0;
}
#content-history div.historyTools ul li {display:inline;}
#content-history div.historyTools ul li a {border-bottom:none;}
#content-history .historyAction {color:#000000;}
#content-history .historyByLine {margin-bottom:1em;}
#content-history div.historyComment {background-color:#dee7ec; padding:0.25em 1em;}
#content-history div.historyComment p {color:#000000; margin:0; padding-top:1px;}
#content-history a.historyComparePrevious {
	border-bottom:medium none;
	border-top:1px dotted #8cacbb;
	display:block;
	margin-bottom:-15px;
	margin-top:11px;
}
#content-history dl div.historyRecord a.historyComparePrevious span {
	background-color:#ffffff;
	left:50%;
	position:relative;
	top:-1em;
}

/* Collapsible elements */
/*
dl.collapsible {
    border:1px solid #8cacbb !important;
    margin:1em 0 0 0;
    padding:0;
}
dl.collapsible dt.collapsibleHeader {
    background:#ffffff;
    display:block;
    float:left;
	font-size:90%;
    line-height:1.2em;
    margin:0 0 -0.6em 1em;
    padding:0 0.5em;
    position:relative;
    top:-0.6em; 
    vertical-align:middle;
	width:auto;
}
dl.collapsible dd.collapsibleContent {clear:left; margin:0; padding:0 1em;}
dl.collapsible dd.collapsibleContent > dl {margin:0; padding:0;}
dl.expandedInlineCollapsible dt.collapsibleHeader,
dl.expandedBlockCollapsible dt.collapsibleHeader {
    background:#ffffff url(/static/plone/images/treeExpanded.gif) no-repeat 6px 50%;
    cursor:pointer;
    padding:0 6px 0 22px;
}
dl.collapsedBlockCollapsible {border:none !important; height:1em; width:auto;}
dl.collapsedBlockCollapsible dt.collapsibleHeader {
    background:transparent url(/static/plone/images/treeCollapsed.gif) no-repeat 6px 50%;
    cursor:pointer;
    float:none;
    line-height:1em;
    margin:0;
    padding:0 0 0 22px;
    position:static;
}
dl.collapsedInlineCollapsible dd.collapsibleContent,
dl.collapsedBlockCollapsible dd.collapsibleContent {display:none;}
dl.collapsedInlineCollapsible {
    border:none !important;
    display:inline;
    height:1em;
    width:auto;
}
dl.collapsedInlineCollapsible dt.collapsibleHeader {
    background:transparent url(/static/plone/images/treeCollapsed.gif) no-repeat 6px 50%;
    cursor:pointer;
    display:inline;
    float:none;
    line-height:1em;
    margin:0;
    padding:0 0 0 22px;
    position:static;
}*/
 
/* The main calendar widget [copied from plone_3rdParty/jscalendar] */
div.calendar {position: relative;}
.calendar, .calendar table {
  border:1px solid #565;
  font-size:11px;
  color:#000;
  cursor:default;
  background:#efe;
  font-family:tahoma,verdana,sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
/* "<<", "<", ">", ">>" buttons have this class */
/* They are the navigation buttons */
/* Make the buttons seem like they're pressing */
.calendar .button { 
  text-align:center; 
  padding:2px;       
  background:#676;
  color:#fff;
  font-size:90%;
}
.calendar .nav {background:#676 url(menuarrow.gif) no-repeat 100% 100%;}
 /* This holds the current "month, year" */
 /* Pressing it will take you to the current date */
.calendar thead .title {
  font-weight:bold;      
  text-align:center;
  padding:2px;
  background:#250;
  color:#efa;
}
/* Row <TR> containing navigation buttons */
.calendar thead .headrow {}
/* Cells <TD> containing the day names */
.calendar thead .name {
  border-bottom:1px solid #565;
  padding:2px;
  text-align:center;
  color:#000;
}
/* How a weekend day name shows in header */
.calendar thead .weekend {color:#a66;}
/* How do the buttons in header appear when hover */
.calendar thead .hilite {
  background-color:#afa;
  color:#000;
  border:1px solid #084;
  padding:1px;
}
 /* Active (pressed) buttons in header */
.calendar thead .active {background-color:#7c7; padding:2px 0px 0px 2px;}
/* Row <TR> containing the day names */
.calendar thead .daynames {background:#dfb;}
/* The body part -- contains all the days in month. */
/* Cells <TD> containing month days dates */
.calendar tbody .day {
  width:2em;
  color:#564;
  text-align:right;
  padding:2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {font-size:80%; color:#bbb;}
.calendar tbody .day.othermonth.oweekend {color:#fbb;}
.calendar table .wn {padding:2px 3px 2px 2px; border-right:1px solid #8a8; background:#dfb;}
.calendar tbody .rowhilite td {background:#dfd;}
.calendar tbody .rowhilite td.wn {background:#efe;}
/* Hovered cells <TD> */
.calendar tbody td.hilite {background:#efd; padding:1px 3px 1px 1px; border:1px solid #bbb;}
/* Active (pressed) cells <TD> */
.calendar tbody td.active {background:#dec; padding:2px 2px 0px 2px;}
/* Cell showing today date */
.calendar tbody td.selected {
  font-weight:bold;
  border:1px solid #000;
  padding:1px 3px 1px 1px;
  background:#f8fff8;
  color:#000;
}
/* Cells showing weekend days */
.calendar tbody td.weekend {color:#a66;}
.calendar tbody td.today {font-weight:bold; color:#0a0;}
.calendar tbody .disabled {color:#999;}
/* Empty cells (the best is to hide them) */
.calendar tbody .emptycell {visibility:hidden;}
/* Empty row (some months need less than 6 rows) */
.calendar tbody .emptyrow {display:none;}
/* The footer part -- status bar and "Close" button */
/* The <TR> in footer (only one right now) */
.calendar tfoot .footrow {text-align:center; background:#565; color:#fff;}
/* Tooltip (status bar) cell <TD> */
.calendar tfoot .ttip {padding:2px; background:#250; color:#efa;}
/* Hover style for buttons in footer */
.calendar tfoot .hilite {background:#afa; border:1px solid #084; color:#000; padding:1px;}
/* Active (pressed) style for buttons in footer */
.calendar tfoot .active {background:#7c7; padding:2px 0px 0px 2px;}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  width:4em;
  cursor:default;
  border:1px solid #565;
  background:#efd;
  color:#000;
  font-size:90%;
  z-index:100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {text-align:center; display:block; padding:1px;}
.calendar .combo .label-IEfix {width:4em;}
.calendar .combo .hilite {background:#af8;}
.calendar .combo .active {
  border-top:1px solid #6a4;
  border-bottom:1px solid #6a4;
  background:#efe;
  font-weight:bold;
}
.calendar td.time {
  border-top:1px solid #8a8;
  padding:1px 0px;
  text-align:center;
  background-color:#dfb;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding:0px 3px 0px 4px;
  border:1px solid #898;
  font-weight:bold;
  background-color:#fff;
}
.calendar td.time .ampm {text-align:center;}
.calendar td.time .colon {padding:0px 2px 0px 3px; font-weight:bold;}
.calendar td.time span.hilite {border-color:#000; background-color:#686; color:#fff;}
.calendar td.time span.active {border-color:#f00; background-color:#000; color:#0f0;}

/* ----- NOT USED ----- */

/*
.configlet .documentEditable {padding:0em !important;}
.documentEditable .documentContent {border:1px solid #74AE0B; padding:0;}

.reviewHistory,
.contentHistory {color:#000000; display:inline; font-size:110% !important;}

.currentItem {border:2px solid #ffa500; border-collapse:collapse; padding:1px;}

.optionsToggle {
    border:1px solid #8cacbb;
    color:Black;
    background-color:#dee7ec;
    font-weight:normal !important;
    font-size:90%;
}

*/