/* Sticky footer styles
 -------------------------------------------------- */

html, body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -170px; 
/*  padding-bottom:30px; */
}

.navbar { 
  margin: 0;
  margin-bottom:10px;
}

.navbar-inner {
  border-radius: 0;
  border-bottom: 1px solid #dddddd;
  border-top: none;
  background-image:none;
  background-color:#f6f6f6;
  box-shadow:none;
}

.navbar .nav li a {
  text-shadow:none;
}
.navbar .nav li a:hover, .navbar .nav li a:focus {
  color:#ffffff;
  background-color: #1166ad;
}
.navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
  color:#ffffff;
  background-color: #1166ad;
  box-shadow:none;
}

/* plone workaround */
.navbar .nav .selected a, .navbar .nav .selected a:hover, .navbar .nav .selected a:focus {
  color:#ffffff;
  background-color: #1166ad;
  box-shadow:none;
}

.navbar-search .search-query {
  border-radius: 4px 4px;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
}

/*#push, #footer {
  min-height: 160px;
}*/

#push { height:200px; }

#footer {
/*  background-color: #f4f4f4; */
  min-height:160px;
  padding-top:10px;
  -webkit-box-shadow: inset 0 8px 6px -5px #575757;
  -moz-box-shadow: inset 0 8px 6px -5px #575757; 
  box-shadow: inset 0 8px 6px -7px black; 
  background-color: #1166ad;
}


.triple-column {
  -moz-column-count:3; 
  /*-webkit-column-count:3; */
  column-count:3;
}

.indent-detail {
  margin-left:15px;
  margin-bottom:20px;
}

.triple-column li {
  display:block;
}

/* plone uses class="row" in it's own markup, so we disable bootstraps margins */
/* Note: This doesn't affect our own design since we're using row-fluid anyway */
/*       However, it would be better to strip row-classes from the content using xslt */
.row {
  margin:0;
}

#footer dl {
  float: left;
  padding-right:60px;
}

#footer dl, dd {
  display: block;
  margin: 0;
}

#footer ul {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 40px;
  margin-left: 0;
  list-style: none;
}

#footer li {
  display: block;
}

.nav-li-top {
  display: block;
  font-weight: bold;
}

#footer > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}


#footer p {
  color: white;
}

#footer a {
  color: white;
}

#footer img {
  float:right;
  margin:20px;
}


#topmark {
  min-height: 15px;
  background-color: #1166ad;
}

h1, h2, h3, h4, h5, h6 {
  font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;  
}

h1, h2 {
  font-weight:300;
}
h3, h4, h5, h6 {
  font-weight:400;
}

h1 {
  margin: 40px 0px;
  font-size: 24.5px;
}

h2 {
  font-size: 17.5px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 14px;
}

.carousel-caption h2 {
  line-height: 20px;
  color: #ffffff;
  margin: 0 0 5px;
}

.table.noborder td {
  border-top:0px;
}
/* Additional ploneui settings */

/* overwrite plone search bar settings */
input[type="text"]:focus {
  background-color:white;
}

/* add float right to personal-toolbar */
#marker-personaltools-wrapper {
  float: right;
}

/* plone image-float classes */
.image-left {
  float: left;
}
.image-right {
  float: right;
}

/* and an extra hr-class to unfloat it all again */
.hr-clear {
  clear: both;
  visibility: hidden;
}

#footer, #wrap, .container {
  min-width:500px;
}


/* @group Invisibles */

.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 0.1em;
    overflow: hidden;
    padding: 0;
    margin: -0.1em 0 0 -0.1em;
    width: 1px;
}
/* ensures hidden elements don't take up space */
/* .ie6 is set on <html> by Modernizr library */
.ie6 .hiddenStructure,
.ie7 .hiddenStructure {
    position: absolute;
}

#content .visualNoMarker {
    list-style:none;
    margin-left: 0;
}

.visualClear {
    clear: both;
}

/* @end */


#content .label  {
  display:block;
  margin:5px 0px;
}

/* @group Data tables */

table.listing,
table.plain {
    border-spacing: 0;
    border-collapse: collapse;
}

table.invisible td,
table.invisible th,
table.plain td,
table.plain th,
table.listing td,
table.listing th {
    padding: 0.5em 1em;
    vertical-align: top;
}
table.plain th,
table.plain td {
    border: 1px solid #ddd;
}
table.plain th {
    text-align: left;
}

table.listing td.listingCheckbox,
table.listing th.listingCheckbox {
    text-align: center;
}

table.listing {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
table.listing .top {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
table.listing th {
    text-align: left;
    color: #666;
    border: 0.1em solid #e7e7e7;
    border-style: solid solid none;
    background: #ddd;
}
table.listing tr.odd th {
    border: 0.1em solid #fff;
    border-style: solid solid none none;
}
table.listing tbody th {
    font-weight: bold;
}
table.listing tbody tr {
    text-align:left;
}
table.listing tbody tr.odd {
    background: #eee;
}
table.listing tbody tr td {
    background: transparent;
}
table.listing tbody tr.odd td {
    background: #eee;
}
table.listing td {
    border-right: 1px solid #ddd;
}
.icons-on #listing-table td {
    line-height: 2em;
}
table.listing a {
    border: none;
    display: inline-block;
    border-bottom: none !important;
}

table.listing td.draggable {
    text-shadow: White 1px 1px 1px;
    background: #ddd !important;
    border-bottom: 1px solid white;
    padding: 0.4em 0.4em 0 0.5em;
}
/* Vertical table data listings */
table.vertical {
}
table.vertical th {
    text-align: right;
}
table.vertical td {
    border-top: 0.1em solid #e7e7e7;
    padding: 0.5em;
}
/* Grid table listings */
table.grid td,
table.grid th {
    border: 1px solid #e7e7e7;
    padding: 0.5em;
}

.dragindicator {
    outline: 2px solid #FFD700;
}

#foldercontents-order-column {
    padding: 0;
}

div.listingBar {
    font-size: 80%;
    margin: 1em 0;
}

div.listingBar .next {
    display: inline-block;
    float: right;
}

div.listingBar .previous {
    display: inline-block;
}

div.listingBar a {
    display: inline-block;
    padding: 0.25em 0.5em;
    border: 0.1em solid #ccc;
}

div.listingBar a:hover {
    color: White;
    background-color: #329fd7;
    border-color: #329fd7;
}

/* @end */

/* @group Core content type sprites */

.template-folder_contents.icons-on .contenttype-document {
    background: no-repeat transparent 0px 4px url(../img/contenttypes-sprite.png);
}
.template-folder_contents.icons-on .contenttype-event {
    background: no-repeat transparent 0px -212px url(../img/contenttypes-sprite.png);
}
.template-folder_contents.icons-on .contenttype-folder {
    background: no-repeat transparent 0px -644px url(../img/contenttypes-sprite.png);
}
.template-folder_contents.icons-on .contenttype-link {
    background: no-repeat transparent 0px -1076px url(../img/contenttypes-sprite.png);
}
.template-folder_contents.icons-on .contenttype-news-item {
    background: no-repeat transparent 0px -1292px url(../img/contenttypes-sprite.png);
}
.template-folder_contents.icons-on .contenttype-plone-site {
    background: no-repeat transparent 0px -1508px url(../img/contenttypes-sprite.png);
}
.template-folder_contents.icons-on .contenttype-collection {
    background: no-repeat transparent 0px -1724px url(../img/contenttypes-sprite.png);
}
.template-folder_contents.icons-on .contenttype-topic {
    background: no-repeat transparent 0px -1724px url(../img/contenttypes-sprite.png);
}

.template-folder_contents.icons-on .contenttype-document,
.template-folder_contents.icons-on .contenttype-event,
.template-folder_contents.icons-on .contenttype-folder,
.template-folder_contents.icons-on .contenttype-link,
.template-folder_contents.icons-on .contenttype-news-item,
.template-folder_contents.icons-on .contenttype-plone-site,
.template-folder_contents.icons-on .contenttype-collection,
.template-folder_contents.icons-on .contenttype-topic,
.template-folder_contents.icons-on #plone-contentmenu-factories .contenttype-file,
.template-folder_contents.icons-on #plone-contentmenu-factories .contenttype-image {
    line-height: 2em;
    display: inline-block;
    *display: block;
    padding-left: 20px !important;
}
/* @end */


/* rename bootstrap navbar-active to navTreeCurrentNode used by plone */
.nav-tabs > .navTreeCurrentNode > a,
.nav-tabs > .navTreeCurrentNode > a:hover,
.nav-tabs > .navTreeCurrentNode > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #topmark {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-inner {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

}