/**
 * Royal Mail 2011/12  Generic Styles
 * Resets default browser styles.
 */
* {
  margin: 0;
  padding: 0;
}

HTML, BODY {
  height: 100%;
}

OL, ul, li {
  list-style: none;
}

a {
  outline: none;
}

IMG {
  border: 0;
}

.ie7 ul {
  list-style-position: outside;
}

/* Overwrite Drupal Default styling. */
ul.menu li {
  margin: 0 0 0 0;
}

li.leaf, li.expanded {
  list-style-type: none;
  list-style-image: none;
}

.block ul {
  padding: 0 0 0 0;
}

#maincontent .item-list ul {
  margin: 0;
}

#maincontent .item-list ul.bullet {
  margin: 0 0 0 13px;
}

.breadcrumb {
  padding-bottom: 0;
}

.breadcrumb .item-list ul,
.breadcrumb .item-list li {
  margin: 0;
}

div.error, tr.error {
  background: none;
  color: inherit;
  padding: inherit;
}

div.error {
  border: inherit;
}

#user-login div.error {
  padding: 20px 20px 0 60px;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
  color: inherit;
}

.form-item label {
  clear: left;
  font-weight: normal;
}

.form-item label.hide {
  display: none;
}

.form-item {
  margin-bottom: 0;
  margin-top: 0;
}

#topnav .right .block {
  display: inline;
  float: left;
  margin: 0 5px;
}

/* override old RML styles from modules */
.my-account .appfield {
  width: auto !important;
}

.my-account .right-wrapper {
  margin-left: 0;
}

.sophistication_dropdown_inner .item-list ul,
.sophistication_dropdown_inner .item-list ul li {
  margin: 0;
  list-style: none;
}

.hidden {
  display: none;
  visibility: hidden;
}

#user-login-form {
  text-align: left;
}

.item-list ul li {
  margin: inherit;
  list-style: none;
}

/* Stuff for admin side that displays on the front end */

.status {
  color: #000;
}

.messages, .container_4 .pane_messages .status {
  border-radius: 3px 3px 3px 3px;
  padding: 15px;
  margin: 5px 5px 25px 0;
  background: url(../img/comp/wrapper/met_630.jpg) repeat-y 0 0 #CCC;
  box-shadow: none;
  border: 1px solid #F5F5F5;
  color: #000000;
  width: 580px;
}

.container_4 div.error, .pane_messages .messages {
  margin: 20px 0 20px 0;
  padding: 20px 20px 20px 60px;
}

.pane_messages {
  width: 622px;
}

.container_4 div.error,
.container_4 .messages {
  width: 540px;
}

/* Padding may be applied as part of surrounding markup so remove it in these cases */
.container_4 .padding20 div.error {
  padding: 0;
  width: auto;
}

#panels-dnd-main div.panels-display {
  background: none repeat scroll 0 0 #fff;
  border: 1px dashed #bfbfbf;
}

html.js #panels-dnd-main div.ctools-dropdown div.ctools-dropdown-container,
html.js div.panels-display-links div.ctools-dropdown-container {
  border: 1px solid #858585 !important;
  border-radius: 0.333em;
  font-size: 12px;
  font-weight: 700;
  margin: 0 !important;
  width: 300px !important;
  padding: 10px;
}

html.js #panels-dnd-main div.ctools-dropdown div.ctools-dropdown-container ul li,
html.js div.panels-display-links div.ctools-dropdown-container ul li {
  color: #494949 !important;
  text-decoration: none;
  text-shadow: none;
}

html.js #panels-dnd-main div.ctools-dropdown div.ctools-dropdown-container ul li a,
html.js div.panels-display-links div.ctools-dropdown-container ul li a {
  color: #c00 !important;
  font-weight: 700;
}

html.js #panels-dnd-main div.ctools-dropdown div.ctools-dropdown-container ul li a:hover,
html.js div.panels-display-links div.ctools-dropdown-container ul li a:hover {
  background: none #fff;
  text-decoration: underline;
}

.panel-portlet .grabber {
  font-weight: 700;
  text-shadow: none;
}

.panel-portlet {
  clear: left;
}

/* Admin bar overides - will need to be duplicated in Rubik theme too */

#admin-toolbar .primary-tabs {
  height: auto;
}

#admin-toolbar ul.links li, #admin-toolbar ul.links li a {
  float: none;
  display: block;
  margin-bottom: 2px;
}

/* ones for rml only */

#admin-toolbar ul.primary {
  display: block;
  padding: 5px;
}

#admin-toolbar ul.primary li {
  display: block;
  margin-bottom: 2px;
}

#admin-toolbar ul.primary li a {
  background: none repeat scroll 0 0 #333;
  border-radius: 3px 3px 3px 3px;
  display: block;
  padding: 2px 10px;
}

#admin-toolbar ul.primary li a:hover {
  background: none repeat scroll 0 0 #eee;
  color: #333;
}

#panels-edit-display-form #panels-dnd-main {
  overflow: visible;
}

#maincontent #ctools-jump-menu label.hide {
  display: none;
}

.pane-content.menu-menu-myaccount-loggedout .nolink {
  font: 400 160% ChevinProMedium, Arial, Helvetica, sans-serif;
}

#gallery-embed-gallery,
#gallery-embed-panel {
  height: auto !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

#gallery-embed-panel {
  width: auto !important;
}

/* fixes for IE7 */
.ie7 #topnav {
  z-index: 504;
  position: relative;
}

.ie7 .header-search .form-submit {
  width: 67px;
}

/* Christmas */
html.js #rml-christmas-dropdown #edit-dropdown-continue {
  display: none;
}

/* Help and support search blocks  */
#maincontent .views-exposed-form .form-select,
#maincontent .views-exposed-form .views-exposed-widget .form-submit,
#kb-widget .rn_ButtonInput  {
  margin: 0;
}

#maincontent .rightsidebar .views-exposed-form .views-exposed-widget,
#maincontent .rightsidebar .rn_SearchButton {
  width: 100%;
  padding: 0;
}

#maincontent .rightsidebar .views-exposed-form .views-exposed-widget input.form-text,
#maincontent .rightsidebar .rn_SearchBox input.rn_Query {
  margin: 0 0 10px;
  width: 238px;
}

#maincontent .dynamic_columns .views-exposed-form .views-exposed-widgets, .views-exposed-form .views-exposed-widget #edit-submit-faq-search, .views-exposed-form .views-exposed-widget input {
  margin: 0;
}

#maincontent .dynamic_columns .views-exposed-form .views-exposed-widget {
  padding-top: 0;
  padding-right: 0;
}

/* brought in from old theme */
.half-width {
  width: 50%;
}

.overflow-auto {
  overflow: auto;
}

#maincontent .view-country-guides #ctools-jump-menu .container-inline {
  display: block;
}

/* "Reset" styles provided by CTools modal */
div.ctools-modal-content {
  background: #fff;
  border: 1px solid #ccc;
  margin: 0;
}

#modalBackdrop {
  /* These !importants are necessary to override ctools' inline styles. */
  background: none repeat scroll 0 0 #000 !important;
  opacity: 0.65 !important;
  filter: Alpha(Opacity=65) !important;
}
