/* style-common.css: common styles between sites */

@charset "utf-8";

body {
    background: url(../images/viewport.jpg) repeat-x #aeaeae;
    margin: 0;
    font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}

h1 {
    margin: 0;
    padding: 0;
    font: 18px/30px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
}
h2 {
    margin: 0;
    padding: 10px 0 24px 0;
    font: 24px/26px bold Verdana, Arial, Helvetica, sans-serif;
    color: #364a08;
}
h3 {
    margin: 0;
    padding: 0;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
}
h4 {
    margin: 18px 0 9px 0;
    padding: 0;
    font: bold 18px/18px Verdana, Arial, Helvetica, sans-serif;
    color: #364a08;
}

p {
    margin: 1.0em 0 0 0;
    padding: 0;
    font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

h1 + p, h2 + p {
    margin-top: 0;
}

table, form, input, select {
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

a:hover, a:active {
    color: #000;
    text-decoration: none;
}

/*##############################################*/
/* WRAPPER LAYOUT                               */
/*##############################################*/

.wrapper-layout {
    margin: 0 auto 10px auto;
    padding: 0;
    width: 1024px;
    display: block;
    position: relative;
}

/*##############################################*/
/* HEADER LAYOUT                                */
/*##############################################*/

.header-layout {
    background: url(../images/header-background.jpg) no-repeat;
    margin: 0;
    padding: 0;
    width: 1024px;
    height: 120px;
    display: block;
}

.date-layout {
    height:27px;
    width:200px;
    float:left;
    display:block;
    margin:8px 0 0 160px;
    padding:0;
    color: #fff;
    font: 14px Verdana, Arial, Geneva, sans-serif;
    font-weight: bold;
}

.social-layout{
    height:37px;
    width: 330px;
    float:right;
    display:block;
    margin:0;
    padding:0;
}
.social-layout img {
    margin:2px 5px;
    border:0;
}

.corner-navigation {
    background:url(../images/corner-navigation.png) no-repeat;
    width:270px;
    height:34px;
    display:block;
    float:right;
    margin:0 -1px 0 0;
    padding:0 0px 0 0px;
}

.corner-navigation p {
    font-size: 11px;
    color: #4a84af;
    text-align:right;
    padding:0 15px 0 0px;
}

.corner-navigation a:link,
.corner-navigation a:visited
{
    color: #4a84af;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.corner-navigation a:hover,
.corner-navigation a:active
{
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}

.header-search {
    float:right;
    background:url('../images/search-box.png') no-repeat;
    width:229px;
    height:37px;
}

/*##############################################*/
/* CONTENT                                      */
/*##############################################*/

.container {
    background:url(../images/content-background.png) repeat-y;
    width:1024px;
    min-height:586px;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.content {
    background:#FFF;
    width:620px;
    margin:10px;
    padding:10px;
    float:left;
    border-radius:10px;
}

.title-box {
    color:#FFF;
    height: 20px;
    display:block;
    margin:0 0 22px 0;
    padding:0px 0 12px 10px;
    border-radius:10px;
}

/*
 * Classifieds section
*/

.classified-column {
    width:290px;
    height:auto;
    margin:0 0 10px 12px;
    padding:0;
    float:left;
    display:block;
}

.classified-box {
    background: #EBEBEB;
    width:290px;
    min-height:100px;
    margin:0 10px 20px 0;
    padding:0px;
    border: 1px solid  #CCC;
    display:block;
    float:left;
    border-radius:10px;
}

.classified-box img {
    float:left;
    padding:8px;
    border:0;
}

.classified-box-title {
    background: #5390bd;
    color:#FFF;
    height: 20px;
    display:block;
    margin:0;
    padding:8px 0 10px 5px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
}

.classified-box-title h3 a {
    font-size: 16px;
    font-style: normal;
    font-weight: bolder;
    text-decoration:none;
    color: #FFF;
    font-family: Verdana, Arial, Geneva, sans-serif;
}

.classified-box-title h3 a:link,
.classified-box-title h3 a:visited,
.classified-box-title h3 a:hover,
.classified-box-title h3 a:active
{
    font-size: 16px;
    font-style: normal;
    font-weight: bolder;
    text-decoration:none;
    color: #FFF;
    font-family: Verdana, Arial, Geneva, sans-serif;
}

.classified-box ul {
    list-style:none;
    margin:4px 0 0 0;
    padding:0;
}

.classified-box ul li a {
    color: #5390bd;
    text-decoration: none;
}

.classified-box ul li a:link,
.classified-box ul li a:visited,
.classified-box ul li a:hover,
.classified-box ul li a:active
{
    color: #5390bd;
    font-weight:bold;
    font-size:12px;
}

/*##############################################*/
/* RIGHT SIDE BAR                               */
/*##############################################*/

.right-sidebar {
    background: #FFF;
    width: 320px;
    margin: 10px;
    padding: 10px;
    float: right;
    border-radius: 10px;
}

.right-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.right-sidebar ul li {
    list-style: none;
    margin: 5px auto;
    padding: 8px;
    border-radius: 10px;
}

.right-sidebar ul li a {
    color: #FFF;
}

/*##############################################*/
/* FOOTER LAYOUT                                */
/*##############################################*/

.footer-layout {
    background: url(../images/footer-background.png) no-repeat;
    font: 12px/18px bold Verdana, Geneva, sans-serif;
    width: 1024px; /* actual px */
    height: 54px;
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    clear: both;
}

.footer-layout p {
    text-align: center;
}

.footer-layout a:link,
.footer-layout a:visited
{
    font: 9px/16px Verdana, Geneva, sans-serif;
    color: #4e321e;
    text-decoration: none;
    font-weight: bold
}

.footer-layout a:hover,
.footer-layout a:active
{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    line-height: 16px;
}

/*
 * Misc
*/

.column {
    width:45%;
    height:auto;
    float:left;
}

/* used on "more info" in listings */
.contentbox {
    background: url('../images/background.jpg');
    width: 30%;
    height: auto;
    border-radius: 10px;
    padding: 10px;
    color: #FFFFFF;
    overflow: hidden;
    display: none;
}
.contentbox a {
    color: #FFFFFF;
    font-weight: normal;
}

.more-results a,
.more-info a
{
    color: #5390bd;
}
.more-info {
    margin-top: 10px;
}

/*##############################################*/
/* IMAGES                                       */
/*##############################################*/

img.sidebar-300
{
    width: 300px;
    height: auto;
    margin: 10px 0 0 10px;
    box-shadow: 5px 5px 10px #999;
    border: 1px solid #333;
}

img.sidebar-250
{
    width: 250px;
    height: auto;
    margin: 10px 0 0 0;
    box-shadow: 5px 5px 10px #999;
    border: 1px solid #333;
}

img.sidebar-250-bare
{
    width: 250px;
    height: auto;
    margin: 10px 0;
}

/* used in listings */
.imgsql {
    max-width: 100%;
    height: auto;
    box-shadow: 6px 6px 5px #999999;
}

/* used on news and home sidebar images */
.imgCtnr {
    width: 100%;
    height: auto;
    background: #fff;
    margin: 10px auto;
    padding: 20px 0;
    box-shadow: 6px 6px 5px #999999;
    border: 1px solid #ECECEC;
    border-radius: 25px;
}

/*##############################################*/
/* NAVBAR LAYOUT                                */
/*##############################################*/
.nav-bar {
    margin: 0;
    padding: 0;
    display: block;
}

.nav-bar ul {
    margin: 0;
    padding: 0;
    list-style:none;
    display: table-row;
}

.nav-bar ul li {
    margin: 0;
    padding: 0;
    display: table-cell;
}

.nav-bar ul li a {
    padding: 12px 9px 12px 9px;
    text-decoration:none;
    color: #FFF;
    font-size: 13px;
    line-height: 40px;
}

/* end style-common.css */

/* styles/overrides for this site */

p {
    color: #000;
}

.title-box {
    background: -webkit-linear-gradient(#1B14B4,#1B1464); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1B14B4,#1B1464); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1B14B4,#1B1464); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1B14B4,#1B1464); /* Standard syntax */
}

.right-sidebar ul li {
    background: -webkit-linear-gradient(#FF0004,#800000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0004,#800000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0004,#800000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0004,#800000); /* Standard syntax */	
}

.nav-bar {
    background: -webkit-linear-gradient(#FF0004,#800000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0004,#800000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0004,#800000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0004,#800000); /* Standard syntax */	
}

.nav-bar ul li:hover {
    background-color: #3a3a3a;
}

/* news-common.css: common styles between sites */ 

/* the following are checked for usage, also changed original id(#) to class(.) */

/* brief (listings) */

.newsBriefContainer {
    width: 615px;
    min-height: 160px;
    padding: 5px 0 5px 0;
    margin: 0;
    clear: both;
}
.newsBriefContainer :hover {
    background: #EDEDED;
    color: #cc3333;
}

.newsThumbTitle {
    min-height: 30px;
    text-align: left;
    margin-bottom: 10px;	
}

.newsThumbTitle a {
    line-height: 25px;
    font-size: 14px;
}

.newsBriefThumb {
    width: 150px;
    height: 130px;
    float: left;
}

.newsImgBottom {
    width: 150px;
    height: 130px;
    border-radius: 10px;
    float: left;
}

.contentNewsBrief {
    width: 450px;
    float: right;
    height: 90px;
    padding: 0 5px 0 5px;
    text-align: justify;
    overflow: hidden;
}

.contentBottom {
    width: 450px;
    float: right;
    height: 20px;
}

.contentBottom a,
.more-articles a,
.newsThumbTitle a,
.storyContent a
{
    color: #008FD4;
}

.caratImg {
    width: 10px;
    height: 8px;
    border: none;	
}

.separator {
    height: 3px;
    width: 90%;
    background: #ccc;
    float: left;
    clear: both;
    margin: 5px 5%; 
    border-radius: 25px;
}

/* show (single article) */

.storyImgContainer {
    width: 620px;
    margin: 10px 0 10px 0;	
}

.imgStory {
    max-width: 100%;
    height: auto;
}

.storyContent {
    margin: 20px 0 20px 0;
    font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif ;	
}

.author {
    width: 98%;
    background: #CCCCCC;
    min-height: 100px;
    padding: 5px;
}

.imgAuth {
    height: 100px;
    width: 100px;
    float: left;
    margin-right: 5px;
    border-radius: 10px;
}

/* listings / shared / misc. */

.newsBriefContentBottom {
    float: left;
    clear: both;
    margin-top: 10px;
}

.search-results-news-wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* end check */

/* end news-common.css */ 

/* news styles/overrides for this site */

.imgStory {
    border-radius: 20px;
}
/* new.css: Laravel rewrite specific / new CSS */

/* misc */

html, body {
    height: 100%;
}

iframe {
    border: none;
}

.clearfix:after {
  content:"";
  display:block;
  clear:both;
}

.container {
    clear: both;
    display: table;
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.inline-block {
    display: inline-block;
}

.show-me {
    background-image:url('/images/show-me.png'); 
    border: 0;
    margin: -8px 0 -8px 0;
    width: 76px;
    height: 26px; 
    cursor: pointer;
}

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

.btn-primary {
    background: -webkit-linear-gradient(#00FF06, #008000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00FF06, #008000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00FF06, #008000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00FF06, #008000); /* Standard syntax */
    color: white;
    border: 1px solid green;
    padding: 2px;
    border-radius: 5px;
    margin: 0 6px 0 0; 
}
.btn-primary:hover {
    background: -webkit-linear-gradient(#00DD06, #006000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00DD06, #006000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00DD06, #006000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00DD06, #006000); /* Standard syntax */
}


.btn-danger {
    background: -webkit-linear-gradient(#FF0004, #800000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF0004, #800000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF0004, #800000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF0004, #800000); /* Standard syntax */
    color: white;
    border: 1px solid green;
    padding: 2px;
    border-radius: 5px;
    margin: 0 6px 0 0; 
}
.btn-danger:hover {
    background: -webkit-linear-gradient(#DD0004, #600000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DD0004, #600000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DD0004, #600000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DD0004, #600000); /* Standard syntax */
}

/* listings */

.listing-item {
    margin: 20px 0 40px 0;
}

.listing-section {
    margin: 20px 0;
}

/* pagination: based on bootstrap */

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

/* end pagination from bootstrap */

/* override to control via .paginator wrapper*/
.pagination {
    padding: 0;
    margin: 0;
}

/* wraps the pagination links */
.paginator {
    margin: 20px 0;
    padding: 0;
}

/*
 * user-bar (wraps the admin-nav on left and user-nav on right)
*/


.user-bar {
    clear: both;
    background-color: #1B1464;
    background: linear-gradient(#1B14B4,#1B1464); /* Standard syntax */
}
.user-bar:after {
  content: "";
  display: block;
  clear: both;
}
.user-bar,
.user-bar a,
.user-bar span
{
    color: #ffffff;
}
.user-bar a:hover
{
    color: #dddddd;
}

/* user nav */

.user-nav {
    margin: 0;
    padding: 0 5px 0 0;
    display: inline-block;
    float: right;
}

.user-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.user-nav ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.user-nav ul li a,
.user-nav ul li span,
.user-nav ul li button
{
    padding: 5px 10px;
    display: inline-block;
}

/*
 * Admin
*/


/* admin-nav */

.admin-nav {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

.admin-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-row;
}

.admin-nav ul li {
    margin: 0;
    padding: 0;
    display: table-cell;
}

.admin-nav ul li a,
.admin-nav ul li span
{
    padding: 6px 10px;
    display: inline-block;
}

.admin-nav .non-current
{
    font-weight: bold;
}

.admin-nav .current
{
    font-weight: bold;
    background-color: #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 3px;
    margin-top: 3px;
}

/* admin sub-nav bar */

.admin-sub-nav-bar {
    clear: both;
    background-color: #000000;
}

.admin-sub-nav-bar,
.admin-sub-nav-bar a,
.admin-sub-nav-bar span
{
    color: #ffffff;
}
.admin-sub-nav-bar a:hover
{
    color: #dddddd;
}

/* admin-sub-nav */

.admin-sub-nav {
    margin: 0;
    padding: 0;
    display: block;
}

.admin-sub-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-row;
}

.admin-sub-nav ul li {
    margin: 0;
    padding: 0;
    display: table-cell;
}

.admin-sub-nav ul li a,
.admin-sub-nav ul li span
{
    padding: 6px 10px;
    display: inline-block;
}

.admin-sub-nav .non-current:hover
{
    color: #ffffff;
    background-color: #444444;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 3px;
    margin-top: 3px;
}

.admin-sub-nav .current
{
    color: #333333;
    background-color: #efefef;
    background: url(../images/content-background.png) repeat-y;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 3px;
    margin-top: 3px;
}
.admin-sub-nav .current:hover
{
    color: #000000;
}

/* admin content */

.admin-content {
    clear: both;
    background: #ffffff;
    margin:10px;
    padding:10px;
    border-radius:10px;
    width: 984px;
    overflow-x: auto;
}

.admin-content .infoblock { margin: 5px 0px 25px 0px; }
.admin-content a {
    text-decoration: none;
    color: #333333;
}
.admin-content a:hover {
    color: #000000;
}

/* admin-table: generic admin tables */

.admin-table {
    margin: 10px 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.admin-table caption, .admin-table th, .admin-table td {
    text-align: left;
    padding: 3px 5px;
}

.admin-table caption {
    font-size: 130%;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #333333;
}
.admin-table th {
    color: #333333;
}


/* .admin-table.item-list: item list tables, with first line header, alternating columns */

.admin-table.item-list tr:nth-child(even) { background-color: #eeeeee; } 
.admin-table.item-list tr:nth-child(n+2):hover { background-color: #ccccff; } 

.admin-table.item-list tr:nth-child(1) { background-color: #333333; } 
.admin-table.item-list tr:nth-child(1) th { white-space: nowrap; }

.admin-table.item-list tr:nth-child(1) th,
.admin-table.item-list tr:nth-child(1) td,
.admin-table.item-list tr:nth-child(1) a {
    color: #e8e8e8;
} 
.admin-table.item-list tr:nth-child(1) a:hover {
    color: #ffffff;
} 

.article-data .site-list {
    max-width: 600px;
}
.article-data .site-select {
    display: inline-block;
    width: 150px;
    padding: 5px;
}

.admin-table.news-index .article-updated {
    white-space: nowrap;
}

td.admin-action {
    padding-right: 0;
}

/*
 *
 * Misc. Admin
 *
*/

.section-edit .edit-section  select { width: 200px; }
.section-edit .edit-category select { width: 200px; }
.section-edit .edit-category  input { width: 200px; }

.location-edit .edit-country select { width: 200px; }
.location-edit .edit-state   select { width: 200px; }
.location-edit .edit-state    input { width: 200px; }
.location-edit .edit-city     input { width: 200px; }
.location-edit .edit-zip      input { width:  80px; }

.article-slot-edit .edit-site     select { width: 200px; }
.article-slot-edit .edit-slot     select { width: 200px; }
.article-slot-edit .edit-category  input { width: 200px; }
.article-slot-edit .edit-article   input { width:  80px; }

.section-slot-edit .edit-site     select { width: 200px; }
.section-slot-edit .edit-slot     select { width: 200px; }
.section-slot-edit .edit-section  select { width: 200px; }
.section-slot-edit .edit-category select { width: 200px; }
.section-slot-edit .edit-category  input { width: 200px; }

.edit-cust-img {
    max-width: 100%;
    height: auto;
    border: 1px solid black;
}

/*
 * Login form
*/

#login-form label {
}

/*
 * Logout button
*/

button.logout {
  background: none!important;
  border: none;
  padding: inherit;
  margin: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

/* end new.css */