article, header, footer, section, nav {
  display: block;
}

header {
  margin-bottom: 15px;
}

.node-type-mtblog header, 
.node-type-mtblog-site header {
  margin-bottom: 30px;
} 

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

.ec-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
  z-index: 2147483647;
}

/* =========================================================
 * Positioning classes
 * --------------------------------------------------------- */

/**
 * How To Clear Floats Without Structural Markup
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0; /* NEW! See http://drupal.org/node/281106#comment-1345134 */
  }
/* IE Mac/Win fixes below */
.clearfix {
  display: inline-block; /* For IE/Mac */
}
/* Hides from IE/Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE/Mac */

/* Clear classes */
.clearleft { clear: left; }
.clearright { clear: right; }
.clear { clear: both; }

/* Float classes */
.floatleft { float: left; margin: 0 15px 10px 0 !important; }
.floatright { float: right; margin: 0 0 10px 15px !important; }

/* Alignment classes */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligntop { vertical-align: top; }
.alignmiddle { vertical-align: middle; }
.alignbottom { vertical-align: text-bottom; }

/* Text alignment classes */
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter, .center { text-align: center; }

/* from live stylesheet */
.no_display {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

/* ---------------------------------------------------------
 * end Positioning classes
 * ========================================================= */



/* =========================================================
 * Site-wide: Containers/wrappers
 * --------------------------------------------------------- */

#leadspot {
  margin: 0;
  padding: 0;
}

/* ---------------------------------------------------------
 * end Site-wide: Containers/wrappers
 * ========================================================= */


/* =========================================================
 * Help, messages, warnings
 * --------------------------------------------------------- */

div.help, div.messages, div.warning {
  font-size: 14px;
  min-height: 1em; /* Prevents divs from cutting off the icon (rare) */
  padding: 1em 1em 1em 3em;
  position: relative;
}

/* Lists may only appear in help and messages (but not sure) */
div.help ul, div.messages ul {
  margin-bottom: 1em;
  margin-left: 0;
}
div.help ul li, div.messages ul li {
  margin-bottom: .25em;
}
div.help {
  background: white url(/sites/all/themes/econfinal/images/icons/icon-help.gif) 10px 12px no-repeat; /* black 5% */ /* TODO: add sprite */
  border: 1px solid rgb(88,139,160); /* blue */
  margin-bottom: 20px;
}
div.help p {
  margin-bottom: 0.7em;
}
div.messages, div.warning {
  margin-bottom: 10px;
}
div.messages-unpublished {
  background-color: #FF7525;
  border-bottom: 1px solid #C74900;
  padding: 6px;
  color: white;
  font-size: 1.5rem;
}

/* Number of messages */
div.messages-multiple {
  padding-bottom: 0;
}

/* Types of messages */
div.messages-status {
  background: #eafdea url(/sites/all/themes/econfinal/images/icons/icon-success.gif) 10px 14px no-repeat; /* green xxlight */ /* TODO: add sprite */
  border: 1px solid #a5cbb4; /* green */
}
div.messages-warning, div.warning {
  background: #ffefd8 url(/sites/all/themes/econfinal/images/icons/icon-warning.png) 7px 10px no-repeat; /* yellow xxlight */ /* TODO: add sprite */
  border: 1px solid #f6b861; /* orange */
}
div.messages-error {
  background: #ffeded url(/sites/all/themes/econfinal/images/icons/icon-error.gif) 10px 14px no-repeat; /* red xxlight */ /* TODO: add sprite */
  border: 1px solid #f69697; /* red */
}
div.messages-public {
  background: #eafdea url(/sites/all/themes/econfinal/images/icons/icon-success.gif) 10px 14px no-repeat; /* green xxlight */ /* TODO: add sprite */
  border: 1px solid #a5cbb4; /* green */
}
div.messages-public span.title {
  font-size: 1.3em;
  font-weight: bold;
}
div.messages a,
div.messages-warning a,
div.messages-unsubscribe a {
  text-decoration: underline;
}
div.messages a:hover,
div.messages-warning a:hover,
div.messages-unsubscribe a:hover  {
  text-decoration: none;
}
div.messages p {
  margin-bottom: 0.5em;
}
/* close button styling */
a.dismiss-messages {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 13px;
}
div.messages-warning a.dismiss-messages {
  background: #F6B861 url(/sites/all/themes/econfinal/images/close-warning.gif) no-repeat;
}
div.messages-status a.dismiss-messages {
  background: #a5cbb4 url(/sites/all/themes/econfinal/images/close-status.gif) no-repeat;
}
div.messages-public a.dismiss-messages {
  background: #a5cbb4 url(/sites/all/themes/econfinal/images/close-status.gif) no-repeat;
}
div.messages-error a.dismiss-messages {
  background: #f69697 url(/sites/all/themes/econfinal/images/close-error1.gif) no-repeat;
}

/* Appears at bottom of forms */
div.warning {
  margin-top: 20px;
}

/* Asterisk */
span.warning {
  color: rgb(255,153,0); /* orange */
  margin-left: .5em;
}
div.warning span.warning {
  display: none; /* hide asterisk inside warning div (redundant) */
}
.esi-generated {
  display: none; /* Hide esi-generated divs that provide debug information. */
}

/* ---------------------------------------------------------
 * end Help, messages, warnings
 * ========================================================= */



/* =========================================================
 * Site-wide styling: Forms
 * --------------------------------------------------------- */

.ec-fieldset {
  border: 1px solid #8BBBD1;
  border-top: 3px solid #8BBBD1;
  clear: left;
  margin-bottom: 15px;
  padding: 8px;
}
.ec-fieldset fieldset {
  margin: 0;
  padding: 0;
}
textarea {
  border: 1px solid #8BBBD1;
}
form.ec-standard-form {
  font-family: Verdana,Arial,sans-serif;
}
form.ec-standard-form div.form-item {
  margin: 1em 0 1.5em;
}
form.ec-standard-form input[type=text],
form.ec-standard-form input[type=email],
form.ec-standard-form input[type=password],
form.ec-standard-form select,
form.ec-standard-form textarea {
  border: 1px solid #CCCCCC;
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.3em;
  color: #000000;
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0.45em 0;
  padding: 3px;
}
form.ec-standard-form label {
  font-size: 1.2em;
  color: #666666;
  font-weight: bold;
}
form.ec-standard-form label span.form-required {
  color: #666666;
}
form.ec-standard-form label.option {
  color: #000000;
}
form.ec-standard-form input[type=text],
form.ec-standard-form input[type=email],
form.ec-standard-form input[type=password],
.form-item input.ec-input-text {
  height: 1.45em;
}
html.js form.ec-standard-form .resizable-textarea {
  margin: 0.5em 0;
}
html.js form.ec-standard-form .resizable-textarea textarea {
  margin: 0;
}
form.ec-standard-form .form-item .form-checkboxes,
form.ec-standard-form .form-item .form-radios {
  margin: 0;
}
form.ec-standard-form .form-checkboxes .form-item,
form.ec-standard-form .form-radios .form-item {
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}

form.ec-standard-form input[type='submit'],
form.ec-standard-form input[type='reset'],
form#comment-form input[type='submit'],
form#comment-form-1 input[type='submit'],
.ec-button {
  background: url("/sites/all/themes/econfinal/images/icons/masthead-sprite.gif?a") repeat-x scroll 0 -107px transparent;
  border: 0 none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Verdana,Arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0px;
  padding: 5px 15px;
  text-transform: uppercase;
  text-decoration: none;
}
a.ec-button,
a.ec-button:hover,
a.ec-button:active,
a.ec-button:visited {
  padding: 7px 15px;
  color: #FFFFFF;
  text-decoration: none;
}



form.ec-inline-error div.messages-inline,
form div.error.messages-inline {
  border: 0;
  padding: 0;
  margin-bottom: 1.5em;
  font-style: normal;
  background-color: #efefef;
  padding: 0.8em;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  font-size: 1.3em;
  left: 0;
  position: relative;
  top: 0;
}

form div.messages-inline div.messages-inline-icon {
  background: url("/sites/all/themes/econfinal/images/icons/form-sprite.gif") no-repeat scroll left top transparent;
  height: 27px;
  position: absolute;
  right: 0;
  top: -27px;
  width: 18px;
}

form .form-item-error,
form.ec-standard-form .form-item-error {
  margin-bottom: 0;
}

form.ec-standard-form textarea.error {
  border: 1px solid #CCCCCC;
}

div.messages-inline-notice a, 
div.messages-inline-notice span {
  text-decoration: underline;
}

form#user-profile-form fieldset div.messages-inline-notice a:hover,
form#user-profile-form fieldset div.messages-inline-notice span:hover {
  text-decoration: none;
}

select {
  border: 1px solid #ccc;
}

/* ---------------------------------------------------------
 * end Site-wide styling: Forms
 * ========================================================= */


/* =========================================================
 * Site-wide styling: Generic and Base Block and Page styles
 * --------------------------------------------------------- */
.ec-box-container {
  padding: 20px 15px 15px;
  border: 1px solid #C0D3D9;
  background-color: #F4F8FA;
  /** border-top: none; **/
}

.ec-box-container h3,
.ec-box-container .ec-subs-activation-method h2 {
  border: 1px solid #C0D3D9;
  font-size: 1.27em;
  background: #C0D3D9;
  padding: 4px 5px 3px 5px;
  height: 100%; /* IE6 */
}

.ec-box-container h2 {
  font-family: verdana, sans-serif;
  font-size: 1.5em;
  margin-bottom: 15px;
}
/* =========================================================
 * end Site-wide styling: Generic and Base Block and Page styles
 * --------------------------------------------------------- */

/* ---------------------------------------------------------
 * Comment links
 * ========================================================= */

.comment-icon {
  padding-left: 15px;
  margin-left: 5px;
  background: url('/sites/all/themes/econfinal/images/media-icons.gif') no-repeat -118px 1px;
}

  .comment-icon:hover {
    background-position: -118px -15px;
  }
  .comment-icon span {
    background-color: #FFFFFF;
    position: relative;
    bottom:1px;
    color: #4A4A4A;
    font-size: 1rem;
    font-weight: normal;
    padding: 3px 5px 3px 3px;
  }
  .comment-icon:hover span {
    text-decoration: underline;
  }


.package-more {
  margin: 5px 0 0 15px;
}
.package-more a:hover {
  background-color: #e3120b;
  padding: 1px 4px;
}
.news-package.ec-homepage-player {
  border-bottom: 0;
}
.ec-homepage-player .fly-title {
  margin-bottom: 5px;
}
.ec-homepage-player .package-more {
  background-color: #4A4A4A;
  margin: 0;
  border-top: 1px solid dimGray;
}
.ec-homepage-player .package-more a {
  color: #ffffff;
  margin: 0 0 0 10px;
}
.ec-homepage-player .package-more a:hover {
  margin: 0 0 0 6px;
}
  
html.js span.ajax-working {
  background: transparent url(/sites/all/themes/econfinal/images/icons/ajax-loader.gif) no-repeat 0 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

/* =========================================================
 * Small screen css rules
 * --------------------------------------------------------- */

/* Small screen mode */
@media all and (max-width: 796px) {
  span#fb-recbar {
    display: none;
  }
}

/* NEW TYPOGRAPHY STYLE TO FIX SITE WIDE ISSUES 
 * 
 * Remove these styles when the proper ones are created
 *
 */
#header {
  line-height: 10px;
}
#header a, #footer a {
  font-size: 12px;
}

/* PAGE HEADERS */
#title-wide {
  border-bottom: #598A9E 3px solid;
  margin-bottom: 15px;
}

#title-wide h1#page-title {
  color: #598A9E;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.3em;
  padding-bottom: 5px;
}

body.node-type-channel #title-channel-wide {
  font-family: Arial, Verdana, sans-serif;
  margin-bottom: 25px;
}

body.node-type-channel #title-channel-wide h1#channel-title {
  color: #E3120B;
  font-size: 32px;
  padding: 5px;
  padding-left: 0px;  
  border-bottom: 7px solid #DADADA;
  margin: 0px;
  line-height: 37px;
}

body.node-type-channel #title-channel-wide ul {
  padding: 0px;
  margin: 0px;
}

body.node-type-channel #title-channel-wide ul li {
  display: block;
  float: left;
  margin: 0px;
  color: #535353;
  position: relative;
  padding: 0;
}

body.node-type-channel #title-channel-wide ul li a {
  color: #535353;
  font-size: 12px;
  text-decoration: none;
  display: block;
  float: left;
  border-left: 1px solid #DADADA;
  background: none;
  padding: 4px 8px;
}

body.node-type-channel #title-channel-wide ul li.first a {
  border-left: none;
}

body.node-type-channel #title-channel-wide ul li:hover,
body.node-type-channel #title-channel-wide ul li:focus {
  background-color: #dadada;
  color: #535353;
  cursor: pointer;
}

body.node-type-channel #title-channel-wide ul li:hover + li a, 
body.node-type-channel #title-channel-wide ul li:focus + li a {
  border-left: 1px solid transparent;
}

#title-wrapper {
  border-bottom: 1px solid #ff0000;
  margin-bottom: 15px;
}

.node-type-article hgroup .headline {
  margin-bottom: 3rem;
}
.node-type-article .jcarousel-container {
overflow: hidden;
}
div.bottom-links {
  margin-bottom: 30px;
}
div.bottom-links a {
  font-size: 11px;
  border: 0;
  padding: 0 0 0 20px;
  height: 16px;
  margin: 5px 0 15px 0;
  background: transparent url(/sites/all/themes/econfinal/images/icons/icons_sprite.png) no-repeat 0 -182px;
  text-decoration: none;
}
div.bottom-links a:hover {
  background-position: 0 -201px;
  text-decoration: underline;
}
.ec-article-link {
  background: #EEF1F3;
  border: 1px solid #8BBBD1;
  float: right;
  font-size: 1.3em;
  margin: 3px 0 10px;
  padding: 1px 5px 3px 5px;
}
.more-link a {
  font-size: 1.3rem;
}
.main-content > ul.ec-page-tools {
  margin-left:0;
  padding-left: 0;
}
.main-content p em.Bold {
  font-weight: bold;
  font-style: normal;
}
