/* ubiquitous classes --------- */
*:first-child {
  margin-top: 0;
}
/* for Safari */
.clear {
  clear: both;
}
.hiddenStructure {
  display: none !important;
}
.fieldRequired {
  font-size: 10px;
}
/* STRUCTURE --------- */
body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}
html {
  -webkit-text-size-adjust: none;
}
#portal-top,
#hc-portal-header,
#visual-portal-wrapper,
#hc-portal-container,
#hc-portal-footer-wrapper,
#portal-footer,
.hc-inner-container,
#portlet-prefs {
  position: relative;
}
#visual-portal-wrapper {
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}
#hc-portal-container {
  text-align: left;
  min-height: 100%;
  top: 0;
}
* html #hc-portal-container {
  height: 100%;
}
.hc-inner-container,
#portal-personaltools-wrapper {
  max-width: 1180px;
  min-width: 740px;
  padding: 0 10px;
  margin: 0 auto;
  text-align: left;
}
#popup .hc-inner-container {
  min-width: 440px;
}
#popup #portal-columns .hc-inner-container {
  min-width: 460px;
}
#portal-personaltools,
#portal-siteactions {
  padding: 0;
}
#portal-columns .hc-inner-container {
  min-width: 760px;
  max-width: 1200px;
  padding: 0;
}
.template-site-controlpanel #portal-column-content,
.template-prefs_install_products_form #portal-column-content,
.template-calendar-controlpanel #portal-column-content,
.template-atct_manageTopicIndex #portal-column-content,
.template-rules-controlpanel #portal-column-content,
.template-prefs_error_log_form #portal-column-content,
.template-filter-controlpanel #portal-column-content,
.template-language-controlpanel #portal-column-content,
.template-mail-controlpanel #portal-column-content,
.template-maintenance-controlpanel #portal-column-content,
.template-markup-controlpanel #portal-column-content,
.template-prefs_navigation_form #portal-column-content,
.template-search-controlpanel #portal-column-content,
.template-security-controlpanel #portal-column-content,
.template-site-controlpanel #portal-column-content,
.template-skins-controlpanel #portal-column-content,
.template-tinymce-controlpanel #portal-column-content,
.template-types-controlpanel #portal-column-content,
.template-prefs_users_overview #portal-column-content,
.template-prefs_groups_overview #portal-column-content,
.template-kupu_config #portal-column-content,
.template-hctheme-controlpanel #portal-column-content,
.template-prefs_pfg_permits #portal-column-content {
  margin-left: 16em;
}
.documentByLine {
  display: none !important;
}
.documentContent {
  padding: 0 !important;
}
.documentEditable .documentContent {
  padding: 1em !important;
}
#region-content form {
  position: relative;
  overflow: hidden;
}
#region-content form[name="groups_search"] {
  overflow: visible;
}
.template-prefs_users_overview #region-content form {
  overflow: visible;
}
.template-prefs_users_overview #region-content form[name="users_add"] {
  overflow: hidden;
}
.template-prefs_users_overview #portal-columns .hc-inner-container {
  max-width: none !important;
}
#portal-breadcrumbs {
  width: 100%;
  text-align: center;
  padding: 0.5em 0;
  margin-bottom: 1em;
}
#portlet-prefs {
  left: -20px;
  margin-bottom: 30px;
}
/* FooterStickAlt -------------- */
#clear-space-before-footer {
  margin: 0;
  padding: 30px 0 0 0;
}
#portal-footer,
#clear-space-before-footer {
  height: 80px;
}
#portal-footer {
  margin: -100px 0 0 0;
  padding: 20px 0 0 0;
  background: #eee;
  border: 0;
  text-align: left;
}
/* STYLE ------------------ */
#portal-breadcrumbs,
#portal-personaltools {
  border: 0;
}
#portal-personaltools {
  background: none;
}
#portal-breadcrumbs {
  background: #eee;
}
h1,
h2 {
  border: 0;
  margin-bottom: 1em;
}
#logo a {
  font-size: 24px;
}
ul.contentViews li {
  line-height: 13px;
}
ul {
  margin: 0;
}
/* KUPU fixes ------------- */
html.kupu-html,
html.kupu-html body {
  height: auto !important;
}
html.kupu-html {
  width: 98% !important;
}
.kupu-fulleditor textarea {
  clear: both !important;
}
#kupu-editor-text #toolbar,
div.kupu-tb {
  overflow: hidden;
}
iframe.kupu-editor-iframe {
  z-index: 500 !important;
}
/* The 16-column Deco Grid System. 
 * For the 12-column variant, see decogrids-12.css.
 *
 * Cells are 4% width, 1.125% left/right margin.
 * 
 * If page width is fixed to 960px width:
 * Cell will be equivalent to 40px, left/right margin will be 10px.
 */
div.row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
div.cell {
  position: relative;
  float: left;
  left: 100%;
}
/* Width classes. 
   For a given cell width, the calculation is: width: (6.25*n - 2.25)% */
div.width-1 {
  width: 4%;
}
div.width-2 {
  width: 10.25%;
}
div.width-3 {
  width: 16.5%;
}
div.width-4 {
  width: 22.75%;
}
div.width-5 {
  width: 29%;
}
div.width-6 {
  width: 35.25%;
}
div.width-7 {
  width: 41.5%;
}
div.width-8 {
  width: 47.75%;
}
div.width-9 {
  width: 54%;
}
div.width-10 {
  width: 60.25%;
}
div.width-11 {
  width: 66.5%;
}
div.width-12 {
  width: 72.75%;
}
div.width-13 {
  width: 79%;
}
div.width-14 {
  width: 85.25%;
}
div.width-15 {
  width: 91.5%;
}
div.width-16 {
  width: 97.75%;
}
/* Positioning classes, these are subtracting from a rightmost 
   position, which is why they seem the wrong way around */
/* For a given position, the calculation is margin-left: -100 + (6.25*n) + 1.125 */
div.position-0 {
  margin-left: -98.875%;
}
div.position-1 {
  margin-left: -92.625%;
}
div.position-2 {
  margin-left: -86.375%;
}
div.position-3 {
  margin-left: -80.125%;
}
div.position-4 {
  margin-left: -73.875%;
}
div.position-5 {
  margin-left: -67.625%;
}
div.position-6 {
  margin-left: -61.375%;
}
div.position-7 {
  margin-left: -55.125%;
}
div.position-8 {
  margin-left: -48.875%;
}
div.position-9 {
  margin-left: -42.625%;
}
div.position-10 {
  margin-left: -36.375%;
}
div.position-11 {
  margin-left: -30.125%;
}
div.position-12 {
  margin-left: -23.875%;
}
div.position-13 {
  margin-left: -17.625%;
}
div.position-14 {
  margin-left: -11.375%;
}
div.position-15 {
  margin-left: -5.125%;
}
/* End of the core Deco Grid System */
/* Convenience classes — ¼, ½, ¾ widths and ¼, ½, ¾ positions. 
   Not strictly necessary. */
div.width-1\3a 2 {
  width: 47.75%;
}
/* .width-1:2 */
div.width-1\3a 4 {
  width: 22.75%;
}
/* .width-1:4 */
div.width-3\3a 4 {
  width: 72.75%;
}
/* .width-3:4 */
div.width-full {
  width: 97.75%;
}
div.position-1\3a 4 {
  margin-left: -73.875%;
}
/* .position-1:4 */
div.position-1\3a 2 {
  margin-left: -48.875%;
}
/* .position-1:2 */
div.position-3\3a 4 {
  margin-left: -23.875%;
}
/* .position-3:4 */
/* Special classes for ⅓, ⅔ widths and ⅓, ⅔ positions. 
These do not strictly conform to the grid, but are useful for certain layouts. */
div.width-1\3a 3 {
  width: 31.08%;
}
/* .width-1:3 */
div.width-2\3a 3 {
  width: 64.42%;
}
/* .width-2:3 */
div.position-1\3a 3 {
  margin-left: -65.545%;
}
/* .position-1:3 */
div.position-2\3a 3 {
  margin-left: -32.205%;
}
/* .position-2:3 */
/* Dojo column selector button ----------- */
button.ui-icon {
  background-color: transparent !important;
  background-image: url(/assets/js/dgrid/css/images/ui-icons_222222_256x240.png) !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
button.ui-icon:hover,
button.ui-icon:focus {
  background-color: transparent !important;
}