/* Fixes image issues with tablets & IE8. */

img {max-width: 100%;}
#blocks .right img {max-width: none !important;}
#header .social img {max-width: none !important;}
#icons .item img {max-width: none !important;}

/* Fixes image issues with tablets & IE8. */
img {
max-width: 100%;
}
#blocks .right img {max-width: none !important;}
#header .social img {max-width: none !important;}
#icons .item img {max-width: none !important;}

ul.nice-menu ul li {
    width: 17.5em;
}

/* No link border and coloring */
#nice-menu-0 ul .nolink
.nolink {
  font-weight: bold;
  padding: 0 15px;
  border-left: 2px solid #FFFFFF;
  color: #000000 !important;
}
#nice-menu-0 > li > .nolink {color: #ffffff !important;}
#header .nav li:first-child .nolink {
    border-left: 0 solid transparent !important;
}

/* Borders and Radius CSS for Form Fields */
.form-textarea-wrapper textarea {   
    border: 1px solid #555555;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    padding: 3px;
}
select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #000000;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #000000;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #000000;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 2px;
    border-top-color: #000000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

/* Submit Box - 3D Styling and Active CSS - smw0 */
#content input[type="submit"]:active { box-shadow:2px 2px 3px -1px rgba(55,55,55,0.7) inset; }
#content input[type="submit"]:hover {
    background-color:#aaaaaa !important;
    color:#ffffff !important;
    cursor:pointer !important;
}

/* General Styling Fixes */
#content p {
    color: #282828;
    font-size: 16px;
    line-height: 1.25em;
}
#main #content {
    font-size: 16px;
    line-height: 1.25em;
}
#main .pages .item h1 {
    font-size: 30px;
    font-weight: normal;
    padding-top: 10px;
    text-transform: capitalize;
    line-height: 1em;
}
#main2 #content h1 {
    color: #555555;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: capitalize;
}
#main #content h2 a {
    font-size: 26px;
    text-transform: capitalize;
    font-weight: bold;
}
table {
    border-collapse: separate;
    border-spacing: 2px;
    text-indent: 0;
    width:100%;
}

#block-simpleads-ad-groups-2 > h2 {
    display: none;
}
#descriptTitle #dots a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-width: 1px;
    height: 15px;
    width: 15px;
    margin-top: 15px;
}
#header .phone {
    font-size: 16px;
    font-weight: bold;
}

/* Custom CSS for HR */
#main hr, #main2 hr {
    background-color: #000000;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0.05em;
    visibility: visible !important;
}

/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Webform Error Fixes - Adds Red Border to Fields Not Filled Out After Submitting a Form - smw0 */
.node-type-webform .error:before{
border: 2px solid red !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error, .form-type checkbox.error {
border: 2px solid red !important;
}

/*****************************************
Form Fixes */
#wrapper form select:focus,
#wrapper form input:focus,
#wrapper form textarea:focus {
    border: 1px solid #555555;
    margin: 0;
}
#wrapper form select,
#wrapper form input,
#wrapper form textarea {
    border: rgba(0,0,0,0);
    margin:1px;
}

#wrapper form select {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 3px;
}

fieldset {
    border: 1px solid #555555;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
#edit-captcha { border: none !important; box-shadow: none !important; }
#edit-captcha--2 { border: none !important; box-shadow: none !important; }
fieldset > legend > span {
    background: none repeat scroll 0 0 #FFFFFF;
    font-weight: bold;
}
/*
/*****************************************/

/*****************************************
iOS Form Fixes */
#mobile input {
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    padding: 3px;
}

/* Prevent search bar form being altered by form rules. */
#wrapper #header .search input#edit-search-block-form--2 {
    border: medium none rgba(0, 0, 0, 0) !important;
    margin: 2px 0 0 30px !important;
    padding: 5px !important;
    width: 250px !important;
}
/* Mail Graphic for all E-mail Links */

a[href*="mailto"]:after {
    content: url("/sites/connect/files/email.gif");
    left: 2px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 4px;
    white-space: pre;
}
.item span.ext {
    display: none !important;
}


/*****************************************
News Block Styling  */

#block-views-news-events-view-block a { font-size: 1em; text-decoration: none !important; }
#block-views-news-events-view-block a:hover { background-color:#ffffff; border-radius:2px; padding-left:5px; padding-right:5px; border:1px solid #dcdcdc; text-decoration: underline !important; }
#block-views-news-events-view-block a:active { box-shadow:1px 1px 0px 0px rgba(55,55,55,0.7); }

#block-views-news-events-view-block {
    background-color: #EFEFEF;
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 17.5px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
    right: -5px;
    width: 41%;
    box-shadow: 3px 2px 4px 0px rgba(55, 55, 55, 0.6);
}
#block-views-news-events-view-block > h2 {
    border-bottom-color: #000000;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
blockquote {
    border-left: 3px solid #999;
    display: block;
    height: auto;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-top: 15px;
    padding-left: 15px;
    text-decoration: initial;
    text-transform: unset;
}
/* Tablet Responsive Media Queries */

@media (max-width: 1200px) {
#header .nav li a {
    font-size: 1em !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 2px !important;
}
#header .logo img {
    max-height: 110px;
}
}

@media all and (max-width: 1024px) {
#header .nav li a {
    font-size: 0.80em !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 2px !important;
}
/* For Template 5
#main #content h1 {
    margin-top: 30px;
    padding-bottom: 10px;
}
*/
}

@media all and (max-width: 799px) {
#header .nav li a {
    font-size: 0.70em !important;
    padding-bottom: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 2px !important;
}
#header .logo img {
    max-height: 90px;
}
/* For Template 5
#main #content h1 {
    margin-top: 30px;
    padding-bottom: 20px;
}
*/
}

@media (max-width: 1200px) {
#header .nav li .nolink{
    font-size: 1em !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
}
}

@media all and (max-width: 1024px) {
#header .nav li .nolink {
    font-size: 0.90em !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 0px !important;
}
#header .nav > ul > .menuparent:after {
    right: -7.5px !important;
}
}

@media all and (max-width: 799px) {
#header .nav li  .nolink{
    font-size: 0.80em !important;
    padding-bottom: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 0px !important;
}
#header .nolink {
    position: relative;
    top: -1px !important;
}
}

/* Site Specific CSS */

body {
    background-repeat: repeat-x-y !important;
    background-image: url("http://jacksonenergy.coopwebbuilder2.com/sites/jacksonenergy/files/newback1.png") !important;
    background-size: cover;
}
#header .logo img {
    margin-top: 0;
    max-height: 90px;
}
#wrapper .phone {
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 15px;
}
#descriptTitle .dots, #descriptTitle .numbers {
    position: absolute;
    right: 5px;
    top: 45px;
}
#header .payment {
    position: absolute;
    right: 115px;
    top: -7.5px;
}
#block-simpleads-ad-groups-1 img {
    width: 168px !important;
}
#block-simpleads-ad-groups-2 img {
    width: 168px !important;
}
}
#icons .item .icon_text {
    color: #222 !important;
    font-size: 0.65em;
    font-weight: normal;
    margin-top: 6px;
}
.advert {
    margin-top: -7.5px;
}
#header .social {
    position: absolute;
    right: 20px;
    top: 87.5px;
    z-index: 100;
}
#main2 {
    margin-top: 30px;
    min-height: 565px;
    position: relative;
}
#header .nav li a, #header .top_nav li a {
    font-size: 14px;
    padding: 0 10px;
}
#header .social a[href*="blog"] {display: none;}
#header .social a.ready[href*="blog"] {display: inline-block;}