/* $Id: style.css 861 2009-07-28 07:14:05Z cdale $ */

/**
 * This file contains all the base styles for this theme.
 * More specific styles can be found in other stylesheets.
 */

/** body **/
body {
  margin: 0;
  padding: 0px;
  background-color:#001739;
  background-image: url("images/bg-overlay.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}

#page-outer {}

#page {
/*  background-image: url("images/bg-grad.png");
  background-position: left top;
  background-repeat: repeat-x; */
}

#page-inner,
#closure-blocks {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

#page-inner {}

/** header **/
#header {
  z-index: 1; /* for drop down menus */
  height:195px;
  position:relative;
}

#header-inner {}

#banner {}

#banner-inner {}

/* Wrapper for logo, website name, and slogan */
#logo-title {
}

/* Wrapper for logo */
#logo {
  margin: 10px 10px 10px 0;
  padding: 0;
  float: left;
}

/* The actual logo image */
#logo-image {
}

#logo a,
#logo a img {
  display:block;
}

#logo a:link, #logo a:visited {
  text-decoration: none;
  color:#FFFFFF;
}

#logo span#logo-subtitle {
   font-family: Bell;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 11px;
   position:absolute;
   right:0px;
   bottom:-5px;
}

/************************************** Page layout */
/**
 * Based on the Faux Absolute Positioning method.
 * http://alistapart.com/articles/fauxabsolutepositioning
 */

/** main (wrapper for content & sidebars) **/
#main {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1;
  /*
  background-image: url("images/bg-main-corners.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  */
  background-color: #ffffff;

  border-radius: 0px 0px 6px 6px;
  padding-bottom:9px;
}

#main-inner {
/*
  background-color: #E0E0E0;
  background-image: url("images/bg-grad-main.png");
  background-position: left top;
  background-repeat: repeat-x;
  */
  background-color: #ffffff;
  padding:20px;
}

/* Set defaults for each column (#content, #sidebar-left, #sidebar-right) */
#main #content,
#main #sidebar-left,
#main #sidebar-right {
  position: relative;
  float: left;
  left: 100%;
}

.mymenuparent {
  width:960px;
  height:58px;
  display:block;
  background-image: url("images/bg-subheader.png");
  background-position: left top;
  background-repeat: no-repeat;
  position:relative;
  z-index: 20;
}
.mymenuparent a {
  font-size: 23px;
  color:#FFFFFF;
  text-decoration: none;
  line-height: 58px;
  padding-left: 25px;
}


/*
Width of #page = p
Width of #sidebar-left = l
Width of #sidebar-right = r
*/
#content {
  width: 413px; /* p - (l + r) */
  margin-left: -673px; /* p - l */
}

#content-inner {
  padding: 0px;
}

body.no-sidebars #content {
  width: 920px; /* p */
}

body.sidebar-left #content {
  width: 670px; /* p - l */
}

body.sidebar-right #content {
  width: 660px; /* p - r */
}

#sidebar-left {
  width: 227px;
}

#sidebar-left-inner {
}

#sidebar-right {
  width: 247px;
  margin-left: -240px; /* r */
}

#sidebar-right-inner {
}

#sidebar-right .block {
  margin-bottom:25px;
}

/* For easier editing, these elements have been grouped as they share the same margin */
body.no-sidebars #content,
body.sidebar-right #content,
#sidebar-left {
  margin-left: -100%; /* Position these elements on the far left */
}

body.page-contact-us #content {
  width:485px;
}

body.page-contact-us #sidebar-right {
  width:400px;
  margin-left:-415px;
}


/* Wrapper for any blocks placed in the "content top" region */
#content-top {
}

/* Wrapper for breadcrumb, title, messages, tabs, and help */
#content-header {
}

/* The path to the current page in the form of a list of links */
.breadcrumb {
  padding-bottom: 0; /* Undo system.css */
}

/* Wrapper for any blocks placed in the "content bottom" region */
#content-bottom {
}

/************************************** footer */
#footer {
  clear: both;
  font-size: 12px;
  line-height: 1;
  color:#b3b6b9;
  padding-top:16px;
}

#footer-inner {
}

#footer a:link,
#footer a:visited {
  text-decoration: none;
  color:#b3b6b9;
  font-size: 12px;
}

#footer a:hover {

}

/* h1.title - The title of the page */
/* h2.title - Block title or the title of a piece of content when it is given in a list of content */
/* h3.title - Comment title */
h1.title,
h2.title,
h3.title {
  margin: 0;
}

/* Important messages (status, warning, and error) for the user */
div.messages {
  margin: 0 0px 5px 0px;
  border: 1px solid #ccc;
  padding: 5px;
  color: #000;
  background-color: #fff;
}

/* Normal priority messages */
div.status {
  color: #292;
  border: 1px solid #7d7;
  background: #efe;
}

/* Medium priority messages */
div.warning {
  color: #a60;
  border: 1px solid #f0c020;
  background: #ffd;
}

div.warning,
tr.warning,
body.section-admin tr.warning {
  /* color: #220; */ /* Drupal core uses #220 */
  background: #ffd;
}

/* High priority messages. See also the .error declaration below. */
div.error {
  color: #d22;
  border: 1px solid #d77;
  background: #fee;
}

div.error,
tr.error,
body.section-admin tr.error {
  /* color: #200; */ /* Drupal core uses #200 */
}

/* Primary tabs */
div.tabs {
  margin: 0 0 1em 0;
}

ul.primary {
  line-height: 1;
  margin: 0 0 0px 0;
  padding: 10px 0px 0px 7px;
  list-style: none;
  overflow: hidden;
  border-width: 0px 0px 0 0px;
  border-style: solid;
  border-color: rgb(240,240,240);
  background: rgb(204,221,227);
}

ul.primary li {
  float: left;
  padding: 3px 0 12px 0;
}

ul.primary li a {
  color: rgb(50,60,80);
  margin: 0 2px 0 0;
  padding: 5px 15px 12px 15px;
  text-decoration: none;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  border-color: rgb(166,193,204);
  background: rgb(204,221,227);
  -moz-border-radius: 5px 5px 0 0;
}

ul.primary li a:hover,
ul.primary li a:focus {
  outline: none;
  background: rgb(224,241,247);
}

ul.primary li.active a {
  background: white;
  font-weight: bold;
  border-width: 1px 0px 0 0px;
  border-style: solid;
  border-color: rgb(166,193,204);
}

ul.primary li.active a:hover {
  background: white;
}

/* Second-level tabs */
ul.secondary {
  padding: 5px;
  margin: 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: rgb(166,193,204);
}

ul.secondary li {
  border-color: rgb(166,193,204);
}

ul.secondary li a.active {
  border: none;
  font-weight: bold;
}

/* Help text on a page */
.help {
  margin: 1em 0;
}

/* Link to more help */
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}

/* Wrapper for the actual page content */
#content-area {
}

/*A list of page numbers when more than 1 page of content is available */
.pager {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current {
  padding: 0.5em;
}

/* The links to the RSS or Atom feeds for the current list of content */
.feed-icons {
  margin: 1em 0;
}

/************************************** User comments **/
/* Wrapper for all comments */
#comments {
  margin: 1em 0;
}

/* Wrapper for a single comment */
.comment {
}

/* Additional wrapper for a single comment */
.comment-inner {
}

/* An odd-numbered comment in the list of comments */
#comments div.odd {
}

/* An even-numbered comment in the list of comments */
#comments div.even {
}

/* Unpublished comments */
.comment-unpublished {
  background-color: rgba(0,0,0,.1);
}

/* The word "Unpublished" displayed beneath the content. */
.comment-unpublished div.unpublished {
}

/* A comment created by the node's author */
.comment-by-author {
}

/* A comment created by an anonymous user */
.comment-by-anon {
}

/* A comment created by the current user */
.comment-mine {
}

/* Comment title */
.comment h3.title {
}

/* "New" marker for comments that are new for the current user */
.new {
  color: #c00;
}

/* The picture of the comment author */
.comment .picture {
}

/* The "posted by" information */
.comment .submitted {
}

/* Comment's content wrapper */
.comment .content {
}

/* Wrapper for comment links. See also the ul.links declaration in the node section above. */
.comment div.links {
  margin: 1em 0;
}

/* Nested comments are indented */
.indented {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}

/* Preview of the comment before submitting new or updated comment */
.preview .comment {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}



/************************************** Drupal boxes */
/* Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box-inner /* Additional wrapper for box */ {
}

.box h2.title /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/************************************** Miscellaneous Drupal styles */
/* Errors that are separate from div.messages status messages (see above.) */
.error {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

/* Warnings that are separate from div.messages status messages (see above.) */
.warning {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

/* Aggregator, blog, and forum more link */
.more-link {
  text-align: right;
}

td.region,
td.module,
td.container,
td.category {
  border-top: 1em solid #fff;
  border-bottom: 1px solid #ccc;
  background: #ddd;
}

tr.even,
tr.odd {
  border-bottom: none;
  padding: 0;
}

tr.even td {
  background-color: #fff
}

tr.odd td {
  background-color: #eee;
}

tr.even:hover td,
tr.odd:hover td {
  background-color: #ccdde3;
}

li a.active {
  color: #000;
}

/************************************** Drupal forms */


.webform-client-form .form-item   {
  padding-top:10px

}


.webform-client-form label {
    float: left;
    font-weight: normal;
    margin: 0 29px 0 0;
    padding: 3px 0;
    text-align: right;
    width: 129px;
}

.webform-client-form .form-checkboxes .form-item .form-radios {
  margin:none;
  padding-top: 0;

}
.webform-client-form p {
  font-size:11px;
  margin-left: 152px;
  width: 420px;
}
.submitted-industry .form-select {
  margin-top: 1.2em;

}
.webform-client-form .webform-container-inline div, .webform-container-inline div.form-item {
  display: inline-block;
}

/* Wrapper for a form element (or group of form elements) and its label */
.form-item,
.form-checkboxes,
.form-radios {
  margin: 1em 0;
}

/* Highlight the form elements that caused a form submission error */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid #c00;
}

.form-item label {
  display: block;
  cursor: pointer;
}

/* The label for a radio button or checkbox */
body.section-node-edit .form-item label.option {
  display: inline;
  font-weight: normal;
}

/* Indicator for a required field */
.form-required {
  color: #933;
  cursor: help;
}

/* The descriptive help text (separate from the label) */
.form-item .description {
  font-size: 90%;
  color: #666;
  line-height: 1.2;
}

.form-text,
textarea {
  font-size: 100%;
  padding: 3px 0;
}

input.form-checkbox,
input.form-radio {
  vertical-align: middle;
  margin: 0;
}

/* Reduce margin between options */
.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0.4em 0;
  padding-top: 0;
}

/* The submit button */
.form-submit {
}

/* Inline labels and form divs */
.container-inline div, .container-inline label {
  display: inline;
}

/* Tips for Drupal's input formats */
.tips {
  margin: 0;
  padding: 0;
  font-size: 90%;
}

/*************************************** TinyMCE */
/* Button */
#edit-body_pagebreak {
  background-image: url(images/pagebreak.png) !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
}

span.mce_pagebreak {
  background-position: 20px 20px !important;
}

.defaultSkin a.mceButtonEnabled:hover {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #aaa !important;
  background-color: transparent !important;
  -moz-border-radius: 3px;
}

.form-checkboxes .form-item, .form-checkboxes label{padding-top: 0;}

#webform-client-form-130 label {
    width: 140px;
}

#webform-client-form-130  .form-radios label, #webform-client-form-130 .form-checkboxes label, #webform-client-form-130 .form-select {
    margin-left: 165px;
    text-align: left;
    width: auto;
}

#webform-client-form-130 p {
    margin-left: 162px;
}

#webform-client-form-130 .form-submit {
    margin: 0 0 0 165px;
}