/* <dtml-var "enableHTTPCompression(request=REQUEST, debug=1, css=1)"> (this is for http compression) */
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */

#portal-breadcrumbs { display: none; }
#importedElem { color: grey; font-style: italic; }

.appyList { line-height: 1.1em; margin: 0 0 0.5em 1.2em;  padding: 0; }
.appyBullet { margin: 0; }
.appyPod { float:right; }
.appyNav { padding: 0.4em 0 0.4em 0; }
.appyFocus { color: #900101; }
.appyTabs { margin-bottom: 1em; }
.appyTabs li a { border-bottom:1px solid transparent; font-size: 90%; }
.appyTabs li a:visited { color: #578308; }
.appyTitle { padding-top: 0.5em; font-size: 110%; }
.appyLabel { font-weight: bold; padding-right: 0.4em; }
.appyRefEdit { line-height: 1.5em; }

.appyWorkflow {
  text-align: center;
  background-color: &dtml-globalBackgroundColor;;
}

.appyPlusImg {
  vertical-align: top;
  position: relative;
  left: -1.4em;
  top: -0.55em;
}

.appyPhase {
  border-style: solid;
  border-width: thin;
  text-align: center;
  padding: 0 1em 0 1.3em;
}

.appyState {
  font-size: 85%;
  font-style: normal;
  border-style: solid;
  border-width: thin;
  text-align: center;
  padding: 0.1em 1em 0.1em 1.3em;
}

.appyChanges th {
  font-style: italic;
  background-color: transparent;
  border-bottom: 1px dashed #8CACBB;
  border-top: 0 none transparent;
  border-left: 0 none transparent;
  border-right: 0 none transparent; 
  padding: 0.1em 0.1em 0.1em 0.1em;
}

.appyChanges td {
  padding: 0.1em 0.1em 0.1em 0.1em !important;
  border-right: 0 none transparent !important; 
  border-top: 0 none transparent;
  border-left: 0 none transparent;
  border-right: 0 none transparent;
}

.appyHistory {
  font-variant: small-caps;
  font-weight: bold;
  color: black;
  font-size: 105%;
}

/* Following classes are used for displaying status of a phase or state. */
.stepDone {
  background-color: #cde2a7;
  background-image: url(&dtml-portal_url;/skyn/done.png);
  background-repeat: no-repeat;
  background-position: center left;
}

.stepCurrent {
  background-color: #ffce7b;
  background-image: url(&dtml-portal_url;/skyn/current.png);
  background-repeat: no-repeat;
  background-position: center left;
}

.stepFuture {
  background-color: #ffffff;
  color: #C8C8C8;
  border-style: dashed;
}

.stepUnselected {
  background-color: #ffffff;
}

.appyCommonInfo {
  border-color: #ffa500;
  background-color: &dtml-evenRowBackgroundColor;;
  border-style: solid;
  border-width: 2px;
  margin-bottom: 0.5em;
}

/* With fields layout in columns, standard error frame is too large */
.error {
  padding: 0.4em;
}

.odd {
  background-color: white;
}

/* Table styles */
.no-style-table {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.no-style-table td {
  border: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

/* Minor layout changes in fieldsets and tables */
fieldset {
  margin: 0 0 0 0;
  line-height: 1em;
}

.fieldset {
  line-height: 1em;
}
/* Group fieldsets */
.appyGroup {
  border-width: 2px;
}

.imageInput {
  border-width: 0px;
  background: none;
}

.noPadding {
  padding-right: 0em !important;
  padding-left: 0em !important;
  padding-top: 0em !important;
  padding-bottom: 0em !important;
}

.appyButton {
  background: &dtml-globalBackgroundColor; url(&dtml-portal_url;/linkOpaque.gif) 5px 1px no-repeat;
  cursor: pointer;
  font-size: &dtml-fontSmallSize;;
  padding: 1px 1px 1px 12px;
  text-transform: &dtml-textTransform;;
  /* overflow: visible; IE produces ugly results with this */
}

.listing {
  margin: 0em 0em;
}

.listing td, .stx table td {
  padding-right: 0.1em;
  padding-left: 0.3em;
  padding-top: 0.3em;
  padding-bottom: 0em;
}

.vertical td {
  padding-left: 0.3em;
}

.innerAppyTable {
  border-width: 0px;
}

.innerAppyTable td {
  border-top: 0px;
  border-bottom: 1px solid #8CACBB;
  border-right: 0px;
  padding: 0.4em 0em 0em 0em;
  border-collapse: separate;
}

.innerAppyTable th {
  border-right: 0px;
}

.innerAppyFieldset {
  margin: 0em 1em;
  line-height: 1.0em;
}

.field {
  margin: 0 0.2em 0.2em 0;
}
/* Portlet elements */
.portletHeader {
  text-transform: none;
  padding: 1px 0.5em;
}
.portletAppyItem {
  margin: 0;
  padding: 1px 0.5em;
  border-left: 1px solid #8cacbb;
  border-right: 1px solid #8cacbb;
  font-weight: normal;
  text-transform: none;
}
.portletSep {
  border-top: 1px dashed #8cacbb;
}
.portletSearch {
  padding: 0 0 0 0.6em;
  font-style: normal;
  font-size: 95%;
}
.portletGroup {
  font-variant: small-caps;
  font-weight: bold;
  font-style: normal;
}
.portletGroupItem {
  padding-left: 0.8em;
  font-style: italic;
}
.portletCurrent {
  font-weight: bold;
}
div.appyGrey {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  background:gray;
  filter:alpha(Opacity=50);
  opacity:0.5;
  -moz-opacity:0.5;
  -khtml-opacity:0.5
}
div.appyPopup {
  display: none;
  position: absolute;
  top: 30%;
  left: 35%;
  width: 350px;
  z-index : 100;
  background: white;
  padding: 8px;
  border: 1px solid gray;
}

/* Uncomment this if you want to hide breadcrumbs */
/*
#portal-breadcrumbs {
  display: none;
}
*/

/* </dtml-with> */

/* image-right, but without border */
.image-right {
  border:0px solid Black;
  clear:both;
  float:right;
  margin:0.5em;
}

/* 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
   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.
   headingFontBaseSize - the base size used when calculating the different headline sizes
   contentViewBorderColor - the content view tabs border color
   contentViewBackgroundColor - the content view tabs background color
   contentViewFontColor - the font color used in the content view tabs
   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
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 */