/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.element-invisible,
.nav_bar h2 {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.skiplink {
  font-size: 1.2em;
  font-weight: bold;
  height: 1em;
  left: 20px;
  line-height: inherit;
  top: 35px;
  z-index: 10;
}

.skiplink a {
  display: block;
  left: -10000px;
  position: absolute;
}

.skiplink a:focus,
.skiplink a:active {
  background: #154273;
  color: #fff;
  left: 0;
  padding: 10px;
  text-decoration: underline;
  top: 0;
}

#block-system-help {
  background-color: #fef1bc;
  background-position: 0.5em 0.5em;
  background-repeat: no-repeat;
  margin-bottom: -1em;
  margin-right: 20px;
  margin-top: 3em;
  padding: 8px 10px 5px 34px;
}

#block-system-help p {
  margin-bottom: 0.1em;
}

body.toolbar {
  padding-top: 5.2em !important;
}

body.toolbar-drawer {
  padding-top: 8.2em !important;
}

#toolbar ul li {
  background: none;
}

.message_err,
.message_info {
  margin-bottom: 0;
  margin-top: 0;
}

.message p {
  font-size: 1em;
}

.message {
  margin-right: 0;
}

/* tabs */
div.tabs {
  background-color: #f5f5f5;
  border: none;
  color: #000;
  display: inline-block;
  margin: 0;
  vertical-align: baseline;
  width: 100%;
}

div.tabs ul.tabs {
  border: none;
  clear: both;
  height: 28px;
  line-height: 24px;
  list-style: none;
  margin: 0 0 0 7px;
  padding: 5px 0 2px 0;
}

div.tabs ul.tabs li {
  background: none;
  display: inline;
  float: left;
  padding: 0;
}

div.tabs ul.tabs li a {
  background-color: #eef4f6;
  border: none;
  color: #000;
  display: block;
  font-weight: bold;
  margin-right: 5px;
  padding: 0 5px 0 5px;
  text-decoration: none;
}

div.tabs ul.tabs li a:focus,
div.tabs ul.tabs li a:hover,
div.tabs ul.tabs li a.active:focus {
  background: #deebe3;
}

div.tabs ul.tabs li a.active:hover,
div.tabs ul.tabs li a.active {
  background: #deebe3;
  border: none;
}

/* ul.links */
ul.links li {
  background: none repeat scroll 0 0 transparent;
  display: inline;
}
ul.links li img {
  margin-bottom: 0;
}

/* pager navigation */
ul.pager {
  color: #767676;
  font-size: 1.1em;
  line-height: 1.1;
  padding-right: 20px;
}

ul.pager .pager-current {
  color: #000;
  padding-right: .5em;
}

ul.pager a,
ul.pager a:link,
ul.pager a:visited {
  color: #154273;
  padding-right: 0.5em;
  text-decoration: underline;
}

ul.pager a:hover {
  text-decoration: none;
}

ul.pager li {
  background: none;
  border-left: 1px solid #767676;
  float: left;
  padding-left: .5em;
}

ul.pager li.first-item {
  border-left: none;
}

ul.pager li.pager-previous {
  background: url("/sites/all/libraries/starterskit/css/skin/arrows.png") left -469px no-repeat;
  padding-left: 11px;
}

ul.pager li.pager-next {
  background: url("/sites/all/libraries/starterskit/css/skin/arrows.png") right 4px no-repeat;
  padding-right: 11px;
}

.search_results {
  clear: both;
}

.search_results {
  list-style: none;
  padding-left: 0;
}

.application #content.no-sidebars .content_main {
  left: auto;
  width: 100%;
}
.application #content.no-sidebars .breadcrumb {
  margin-left: 0;
  width: 100%;
}

form.form_ll textarea.text-full,
form.form_ll textarea.text-summary {
  max-width: 75%;
  width: 75%;
}

form .resizable-textarea {
  display: inline;
}

.breadcrumb {
  z-index: 100;
}

/* Fix contextual links */
ul.contextual-links li,
.nav_sub ul.contextual-links li a {
  background: none;
}
.nav_sub ul.contextual-links li a {
  width: auto;
}
ul.contextual-links li a:hover {
  text-decoration: none;
}

ul.news-items {
  font-size: 1em;
}

div.admin .right,
div.admin .left {
  margin: 0;
  width: 49%;
}

.task-list {
  margin-left: 3.4em;
}

.task-list .done {
  color: #999;
  font-style: italic;
}

.task-list .active {
  font-weight: bold;
}

/* Fix for showing localization client */
#l10n-client {
  font-size: 1.3em;
}

#l10n-client h2 {
  color: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
}

#l10n-client .string-list {
  font-size: 1em;
  line-height: 1;
}

/* Fix font color Devel */
div.krumo-root {
  color: #000;
}

/* Styling of file extensions */
a[href$='.doc'],
a[href$='.docx'] {
  background: url("../images/icons/icon_word.gif") left center no-repeat;
  display: inline;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.doc'],
li a[href$='.docx'] {
  background: #fff url("../images/icons/icon_word.gif") left center no-repeat;
  margin-left: -10px;
}

a[href$='.pdf'] {
  background: url("../images/icons/icon_pdf.gif") left center no-repeat;
  display: inline;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.pdf'] {
  background: #fff url("../images/icons/icon_pdf.gif") left center no-repeat;
  margin-left: -10px;
}

a[href$='.xls'],
a[href$='.xlsx'] {
  background: url("../images/icons/icon_excel.gif") left center no-repeat;
  display: inline;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.xls'],
li a[href$='.xlsx'] {
  background: #fff url("../images/icons/icon_excel.gif") left center no-repeat;
  margin-left: -10px;
}

a[href$='.ppt'] {
  background: url("../images/icons/icon_powerpoint.gif") left center no-repeat;
  display: inline;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.ppt'] {
  background: #fff url("../images/icons/icon_powerpoint.gif") left center no-repeat;
  margin-left: -10px;
}

a[href$='.odf'] {
  background: url("../images/icons/icon-odf.png") top left no-repeat;
  display: inline-block;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.odf'] {
  background: #fff url("../images/icons/icon-odf.png") top left no-repeat;
  margin-left: -10px;
}

a[href$='.opd'] {
  background: url("../images/icons/icon-odp.png") top left no-repeat;
  display: inline-block;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.opd'] {
  background: #fff url("../images/icons/icon-odp.png") top left no-repeat;
  margin-left: -10px;
}

a[href$='.ods'] {
  background: url("../images/icons/icon-ods.png") top left no-repeat;
  display: inline-block;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.ods'] {
  background: #fff url("../images/icons/icon-ods.png") top left no-repeat;
  margin-left: -10px;
}

a[href$='.odt'] {
  background: url("../images/icons/icon_tekstdocument.gif") left center no-repeat;
  display: inline;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.odt'] {
  background: #fff url("../images/icons/icon_tekstdocument.gif") left center no-repeat;
  margin-left: -10px;
}

a[href$='.txt'] {
  background: url("../images/icons/icon_tekstdocument.gif") left center no-repeat;
  display: inline;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.txt'] {
  background: #fff url("../images/icons/icon_tekstdocument.gif") left center no-repeat;
  margin-left: -10px;
}

a[href$='.zip'] {
  background: url("../images/icons/icon_zip.gif") left center no-repeat;
  display: inline;
  line-height: 18px;
  padding-left: 20px;
}

li a[href$='.zip'] {
  background: #fff url("../images/icons/icon_zip.gif") left center no-repeat;
  margin-left: -10px;
}

.meta span {
  display: inline-block;
}

.file a:link {
  text-decoration: underline;
}

.header .branding a {
  display: block;
}

.header .branding a:focus img {
  outline: 2px solid blue;
}
