/**
 * @fileoverview:  Simple DB Global styles
 * @authors:       Matthew Cassella, Anthony Carrozzo
 • @revised by     Matthew Cassella
 * @company:       Newsday Media Group
 * @version:       Last Changed on: 06/2013
**/

/* Globals ----------------------------------------- */
body {color:#4A4A4A;font-family:Arial,Helvetica,sans-serif;font-size:85%;line-height:1em;}
img {border: 1px solid #CCC;}
a {color:#1A557B;}
a:hover {text-decoration:underline;}
.module, .grayBox {overflow:hidden;background:#F0F1F3;border:1px solid #CCC;}
.col {float:left;}
.container {max-width:980px;}
#primary {display:inline;float:left;position:relative;width:65%;}
#secondary {width:34%;margin-left:1%;}
.module > h4, .module > h3, .module > h2 {border-bottom:1px solid #CCC;margin:0;padding:10px 12px;}
#breadcrumbs {height:60px;line-height:0;padding:10px 0 0;width:100%;}
#breadcrumbs a {color:#666;padding:0 2px;}
#breadcrumbs strong {color:#061826;display:block;float:left;font-size:24px;font-weight:normal;padding:0 6px 0 0;}
#breadcrumbs p {display:inline;float:left;font-size:12px;margin:12px 10px 20px 0;padding:0;}
#breadcrumbs h2 {float:left;font-size:24px;font-weight:normal;padding:0px 6px 0 0;}
p {font-size:14px;line-height:1.5em;padding:6px 0 6px 0}
p:empty {display:none;}

/* General Layout tweaks --------- */
h1 {padding:12px 0 6px 0;font-size:42px;line-height:1em;margin:0;font-weight:bold;display:inline-block;}
.module.class {height:inherit;}
#comments {width:100%;}
article .label {font-size:12px;padding:8px;display:block}
header img {border:none;}
.container > strong {line-height: 1.8;}
#pos {line-height:1.3em;margin:20px 0;}
#pos a {display:inline-block;margin:0 10px 10px 0;}
#charts {background:none;margin:20px 0;}

/* Tab Styles ------ */
ul.tabs {float:left;padding:0;margin:0;background: #f0f1f3;border:1px solid #f0f1f3;width:100%;}
ul.tabs li {list-style:none;}
ul.tabs h3 {margin:0;}
ul.tabs li a {float:left;margin:0;padding:15px;font-weight:normal;color:#4a4a4a;font-size:14px;letter-spacing:-0.02em;}
ul.tabs li a:hover, ul.tabs li.active a {background:#FFF;text-decoration:none;position:relative;padding:14px 15px 16px 15px;top:1px;}
.tabContent {clear:both;position:relative;}
.tabContent.chart h2 { font-size: 14px;margin: 6px 0 -6px;padding-top: 10px;text-align: center;}
.chart svg a {display:none!important;}/* needed to hide amcharts bug */

/* Global Form stuff ------ */
form label {font-weight:bold;font-size:12px;}
.uniformSelect {margin:6px 0 6px}
.clears {display:none;color:#999;font-size:11px;padding:0 12px}
.selects .clears {display:none;}
.sdbForm {padding:12px 12px;clear:both;box-shadow:0 0 3px #999;background:#F0F1F3;box-shadow:inset 0 0 2px #FFF;border:1px solid #CCC;overflow:hidden;}
form select {margin:3px 0;padding:2px;width:100%;}
.sdbForm fieldset {float:left;margin:0 12px 0px 0;border:none;}
.sdbForm .btn {margin-top:16px;text-transform:uppercase;}
#topFiveWrapper p {display:none;}
.pagination .btn {margin:12px;padding:6px 12px;color:#4A4A4A;}
.pagination .btn.disabled {background:#ccc;}
.pagination .btn.disabled:hover {text-decoration:none;cursor:default;}
.clear {float:right;}
.btn {padding:9px 22px;background:#F0F1F3;border:1px solid #CCC;}

/* Dropdown Styles ------ */
form select.uniform {background: url("img/dropdown.png") no-repeat scroll left -3px rgba(0, 0, 0, 0);border:1px solid #CCC;height:35px;padding:7px 50px 6px 7px;text-indent:0.01px;text-overflow: "";outline:none;}
form select.uniform option {font-size:14px;padding:5px;}
@-moz-document url-prefix() {form select.uniform {background:#FFF;}}

/* News 12 Layout Specific Styles ----- */
#comments.n12 {margin:12px 0 0 -12px;width:614px;}

/* Share Links --------*/
main .simpleShare {float:right;margin:12px 0}
.simpleShare strong {float:left;padding:25px 6px 0;display:none;}
.simpleShare > span {color:#000;font-size:30px;font-weight:bold;left:0;position:absolute;text-align:center;top:6px;width:70px;display:none!important;}
.fb, .tw, .gp, .pin, .sBtn, .env {overflow:hidden;text-align:center;height:34px;width:34px;padding:8px 4px 12px;display:block;font-size:20px;color:#FFF;font-weight:normal;}
nav .comment span {font-size:16px;}

/* Topper ----------*/
#description {font-size:13px;line-height:1.4em;}
#description p {padding:12px 0 0 0;}
#description img {margin:0 12px 0 0;}

/* Sorter ----------*/
.sdbForm.selects fieldset {float:left;width:130px;margin:0 6px 0 0;position:relative;overflow:hidden;}
#simpleDBSearch {border:1px solid #CCC;margin:3px 0;padding:8px;width:100%;}
.sdbForm .searchField .btn {margin:0;}
.sdbForm.dbSearch .clear {display:none;}

/* Counter row above table --------*/
form.count {background:#F0F1F3;clear:both; color:#333;padding:12px;border:solid 1px #CCC;overflow:hidden;}
.count .label {float:left;margin:0;padding:8px 12px 0 0;}
form span.count select {width:auto;margin:0 6px 0;padding:7px 10px;}
span.count > input {margin:0 5px;width:40px;}

/* Top HTML --------*/
.resultsTopHTML {margin:0;clear:both;max-width:980px;width:100%;padding:20px 0;}
.resultsTopHTML iframe {width:100%;}

/* Legend ------*/
#legend {margin:10px 0px 15px;}
#legend span {float:left;height:26px;margin:5px 0px;width:100%;}
#legend div {float:left;height:60px;margin:5px 0px;padding:5px;text-align:center;width:16.65%;}

@media (min-width: 680px) {
#legend.five div {width:20%;}
#legend.four div {width:25%;}
#legend .three div {width:33.33%;}
#legend .two div {width:50%;}
}

@media (max-width: 680px) {
    main #legend div {width:100%;}
    #legend h3 {text-align:center;}
    .chart .cover {width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;}
}

@media (max-width: 768px) {
    #legend div {width:16.66%;margin:0px;padding:6px;}
}

@media (max-width: 480px) {
    #legend div {font-size:12px;}
}

@media (max-width: 360px) {
    #legend div {width:100%;margin:0px 0px -5px;}
    #legend span {margin:5px 0px 15px;}
    .pagination .clear.btn {margin:10px 0 0;width:100%;}
}

/* Range - data filtered to min/max */
.sdb-range-selected {background:rgb(214, 229, 240);}
span.selected {font-weight:bold;color:#000;text-decoration:underline;}
span.selected:before {content:"\00BB \0020";}

/* Labels ----------*/
.time {width:80px;float:left;clear:both;text-align:right;}
.last {margin-right:0px;}
.place {padding:5px 0px 5px 5px;text-align:center;}

/* Table ----*/
.orderAsc, .orderDes  {background:url(img/db-sprite.png) no-repeat right -14px;padding-right:22px;}
.orderAsc {background-position:right 2px;}
.concat {margin-right:20px;}
.concat:last-child, #sdb-results tr td.concat span:last-child {margin-right:0px;}
.odd td {padding:8px 6px;font-size:12px;background:#F0F1F3}
.noresults {font-weight:bold;padding:20px 0px 20px 20px;}
.more {float:left;clear:both;color:#666666;}
.numeric {text-align:right;}

/* Table - Dynamic Headers ----*/
.stacked td:before {display:none;}

/* Relateds------------- */
.relateds ul {list-style:none;}
.relateds h4 {display:inline;padding:0;margin:0;}

/* Top 5 Styles ---------- */
#topper .topTen {float:none}
#topper .topTen li {float:none;padding:0;}
#topper .topTen li a {border:none;color:#1A557B;padding:0;}
#topper .topTen li a:hover {background:none;text-decoration:underline;}
#topFiveWrapper h3 {padding:12px;border-bottom:1px solid #ccc;}
#topFiveWrapper > p {padding:12px;margin:0;font-size:15px;letter-spacing:-.4px;text-align:center;background:#F0F1F3;border:1px solid #CCC;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow:0 0 2px #fff;box-shadow:0 0 2px #fff inset;}
.top5 {overflow:hidden;padding:6px 0;margin:6px auto 0;text-align:center;clear:both;}
.top5 .module {display:inline-block;margin:0 0.75% 6px 0;padding-bottom:20px;vertical-align:top;text-align:left;background:#F0F1F3;}
.top5 .module:last-child {margin-right:0}
.top5 .module ul {list-style:inside decimal;padding:6px 12px 12px;margin:0;border:none;}
.top5 .module ul li {padding:0;margin:0;line-height:1.6em;font-size:13px;position:relative;}
.top5 .module ul li span {/*position:absolute;right:0;*/}
.top5 .module ul li a {color:#1A557B;font-weight:normal;padding-right:6px}
.top5 .module > a {font-weight:bold;font-size:13px;padding:0 12px;}
.top5.moduleCount2 .module {width:476px;}
.top5.moduleCount3 .module {width:32.8%;}
.top5.moduleCount4 .module {width:24.43%}
.top5.moduleCount5 .module {width:184px;}
.top5.moduleCount6 .module {width:156px;}
.top5.moduleCount1 .module {height:150px}
.top5.moduleCount1 .module ul {width:938px;}
.top5.moduleCount1 .module ul li {float:left;width:275px;clear:none;margin:0 18px 4px;}
.top5.moduleCount1 .module > a {clear:both;float:left;padding:12px 0 0 28px;}

/* Toggle Section --------------*/
.toggle-section-nav {margin:-1px 0 0 0;overflow:hidden;background:#F0F1F3}
.toggle-section-nav td {text-align:center;padding:0;background:#F0F1F3;border:1px solid #CCC;}
.toggle-section-nav .onPage, .section-nav-ul li a:hover {background:#666;color:#FFF;text-decoration:none;}
.toggle-section-nav .onPage a {color:#FFF}
.toggle-section-nav a, .section-nav-ul li a {font-size:13px;display:block;padding:8px 12px;}
.section-nav-ul li {float:left;margin:0 12px 0 0}

/* Popup Results ---------- */
#sdbTopFiveFull {overflow:hidden;}
#sdbTopFiveFull h3 {font-size:22px;padding:12px 0;margin:0;}
#sdbTopFiveFull ul {list-style:decimal inside;padding:0;margin:0;width:98%;}
#sdbTopFiveFull ul li {position:relative;border-top:1px dotted #CCC;padding:6px;color:#061826;}
#sdbTopFiveFull  ul li:first-child {border:none;}
#sdbTopFiveFull ul li span {float:right;/*position:absolute;top:8px;right:6px;*/}
#sdbTopFiveFull ul li:hover {background-color:#F0F1F3;}
.top5 span.sDBATStats {float:right;}
.top5 span.sDBATStats span {margin-left:5px;}
.top5 span.sDBATPercentOfResults {float:right;text-align:right;width:45px;}
td.sdbNoResults {padding:35px 6px 35px 6px;font-weight:bold;font-size:150%;}

/* Related ---------- */
#specials.module {margin:12px;width:auto;}
#secondary #specials.module, #secondary .grayBox {margin:12px 0 0;}
#specials.module .inner a {border-radius:4px 4px 4px 4px;display:inline-block;float:left;margin:8px 0 0;padding:8px 12px;position:relative;width:292px;}
#specials.module .inner a span.sec {color:#666;display:block;font-size:12px;padding:0;}
#specials.module .inner a span.headlines {font-size:14px;font-weight:bold;color:#061826;padding-bottom:2px;display:block;}
#specials.module .inner a span.learn {display:block;font-size:12px;}
#specials.module .inner a img {float:left;margin:0 12px 0 0;}

/* Ads ----------- */
.cubeAd p {padding-left:12px;}
.cubeAd p, .cubeAd p a {color:#999;}
#secondary div.cubeAd {float:none;margin:10px 0;}
.adBanner {margin:12px auto 0;}
.cubeAd p {font-size:12px;margin:0;}

/* Header / Footer ----------- */
#headerFrame {height:300px;width:100%;}
#headerFrame.amny {height:91px;}
#headerFrame.n12 {height:280px;}
#footerFrame {height:280px;width:100%;}
#footer .container {width:inherit;}

/* ----------------------------------------- TABLE STYLES ----------------------------------------- */
#sdbTableWrapper.sticky > table { display: none }
#sdbTableWrapper.stacked > table { width: 100% }
table td.num {text-align:right}
table {clear:both;float:left;font-size:12px;border-collapse:initial;}
table {border-collapse:initial;}
thead {background:#F0F1F3;}
tr:nth-child(even) {background:#F0F1F3;}
table td {vertical-align:middle;}
table th {background:#666;font-weight:bold;border:solid 1px #5e5e5e;vertical-align:middle;box-shadow:inset 0 0 1px #FFF;padding:14px 10px;text-shadow:0 0 2px #000;color:#FFF;}
table th a {color:#FFF;}
table th {font-weight:bold;}
table td, table th {padding:9px 10px;text-align:center;}
#sdbTableWrapper {height:auto;min-height:500px;overflow:hidden;position:relative;background:#F0F1F3;border:1px solid #CCC;}
div.scrollable {display:block;overflow-x:auto;overflow-y:hidden;}
#sdbTableWrapper table {table-layout:fixed;background:#fff;}
.scrollable > table {border:none;width:100%;}
#sdbTableWrapper .preloader {width:100%;min-height:500px;height:100%;position:absolute;background:rgba(0,0,0,.6);text-align:center;padding-top:175px;color:#FFF;z-index:101;}
.preloader span {display:block;margin:0 auto;}
.preloader span.loaded {width:26px;height:26px;overflow:hidden;}
.preloader span img {border:none;position:relative;color:#FFF;}
.preloader span img.loaded {-webkit-animation:play .8s steps(29) infinite;-moz-animation:play .8s steps(29) infinite;-ms-animation:play .8s steps(29) infinite;-o-animation:play .8s steps(29) infinite;animation:play .8s steps(29) infinite;
}
@-webkit-keyframes play {
   from { top: 0; }
     to { top: -754px; }
}
@-moz-keyframes play {
   from { top: 0; }
     to { top: -754px; }
}
@-ms-keyframes play {
   from { top: 0; }
     to { top: -754px; }
}
@-o-keyframes play {
   from { top: 0; }
     to { top: -754px; }
}
@keyframes play {
   from { top: 0; }
     to { top: -754px; }
}
/* ----------------------------------------- Gray Gradient CSS ----------------------------------------- */
.btn {background: rgb(242,243,245); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,243,245,1) 0%, rgba(227,227,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,243,245,1)), color-stop(100%,rgba(227,227,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,243,245,1) 0%,rgba(227,227,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,243,245,1) 0%,rgba(227,227,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,243,245,1) 0%,rgba(227,227,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,243,245,1) 0%,rgba(227,227,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f5', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
display: inline-block;margin-bottom: 10px;border:1px solid #CCC;
}
.btn:hover {background: rgb(227,227,227); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(227,227,227,1) 0%, rgba(242,243,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(100%,rgba(242,243,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(242,243,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(242,243,245,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(227,227,227,1) 0%,rgba(242,243,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(227,227,227,1) 0%,rgba(242,243,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f2f3f5',GradientType=0 ); /* IE6-9 */
}
/* Responsive Styles -------------------------------*/

/* Big Width Response ------*/
@media (max-width :980px) {
    main {padding:0 12px;}
    #primary {display:inline;float:left;position:relative;width:63%;}
    #secondary {width:36%;margin-left:1%;}
}

@media (max-width:860px) {
    #primary {width:100%}
    #secondary {float:left;width:100%;}
    #secondary div.cubeAd {max-width:330px;margin:0px auto;}
}

@media (max-width:800px) {
   #amny .ad.pencil  {display:none;}
   #CM8SlideCollapseButton_0, #CM8SlideExpandButton_0 {display:none;}
   #secondary .module.cubeAd, #secondary .specials {float:left; margin:0;}
   #secondary #specials.module, #secondary .grayBox {float:left; width:98%; margin:10px 0;}
   .top5 .module {position:relative; height: 190px;}
   .top5 .module ul {overflow-y:auto; height:110px;}
   .top5 .module .cue {background: none repeat scroll 0 0 #f0f1f3;bottom: 0;padding: 10px;position: absolute;width: 100%;}
}

@media only screen and (max-width: 768px) {
    h1 {font-size:40px;}    
    /* Search Form Styles ------------------------------------- */
    .sdbForm fieldset {margin:0 auto;}
    form select.uniform, button, input {width:100%;}
    fieldset {margin:0 auto;width:100%;}
}

@media only screen and (max-width:767px) {
    #sdbTableWrapper.sticky > table {display:block;}
    #sdbTableWrapper.sticky .preloader {padding-top:100px;}
    .sticky table {margin-bottom:0;table-layout:fixed }
    .sticky table td, .sticky table th { position:relative;overflow:hidden;}
    /* STACKED STYLES ----------------------------------------- */
    #sdbTableWrapper.stacked {border:none;width:auto;}
    .stacked table {border:none;}
    .stacked table, .stacked thead, .stacked tbody, .stacked th, .stacked td, .stacked tr {display:block;}
    .stacked thead tr {position:absolute;top:-9999px;left:-9999px;}
    .stacked tr {border:1px solid #ccc;margin-bottom:12px;overflow:hidden;}		
    .stacked td {border:none;border-bottom:1px solid #ccc;position:relative;padding-left:50%;}
    .stacked td, .stacked th {text-align:left;}
    .stacked .th {position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:bold;}
    .stacked td:last-child {border:none;}
    .stacked td:before {background:#666666;color:#FFFFFF;display:block;font-weight:bold;height:100%;left:0;margin:0;padding:8px 10px;position:absolute;top:0;white-space:nowrap;width:40%;display:inline-block;cursor:pointer;cursor:hand;}
    .stacked td:hover:before {background:#999}
    #sdbTableWrapper.stacked .num {text-align:left}
    /* hide first column in second table */
    #sdbTableWrapper.sticky .scrollable > table th:first-child,
    #sdbTableWrapper.sticky .scrollable > table td:first-child { display: none; }
    /* position tables side-by-side */
    #sdbTableWrapper.sticky > table {width:40%;overflow:hidden;border-right:1px solid #ccc;z-index:2;}
    #sdbTableWrapper.sticky .scrollable {overflow: auto;clear:none;}
    #sdbTableWrapper.sticky .scrollable table {position:relative;width:inherit;min-width:100%;}
    #sdbTableWrapper.sticky > table th {width:40%;}
    #sdbTableWrapper.sticky > table tr td.num {padding-left:10px;padding-right:10px;}    
    /* hyphen word break */
    #sdbTableWrapper table th {word-break:keep-all;}
    #sdbTableWrapper table td {-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens: manual; }
}

@media (max-width :680px) {
    h1 {font-size:34px;}    
    .top5.moduleCount4 .module {width:49%;margin-right:1%;margin-bottom:6px;}
    .top5.moduleCount3 .module {width:100%;}
    .top5.moduleCount4 .module {width:100%;}
    .top5 .module {min-height:inherit;}
    #sdbTopFiveFull {text-align:center;}
    #sdbTopFiveFull ul {list-style:none;}
    #sdbTopFiveFull li {line-height:1.3em}
    #sdbTopFiveFull a {font-size:16px;}
    #sdbTopFiveFull a, #sdbTopFiveFull ul li span {display:block;float:none}
    span.count > input {background:none;border:none;width:20px;}
}

@media (max-width :360px) {
    h1 {font-size:28px;}
    #secondary .module.cubeAd {max-width:330px;margin:0px auto;border:none;background:none;}
    #secondary {margin:0 -5px; width:103%;}
    .resultsTopHTML #legend span {margin-top:12px;}
    #sdbTableWrapper.sticky > table td, #sdbTableWrapper.sticky > table th {padding:9px 3%;}
    .prefix, .suffix, .count .count span {display:none;}
    .pagination {margin:0 auto;}
    .pagination .btn {margin:0;width:34%;text-align:center;padding:9px 12px;}
}

@media (max-width :480px) {.prefix, .suffix {display:none;}}