/**
 * Layout
 */
#main-wrapper,
.region-sidebar-first,
.region-sidebar-second {
  float: left; /* LTR */
}
#navigation,
#header,
#main-columns {
  margin: 0 auto;
}
/* Column width */
body.two-sidebars #main-wrapper {
  width: 56%;
}
body.two-sidebars .region-sidebar-first,
body.two-sidebars .region-sidebar-second {
  width: 21.9%;
}
body.one-sidebar #main-wrapper {
  width: 70%;
}
body.one-sidebar .region-sidebar-first,
body.one-sidebar .region-sidebar-second {
  width: 29.7%;
}
body.no-sidebars #main-wrapper {
  width: 100%;
}
/* Spacing between columns */
#main-wrapper #main,
.region-sidebar-first .region,
.region-sidebar-second .region {
  margin: 0 10px;
} 
#main-wrapper.first #main,
.region-sidebar-first.first .region,
.region-sidebar-second.first .region {
  margin-left: 0;
}
#main-wrapper.last #main,
.region-sidebar-first.last .region,
.region-sidebar-second.last .region {
  margin-right: 0;
}
/* Prevent collision with browser chrome */
#navigation-wrapper,
#header,
#main-columns {
  padding: 0 15px;
}

/* Mobile */
@media only screen and (max-device-width: 480px) {
  #navigation-wrapper,
  #header,
  #main-columns {
    width: 100%!important;
  }
}

.container-inline div, 
.container-inline label {display: inline;}

/**
 * Wrappers
 */
html {
  height: 100%;
}

#page {
  background-color: #E3E3E3;
  min-height: 170px;
  border-radius: 6px;
  margin-bottom: 7px;
  padding: 25px 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
.region-content {
  clear: both;
}
.region-content-bottom {
  margin-top: 23px;
}

/**
 * Skip link
 */
#skip-link {
  height: auto;
  overflow: hidden;
  padding: 0;
  margin-top: 0;
  position: absolute;
  right: 20px; /* RTL */
  width: auto;
  z-index: 990;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  position: absolute;
  display: block;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  background: #444;
  color: #fff;
  font-size: 0.94em;
  text-decoration: none;
  outline: 0;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -khtml-border-radius-bottomright: 10px;
  -khtml-border-radius-bottomleft: 10px;
  -khtml-border-radius-topright: 0;
  -khtml-border-radius-topleft: 0;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 1px 10px 2px 10px;
}

/**
 * Header
 */
#header {
  clear: both;
  min-height: 20px;
}

/**
 * Branding
 */
#branding-wrapper {
  float: left;
  padding: 45px 0 48px 25px; /* LTR */
}
#branding {
  display: table;
}
.with-blocks #branding-wrapper {
  width: 58%;
}
#logo {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px 0 0; /* LTR */
}
#logo img {
  vertical-align: middle;
}
#name-and-slogan {
  display: table-cell;
  vertical-align: middle;
}
#site-name {
  line-height: 1;
  font-size: 4.0em;
  margin: 0;
  padding: 0;
}
#site-name a {
  letter-spacing: -3px;
}
#site-name a::-moz-selection {
  color: #FFF;
}
#site-name a::selection {
  color: #FFF;
}
#site-slogan {
  font-size: 1.167em;
  font-weight: 700;
  margin: 2px 0 0 3px; /* LTR */
  text-transform: uppercase;
}

/**
 * Closure
 */
#closure {
  font-size: 0.9em;
}
#closure #info {
  float: left; /* LTR */
  margin: 0 0 10px 5px; /* LTR */
}
#closure ul.links {
  float: right; /* LTR */
  margin: 0 5px 10px 0; /* LTR */
}
#closure ul.links li {
  margin: 0 0 0 10px; /* LTR */
}

/*
** Navigation
*/
/* 1st level */
#navigation {
}
#navigation ul {
  margin: 0;
}
#navigation > ul > li {
  display: inline-block;
  padding-left: 0;
  margin: 4px 0 0;
}
#navigation > ul > li > a {
  color: #DDD;
  display: block;
  padding: 8px 21px 10px 21px;
  line-height: 1;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#navigation > ul > li:hover > a,
#navigation > ul > li > li.active:hover > span > a {
  color: #FFF;
  text-decoration: none;
}
#navigation > ul > li > a:active,
#navigation > ul > li > a:focus {
  outline: 1px dotted #E0E0E0;
  color: #FFF;
}
#navigation > ul > li.active-trail {
  position: relative;
  background-color: #057ED1;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
#navigation > ul > li.active-trail > a {
  color: #FFF;
  font-weight: 700;
}
#navigation > ul > li.active-trail > a:hover {
  color: inherit;
}
#navigation > ul > li.expanded {
  position: relative;
}
#navigation > ul > li.expanded > a {
  background-image: url(../images/arrow-down-white.png);
  background-repeat: no-repeat;
  background-position: 90% 11px;
  margin: 0 10px 0 0; /* LTR */
}
#navigation > ul > li.expanded.active-trail > a {
  background: url(../images/arrow-down-black.png) no-repeat 90% 11px;
}
/* 2nd, 3rd, 4th level */
#navigation li.expanded ul {
  display: none;
  position: absolute;
  width: 190px;
  top: 30px;
  left: 0px; /* LTR */
  background-color: #4B4B4B;
  z-index: 100;
  opacity: 0.95;
}
#navigation li.expanded ul {
  background-color: #4B4B4B;
}
#navigation li.expanded:hover > ul {
  display: block;
}
#navigation li.expanded li {
  display: block;
  margin: 0;
  padding: 0;
}
#navigation li.expanded li a {
  padding: 7px 15px 7px 21px;
  color: #FFF;
  display: block;
}
#navigation li.expanded li a:hover {
  text-decoration: none;
}
#navigation li.expanded li a:active,
#navigation li.expanded li a:focus {
  outline: none;
}
#navigation li.expanded li.expanded {
  position: relative;
}
#navigation li.expanded li.expanded > a {
  background-image: url("../images/arrow-right-white.png");
  background-repeat: no-repeat;
  background-position: 96% 50%;
}
#navigation a::selection {
	background-color: #FFF;
  color: #16222B;
}
#navigation a::-moz-selection {
	background-color: #FFF;
  color: #16222B;
}

/* Third level */
#navigation li.expanded li.expanded ul {
  margin: 0 0 0 190px;
  top: 0;
  left: 0; /* LTR */
}

/**
 * Secondary menu
 */
#secondary_nav {
  margin: 0 0 6px 8px;
  float: right;
}
#secondary_nav h2 {
  border: none;
  height: 0;
  overflow: hidden;
  padding: 0;

}
#secondary_nav ul {
  margin: 0 5px;
list-style-type:circle
}
#secondary_nav ul li {
  display: block;
  list-style: none outside none;
  background: url('../images/raquo.png') no-repeat scroll left 0.833em transparent;
  padding: 0.3em 1em;
}
#secondary_nav ul li a {
  color: #000;
  border-bottom-style: none;
}
#secondary_nav ul li a {
  border-bottom: 1px dotted ;
}
#secondary_nav ul li a:hover {
  color: #FFF;
}
div.item-list ul li {
  list-style: none;
  margin-left: 0; /* LTR */
}

/**
 * System menus
 */
.item-list ul li {
  margin: 5px 0;
}
ul.menu {
list-style-position: inside;
  padding: 0;
  margin: 4px 0;
}
ul.menu li {
  padding: 0;
  margin: 4px 0;
}
ul.menu li {
  margin-left: 4px;
}
ul.menu li ul.menu {
  margin-left: 10px; /* LTR */
}

/**
 * Block module
 */
.block {
  margin-bottom: 25px;
  clear: both;
}
.block:last-child {
  margin-bottom: 15px;
}
.block + #block-system-main {
  margin-top: 15px;
}

.block h2 {
font-size: 1.2em;
font-weight: 700;
color: #FFF;
padding: 4px 4px 1px 4px;
text-align: center;
line-height: 1.3;
letter-spacing: -0.4px;
text-transform: uppercase;
text-shadow: #000000 1px 1px; 
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom: 1px solid #E5E5E5;
}

.block .content a:hover {
  text-decoration: underline;
}

.block ul {
  list-style-position:inside;
  padding:0;
}
.block li {
  margin: 6px 0;
}
.block .more-link {
  margin: 6px 0;
}
.block th,
.block td {
  padding: 7px 0px;
}
.block input.form-text,
.block input.form-password,
.block input.form-file {
  max-width: 400px;
  width: 100%;
}
.region-highlight {
  -moz-border-radius:3px 3px 3px 3px;
  background-color: #F5F9FA;
  border: 1px solid #B3CFD4;
  margin: 5px 0 10px 0;
  padding: 11px 16px;
}
.region-highlight .block h2 {
  border-bottom: none;
  text-transform: none;
  font-size: 1.5em;
  letter-spacing: normal;
  color: inherit;
  margin-bottom: 5px;
}
#block-profile-author-information .user-picture {
  float: left;
  margin: 0 15px 15px 0; /* LTR */
}


/**
 * System module
 */
/* Tabs */
.tabs {
  margin: 15px 0 10px;
}
.tabs:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tabs ul.tabs {
  margin: 5px 0 8px 0;
  padding: 0;
  border: none;
  white-space: normal;
}
.tabs ul.tabs li {
  display: inline-block;
  padding: 0;
}
.tabs ul.tabs li a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  display: block;
}
.tabs ul.tabs li.active a {
  background-color: #fff;
}
.tabs ul.tabs li a:hover,
.tabs ul.tabs li a:active,
.tabs ul.tabs li a:focus {
  outline: none;
  opacity: 0.8;
  border-color: #666;
}
.tabs ul.primary li {
  margin: 3px 3px 3px 0;
}
.tabs ul.primary li a {
  padding: 7px 15px;
  margin: 0;
}
.tabs ul.secondary {
  margin: 2px 0 6px;
  padding: 0;
  border: none;
  white-space: normal;
}
.tabs ul.secondary li {
  margin: 3px 2px 5px 0;
  border: none;
}
.tabs ul.secondary li a {
  font-size: 11px;
  padding: 3px 12px;
}
/* Vertical tabs */
div.vertical-tabs {
  border: 1px solid #CCC;
  background: #FFF;
}
div.vertical-tabs ul.vertical-tabs-list {
  list-style-position: outside;
}
.vertical-tabs-panes {
  padding: 9px 5px;
}
div.vertical-tabs fieldset {
  background: none;
}
.vertical-tabs ul.vertical-tabs-list li {
  background: transparent;
}
.vertical-tabs ul.vertical-tabs-list li a {
  background: transparent;
  display: block;
  border: none;
  padding: 7px 12px;
  color: inherit;
}
ul.vertical-tabs-list li.selected a {
  background-color: #fff;
}
.vertical-tabs input {
  width: 100%;
}
.vertical-tabs input.form-checkbox,
.vertical-tabs input.form-radio {
  width: auto;
}
/* Pagers */
.item-list ul.pager {
  margin: 15px 0 2px 0;
  text-align: left;
}
.item-list ul.pager li {
  margin: 0 6px;
  padding: 0;
}
ul.pager li:first-child {
  margin: 0 6px 0 0; /* LTR */
}
ul.pager li.pager-previous {
  padding-right: 8px;
}
ul.pager li.pager-next {
  padding-left: 8px;
}
ul.pager li.pager-ellipsis {
  margin: 0;
}
/* Breadcrumbs */
#breadcrumb {
  margin: 0 0 10px 0;
}
#breadcrumb .separator {
  margin: 0 5px;
}
.breadcrumb {
  padding: 0;
}
/* Markers */
.marker {
  color: #E25401;
  text-transform: capitalize;
  margin-left: 3px;
}
.marker:before {
  content: "(";
}
.marker:after {
  content: ")";
}
.farbtastic .marker:before {
  content: "";
}
.farbtastic .marker:after {
  content: "";
}
/* Action links */
ul.action-links {
  margin: 10px 0;
}
ul.action-links li {
  list-style: none;
  display: inline;
  padding: 0 14px 0 1px;
}
ul.action-links li a {
  padding-left: 15px;
  background: url(../images/action-link.png) no-repeat left center;
}
/* Messages */
#messages {
  margin: 10px 0;
}
#messages:first-child {
  margin-top: 0;
}
div.messages {
  /*padding: 7px 12px;*/
  margin: 0 0 15px 0;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
.messages em {
  font-weight: 300;
}
div.status {
  color: #fff;
  background-color: #74950a;
}
div.warning {
  color: #fff;
  background-color: #e89c00;
}
div.error {
  color: #fff;
  background-color: #d53400;
}
div.messages a {
  color: #fff;
  border-bottom: 1px solid #ffffff;
}
.messages a:hover {
  color: #fff;
}
/* Collapsible fieldsets */
html.js fieldset.collapsible .fieldset-legend {
  background: none;
}
html.js fieldset.collapsible .fieldset-legend {
  padding: 2px 4px 2px 10px; /* LTR */
}
html.js fieldset.collapsible legend a {
  padding: 0 15px 0 0; /* LTR */
  color: #fff;
  background: url(../images/arrow-down-white.png) no-repeat right 4px; /* LTR */
}
html.js fieldset.collapsed legend a {
  background: url(../images/arrow-right-white.png) no-repeat right 4px; /* LTR */
}
html.js fieldset.collapsed .fieldset-wrapper,
html.js fieldset.collapsed .action {
  display: none;
}
html.js fieldset.collapsed {
  padding: 10px 20px;
}
html.js fieldset.collapsed {
  border-width: 1px;
  margin-bottom: 15px;
}
html.js input.form-autocomplete {
  background-position: 99% 8px; /* LTR */
}
html.js input.throbbing {
  background-position: 99% -12px; /* LTR */
}
/* Resizable textareas */
.resizable-textarea {
  width: 100%;
}
.resizable-textarea .grippie {
  height: 9px;
  width: 100%;
  background: #CCC url(../images/grippie.png) no-repeat center 2px;
  border: 1px solid #CCC;
  border-top-width: 0;
  cursor: s-resize;
  margin-top: -6px;
  position: relative;
  margin-right: 0!important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box;
}
/* Table drag & drop */
.draggable a.tabledrag-handle {
  margin: 0 12px 0 0;
  padding: 0;
}
tr.drag {
  background-color: #F3FBFE;
}
tr.drag-previous {
  background-color: #F8FDFE;
}
span.tabledrag-changed {
  font-size: 13px;
  margin-left: 3px;
  color: #f00;
}
th a,
thead a {
  color: #FFF !important;
}
th a:hover,
thead a:hover {
  color: #FFF;
}
table img {
  margin: 0 0 0 7px; /* LTR */
}
/* Password strength indicator */
.password-parent,
div.form-item div.password-suggestions {
  position: relative;
  width: auto;
}
#password-strength {
  float: none;
  left: 16em;
  position: absolute;
  width: 11.5em;
}
#password-strength-text,
.password-strength-title,
div.password-confirm {
  font-size: 0.833em;
}
#password-strength-text {
  margin-top: 0.2em;
}
input.password-confirm,
input.password-field {
  width: 15em;
  margin-bottom: 0.4em;
}
div.form-item div.password-suggestions {
  padding: 8px 9px;
  margin: 10px 0;
  background-color: #F3FCDB;
  border: 1px solid #B8E643;
}
/* Maintenance page */
body.maintenance-page #content {
  margin-top: 5px;
}
/* Utility classes */
.element-invisible {
  padding: 0 !important;
  border: none !important;
}

/**
 * Admin pages
 */
/* admin/structure/block and admin/people/permissions */
tr.region-title td,
table#permissions td.module {
  color: #779125;
  font-size: 1.083em;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
tr.region-populated {
  display: none;
}
/* admin/config */
div.admin .left,
div.admin .right {
  margin: 0;
}
div.admin-panel {
  margin: 0 0 9px 0;
  padding: 5px 0 10px;
  border-bottom: 1px dashed #000;
}
div.admin-panel h3 {
  margin-top: 5px;
}
.admin-panel:last-child {
  border-bottom: none;
}
/* admin/help/ */
body.page-admin-help dd {
  margin-bottom: 12px;
}
/* admin/config/regional/date-time */
td .form-item {
  margin: 4px 0;
}
/* admin/<content_type>/fields */
.label-add-new-field,
.label-add-existing-field {
  display: inline-block;
  vertical-align: middle;
}
/* admin/config/people/ip-blocking */
form#system-ip-blocking-form {
  margin-bottom: 15px;
}
/* admin/config */
div.admin-panel .body {
  padding: 0;
}
/* admin/reports/updates */
table.version tr {
  margin: 10px 0;
}
td.version-links li {
  display: inline;
  margin: 0 0 0 10px;
}
table.update tr {
  margin: 10px 0;
  display: block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
table.update tr.error > td,
table.update tr.ok > td,
table.update tr.warning > td,
table.update tr.unknown > td {
  display: block;
}
table.update tr,
table.update td {
  border: none;
}
body.page-admin-reports-updates h3 {
  margin-bottom: 0;
}
.update tr.error {
  background-color: #FFECE2;
  border: 1px solid #F4C6AF;
}
.update tr.ok {
  background-color: #EEF8CA;
  border: 1px solid #D6EC8B;
}
.update tr.warning {
  background-color: #FDF9E5;
  border: 1px solid #F1E7B4;
}
.update tr.unknown {
  background-color: #EFEFEF;
  border: 1px solid #D4D4D4;
}
.update .project,
.update table.version .version-title,
.update .info  {
  padding-left: 0;
  padding-right: 0;
}
/* admin/reports/status */
table.system-status-report tr {
  border-bottom: 1px solid #878787;
  border-top: 1px solid #878787;
  padding-left: 30px;
}
table.system-status-report tr.warning {
  background-color: #FDF9E5;
}
table.system-status-report tr.ok {
  background-color: #EEF8CA;
}
table.system-status-report tr.error {
  background-color: #FFECE2;
}
/* admin/appearance */
.system-themes-list-disabled .theme-selector  {
  padding: 20px 30px 20px 0;
  width: 200px;
}
.system-themes-list-disabled .theme-info {
  min-height: 0;
}
/* admin/structure/block/demo/samara */
body.page-admin-structure-block-demo-samara .region-sidebar-first,
body.page-admin-structure-block-demo-samara .region-sidebar-second,
body.page-admin-structure-block-demo-samara #navigation,
body.page-admin-structure-block-demo-samara #header-wrapper {
  display: block;
}


/* System help */
#block-system-help {
  background-color: #F5F9FA;
  border: 1px solid #B3CFD4;
  margin: 15px 0;
  padding: 12px 16px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
/* Admin forms */
body.page-admin label {
  font-weight: 700;
}
#edit-actions {
  vertical-align: top;
  margin: 10px 0;
}
.fieldset-description {
  margin-bottom: 6px;
}
body.page-admin input {
  width: auto;
}
.multiselect .form-item {
  display: inline-block;
  margin: 0 10px 0 0; /* LTR */
}
dl.multiselect dt,
dl.multiselect dd {
  float: none;
}
#user-admin-buttons  {
  margin-left: 0;
  margin-right: 0;
}
form#system-actions-manage-form {
  margin-top: 30px;
}
table + input {
  margin-top: 10px!important;
}
legend + .fieldset-wrapper {
  margin-top: 0;
}
dl.multiselect dd .form-item {
  margin-bottom: 30px;
}
dl.multiselect dd .form-item label {
  margin-top: 2px;
}
.node-form #edit-poll-more {
  margin-top: 10px;
}
#edit-field-screenshot {
  float: none;
}
td.block {
  background: inherit;
  border: none;
  margin: 0;
}
td.edit,
td.delete {
  padding-left: 7px; /* LTR */
}
dl.admin-list dd {
  margin: 0 0 11px 0;
}
dl.multiselect label {
  text-transform: capitalize;
}
dl.multiselect dd {
  line-height: normal;
  margin-left: 0;
}
.node-type-list dt {
  margin-top: 11px;
}
#user-admin-buttons,
#node-admin-buttons {
  margin-top: 10px;
}
fieldset .action {
  margin-top: 7px;
}
.compact-link {
  margin-bottom: 5px;
}

/*********/
/* LISTS */
/*********/

.block ul li {
  background: url('../images/raquo.png') no-repeat left 0.833em;
  margin: 0.15em 0 0.15em 0;
  padding: 0.3em 0 0 1.0em;
  list-style: none;
}

/* alignments */

.center {
	text-align: center;
}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


img.lleft {
	float:left;
	margin: 2px 20px 5px 0px;
}

img.rright {
	float:right;
	margin: 2px 0px 5px 20px;
}


img.left, img[align="left"] {
	float: left;
	margin: 4px 20px 5px 0px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #c7d0d8;
}

img.right, img[align="right"] {
	float: right;
	margin: 4px 0px 5px 20px;
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #C7D0D8;
}

#info a {
  background-color: #BCBABB;
  padding: 1px 3px;
  font-size: 0.8em;
  color: #FFF;
}

