/**
 * Common styles across both front and admin of site.
 *
 * This file will be used for the new stylings in EngNet code
 */

/********
 * HTML *
 ********/

pre.text-overflow {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 650px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 * 3. Firefox does not see the space requirng the use of the legacy dot method and
 *    then requires the addition of visibiility to prevent the dot from displaying
 */
/* clear-block = backward compat */
.cf:before, .cf:after {
  content: "."; /* 1,3 */
  display: table; /* 2 */
  visibility: hidden; /* 3 */
}

.cf:after {
  clear: both;
}

.hide-row {
  display: none;
}

.required {
  color: red;
  font-weight: bold;
}

a.delete-link {
  color: red;
  border: 1px solid #111;
  padding: 1px;
  font-weight: bold;
}

a.letter-link {
  color: blue;
  border: 1px solid #111;
  padding: 1px;
  font-weight: bold;
}

ul.ui-menu {
  z-index: 200 !important;
}

.details {
  margin: 0 auto;
  max-width: 1000px;
  padding: 10px 7px 10px;
  background-color: #eee;
  border: 1px solid #ccc;
  min-height: 125px;
  overflow: auto;
}

.details .details-image {
  display: block;
  float: left;
  max-width: 200px;
  max-height: 200px;
  margin-right: 10px;
  clear: left;
}

.main-content {
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 15px;
}

.main-content h2 {
  margin-top: 10px;
  padding-top: 15px;
  clear: both;
  padding-bottom: 10px;
}

h1 {
  clear: both;
}

h1.feature-category {
  padding-bottom: 10px;
  font-size: 1.5em;
}

#feature-section .details-image img,
#feature-section .row img,
#maincontenthome .row img {
  border-radius: 4px;
}

.master-grid #main-feature-list .row:before,
.master-grid #main-feature-list .row:before {
  margin: 10px;
}

.master-grid #main-feature-list [class*='cols-'] {
  margin: 15px;
  padding: 10px;
}

.master-grid #main-feature-list .cols-1 {
  width: 730px;
}

.master-grid #main-feature-list .cols-2 {
  width: 344px;
}

.master-grid #main-feature-list .cols-3 {
  width: 218px;
}

.master-grid #main-feature-list .cols-3.span-2 {
  width: 465px;
}

#EngNetAnalytics div.innerbar2 {
  min-height: 305px;
}

.report-table {
  background-color: #ECE9D8;
  border-width: 1px;
  border-style: solid;
  border-color: #333;
  border-collapse: separate !important;
}

.report-table td {
  border-collapse: separate !important;
}

.report-table td.smallbold {
  background-color: #ECE9D8;
}

.report-table .total-row td {
  background-color: #ECE9D8;
}

.width9 {
  width: 9%;
}

.width7 {
  width: 7%;
}

.cell-center {
  text-align: center;
}

.cell-nowrap {
  white-space: nowrap;
}

.small a {
  font-size: 8pt;
  font-family: Verdana,arial,Helvetica,sans-serif;
}

table#EmailSectionResponder input,
table#EmailSectionResponder textarea {
  width: 100%;
}

/*****************
 * General Forms *
 *****************/
.table-form {
  width: 90%;
}

/**********
 * Google *
 **********/

table.google-visualization-table-table {
  width: 100%;
}

/************************
 * Nav Trail/Breadcrumb *
 ************************/

div.breadcrumb {
  margin: 20px auto 0;
  max-width: 1000px;
  padding: 6px 5px 6px 8px;
  background-color: #eaeaea;
  border: 1px solid #d6d6d6;
  overflow: auto;
}

h2.navtrail a {
  font-weight: bold;
}

table.sortable th {
  cursor: pointer;
  cursor: hand; /*Old Safari*/
}

table.sortable .header {
    background-image: url(../../images/s-bg.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

table.sortable .headerSortUp {
    background-image: url(../../images/s-asc.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

table.sortable .headerSortDown {
    background-image: url(../../images/s-desc.gif);;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

div#feature-section.main-content {
  max-width: 100%;
  width: 100%;
}

.featured-grid-block {
  max-width: 1000px;
  width: 1000px;
  margin: 0 auto;
}

div#feature-section > .details {
  max-width: 100%;
}

.details-desc {
  font-size: 1.3em;
}

.details .details-image {
  margin-right: 2em;
  margin-bottom: 1em;
  max-height: 50%;
  max-width: 50%;
}

.featured-main-button {
  float: right;
  margin-top: 1em;
  margin-right: 1.5em;
}

#advertise-main {
    position: relative;
}

#advertise-main #packages-link {
    background: transparent url(/assets/images/subscribe/green-star.png) no-repeat;
    width: 268px;
    height: 266px;
    position: absolute;
    right: -124px;
    top: 5px;
    display: block;
}

#advertise-main #packages-link a {
    color: #fffffe;
    text-align: center;
    font-size: 190%;
    font-weight: 700;
    margin: 0 auto;
    padding-top: 45px;
    vertical-align: middle;
    display: block;
    line-height: 1.5em;
}

#advertise-main #packages-link a:hover {
    text-decoration: none;
}

#advertise-title {
    background: transparent url(/assets/images/subscribe/top-bar.jpg) no-repeat 0% 0%;
    height: 64px;
    padding: 0 15px;
}

#advertise-title h1 {
    background: transparent url(/assets/images/subscribe/white-arrow.png) no-repeat left bottom;
    margin: auto 0;
    display: block;
    padding-left: 30px;
    vertical-align: middle;
    padding-top: 15px;
    min-height: 30px;
    color: #fffffe;
    font-size: 200%;
    font-family: Verdana,arial,Helvetica,sans-serif;
}

#advertise-footer {
    background: transparent url(/assets/images/subscribe/bottom-bar.jpg) no-repeat 0% 0%;
    height: 18px;
}

#advertise-content {
    background: #F8F8F8 url(/assets/images/subscribe/background.jpg) no-repeat 0% 0%;
}

#advertise-summary {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

#advertise-summary > .summary-heading {
    font-size: 300%;
    display: block;
    clear: both;
    padding-top: 20px;
}

#advertise-summary > .summary-subheading {
    border-top: 1px solid #5E84D9;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    color: #5E84D9;
    font-size: 150%;
}

#advertise-summary > .summary-content {
    font-size: 14px;
    color: #969696;
}

#advertise-signup {
    text-align: left;
    width: 100%;
    padding: 20px;
    padding-bottom: 0;
    margin: 0 auto;
    margin-top: 60px;
    color: #fffffe;
}

#advertise-signup a {
    color: #fffffe;
}

#advertise-signup > div {
    width: 47%;
    margin: 10px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

#advertise-signup-form {
    padding: 30px;
    padding-bottom: 10px;
    margin: 0 auto;
    width: 100%;
}

#advertise-signup-form h3 {
    font-size: 300%;
    text-align: center;
    padding-top: 0;
    margin-top: 0;
    border-bottom: 1px solid #5E84D9;
    padding-bottom: 10px;
    margin-right: 5px;
}

#advertise-signup-form > div {
    background: #2957BE; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2957BE, #012C8D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2957BE, #012C8D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2957BE, #012C8D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2957BE, #012C8D); /* Standard syntax */
    padding: 30px;
    padding-bottom: 10px;
}

#advertise-signup-form .sign-up-text {
    background: #5E84D9;
    margin: 5px 0;
    color: #fffffe;
    font-size: 150%;
    padding: 10px;
    padding-left: 50px;
    width: 85%;
    border: 0 none;
}

#advertise-signup-form .sign-up-text.company-text {
    background: #5E84D9 url(/assets/images/subscribe/icon-company-name.png) no-repeat 2.5% center;
}

#advertise-signup-form .sign-up-text.email-text {
    background: #5E84D9 url(/assets/images/subscribe/icon-email.png) no-repeat 2.5% center;
}

#advertise-signup-form .sign-up-text.website-text {
    background: #5E84D9 url(/assets/images/subscribe/icon-web-address.png) no-repeat 2.5% center;
}

#advertise-signup-form .sign-up-text::placeholder {
    color: #cccccc;
}

#advertise-signup-form #signup-captcha > span > a {
    display: block;
    clear: both;
}

#advertise-signup-form #signup-captcha > img {
    width: 99%;
}

#advertise-signup-form #signup-captcha > input[type="text"] {
    background: #5E84D9;
    margin: 5px 0;
    color: #fffffe;
    font-size: 150%;
    padding: 10px;
    width: 94.5%;
    border: 0 none;
}

#advertise-signup-form > #advertise-signup-footer {
    background: transparent url(/assets/images/subscribe/signup-form-bottom.png) no-repeat top left;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#advertise-signup-form input[type="image"] {
    display: block;
    margin: 10px auto;
    border: 3px solid #eeeeee;
}

#advertise-signup-form input[type="image"]:hover {
    border: 3px solid #5E84D9;
}

#advertise-signup-info {
    color: #111111;
    padding: 30px;
    font-size: 14px;
}

#advertise-info-content {
    padding: 20px;
    padding-top : 0;
    margin-top: 0;
    padding-right: 40px;
}

#advertise-info-content > img {
    margin: 20px auto;
    display: block;
}

#advertise-info-content > ul.advertise-list li {
    list-style-image: url(/assets/images/subscribe/blue-arrow.png);
    line-height: 1.5em;
}

#advertise-info-content > p.small-info {
    font-size: 12px;
}