

 /* /css/dn-page-ads.css */ 

/* Ad boxes
#adLoad {
	display:none;
}
*/
#ad1Sp, #ad2Sp, #ad3Sp, #ad4Sp, #ad5Sp, #ad6Sp, #ad7Sp, #ad8Sp, #ad9Sp, #ad10Sp, #ad11Sp, #ad13Sp, #ad15Sp, #ad16Sp, #ad99Sp, #adCTXSp, .button-ad {
	margin:0;
	padding:0;
	border:0 none;
	background-color: transparent;
    position:relative;
    margin-bottom:16px;
}

#adAnySp {
    /* Overcome default body margins */
    position:absolute;
    top:0;
    left:0;
}

#ad666Sp {
    padding-top:43px;
}
#ad667Sp {
    padding-top:43px;
}

#ad1Sp {
    margin-left: auto;
    margin-right: auto;
}
#ad1Sp, #ad2Sp, #adCTXSp {
    width:728px;
}
#masthead_bottom #ad1Sp {
	margin-left:16px;
}
#ad2Sp {
	margin:20px auto 8px auto;
}
#ad5Sp, #ad11Sp, #adLeadGenSp {
	width:160px;
}
#ad1Sp, #ad2Sp, #ad3Sp, #ad3Sp, .button-ad, #adCTXSp {
    height:90px;
}
#ad4Sp, #ad4Sp, #ad15Sp, #ad16Sp {
    height:100px;
}
#ad3Sp, #ad4Sp, #ad15Sp, #ad16Sp {
    width:300px;
}
#ad5Sp, #adTopJobsSp {
	height:600px;
}
#ad10Sp, #ad11Sp {
    max-height:600px;
    min-height:250px;
}
#ad10Sp > iframe, #ad11Sp > iframe {
    margin: 0 auto;
}
#adLeadGenSp {
	height:300px;
}
#ad6Sp, #ad7Sp, #ad8Sp, #ad_300 {
	width:300px;
	height:250px;
}
#ad21Sp {
    height: 50px;
    width: 320px;
    margin: 0 auto;
}
#ad30Sp {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
#ad30Sp .ad-text-label {
    text-align: left;
}
#ad30Sp .left {
    padding-left: 7px;
}
#ad30Sp .right {
    padding-right: 7px;
}
.button-ad, #ad10Sp, #ad11Sp {
    width:300px;
}

.multi-ad {
    background-color: inherit;
    height: 535px;
}
#ad13Sp {
    width: 984px;
    height: 0;
    position:relative;
    overflow:hidden;
}
#ad13Sp.w970 {
    width: 970px;
    float: right;
}
#ad13Sp iframe {
    /* position:absolute; Commenting this out for now, its messing with IAB ads */
    top:0;
    left:0;
}
#ad13Sp.w970 iframe {
    left:auto;
    right:0;
}
#page_footer .ad-container {
    width: 728px;
    margin:19px 0 19px 135px;
}
#ad99Sp {
    width:664px;
    float: none;
    margin:0 0 20px;
    padding-bottom:10px;
    border:0 #e1e1e1 solid;
    border-width:0 0 5px 0;
}
#adCTXSp {
    margin:0 auto 20px;
}
div.ad-text-label {
    position:absolute;
    bottom:-11px;
    right:0;
    width: 100%;
    font-family:arial,helvetica,sans-serif;
    font-size:9px;
    line-height:9px;  
}

div.ad-text-label a.popup-ad.right {
    float: right;
}
.mobile-ad-wrapper {
    position: fixed;
    width: 100%;
    z-index: 20000;
    bottom: 0;
    left: 0;
    background: #FFFFFF;
    /* fix for known issue with incorrect positioin: fixed behavior on iOS; */
    outline: 1px solid rgba(0, 0, 0, 0);
}
.mobile-ad-wrapper.static {
    position: static;
}
.mobile-ad-wrapper div.iframe-wrapper {
    width: 320px;
    margin: 0 auto;
}
.mobile-ad-wrapper div.iframe-wrapper #dynamic_ad {
    width: 320px;
    height: 50px;
}
.persistent-mobile-ad {
    position: fixed;
    z-index: 10000;
    bottom: 0;
    left: 0;
}
.persistent-mobile-ad.static {
    position: static;
}
.mobile-photo-ad,
.mobile-list-ad,
.mobile-hs-photo-ad {
    width: 300px;
    margin: 10px auto 5px;
}
.mobile-hs-photo-ad {
    margin: 5px auto;
}


 /* /css/dn-page.css */ 

/* 
    Document   : dn-page.css
    Author     : gm
    Description:
    Base page styles for DN v3
*/
body {
    margin:0;
    background:#fff url(/img/bg-grey-gradient.png) repeat-x;
    color:#464646;
    line-height:1.0;
}
/** base html elements */
a {
    text-decoration:none;
    color:#006ab1;
}
a:visited {
    color:#648eac;
}
a:hover {
    text-decoration:underline;
}
/** control elements with default margins */
h1,h2,h3,h4,h5,p,ul,form {
    margin-top:0;
    margin-bottom:0;
}
ul {
    padding-left:0;
}
/** main content containers */
#page_container {
    position:relative;
    margin:0 auto;
    width:1024px;
    background-color:#fff;
}
#page_content,
#page_footer {
    padding:0 20px;
    width:984px;  
}
/** default border color */
div.page-container div,
div.page-container img,
div.page-container li,
h1,h2,h3,h4,h5,p,ul {
    border:0 solid #e1e1e1;
}
/** bold is undesirable in this design --
    -- remove it from the headline tags    */
div.page-container h1,
div.page-container h2,
div.page-container h3,
div.page-container h4,
div.page-container h5 {
    font-weight:normal;
}
/** text content line-height */
div.page-container p,
div.page-container ul.content-list {
    line-height:1.3;
}
/** list styles */
ul.horiz-list,
ul.content-list {
    list-style-type:none;
}
ul.content-list li {
    margin-top:8px;
}
/** standard horizontal list menu */
ul.horiz-list {
    display:inline-block;
    padding: 0px;
}
ul.horiz-list li {
    float:left;
}
ul.horiz-list li.menu {
    position:relative;
}
/** extend horiz list for utility menu items */
ul.horiz-list.tools li {
    padding:0 8px;
    border-width:0 0 0 2px;
    height: 16px;
    line-height: 16px;
}

ul.horiz-list.tools li:first-child {
    border-width:0;
    padding-left:0;
}
ul.horiz-list.tools li:last-child {
    padding-right:0;
}
/** drop menu */
ul.dropmenu {
    visibility:hidden;
    position:absolute;
    z-index:5;
    height:auto;
}
ul.dropmenu.visible {
    visibility:visible;
}
ul.dropmenu li.menu-item {
    float:none;
    list-style-type:none;
}
ul.dropmenu li.menu-item:first-child {
    visibility:visible;
}
/** page-container shadow background */
div.page-container div.container-shadow {
    position:absolute;
    top:0;
    height:944px;
    width:44px;
    background:transparent url(/img/bg-container-shadow.png) no-repeat;
}
div.page-container div.container-shadow.bg-left {
    left:-44px;
    background-position:top left;
}
div.page-container div.container-shadow.bg-right {
    right:-44px;
    background-position:top right;
}

div.section-sidebar div.header{
    background-color: #e1e1e1;
    color: #464646;
    font-size: 15px;
    font-family: georgia,"times new roman",times,serif;
    padding: 6px 0px 6px 10px;
}

div.section-sidebar div.section-list-container{
    clear:both;
    background-color: #f1f1f1;    
    height: 85px;
    width:inherit;
    
}
div.section-sidebar div.section-list-container.toplist-widget,
div.section-sidebar div.section-list-container.blog-widget {
    font-size: 12px;
    height: inherit;
    width: auto;
    padding: 10px 0px;
}
#queueExpand,
div.section-sidebar div.section-list-container.toplist-widget-footer,
div.section-sidebar div.section-list-container.media-widget-footer,
div.section-sidebar div.section-list-container.links-widget-footer,
div.section-sidebar div.section-list-container.blog-widget-footer {
    font-size: 12px;
    height: auto;
    width: auto;
    padding: 8px;
    text-align:center;
    background-color:#E1E1E1;
    cursor:pointer;
    color:#006AB1;
    margin-top:10px;
}

div.section-sidebar div.section-list-container.toplist-widget div.item-image{
    float:left;
    margin:0px 10px 0px 5px;
}
div.section-sidebar div.section-list-container.toplist-widget div.item-anchor{
    margin-left: 10px;
    overflow: hidden;
    font-family:arial,helvetica,sans-serif;
}
div.item-anchor div.item-source {
    color:#999;
    margin-top:4px;
}
div.section-sidebar div.section-list-container.toplist-widget div.item-anchor a{
    font-size:12px;
}


div.section-sidebar div.section-list-container.blog-widget a.title{
    font-size: 13px;
    font-family:arial,helvetica,sans-serif;
    padding-top:10px;
    margin-left:5px;
}
div.section-sidebar div.section-list-container.blog-widget p.content{
    margin-left:10px;
    font-family:arial,helvetica,sans-serif;
}
div.section-sidebar div.authorImage{
    margin-top: 10px;
    width: 48px;
    float:left;
    cursor:pointer;
}

div.section-sidebar div.authorDetails{
    margin-top: 10px;
    color: #023371;
    font-size: 12px;
    font-family: arial,helvetica,sans-serif;
    padding-left: 10px;
    float:left;
}

div.authorDetails a{
    color: #023371;
}

div.section-sidebar div.article-type {
    padding: 8px 0 8px 8px;
    background: #464646 url(/img/bg-list-corner.png) no-repeat left top;
}

div.section-sidebar div.article-type,
div.section-sidebar div.article-type a {
    font-family: georgia,"times new roman",times,serif;
    font-size:14px; 
    color:#fff;
}

div.searchLeft {
    float:left;
    width:225px;
}

div.searchLeft p.narrowSearch{
    background-color:#464646; 
    color:#fff; 
    font-family:georgia,"times new roman",times,serif; 
    font-weight:bold; 
    font-size:12px;
    padding: 4px 5px 6px 10px;
    width: 195px;
    margin-bottom: 10px;
}

div.searchRight{
    width:429px;
    float:left;
    padding-bottom: 15px;
}


#facet div.header{
    clear:both;
    font-size: 13px;
    font-weight: normal;
    background-color: #e1e1e1;
    border-bottom: solid thin #e1e1e1;
    padding: 6px 0px 0px 10px;
    width:201px;
    height:20px;
}


#facet div.facet{
    float:left;
    max-height: 179px; 
    width:198px;
    font-size: 14px;
    margin-bottom: 15px;
    border-width: 2px;
    border-color: #f1f1f1;
    border-right:none;
    border-top:none;
    background-color: #fff;
    overflow:hidden;
}


#facet div.scrollbar-vert {
    background-color: #f1f1f1;
    height: 180px;
    width: 10px;
    float:left;
    border-bottom: solid thin #f1f1f1;
}

#facet  div.handle-vert {
    height: 30px;
    padding:4px 1px 0px 1px;
    cursor:pointer;
    background-color:#b9b9b9;
    color:#fff;
    border-right: solid thin #f1f1f1;
}


#facet div.facet div.columnLabel{
    font-size: 13px;
    font-weight: normal;
    background-color: #e1e1e1;
    border-bottom: solid thin #e1e1e1;
}


#facet div.facet div.iDiv{
    font-size: 13px;
    font-weight: normal;
}

div.searchLeft span.labelLeft{
    left:15px;
    line-height: 1.5;
    color: #464646;
    padding-right: 80px;
    padding-left: 2px;
    border-right: solid thin #e1e1e1;
}

div.searchLeft span.labelRight{
    right:5px;
    padding-left:5px;
    line-height: 1.5;
    color:#2d6a93;
    cursor:pointer;
}
#facet div.facet div.iDiv:hover{
    background-color: #40789d;
    color:#fff;
    cursor:pointer;
}


div.searchLeft  div.iDiv span.left{
    margin-left:10px;
    line-height: 1.5;
    font-family:arial,helvetica,sans-serif;
}

div.searchLeft div.iDiv span.right{
    float:right;
    margin-right:5px;
    line-height: 1.5;
    font-family:arial,helvetica,sans-serif;
}

div.searchLeft div.iDiv span.rightSelected{
    float:right;
    margin-right:5px;
    line-height: 1.5;
    font-family:arial,helvetica,sans-serif;
    color:#40789d;
    font-weight:bold;
}
div.facet div.iDiv:hover span.rightSelected{
    color: #fff;
}

div.searchLeft a{
    font-size:11px;
    text-decoration:none;
}

div.searchLeft a:hover{
    text-decoration:underline;
}

div.searchLeft div.calendar {
    width: 200px;
}


div.searchLeft div.calendar div.head {
    font-size: 14px;
    padding: 2px 41px 2px 39px;
    background-color : #dddddd;
    float:left;
}

div.searchLeft div.calendar div.headButton {
    font-size: 12px;
    padding: 2px;
    background-color : #dddddd;
    cursor: pointer;
    float:left;
    height:14px;
}

div.searchLeft div.calendar div.row{
    clear:left;
}

div.searchLeft div.calendar div.row div.day {
    font-size: 14px;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #fff important;
    padding: 2px 1px 2px 1px;
    float:left;
    width:20px;
    height:20px;
    cursor: pointer;
}

div.searchLeft div.calendar div.row div.empty {
    font-size: 14px;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #fff important;
    color: #fff;
    padding: 2px 1px 2px 1px;
    float:left;
    width:20px;
    height:20px;
}

div.searchLeft .overTxtLabel{
    font-family: georgia,"times new roman",times,serif;
    padding: 2px 2px 0px 0px;
    font-size:12px;
    font-weight:normal;
}
div.searchLeft input.range{
    position: relative;
    float:left;
    width:72px;
    border:none;
    border-left:solid thin #e1e1e1;
    border-right:solid thin #fff;
    border-top:solid thin #e1e1e1;
    border-bottom:solid thin #e1e1e1;
    height:18px; 
    font-weight:normal;
}

div.searchLeft div.clearInput{
    background-color:#e1e1e1;
    border-right:solid thin #e1e1e1;
    float:left;
    font-size:12px;
    padding:4px 5px 0px 4px;
    color:#004d7f;
    width:5px;
    cursor:pointer;
    height: 17px;
    margin-right:5px;
}


div.searchLeft div.rangeButton{
    position: relative;
    color:#fff; 
    background-color:#004c7f; 
    font-size:13px;
    padding: 4px 2px 4px 4px;
    cursor: pointer;
    float:left;
    margin-left: 2px;
    font-family:arial,helvetica,sans-serif;
}

#pager {
    clear: both;
    background-color: #e1e1e1;
    height:30px;
    margin-top:20px;
    width: 664px;
    font-family:arial,helvetica,sans-serif;
    
}

#pager div.pagesWrapper{
    padding-top: 5px;
    height: inherit;
}

#pager div.pages{
    height:5px;
    float:left;
    font-size: 12px;
    cursor:pointer;
    color: #4b6f96;
    margin-left : 3px;
    margin-right:3px;
}

#pager div.pages:hover{
    text-decoration: underline;
}


#pager div.divider{
    font-family:arial,helvetica,sans-serif;
    font-size:12px;   
    height:5px;
    float:left;
    padding: 0px 3px;
    color:#464646;
    
}


p.searchResults {
    margin: 5px 0; 
    font-size: 13px; 
    color: #000;
}


#promoBlock{
    border-top:solid 7px #e1e1e1;
    border-bottom:solid 7px #e1e1e1;
    
    padding:20px 0px 0px 10px;
    background-color:#f1f1f1;
    margin-bottom:10px;
}

#promoBlock a.headline{
    font-family: georgia,"times new roman",times,serif;
    color: #023371;
    font-size:14px;
    text-decoration:none;
}

#promoBlock img{
    float:left;
    margin-right:5px;
    
}
#promoBlock a.headline:hover{
    text-decoration:underline;    
}

#promoBlock div.item-text{
    font-family:georgia,"times new roman",times,serif;
    font-size:12px;
    color:#464646;
    height:45px;
    padding-bottom: 10px;
}

#promoBlock div.content-wrapper{
}


/* Font overrides to match new masthead fonts */

div.section-sidebar div.article-type,
div.section-sidebar div.article-type a {
    font-family:arial,helvetica,sans-serif;
}


 /* /css/dn-page-content.css */ 

/* 
    Document   : dn-page-content.css
    Author     : gm
    Description:
        DN v3 styles for content areas
*/
#page_content {
    display:inline-block;
    margin-bottom:20px;
}
div.page-content div.content-main {
    float:left;
    margin-bottom:20px;
}
/** content-feature container */
div.content-feature,
div.promo-feature {
    display:inline-block;
    margin-bottom:10px;
}
/** feature-header */
div.content-feature div.feature-header {
    position:relative;
    padding:8px;
    height:15px;
    background-color:#e1e1e1;
}
div.feature-header div.item-control {
    position:absolute;
    top:0;
    bottom:0;
    right:10px;
    margin-top:auto;
    margin-bottom:auto;
    height:12px;
}
div.item-control a {
    color:#fff;
}
/** feature-content */
div.feature-content {
    padding:10px;
    background-color:#f1f1f1;
}
/** container widths */
div.page-content div.content-feature {
    width:984px;    
}
div.content-main,
div.content-main div.content-feature {
    width:664px;  
}
div.content-main div.promo-feature {
    float: left;
    margin-right: 20px;
}
div.content-main div.promo-feature,
div.content-main div.promo-feature div.feature-header,
div.content-main div.promo-feature div.feature-area {
    width: 170px;
}
div.content-main div.promo-feature div.feature-header {
    background: #464646 url(/img/bg-list-corner.png) no-repeat left top;
    color: #fff;
}
div.content-main h1.page-label {
    margin-bottom:10px;
}

div.content-main h1.page-label.byu-cougars,
div.content-main h1.page-label.utah-jazz,
div.content-main h1.page-label.real-salt-lake,
div.content-main h1.page-label.utah-utes,
div.content-main h1.page-label.utah-state-aggies {
    margin-left: 15px;
    display: inline;
}
div.content-main img.byu-cougars,
div.content-main img.utah-jazz,
div.content-main img.real-salt-lake,
div.content-main img.utah-utes,
div.content-main img.utah-state-aggies {
    float: left;
    margin: -6px 0 6px 0;
    height: 30px;
}
/** main feature **/
div.content-main div.main-feature {
    display:inline-block;
}
div.main-feature div.feature-main {
    float:right;
}
div.feature-main h1.feature-headline,
div.feature-main p.feature-summary {
    margin-bottom:10px;
    width:inherit;
    overflow:hidden;
}
div.feature-main p.feature-summary {
    height:43px;
    line-height:20px;
}
/** promo area **/
div.promo-feature div.feature-header {
    margin-bottom:10px;
    height:18px;    
}
div.promo-feature div.feature-area {
    display:inline-block;
}
div.feature-area div.feature-item:first-child {
    margin-left:0;    
}
div.feature-item img.feature-image,
div.feature-item div.text-label {
    margin-bottom:7px;
}
div.feature-item img.feature-image {
    float:left;
    padding-right:10px;
}
/** content-column **/
div.page-content div.content-column {
    float:left;
    margin-left:20px;
}
div.page-content div.content-column,
div.content-column div.content-feature,
div.content-column div.ad-content {
    width:300px;
}
div.content-column ul.content-list {
    margin-bottom:10px;
}
div.content-column div.ad-content {
    display:inline-block;
    margin-bottom:10px;
}
div.ad-content div.text-label {
    margin-top:2px;
    text-align:right;
}
div.feature-list ul.content-list img.comment-bubble {
    margin:0 5px;
}

div.feature-list div.list-toggle{
    margin-top:5px;
    display:inline-block;
    width:280px;
    text-align:right;
}
div.feature-list div.list-toggle div.toggleIn{
    float: right;
    background-color: #f1f1f1;
    height: 14px;
    color: #464646;
    text-align:center;
    padding: 7px 5px 5px 7px;
    font-size: 14px;
    line-height: 1;
    border-width: 1px 1px 1px 1px;    
    border-color: #e1e1e1;
}
div.feature-list div.list-toggle div.toggleOut{
    float: right;
    height: 14px;
    background-color: #e1e1e1;
    color:#acacac;
    text-align:center;
    padding: 7px 5px 5px 7px;
    cursor:pointer;  
    font-size: 14px;
    line-height: 1;
    border-width: 1px 1px 1px 1px;    
    border-color: #e1e1e1;
}
div.feature-list div.list-toggle div.toggleOut:hover {
    color:#333
}

/** content-features in content footer area */
div.content-footer div.content-feature {
    border-width:0 0 5px 0;
}
div.content-footer div.content-feature div.feature-header,
div.content-footer div.content-feature div.feature-content {
    background-color:transparent;
    padding:0;
}
div.content-footer div.content-feature div.feature-header {
    height:20px;
    margin-bottom:10px;
}
div.content-footer div.content-feature div.feature-content {
    padding-bottom:10px;
}
/** Special content items **/
div.content-feature.new-feature {
    margin-bottom:20px;
}
div.content-feature.new-feature div.feature-header {
    height:20px;
    padding:10px;
    color:#fff;
    background-color:#4abae6;
}
div.content-feature.new-feature div.feature-content {
    padding-left:95px;
}
div.content-feature.feature-list  {
    margin-bottom: 10px;
}

div.content-feature.feature-list div.feature-header {
    display: block;
    background:#464646 url(/img/bg-list-corner.png) no-repeat left top;
    color: #fff;
}
div.feature-list div.feature-header div.item-control a {
    height:11px;
    width:11px;
    background:transparent url(/img/bg-item-control.png) no-repeat;
}
div.feature-list div.feature-header.selected div.item-control a {
    background-position:0 -11px;
}
div.content-column div.content-feature.feature-list {
    margin-bottom:10px;
}
/** text **/
div.promo-feature div.feature-item h3,
div.feature-content ul.content-list li,
div.ad-text-label,
div.feature-header div.item-control,
div.feature-item a.read-story-button,
div.feature-item p.article-type {
    font-family:arial,helvetica,sans-serif;   
}
div.page-content div.text-label,
div.feature-main h1,
div.feature-main p,
div.feature-item a.comments-link,
div.feature-header {
    font-family:georgia,"times new roman",times,serif;
}
div.page-content div.text-label {
    font-size:9px;
}
div.content-main h1.page-label {
    font-family:georgia,"times new roman",times,serif;
    line-height:20px;
    font-size:20px;
}

a.fv-headline {
    color: #003670;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

a.fv-headline:hover {
    text-decoration: underline;
}

div.feature-content ul.content-list li,
div.promo-feature div.feature-item h3,
div.feature-item div.text-label,
div.feature-item div.author-note,
div.feature-item div.short-text,
div.feature-item a.read-story-button,
div.feature-item a.comments-link,
div.feature-header div.item-control {
    font-size:12px;
}
div.feature-header,
h3.feature-headline {
    font-size:15px;
}

.wymhm .feature-content li {
    padding-top: 10px;
    margin-top: -10px;
    clear: both;
}
.wymhm .feature-content li .item-image {
    float: left;
    margin-right: 10px;
}

div.content-feature.new-feature div.feature-header {
    font-size:20px;
}
div.promo-feature div.feature-header {
    font-size:15px;
    padding: 8px 0 8px 8px;
    height: 15px;
}
div.promo-feature div.feature-header a {
    color: #fff;
}

div.promo-feature div.feature-item h3.feature-headline {
    margin-top:24px;
    height:59px;
}

#feature_lists div.feature-content {
    padding:0;
    overflow:hidden;
    height:0;
}
#feature_lists div.feature-content div.container {
    padding:10px;
    width:280px;
}

/* Font overrides to match new masthead fonts */

div.page-content div.text-label,
div.feature-main p,
div.feature-item a.comments-link,
div.feature-header {
    font-family:arial,helvetica,sans-serif;
}

div.content-main h1.page-label {
    font-family:arial,helvetica,sans-serif;
}

 /* /css/dn-page-section-colors.css */ 

/* 
    Document   : dn-page-section-colors.css
    Author     : gm
    Description:
        DN v3 colors for sections
*/
ul.site-nav li.news:hover,
ul.site-nav li.news.selected,
ul.section-nav li.news.selected,
div.feature-header div.feature-label.news,
div.header-subnav.news,
.article-type.news,
.section-info.news,
div.header-subnav.news div.dropmenu,
#search_results .section.news,
#video_filter a.section-link.news:before,
.bg-color-news
{
    background-color:#b22116;
}
ul.site-nav li.news,
.article-type.news,
.section-info.news,
div.content-main div.section-feature.news,
#video_filter .active a.section-link.news:after,
.border-color-news {
    border-color:#b22116;
}
div.content-main h1.page-label.news {
    color:#b22116;
}

ul.site-nav li.us-world:hover,
ul.site-nav li.us-world.selected,
ul.section-nav li.us-world.selected,
div.feature-header div.feature-label.us-world,
div.header-subnav.us-world,
.article-type.us-world,
.section-info.us-world,
div.header-subnav.news div.dropmenu,
#search_results .section.us-world,
#video_filter a.section-link.us-world:before,
.bg-color-news
{
    background-color:#b22116;
}
ul.site-nav li.us-world,
.article-type.us-world,
.section-info.us-world,
div.content-main div.section-feature.us-world,
#video_filter .active a.section-link.us-world:after,
.border-color-us-world {
    border-color:#b22116;
}
div.content-main h1.page-label.us-world {
    color:#b22116;
}

ul.site-nav li.utah:hover,
ul.site-nav li.utah.selected,
ul.section-nav li.utah.selected,
div.feature-header div.feature-label.utah,
div.header-subnav.utah,
.article-type.utah,
.section-info.utah,
div.header-subnav.utah div.dropmenu,
#search_results .section.utah,
#video_filter a.section-link.utah:before,
.bg-color-utah {
    background-color:#47B9FF;
}
ul.site-nav li.utah,
.article-type.utah,
.section-info.utah,
div.content-main div.section-feature.utah,
#video_filter .active a.section-link.utah:after,
.border-color-utah {
    border-color:#47B9FF;
}
div.content-main h1.page-label.utah {
    color:#47B9FF;
}

ul.site-nav li.sports:hover,
ul.site-nav li.sports.selected,
ul.section-nav li.sports.selected,
div.feature-header div.feature-label.sports,
div.header-subnav.sports,
.article-type.sports,
.section-info.sports,
div.header-subnav.sports div.dropmenu,
#search_results .section.sports,
#video_filter a.section-link.sports:before,
.bg-color-sports {
    background-color:#d8891b;
}
ul.site-nav li.sports,
.article-type.sports,
.section-info.sports,
div.content-main div.section-feature.sports,
#video_filter .active a.section-link.sports:after,
.border-color-sports {
    border-color:#d8891b;
}
div.content-main h1.page-label.sports {
    color:#d8891b;
}

#video_filter a.section-link.high-school:before,
.bg-color-high-school {
    background-color:#d8891b;
}
#video_filter .active a.section-link.high-school:after,
.border-color-high-school {
    border-color:#d8891b;
}
div.content-main h1.page-label.high-school {
    color:#d8891b;
}

ul.site-nav li.business:hover,
ul.site-nav li.business.selected,
ul.section-nav li.business.selected,
div.feature-header div.feature-label.business,
div.header-subnav.business,
.article-type.business,
.section-info.business,
div.header-subnav.business div.dropmenu,
.bg-color-business {
    background-color:#489640;
}
ul.site-nav li.business,
.article-type.business,
.section-info.business,
div.content-main div.section-feature.business,
.border-color-business {
    border-color:#489640;
}
div.content-main h1.page-label.business {
    color:#489640;
}

ul.site-nav li.moneywise:hover,
ul.site-nav li.moneywise.selected,
ul.section-nav li.moneywise.selected,
div.feature-header div.feature-label.moneywise,
div.header-subnav.moneywise,
.article-type.moneywise,
.section-info.moneywise,
div.header-subnav.moneywise div.dropmenu,
#search_results .section.moneywise,
#video_filter a.section-link.moneywise:before,
.bg-color-moneywise {
    background-color:#489640;
}
ul.site-nav li.moneywise,
.article-type.moneywise,
.section-info.moneywise,
div.content-main div.section-feature.moneywise,
#video_filter .active a.section-link.moneywise:after,
.border-color-moneywise {
    border-color:#489640;
}
div.content-main h1.page-label.moneywise {
    color:#489640;
}

ul.site-nav li.opinion:hover,
ul.site-nav li.opinion.selected,
ul.section-nav li.opinion.selected,
div.feature-header div.feature-label.opinion,
div.header-subnav.opinion,
.article-type.opinion,
.section-info.opinion,
div.header-subnav.opinion div.dropmenu li,
#search_results .section.opinion,
#video_filter a.section-link.opinion:before,
.bg-color-opinion {
    background-color:#75180f;
}
ul.site-nav li.opinion,
.article-type.opinion,
.section-info.opinion,
div.content-main div.section-feature.opinion,
#video_filter .active a.section-link.opinion:after,
.border-color-opinion {
    border-color:#75180f;
}
div.content-main h1.page-label.opinion {
    color:#75180f;
}
ul.site-nav li.faith:hover,
ul.site-nav li.faith.selected,
ul.section-nav li.faith.selected,
div.feature-header div.feature-label.faith,
div.header-subnav.faith,
.article-type.faith,
.section-info.faith,
div.header-subnav.faith div.dropmenu,
#search_results .section.faith,
#video_filter a.section-link.faith:before,
.bg-color-faith {
    background-color:#20356c;
}
ul.site-nav li.faith,
.article-type.faith,
.section-info.faith,
div.content-main div.section-feature.faith,
#video_filter .active a.section-link.faith:after,
.border-color-faith {
    border-color:#20356c;
}
div.content-main h1.page-label.faith {
    color:#20356c;
}
ul.site-nav li.family-life:hover,
ul.site-nav li.family-life.selected,
ul.section-nav li.family-life.selected,
div.feature-header div.feature-label.family-life,
div.header-subnav.family-life,
.article-type.family-life,
.section-info.family-life,
div.header-subnav.family-life div.dropmenu,
#search_results .section.family-life,
#video_filter a.section-link.family-life:before,
.bg-color-family-life {
    background-color:#4a1b7e;
}
ul.site-nav li.family-life,
.article-type.family-life,
.section-info.family-life,
div.content-main div.section-feature.family-life,
#video_filter .active a.section-link.family-life:after,
.border-color-family-life {
    border-color:#4a1b7e;
}
div.content-main h1.page-label.family-life {
    color:#4a1b7e;
}

ul.site-nav li.family:hover,
ul.site-nav li.family.selected,
ul.section-nav li.family.selected,
div.feature-header div.feature-label.family,
div.header-subnav.family,
.article-type.family,
.section-info.family,
div.header-subnav.family div.dropmenu,
#search_results .section.family,
#video_filter a.section-link.family:before,
.bg-color-family {
    background-color:#4a1b7e;
}
ul.site-nav li.family,
.article-type.family,
.section-info.family,
div.content-main div.section-feature.family,
#video_filter .active a.section-link.family:after,
.border-color-family {
    border-color:#4a1b7e;
}
div.content-main h1.page-label.family {
    color:#4a1b7e;
}

ul.site-nav li.obituaries:hover,
ul.site-nav li.obituaries.selected,
div.header-subnav.obituaries {
    background-color:#DADADA;
}
ul.site-nav li.obituaries,
.article-type.obituaries {
    border-color:#363636;
}

ul.site-nav li.marketplace {
    border-color:#dadada;
}

/* video page filters specific colors */
#video_filter a.section-link.latest:before {
    background-color: #000;
}
#video_filter .active a.section-link.latest:after {
    border-color: #000;
}

#video_filter a.section-link.watch-it-live:before {
    background-color: #53C2BA;
}
#video_filter .active a.section-link.watch-it-live:after {
    border-color: #53C2BA;
}

/** top level nav items don't get underline */
div.section-feature div.feature-links div.section-header,
ul.site-nav li.news:hover a,
ul.site-nav li.sports:hover a,
ul.site-nav li.business:hover a,
ul.site-nav li.moneywise:hover a,
ul.site-nav li.opinion:hover a,
ul.site-nav li.faith:hover a,
ul.site-nav li.family-life:hover a,
ul.site-nav li.family:hover a {
    color:#fff;
    text-decoration:none;
}


div.header-nav ul.site-nav li.selected a,
div.header-subnav.news li.label,
div.header-subnav.sports li.label,
div.header-subnav.business li.label,
div.header-subnav.moneywise li.label,
div.header-subnav.opinion li.label,
div.header-subnav.faith li.label,
div.header-subnav.family-life li.label,
div.header-subnav.family li.label,
div.header-subnav.news a,
div.header-subnav.sports a,
div.header-subnav.business a,
div.header-subnav.moneywise a,
div.header-subnav.opinion a,
div.header-subnav.faith a,
div.header-subnav.family-life a,
div.header-subnav.family a{
    color:#fff;
}

ul.site-subnav li.selected a {
    text-decoration:underline;
}

div.header-nav ul.site-nav li.obituaries.selected a,
ul.site-nav li.obituaries:hover a {
    color:#464646;
    text-decoration:none;
}

div.content-main h1.page-label.byu-cougars {
    color:#001E4C;
}
div.content-main h1.page-label.utah-jazz {
    color:#001D4D;
}
div.content-main h1.page-label.real-salt-lake {
    color:#9d2235;
}
div.content-main h1.page-label.utah-utes {
    color:#cc0000;
}
div.content-main h1.page-label.utah-state-aggies {
    color:#003366;
}


 /* /css/dn-page-items.css */ 

/* 
    Document   : dn-page-items.css
    Author     : gm
    Description:
        DN v3 stand alone page items
*/

body.noscroll {
    overflow: hidden;
}

/* Modal overlay and box */
div.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: #000;
    opacity: 0.5;

    text-align: center;
    color: #fff;
    line-height: 30px;
    font-family: arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

div.modal-box {
    position: fixed;
    top: 30px;
    bottom: 20px;
    left: 50%;
    z-index: 1001;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/* email form */
div.email-signup-form {
    position:relative;
    margin-bottom:10px;
    width:300px;
    height:31px;
    background-color:#e1e1e1;
}
div.email-signup-form img {
    position:absolute;
    top:5px;
    left:6px;
    width:30px;
    height:20px;
}
div.email-signup-form input.email-subscribe {
    position:absolute;
    top:5px;
    right:26px;
    padding:0 0 0 4px;
    width:232px;
    height:20px;
    color:#464646;
    border:0 solid #f1f1f1;
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
    z-index:1;
}
div.email-signup-form label.overTxtLabel {
    font:normal normal normal 11px/1.0 arial,helvetica,sans-serif;
    z-index:5
}
div.email-signup-form input.validation-failed {
    background-color:#fcc;
}
div.email-signup-form input.email-button {
    margin:0;
    padding:0;
    position:absolute;
    top:5px;
    right:6px;
    width:20px;
    height:20px;
    background:#014881 url(/img/bg-button-20x20-white.png) no-repeat top left;
    border:0 solid;
}

/* New styles for email signup form */
div.content-column div.email-signup-form {
    background-color: #F1F1F1;
    height: 75px;
    position: relative !important;
    border-top: 2px solid #464646;
}
div.content-column div.email-signup-form img {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 29px;
    height: 16px;
}
div.content-column div.email-signup-form input.email-button {
    top: 38px;
    right: 15px;
    width: 20px;
    height: 20px;
    background: none;
}
div.content-column .email-signup-form .signup-text {
    position: absolute;
    top: 12px;
    left: 50px;
    font: bold 16px/16px arial,helvetica,sans-serif;
}
div.content-column .email-signup-form input.email-subscribe {
    display: block;
    top: 35px;
    left: 15px;
    height: auto;
    width: 214px;
    margin: 0;
    border: 1px solid #e4e4e4;
    border-bottom-color: #f1f1f1;
    border-right-color: #f1f1f1;
    border-radius: 3px;
    padding: 4px 12px;
    font-size: 12px;
    -webkit-box-shadow: inset 1px 1px 1px 0px #eee;
    box-shadow: inset 1px 1px 2px 0px #eee;
}
div.content-column .email-signup-form input.email-subscribe::-ms-clear {
    display: none;
}
div.content-column div.email-signup-form label.overTxtLabel {
    margin: 3px 0 0 10px;
    font:normal normal normal 12px/1.0 arial,helvetica,sans-serif;
    color: #999;
    z-index:5
}


div.content-column .email-signup-form img,
div.content-column .email-signup-form input.email-button {
    top: 11px;
}
div.content-column .email-signup-form a.sample {
    display: inline-block;
    position: absolute;
    bottom: 6px;
    right: 30px;
    font-family: arial,helvetica,sans-serif;
    font-size: 10px;
}
div.tiny-arrow {
    float:left;
    width:5px;
    height:5px;
    background:transparent url(/img/bg-arrow-5x5-gray.png) no-repeat 0 0;
}
div.tiny-arrow.selected {
    background-position:-5px 0;
}
ul.tools.share {
    height:22px;
}
ul.tools-share,
ul.tools-share li {
    position:relative;
}
ul.tools-share li {
    min-height:16px;
    min-width:17px;
    margin-left:8px;
}
ul.tools-share li a {
    display:block;
    height:16px;
    width:17px;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:top left;
}
ul.tools-share li.facebook {
    background-image:url(/img/share-icon-facebook-small.png);
}
ul.tools-share li.twitter {
    background-image:url(/img/share-icon-twitter-small.png);
}
ul.tools-share li.email {
    background-image:url(/img/share-icon-email-small.png);
}
ul.tools-share li.url {
    background-image:url(/img/share-icon-url-small.png);
}
ul.tools-share li.rss {
    background-image:url(/img/share-icon-rss-small.png);
}
/** breaking news feature */
div.content-feature.breaking-feature {
    /* background:#de0818 url(/img/bg-breaking-banner-grey-red.png) repeat-y -214px 0; */
    background-color: #464646;
}
div.content-feature.breaking-feature div.feature-content {
    display:inline-block;
}
div.content-feature.breaking-feature div.feature-header,
div.content-feature.breaking-feature div.feature-content {
    padding:20px;
    color:#fff;
}
div.content-feature.breaking-feature div.feature-header {
    float:left;
    width:148px;
    height:auto;
    background-color:#464646;
}
div.content-feature.breaking-feature div.feature-content h1 {
    margin-bottom:10px;
    font-size:22px;
    color:#fff;
}
div.content-feature.breaking-feature div.feature-content p {
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
}
div.content-feature.breaking-feature div.feature-content a {
    color:#fff;
}
div.content-feature.breaking-feature div.feature-header div.text-label {
    padding-bottom:20px;
    border-color:#fff;
    border-width:0 0 1px 0;
    color:#fff;
    font-size:22px;
}
div.content-feature.breaking-feature div.feature-content {
    width:436px;
    background:#de0818 url(/img/bg-tab-angle-grey.png) no-repeat 0 18px;
}
div.content-feature.breaking-feature div.feature-content.blue {
    background-color: #014881;
}
div.content-feature.breaking-feature div.feature-content.green {
    background-color: #00a651;
}

/* LiveBanner styles */
table#live-banner,
#live-banner tr,
#live-banner td {
    margin: 0;
    padding: 0;
    border: 0;
}
table#live-banner {
    margin-bottom: 15px;
    width: 100%;
    border-collapse: collapse;
}
#live-banner .lb-head-col {
    height: 100%;
    width: 80px;
    vertical-align: top;
    background-color: #53C2BA;
    border-right: 2px transparent solid;
}
#live-banner .lb-head {
    margin-right: 0;
    padding: 5px 0;
    color: #FFF;
    font: 22px Lora, 'Times New Roman', serif;
    text-align: center;
    background-color: #53C2BA;
}
#live-banner .lb-items {
    padding: 8px 8px 0 16px;
    background-color: #DAEEEF;
}
#live-banner .lb-item {
    position: relative;
    padding-bottom: 8px;
    color: #3A6466;
    font: 16px Lora, 'Times New Roman', serif;
}
#live-banner .lb-text {
    padding-right: 100px;
    position: relative;
}
#live-banner .watch-now {
    position: absolute;
    top: 0px;
    right: 0px;
}
#live-banner .link {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 5px;
    color: #FFF;
    font: 13px Lora, 'Times New Roman', serif;
    text-decoration: none;
    background-color: #53C2BA;
}
#live-banner .watch-now .right-arrow {
    display: inline-block;
    margin-left: 3px;
    margin-bottom: -1px;
    width: 0px;
    height: 0px;
    border-left: 5px solid #FFF;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

 /* /css/dn-custom-input-styles.css */ 

div.page-container .dn-custom-select {
    position: relative;
    display: inline-block;
    width: 150px; /* shoud be overridden for particular case */
    height: 21px;
    border: 1px solid #969696;
    overflow: hidden;
    vertical-align: top;
    border-radius: 3px;
    background: url('/img/custom-inputs/custom-inputs-assets.png');
    background-position: right -2px;
    background-clip: padding-box;
}

div.page-container .dn-custom-select select {
    display: block;
    width: 170px; /* shoud be overridden for particular case */
    height: 21px;
    padding: 3px 5px;
    border: none;
    font-size: 11px;
    border-radius: 0;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
}

 /* /css/dn-helper-styles.css */ 

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


 /* /css/dn-feedback.css */ 

#DNFlyout{
     font-size: 9px;
     position: fixed;
     top:100px;
     left: -505px;
     width:520;
     cursor:pointer;
     
}

#DNFlyoutContainer{
    position: fixed;
    width:500px;
    background-color:#f1f1f1;
    border:solid 2px #004a80;
    padding-bottom: 20px;
}

#DNFlyoutContainer  div.fb-container{
    padding:10px;
    font-size: 12px;
    font-family:arial,helvetica,sans-serif;
}


#DNFlyoutContainer div.fb-container H2{
    font-weight: bold;
    color:#464646;
    font-size:16px;
    font-family:georgia,"times new roman",serif;
}

#DNFlyoutContainer div.fb-container H3{
    font-weight: bold;
    color:#464646;
    font-size:12px;
    margin-bottom:5px;
}
#DNFlyoutContainer div.fb-container hr{
    font-weight: bold;
    background-color:#e1e1e1;
    color:#e1e1e1;
    margin: 10px 0px;
    height:3px;
    border:none;
}

a.feedback-link{
    color:#306b97;
}

#DNFlyoutContainer div.fb-container div.tabs{
    background-color:#004a80;
    padding:5px 5px;
    color:#fff;
    margin:0px 5px 5px 0px;
    float:left;
    cursor: pointer;
}


#DNFlyoutContainer div.fb-container form{
   width:455px; 
   clear:left;
   text-align:left;
   color:#464646;
   font-size:12px;
}

#DNFlyoutContainer div.fb-container form input.text-input,
textarea.text-input{
    border:none;
    border:solid thin #e1e1e1;
    height:20px;
    width:218px;
    color:#464646;
    margin-right:5px;
    float:left;
}

#DNFlyoutContainer div.fb-container form textarea.text-input{
    width:445px;
    height:50px;
    resize:none;
    margin-bottom:10px;
}

#DNFlyoutContainer div.fb-container div.button
{
   margin-right: 30px;
   float:left; 
   background-color: #c7cccc;
   width:40px;
   padding: 8px 12px;
   color: #014881;
   font-size: 14px;
   font-family:arial;
   cursor:pointer;
}
#DNFlyoutContainer div.fb-container div.footer{
    padding-top:10px;
    float:left;
    font-style: italic;
    font-size:11px;

}

#DNFlyoutContainer div.fb-container div.footer a{
    color:#565df1;
}


#DNFlyoutContainer div.fb-container form div.spacer{
    height:10px;
}




#DNFlyoutContainer .overTxtLabel{
    color: #464646 !important;
    font-size: 14px;
    
}

#DNFlyoutContainer .label-required{
    color:#75190e;
}

#sendFeedback {}

 /* /css/dn-page-custom-tooltips.css */ 

div.tooltip-holder {
  position: relative;
  top: -6px;
  left: 15px;
}



/* Main tooltip layout */
table.dn-resizable-tooltip {
  position: relative;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
table.dn-resizable-tooltip td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
table.dn-resizable-tooltip td.top_left_corner {
  height: 4px;
  width: 4px;
  background-repeat: no-repeat;
}
table.dn-resizable-tooltip td.top_border {
}
table.dn-resizable-tooltip td.top_right_corner {
  height: 4px;
  width: 4px;
  background-repeat: no-repeat;
}
table.dn-resizable-tooltip td.left_border {
}
table.dn-resizable-tooltip td.tooltip-content {
  width: 150px;
  height: 24px;
  padding-left: 30px;
  vertical-align: middle;
  font-size: 11px;
  font-family: arial,helvetica,sans-serif;
  font-style: italic;
  color: #77C55F;
}
table.dn-resizable-tooltip td.tooltip-content div{
  line-height: 12px;
}
table.dn-resizable-tooltip td.tooltip-content div.tip {
  position: absolute;
  top: 12px;
  left: -6px;
  width: 7px;
  height: 8px;
  color: #77C55F;
}
table.dn-resizable-tooltip td.right_border {
}
table.dn-resizable-tooltip td.bottom_left_corner {
  height: 4px;
  width: 4px;
  background-repeat: no-repeat;
}
table.dn-resizable-tooltip td.bottom_border {
}
table.dn-resizable-tooltip td.bottom_right_corner {
  height: 4px;
  width: 4px;
  background-repeat: no-repeat;
}



/* Styles for different types of tooltips */


/* INFO TOOLTIP */
table.info.dn-resizable-tooltip td.top_left_corner {
  background: url(/img/tooltips/info/top_left_corner.png) 100% 100%;
}
table.info.dn-resizable-tooltip td.top_border {
  background: url(/img/tooltips/info/top_border.png) repeat-x;
}
table.info.dn-resizable-tooltip td.top_right_corner {
  background: url(/img/tooltips/info/top_right_corner.png);
}
table.info.dn-resizable-tooltip td.left_border {
  background: url(/img/tooltips/info/left_border.png) repeat-y 100%;
}
table.info.dn-resizable-tooltip td.tooltip-content {
  background: #F5F5F5 url(/img/tooltips/info/icon.png) no-repeat 3px 4px;
  color: #7F7F7F;
}
table.info.dn-resizable-tooltip td.tooltip-content div.tip {
  background: url(/img/tooltips/info/tip.png) no-repeat;
}
table.info.dn-resizable-tooltip td.right_border {
  background: url(/img/tooltips/info/right_border.png) repeat-y;
}
table.info.dn-resizable-tooltip td.bottom_left_corner {
  background: url(/img/tooltips/info/bottom_left_corner.png) 100% 0%;
}
table.info.dn-resizable-tooltip td.bottom_border {
  background: url(/img/tooltips/info/bottom_border.png) repeat-x;
}
table.info.dn-resizable-tooltip td.bottom_right_corner {
  background: url(/img/tooltips/info/bottom_right_corner.png);
}


/* VALID TOOLTIP */
table.valid.dn-resizable-tooltip td.top_left_corner {
  background: url(/img/tooltips/valid/top_left_corner.png) 100% 100%;
}
table.valid.dn-resizable-tooltip td.top_border {
  background: url(/img/tooltips/valid/top_border.png) repeat-x;
}
table.valid.dn-resizable-tooltip td.top_right_corner {
  background: url(/img/tooltips/valid/top_right_corner.png);
}
table.valid.dn-resizable-tooltip td.left_border {
  background: url(/img/tooltips/valid/left_border.png) repeat-y 100%;
}
table.valid.dn-resizable-tooltip td.tooltip-content {
  background: #E5FEE1 url(/img/tooltips/valid/icon.png) no-repeat 3px 4px;
  color: #74C55C;
}
table.valid.dn-resizable-tooltip td.tooltip-content div.tip {
  background: url(/img/tooltips/valid/tip.png) no-repeat;
}
table.valid.dn-resizable-tooltip td.right_border {
  background: url(/img/tooltips/valid/right_border.png) repeat-y;
}
table.valid.dn-resizable-tooltip td.bottom_left_corner {
  background: url(/img/tooltips/valid/bottom_left_corner.png) 100% 0%;
}
table.valid.dn-resizable-tooltip td.bottom_border {
  background: url(/img/tooltips/valid/bottom_border.png) repeat-x;
}
table.valid.dn-resizable-tooltip td.bottom_right_corner {
  background: url(/img/tooltips/valid/bottom_right_corner.png);
}


/* ERROR TOOLTIP */
table.error.dn-resizable-tooltip td.top_left_corner {
  background: url(/img/tooltips/error/top_left_corner.png) 100% 100%;
}
table.error.dn-resizable-tooltip td.top_border {
  background: url(/img/tooltips/error/top_border.png) repeat-x;
}
table.error.dn-resizable-tooltip td.top_right_corner {
  background: url(/img/tooltips/error/top_right_corner.png);
}
table.error.dn-resizable-tooltip td.left_border {
  background: url(/img/tooltips/error/left_border.png) repeat-y 100%;
}
table.error.dn-resizable-tooltip td.tooltip-content {
  background: #FFE6E5 url(/img/tooltips/error/icon.png) no-repeat 3px 4px;
  color: #D96766;
}
table.error.dn-resizable-tooltip td.tooltip-content div.tip {
  background: url(/img/tooltips/error/tip.png) no-repeat;
}
table.error.dn-resizable-tooltip td.right_border {
  background: url(/img/tooltips/error/right_border.png) repeat-y;
}
table.error.dn-resizable-tooltip td.bottom_left_corner {
  background: url(/img/tooltips/error/bottom_left_corner.png) 100% 0%;
}
table.error.dn-resizable-tooltip td.bottom_border {
  background: url(/img/tooltips/error/bottom_border.png) repeat-x;
}
table.error.dn-resizable-tooltip td.bottom_right_corner {
  background: url(/img/tooltips/error/bottom_right_corner.png);
}

 /* /css/dn-page-user-dialog.css */ 

/* 
    Document   : dn-page-user-dialog.css
    Author     : gm
    Description:
        DN pop-up dialogs
*/
#dn_user_dialog {
    position:absolute;
    padding:10px;
    background-color:#d7d7d7;
    -moz-box-shadow: 0 0 10px 2px #888;
    -webkit-box-shadow: 0 0 10px 2px #888;
    box-shadow: 0 0 10px 2px #888;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:10;
}
#dn_user_dialog div.dialog-item {
    position:relative;
    display:inline-block;
    width:inherit;
    margin-top:10px;
    padding-top:10px;
    border:0 solid #fff;
    border-width:1px 0 0 0;
    text-align:left;
}
#dn_user_dialog div.dialog-item:first-child {
    margin-top:0;
    padding-top:0;
    border-width:0;
}
#dn_user_dialog div.dialog-item form {
    width:inherit;
    display:inline-block;
}
#dn_user_dialog div.dialog-item div.text-label,
#dn_user_dialog div.dialog-item p.text-info,
#dn_user_dialog div.dialog-item form label {
    margin-bottom:5px;
}
#dn_user_dialog div.dialog-item p.text-info,
#dn_user_dialog div.dialog-item p.text-msg {
    width:inherit;
    clear:both;
    font-style:italic;
}

#dn_user_dialog div.tool-close {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}
#dn_user_dialog div.dialog-item div.tool-button {
    position:relative;
    float:right;
    text-align:center;
    background-color:#014881;
    color:#fff;
    cursor:pointer;
    height:11px;
    padding:3px 0 6px;
}
#dn_user_dialog div.dialog-item div.tool-button.button-inactive {
    background-color:#999;
    color:#333;
    cursor:default;
}
#dn_user_dialog div.dialog-item div.tool-button.login {
    width:64px;
}
#dn_user_dialog div.dialog-item div.tool-button.fb {
    width:20px;
    height:20px;
    padding:0;
    margin-right:2px;
    background-image:url(/img/icon-facebook-20x20-white.png);
    background-position:bottom right;
    background-repeat:no-repeat;
}
#dn_user_dialog div.dialog-item div.tool-button.user {
    float:none;
    width:200px;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    height:11px;
    padding:3px 0 6px;
}
#dn_user_dialog div.dialog-item div.tool-button.user:first-child {
    margin-top:0;
}
#dn_user_dialog div.dialog-item input.text-input {
    border:0 solid;
    padding:2px;
    margin:0 0 5px 0;
}
#dn_user_dialog div.dialog-item  input.text-input.login {
    width:272px;
}
#dn_user_dialog div.dialog-item input.text-input.validation-failed {
    background-color:#fcc;
}
#dn_user_dialog div.tool-close:hover,
div.dialog-item div.tool-button:hover {
    text-decoration:underline;
}
#dn_user_dialog div.tool-close.button-inactive:hover,
div.dialog-item div.tool-button.button-inactive:hover {
    text-decoration:none;
}

div.page-head div.tools ul.horiz-list div.dn-user-dialog,
#content_comments div.dn-user-dialog {
    width:276px;
    top:40px;
    right:0;
}

#tool_share_buttons div.dn-user-dialog,
#tool_share_gallery div.dn-user-dialog {
    top:28px;
    right:0;
}

#tool_share_buttons div.dn-user-dialog.share-url,
#tool_share_buttons div.dn-user-dialog.share-url input.text-input,
#tool_share_gallery div.dn-user-dialog.share-url,
#tool_share_gallery div.dn-user-dialog.share-url input.text-input {
    width:180px;
}
#tool_share_buttons div.dn-user-dialog.share-email,
#tool_share_gallery div.dn-user-dialog.share-email {
    width:276px;
}
#tool_share_buttons div.dn-user-dialog.share-email input.text-input,
#tool_share_gallery div.dn-user-dialog.share-email input.text-input {
    width:256px;
    margin:5px 10px;
}
#dn_user_dialog  div.dialog-item div.tool-button.email {
    height:11px;
    margin-bottom:5px;
    padding:3px 5px 6px;
}
#dn_user_dialog.pw-assist div.dialog-item {
    width:280px;
    padding-bottom:8px;
}
#dn_user_dialog div.dialog-item  div.text-label,
#dn_user_dialog.pw-assist div.dialog-item div.text-label,
#dn_user_dialog.account div.dialog-item div.text-label {
    font-weight:bold;
}

#dn_user_dialog.pw-assist div.dialog-item input.text-input {
    width:220px;
    height:16px;
}
#dn_user_dialog.pw-assist div.dialog-item p.text-info,
#dn_user_dialog.message div.dialog-item p.text-info {
    font-style:normal;
    line-height:1.3em;
    margin:10px 0;
}

#dn_user_dialog,
#dn_user_dialog div.dialog-item  div.text-label,
#dn_user_dialog div.dialog-item  input.text-input {
    font-family:arial,helvetica,sans-serif;
}
#dn_user_dialog,
#dn_user_dialog div.dialog-item  input.text-input,
#dn_user_dialog div.dialog-item form label.overTxtLabel {
    font-size:12px;
}
#dn_user_dialog.pw-assist div.dialog-item p.text-info {
    font-size:12px;
    line-height:1.3em;
}
#dn_user_dialog.message div.dialog-item p.text-info {
    font-size:13px;
}
#dn_user_dialog div.dialog-item  div.text-label,
#dn_user_dialog.pw-assist div.dialog-item div.text-label,
#dn_user_dialog.account div.dialog-item div.text-label {
    font-size:16px;
}
#dn_user_dialog.pw-assist div.dialog-item div.tool-button,
#dn_user_dialog.pw-assist .spinner-img {
    width:56px;
}
#dn_user_dialog.pw-assist div.dialog-message {
    position:absolute;
    bottom:0;
    padding:0 8px 4px 0;
    right:0;
    text-align:right;
    font-style:italic;
}
#dn_user_dialog.account div.dialog-item {
    width:580px;
}
#dn_user_dialog.account div.dialog-item div.account-column {
    float:left;
    width:285px;
}
#dn_user_dialog.account div.dialog-item div.account-column input.text-input {
    width:276px;
    margin-top:8px;
}
#dn_user_dialog.account div.dialog-item div.account-column input.text-input.small {
    width:131px;
    float:left;
}
#dn_user_dialog.account div.dialog-item div.account-column select.small,
#dn_user_dialog.account div.dialog-item div.account-column input.check {
    float:left;
}
#dn_user_dialog.account div.account-column p.new-email {
    margin: 10px 0 10px 20px;
    font-weight: bold;
}
#dn_user_dialog.account div.dialog-item p.text-check {
    margin-left:25px;
    width:251px
}
#dn_user_dialog.account div.dialog-item div.account-column div.dialog-item {
    width:auto;
}
#dn_user_dialog.account div.dialog-item input.validation-failed {
    background-color:#fcc;
}
#dn_user_dialog.account div.dialog-item.submit-item {
    position:relative;
    padding-bottom: 16px;
}
#dn_user_dialog.account div.dialog-item div.tool-button,
#dn_user_dialog.account .spinner-img {
    width:144px;
}
#dn_user_dialog.account div.dialog-message {
    position:absolute;
    bottom:0;
    right:0;
    text-align:right;
    font-style:italic;
}
#dn_user_dialog.account div.dialog-message.block {
    position: static;
    display: block;
    text-align:right;
    font-style:italic;
}
#dn_user_dialog div.dialog-item form label.overTxtLabel {
    display:block;
    margin:0;
}
#dn_user_dialog input.validation-item,
div.email-signup-form input.validation-item,
#dn_user_dialog textarea.validation-item,
#dn_user_dialog div.validation-item {
    background-image:url(/img/icon-asterisk-grey.png);
    background-repeat:no-repeat;
    background-position:top right;
}

#dn_user_dialog input.validated,
div.email-signup-form input.validated,
#dn_user_dialog textarea.validated,
#dn_user_dialog div.validated {
    background-image:url(/img/icon-check-green.png);
    background-repeat:no-repeat;
    background-position:top right;
}

/* ADVERTISE / FEEDBACK Form */

#dn_user_dialog.feedback {
    width: 800px;
}


#dn_user_dialog.feedback a{
      color: #003670;
      font-weight: bold;
      text-decoration: none;
      font-size:14px;
      cursor: pointer;
}

#dn_user_dialog.feedback a:hover{
      text-decoration: underline;
}

#dn_user_dialog.feedback p.header {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-family: arial,helvetica,sans-serif; 
}

#dn_user_dialog form#feedback  {
    padding-left: 3px;
}

#dn_user_dialog form#feedback  textarea[name=advertising_description],
#dn_user_dialog form#feedback  textarea[name=feedback] {
    width: 230px;
    font: 12px arial,helvetica,sans-serif;
    overflow: auto;
}

#dn_user_dialog.report form#feedback textarea[name=advertising_description],
#dn_user_dialog.report form#feedback textarea[name=feedback] {
    width: 310px;
    font: 12px arial,helvetica,sans-serif;
    overflow: auto;
}

/* LOGIN FORM */
#dn_user_dialog.login-dialog {
    width: 276px;
}

#dn_user_dialog p.text-body {
    clear:both;
    font-size: 12px;
    margin-top: 10px;
    width:inherit;
    font-family: arial,helvetica,sans-serif;
}

#dn_user_dialog p.text-list {
    margin-left:8px;
    margin-top:4px;
}

#dn_user_dialog p.text-bold {
    font-weight:bold;
}

#dn_user_dialog.feedback div.dialog-item div.text-label {
    font-size:14px;
    font-weight:  bold;
}
#dn_user_dialog.feedback div.dialog-item {
    width: inherit;
}
#dn_user_dialog.feedback div.dialog-item div.left-column {
    float:left;
    width:355px;
    min-height: 50px;
    padding-right: 2px;
}
#dn_user_dialog.feedback div.dialog-item div.right-column {
    float:left;
    width:400px;
    height: 350px;
    border-left: solid thin #fff;
    padding-left: 10px;
}
#dn_user_dialog.feedback.support div.dialog-item div.right-column {
    height: auto;
}

#dn_user_dialog.feedback div.right-column input.text-input{
    width:230px;
}


#dn_user_dialog.feedback div.right-column textarea.text-input {
    width: 235px;
    height: 35px;
    resize: none;
    border: none;
	float: none;
}

#dn_user_dialog.feedback div.right-column label {
    font-size: 12.5px;
     padding-right: 5px;
        
}

#dn_user_dialog.feedback div.right-column div.inputs {
    margin-left: 10px;
    overflow: hidden;
}

#dn_user_dialog.feedback div.dialog-item div.account-column input.text-input.small {
    width:131px;
    float:left;
}
#dn_user_dialog.feedback div.dialog-item div.account-column input.check {
    float:left;
}
#dn_user_dialog.feedback div.dialog-item p.text-check {
    font-size: 12.5px;
    margin-bottom: 8px;
    width: 355px;
    line-height: 1.5
}

#dn_user_dialog.feedback .spacer {
    padding: 5px 0px 5px 5px;
}

#dn_user_dialog.feedback div.dialog-item div.account-column div.dialog-item {
    width:inherit;
}
#dn_user_dialog.feedback div.right-column input.validation-failed {
    background-color:#ffcccc;
}


/* REPORT THIS AD FORM STYLE OVERRIDES */

#dn_user_dialog.feedback.report input.text-input, textarea.text-input {
    margin-right: 0px;
}

#dn_user_dialog.feedback.report  div.right-column div.inputs div.tool-button,
#dn_user_dialog.feedback.report div.dialog-item div.tool-button.button-inactive {
    width: 130px;
    padding: 5px 0 6px;
    margin-right: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
}

#dn_user_dialog.feedback.report  div.right-column div.tool-button {
    background: #444444;
    color: #FFFFFF;
}

#dn_user_dialog.feedback.report div.dialog-item div.tool-button.button-inactive {
    background: #999;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:default;
}

#dn_user_dialog.feedback  div.right-column div.inputs div.tool-button,
#dn_user_dialog.feedback .spinner-img {
    width:90px;
}

#dn_user_dialog.feedback.report {
    width: 710px;
    padding: 0;
    background-color: #FFFFFF;
    -moz-box-shadow: 0 0 10px 2px #888;
    -webkit-box-shadow: 0 0 10px 2px #888;
    box-shadow: 0 0 10px 2px #888;
    -moz-border-radius: 0;
    border-radius: 0;
}

#dn_user_dialog.feedback.report div.folded-stripe {
    position: relative;
    top: -12px;
    height: 12px;
    margin-left: 12px;
    background: #444444;
}
#dn_user_dialog.feedback.report img.folded-corner {
    position: relative;
    left: -12px;
}
#dn_user_dialog.feedback.report div.form-label {
    position: relative;
    top: -12px;
    height: 32px;
    margin: 0;
    color: #FFFFFF;
    text-align: left;
    padding-left: 30px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    background: #444444;
}
#dn_user_dialog.feedback.report h3.sub-header {
    width: 300px;
    margin: 0 0 5px;
    color: #464646;
    font-size: 14px;
    font-weight: bold;
}
#dn_user_dialog.feedback.report div.dialog-message {
    display: none;
}
#dn_user_dialog.report div.tool-close {
    top:0px;
    right:15px;
    color: #FFFFFF;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    cursor:pointer;
}
#dn_user_dialog.feedback.report a{
      color: #003670;
      font-weight: bold;
      text-decoration: none;
      font-size:14px;
      cursor: pointer;
}

#dn_user_dialog.feedback.report form#feedback {
    width: 100%;
    padding-left: 2px;
}

#dn_user_dialog p.text-body {
    clear:both;
    font-size: 12px;
    margin-top: 10px;
    width:inherit;
    font-family: arial,helvetica,sans-serif;
}

#dn_user_dialog.feedback.report div.dialog-item div.text-label {
    font-size:14px;
    font-weight:  bold;
}
#dn_user_dialog.feedback.report div.dialog-item {
    width: 650px;
    padding: 0 30px 30px;
}
#dn_user_dialog.feedback.report div.dialog-item div.left-column {
    float:left;
    width:315px;
    height:365px;
    min-height: 50px;
    padding-right: 2px;
    border-right: 1px solid #3FA9F5;
}
#dn_user_dialog.feedback.report div.dialog-item div.right-column {
    float: left;
    width: 320px;
    height: 350px;
    padding-left: 10px;
}
#dn_user_dialog.feedback.report.support div.dialog-item div.right-column {
    height: auto;
}

#dn_user_dialog.feedback.report div.right-column input.text-input{
    width:310px;
    border: 1px solid #CCCCCC;
}


#dn_user_dialog.feedback.report div.right-column textarea.text-input {
    width: 305px;
    height: 90px;
    resize: none;
    border: 1px solid #CCCCCC;
    float: none;
}

#dn_user_dialog.feedback.report div.right-column label,
#dn_user_dialog.feedback.report div.right-column label.first-row {
    position: relative;
    top: -2px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}

#dn_user_dialog.feedback.report div.right-column label.first-row {
    width: 102px;
}

#dn_user_dialog.feedback.report div.right-column div.inputs {
    margin-left: 0px;
    overflow: hidden;
}

#dn_user_dialog.feedback.report div.dialog-item div.account-column input.text-input.small {
    width:131px;
    float:left;
}
#dn_user_dialog.feedback.report div.dialog-item div.account-column input.check {
    float:left;
}
#dn_user_dialog.feedback.report div.dialog-item p.text-check {
    font-size: 12px;
    margin-bottom: 8px;
    width: 305px;
    line-height: 1.5
}

#dn_user_dialog.feedback.report div.dialog-item div.account-column div.dialog-item {
    width:inherit;
}
#dn_user_dialog.feedback.report div.right-column input.validation-failed {
    background-color:#ffcccc;
}

#dn_user_dialog div.dialog-item form label.overTxtLabel {
    display:block;
    margin:0;
}
#dn_user_dialog.feedback span.form_required_field {
    color: #9e0b0f;
    font-weight:bold;
    font-size:14px;
}

#dn_user_dialog.feedback p.confirmMessage {
    color: #014881;
    font-size:16px;
}

#dn_user_dialog.feedback h3 {
    color: #014881;
    font-size:16px;
}

#dn_user_dialog.feedback  div.right-column div.inputs  div.tool-button,
#dn_user_dialog.feedback .spinner-img {
    width:90px;
}
#dn_user_dialog ul.dialog-menu {
    list-style-type:none;
    margin-top:10px;
}
#dn_user_dialog ul.dialog-menu li {
    position:relative;
    height:12px;
    width:200px;
    padding:4px;
    border:0 #f1f1f1 solid;
    border-width:0 0 1px;
}
#dn_user_dialog ul.dialog-menu li:last-child {
    border-color:#d7d7d7;
}
#dn_user_dialog ul.dialog-menu li:hover {
    background-color:#ccc;
    cursor:pointer;
}
#dn_user_dialog ul.dialog-menu li.selected {
    background-color:#f1f1f1;
    border-color:#d7d7d7;
}

#dn_user_dialog ul.dialog-menu li div.pointer {
    position:absolute;
    visibility:hidden;
    top:0;
    right:-10px;
    width:0;
    height:0;
    border:0 solid transparent;
    border-width:10px 0;
}
#dn_user_dialog ul.dialog-menu li:hover div.pointer {
    visibility:visible;
    border-left:10px solid #ccc;
}
#dn_user_dialog ul.dialog-menu li.selected div.pointer {
    visibility:visible;
    border-left:10px solid #f1f1f1;
}

#dn_user_dialog.modal {
    width: 750px; 
}

#dn_user_dialog.modal div.dialog-item {
    border-top-color: #fff;
    border-top-width: 1px;
}

#dn_user_dialog div.user-info-content {
    position:relative;
    width:inherit;
}
 
#dn_user_dialog.modal div.scrollWindow,
#dn_user_dialog div.user-info-content div.scrollWindow {
    float:left;
    float:left;
    padding-right: 10px;
    overflow:hidden;
}
#dn_user_dialog.modal div.scrollbar-vert,
#dn_user_dialog div.user-info-content div.scrollbar-vert {
    background-color: #f1f1f1;
    width: 10px;
    float:left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#dn_user_dialog.modal div.scrollWindow,
#dn_user_dialog.modal div.scrollbar-vert {
    height: 400px;
}

#dn_user_dialog.modal div.scrollWindow {
    width: 730px;
}

#dn_user_dialog div.user-info-content div.scrollWindow,
#dn_user_dialog div.user-info-content div.scrollbar-vert {
    height: 280px;
}

#dn_user_dialog div.user-info-content div.scrollWindow {
    width:558px;
}

#dn_user_dialog.modal div.handle-vert,
#dn_user_dialog div.user-info-content div.handle-vert {
    height: 30px;
    width: 10px;
    background-color:#e1e1e1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#dn_user_dialog.modal h2,
#dn_user_dialog div.user-info-content h2 {
  font-weight: bold;
  font-size: 15px;
  line-height: 2;
}

#dn_user_dialog.modal h3,
#dn_user_dialog div.user-info-content h3 {
  font-weight: bold;
  font-size: 13px;
  line-height: 2;
}

#dn_user_dialog.modal p,
#dn_user_dialog div.user-info-content p {
  font-size: 12px;
  line-height: 1.5;
  padding-bottom: 7px;
}

#dn_user_dialog.modal a,
#dn_user_dialog div.user-info-content a {
  color: #003670;
  font-weight: bold;
  text-decoration:underline;
}

#dn_user_dialog.modal a.active a.visited{}


/** Mootools UI Spinner */
.spinner {
	position: absolute;
	opacity: 0.90;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 99;
	background-color:transparent;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(/img/working-loader.gif) no-repeat;
	height: 20px;
	margin: 0 auto;
}
div.pw-assist .spinner-img {
    width:56px;
}
div.account .spinner-img {
    width:124px;
}

/* mootools mask */
.mask {
	position: absolute;
	opacity: 0.33;
	filter: alpha(opacity=33);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
	z-index: 9;
	background: #000;
}


div.section-article-list div.headline-item ul.tools-share div.dn-user-dialog {
    top:28px;
    left: -220px;
    width:276px;
    margin:5px 10px;
    
}

div.section-article-list  div.headline-item ul.tools-share div.dn-user-dialog input.text-input {
    width:256px;
    margin:5px 10px;
}

div.section-sidebar div.section-list-container div.authorDetails ul.tools-share div.dn-user-dialog {
    top:28px;
    left: -80px;
    width:276px;
    margin:5px 10px;
    
}

div.section-sidebar  div.section-list-container div.authorDetails ul.tools-share div.dn-user-dialog input.text-input {
    width:256px;
    margin:5px 10px;
}

 /* /css/dn-page-search.css */ 

.autocomplete{
    color: #000;
    border: 2px solid #b9b9b9;
    background-color: #fff;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100;
}
.autocomplete ul{
    list-style: none;
    overflow: hidden;
    width: 100%;
}
.autocomplete li{
    line-height: 16px;
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 5px;
}
.autocomplete li.selected {
    background-color: #fafba4;
}
.autocomplete .ma-hover{
    color: #fff;
    background-color: #921506 !important;
}
.autocomplete .even{
    background-color: #F1F1F1;
}

.autocomplete .header1{
    font-weight: bold;
    background-color: #F1F1F1;
    font-family:arial;
    font-size: 12px;
}

.autocomplete .header2{
    font-weight: bold;
    background-color: #F1F1F1;
    border-top: solid thin #E1E1E1;
    padding-top:5px;
    font-family:arial;
    font-size: 12px;
}

.search-results .list-info {
    color: black;
}
.search-results .list-info-date {
    color: #666; 
    font-weight: bold; 
    font-size:11px; 
    font-style:italic;
}
.pageNumbers ul li {
    margin-left: auto;
}
.list-headlines li {
    margin-left: -38px;
}
.sponsor-search { 
    background-color: #E6ECF3; 
    width: 420px; 
    overflow: hidden;
}
.sponsor-search-label { 
    padding: 5px; 
    float: right;
    color:#909090; 
    font-family:verdana; 
    font-weight:bold; 
}
.reproba-search {
    padding: 5px; 
    margin-bottom: 10px; 
    float:left;
}
.reproba-search p {
    margin: 0; 
    padding: 0;
} 
.reproba-search-location a {
    color: #008000; 
    font-size: .8em;
} 
.yahoo-search-label { 
    margin: 19px 0; 
}
.yahoo-search-label h3 { 
    margin: 0 0 0 5px; 
    float: left; 
    color: #1C588C; 
    font-weight: bold;
} 
.yahoo-search-label img { 
    float: right;
} 
div.content-main div.mast-search div.text-label span.yahoo {
    font-family: arial,helvetica,sans-serif;
    font-size: 9px;
}

 /* /css/dn-national-banner.css */ 

#national_banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    /*background: #000 url(../img/national/banner/bg.gif) 0 0 repeat-x;*/
    background-color: #19B5FE;
    /*background-color: #494949;*/
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    height: 40px;
    padding: 0 10px;
    z-index: 999;
}
#nbr-prompt-close:after {
    content: " ";
    position: absolute;
    bottom: -16px;
    right: 74px;
    width: 33px;
    height: 41px;
    z-index: 999;
}
#national_banner a {
    color: #fff;
}
.nbr-wrap {
    position: relative;
    height: 40px;
    width: 1024px;
    margin: 0 auto;
    text-align: center;
}
#national_banner_content {
    z-index: 999;
}
#national_banner .natl-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: -4px 7px 0;
    vertical-align: middle;
    background: #B99604 url('../img/masthead/icon-sprite.png') -146px -190px no-repeat;
}
#nbr-prompt-text,
#nbr-prompt-close {
    font: 700 16px/40px arial, helvetica, sans-serif;
}
#nbr-prompt-text {
    display: inline-block;
    color: #fff;
}
#nbr-prompt-text a {
    text-decoration: none;
}
#nbr-prompt-close {
    float: right;
    font-size: 10px;
    text-decoration: none;
}
.nbr-close-btn {
    width: 7px;
    height: 7px;
}


 /* /css/dn-masthead.css */ 

#header {
	padding: 61px 20px 10px;
}

/* BEGIN TOP HEADER BAR */
#header-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 43px;
	background: #f1f1f1;
	text-align: center;
	z-index: 100;
}
#header-container {
	position: relative;
	margin: 0 auto;
	width: 984px;
	padding: 0 20px;
	text-align: left;
}
#logo {
	position: relative;
	display: inline-block;
	width: 176px;
	height: 43px;
	left: 0;
	-webkit-transition: left 0.3s ease;
	transition: left 0.3s ease;
}
#logo .logo-2x {
	width: 176px;
	height: 24px;
	padding-top: 8px
}
.main-nav-hidden #logo {
	left: 40px;
	-webkit-transition: left 0.3s ease;
	transition: left 0.3s ease;
}
#nav-top-button {
	position: absolute;
	top: -20px;
	left: 20px;
	width: 30px;
	height: 20px;
	cursor: pointer;
	background-position: 0 -45px;
	-webkit-transition: top 0.3s ease;
	transition: top 0.3s ease;
}
.main-nav-hidden #nav-top-button {
	top: 14px;
	-webkit-transition: top 0.3s cubic-bezier(.47,.69,.85,1.2);
	transition: top 0.3s cubic-bezier(.47,.69,.85,1.2);
}
#nav-top-right {
	float: right;
}
#nav-top-right > div {
	float: left;
}
#weather {
	position: relative;
	margin-right: 11px;
}
#weather-basic {
	position: relative;
	padding-right: 41px;
	height: 43px;
	font: bold 15px/45px Arial, Helvetica, Verdana;
	color: #464646;
	text-shadow: 1px 0 1px #fff;
}
#weather:hover #weather-basic {
	color: #1985d5;
}
#weather-icon-sm {
	position: absolute;
	width: 39px;
	height: 43px;
	top: 0;
	right: 0;
	background-image: url('../img/masthead/weather-icons-sm.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 -1000px;
}
#searchForm {
	height: 24px;
	margin-top: 8px;
}
#searchForm div {
	float: left;
	height: 24px;
}
#main_search {
	display: block;
	border: 1px solid #e4e4e4;
	border-bottom-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-radius: 3px;
	margin: 0;
	padding: 4px 12px;
	font-size: 12px;
	width: 145px;
	-webkit-box-shadow: inset 1px 1px 1px 0px #eee;
	box-shadow: inset 1px 1px 2px 0px #eee;
	color: #999;
}
#main_search:focus {
	color: #464646;
	border-color: #b3b3b3;
    outline: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#searchForm.google-archives #main_search {
    background: #FFF url('/img/search/powered-by-google-on-white.png') 92% 50% no-repeat;
}
#searchForm.google-archives #main_search:focus {
    background-image: none;
    background-color: #FFF;
}
.styled-select select {
	display: block;
	background: transparent;
	width: 178px;
	height: 21px;
	padding: 3px 5px;
	font-size: 11px;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
}
#nav-top-search .styled-select {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 150px;
	height: 22px;
	border: 1px solid #969696;
	border-radius: 3px;
	background-position: right -75px; 
	background-clip: padding-box;
	margin: 0 5px 0 4px;
}
#search-button {
	display: block;
	border: none;
	background-position: -63px -47px;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	cursor: pointer;
}
#search-button:hover {
	background-position: -89px -47px;
}
#nav-share {
	position: relative;
	margin-left: 22px;
}
#share-icon {
	width: 24px;
	height: 24px;
	background-position: -114px -47px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 8px;
}
#nav-share:hover #share-icon {
	background-position: -137px -47px;
}
#nav-profile {
	position: relative;
	margin-left: 24px;
}
#profile-icon {
	width: 24px;
	height: 24px;
	background-position: 3px -102px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 10px;
}
#nav-profile:hover #profile-icon {
	background-position: -21px -102px;
}
#nav-natl-link {
	position: relative;
	margin-left: 15px;
}
#nav-natl-link a.nav-link {
	font: 10px/13px Arial, Helvetica, Verdana;
	color: #141414;
	position: relative;
	display: inline-block;
	max-width: 95px;
	padding: 0 10px;
	border-left: 1px solid #464646;
	margin: 8px 0;
}
#nav-natl-link .natl-link a:after,
#nav-natl-link .natl-link-text:after {
	content: '';
	position: absolute;
	bottom: 2px;
	right: 0px;
	width: 6px;
	height: 9px;
	background-position: -49px -104px;
}
/* END TOP HEADER BAR */



/* BEGIN WEATHER DROPDOWN */
#weather-detail {
	position: absolute;
	top: 55px;
	left: -9999px;
	width: 218px;
	opacity: 0;
	background: #464646;
	color: #fff;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	-webkit-box-shadow: 2px 2px 4px 0px #464646;
	box-shadow: 2px 2px 4px 0px #464646;
	-webkit-transition: opacity 0.2s ease, top 0.2s ease, left 0s ease 0.25s;
	transition: opacity 0.2s ease, top 0.2s ease, left 0s ease 0.25s;
}
#weather:hover #weather-detail {
	top: 42px;
	left: -70px;
	opacity: 1;
	-webkit-transition: opacity 0.2s ease, top 0.2s ease, left 0s ease;
	transition: opacity 0.2s ease, top 0.2s ease, left 0s ease;
}
#weather-detail:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 11px;
	background-position: -158px -110px;
}
#weather-summary {
	padding: 12px 10px 0;
}
#weather-type {
	font-size: 16px;
	font-weight: bold;
	text-indent: 5px;
}
#weather-place {
	font-size: 12px;
	line-height: 26px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	text-indent: 5px;
}
#weather-stats {
	margin: 0 10px;
	border-top: 1px solid #7a7a7a;
	padding-top: 20px;
	text-align: center;
}
#weather-key-items {
	display: inline-block;
	margin: auto;
}
#weather-icon {
	float: left;
	width: 67px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url('../img/masthead/weather-icons.png');
	background-repeat: no-repeat;
	line-height: 59px;
    background-position: 0 -1000px;
}
#weather-temp {
	float: left;
	height: 59px;
	line-height: 59px;
	font-size: 36px;
	margin-left: 20px;
}
#weather-temp-range {
	overflow: hidden;
	margin: 12px 5px 0;
}
#weather-temp-high, #weather-temp-low {
	float: left;
	padding-left: 18px;
	margin-right: 15px;
	font-weight: bold;
	font-size: 13px;
	position: relative;
}
#weather-temp-high:before, #weather-temp-low:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 14px;
	height: 13px;
}
#weather-temp-high:before {
	background-position: -76px -197px;
}
#weather-temp-low:before {
	background-position: -94px -197px;
}
#weather-other {
	font-size: 11px;
	line-height: 18px;
	margin: 20px 5px;
	overflow: hidden;
}
#weather-other span {
	font-weight: bold;
}
#weather-pressure {
	float: left;
	padding-right: 2px;
}
#weather-humidity {
	float: right;
}
#weather-wind {
	float: left;
}
/* END WEATHER DROPDOWN */



/* BEGIN WEATHER ICON DEFINITIONS */
.cloudy #weather-icon-sm { background-position: 0 0; }
.cloudy:hover #weather-icon-sm { background-position: -39px 0; }
.flurries #weather-icon-sm { background-position: 0 -43px; }
.flurries:hover #weather-icon-sm { background-position: -39px -43px; }
.fog #weather-icon-sm { background-position: 0 -86px; }
.fog:hover #weather-icon-sm { background-position: -39px -86px; }
.hazy #weather-icon-sm { background-position: 0 -129px; }
.hazy:hover #weather-icon-sm { background-position: -39px -129px; }
.mostlysunny #weather-icon-sm { background-position: 0 -172px; }
.mostlysunny:hover #weather-icon-sm { background-position: -39px -172px; }
.nt-clear #weather-icon-sm { background-position: 0 -215px; }
.nt-clear:hover #weather-icon-sm { background-position: -39px -215px; }
.nt-hazy #weather-icon-sm { background-position: 0 -258px; }
.nt-hazy:hover #weather-icon-sm { background-position: -39px -258px; }
.nt-mostlycloudy #weather-icon-sm { background-position: 0 -301px; }
.nt-mostlycloudy:hover #weather-icon-sm { background-position: -39px -301px; }
.nt-partlycloudy #weather-icon-sm { background-position: 0 -344px; }
.nt-partlycloudy:hover #weather-icon-sm { background-position: -39px -344px; }
.partlysunny #weather-icon-sm { background-position: 0 -387px; }
.partlysunny:hover #weather-icon-sm { background-position: -39px -387px; }
.rain #weather-icon-sm { background-position: 0 -430px; }
.rain:hover #weather-icon-sm { background-position: -39px -430px; }
.sleet #weather-icon-sm { background-position: 0 -473px; }
.sleet:hover #weather-icon-sm { background-position: -39px -473px; }
.snow #weather-icon-sm { background-position: 0 -516px; }
.snow:hover #weather-icon-sm { background-position: -39px -516px; }
.storm #weather-icon-sm { background-position: 0 -559px; }
.storm:hover #weather-icon-sm { background-position: -39px -559px; }
.sunny #weather-icon-sm { background-position: 0 -602px; }
.sunny:hover #weather-icon-sm { background-position: -39px -602px; }
.windy #weather-icon-sm { background-position: 0 -645px; }
.windy:hover #weather-icon-sm { background-position: -39px -645px; }

.cloudy #weather-icon { background-position: 0 0; }
.flurries #weather-icon { background-position: 0 -59px; }
.fog #weather-icon { background-position: 0 -118px; }
.hazy #weather-icon { background-position: 0 -177px; }
.mostlysunny #weather-icon { background-position: 0 -236px; }
.nt-clear #weather-icon { background-position: 0 -295px; }
.nt-hazy #weather-icon { background-position: 0 -354px; }
.nt-mostlycloudy #weather-icon { background-position: 0 -413px; }
.nt-partlycloudy #weather-icon { background-position: 0 -472px; }
.partlysunny #weather-icon { background-position: 0 -531px; }
.rain #weather-icon { background-position: 0 -590px; }
.sleet #weather-icon { background-position: 0 -649px; }
.snow #weather-icon { background-position: 0 -708px; }
.storm #weather-icon { background-position: 0 -767px; }
.sunny #weather-icon { background-position: 0 -826px; }
.windy #weather-icon { background-position: 0 -885px; }


/* remaped classes names and icons according to weather icon names which we receive from weather api */
.clear #weather-icon-sm { background-position: 0 -602px; }
.clear:hover #weather-icon-sm { background-position: -39px -602px; }
.partlycloudy #weather-icon-sm { background-position: 0 -174px; }
.partlycloudy:hover #weather-icon-sm { background-position: -39px -174px; }
.mostlycloudy #weather-icon-sm { background-position: 0 -388px; }
.mostlycloudy:hover #weather-icon-sm { background-position: -39px -388px; }
.tstorms #weather-icon-sm { background-position: 0 -559px; }
.tstorms:hover #weather-icon-sm { background-position: -39px -559px; }

.clear #weather-icon { background-position: 0 -826px; }
.mostlycloudy #weather-icon { background-position: 0 -531px; }
.partlycloudy #weather-icon { background-position: 0 -236px; }
.tstorms #weather-icon { background-position: 0 -767px; }


/* END WEATHER ICON DEFINITIONS */



/* BEGIN SHARE DROPDOWN */
#share-options {
	position: absolute;
    top: 42px;
    left: -98px;
	display: none;
	width: 218px;
	opacity: 1;
	background: #464646;
	color: #fff;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	-webkit-box-shadow: 2px 2px 4px 0px #464646;
	box-shadow: 2px 2px 4px 0px #464646;
	/*-webkit-transition: opacity 0.2s ease, top 0.2s ease, left 0s ease 0.25s;*/
	/*transition: opacity 0.2s ease, top 0.2s ease, left 0s ease 0.25s;*/
}

#share-options.visible {
    display: block;
}

#share-options:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 11px;
	background-position: -158px -110px;
}
#share-title {
	margin: 6px 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-indent: 5px;
	line-height: 26px;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
}
#share-exit {
    float: right;
    cursor: pointer;
}

#share-links {
	margin: 0 10px;
	border-top: 1px solid #5e5e5e;
	border-bottom: 1px solid #333;
	padding-top: 7px;
}
#share-links a {
	display: block;
	margin-bottom: 9px;
	padding: 7px 7px 7px 34px;
	font-size: 12px;
	color: #fff;
	background: #464646;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
}
#share-links a:hover {
	background: #1985d5;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none;
}
#share-links a:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 5px;
	width: 20px;
	height: 20px;
}
#share-facebook:before { background-position: 0 -220px; }
#share-facebook:hover:before { background-position: -20px -220px; }
#share-twitter:before { background-position: -40px -220px; }
#share-twitter:hover:before { background-position: -60px -220px; }
#share-google:before { background-position: -80px -220px; }
#share-google:hover:before { background-position: -100px -220px; }
#share-pinterest:before { background-position: -120px -220px; }
#share-pinterest:hover:before { background-position: -140px -220px; }
#share-updates {
	margin: 0 10px;
	border-top: 1px solid #5e5e5e;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
}
#share-options div.email-signup-form {
    position: relative;
    width: 190px;
    height: 70px;
    margin-bottom: 10px;
    background: none;
}
#signup-form {
	position: relative;
    width: 190px;
    height: 70px;
    margin: 0 15px 17px;
    overflow: hidden;
}
#signup-form:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background-position: -120px -194px;
}
div.email-signup-form #signup-form .email-subscribe {
    position: static;
	float: right;
	border: 1px solid #e4e4e4;
	border-bottom-color: #f1f1f1;
	border-right-color: #f1f1f1;
	border-radius: 3px;
	padding: 4px 12px;
	margin: 0;
	font-size: 12px;
	height: auto;
	width: 136px;
	-webkit-box-shadow: inset 1px 1px 1px 0px #eee;
	box-shadow: inset 1px 1px 2px 0px #eee;
	color: #999;
}
div.email-signup-form #signup-form .email-subscribe::-ms-clear {
    display: none;
}
div.email-signup-form #signup-form label.overTxtLabel {
    margin: 3px 0 0 10px;
    font: normal normal normal 12px/1.0 arial,helvetica,sans-serif;
    color: #999;
    z-index: 5;
}
div.email-signup-form  #signup-form .email-subscribe:focus {
	color: #464646;
	border-color: #b3b3b3;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#signup-submit {
    position: static;
    width: auto;
    height: auto;
	border: none;
	background: #1985d5;
	color: #fff;
	float: right;
	padding: 5px 10px;
	margin-top: 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	cursor: pointer;
}
/* END SHARE DROPDOWN */



/* BEGIN PROFILE DROPDOWN */
#profile-dropdown {
	position: absolute;
    top: 42px;
    left: -96px;
	display: none;
	width: 218px;
	opacity: 1;
	background: #464646;
	color: #fff;
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	-webkit-box-shadow: 2px 2px 4px 0px #464646;
	box-shadow: 2px 2px 4px 0px #464646;
	/*-webkit-transition: opacity 0.2s ease, top 0.2s ease, left 0s ease 0.25s;*/
	/*transition: opacity 0.2s ease, top 0.2s ease, left 0s ease 0.25s;*/
}

#profile-dropdown.visible {
    display: block;
}

#profile-dropdown:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -9px;
	width: 18px;
	height: 11px;
	background-position: -158px -110px;
}

#profile-title {
    margin: 6px 10px 0;
    font-size: 16px;
    font-weight: bold;
    text-indent: 5px;
    line-height: 26px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
}

#profile-exit {
    float: right;
    cursor: pointer;
}

#profile-links {
	margin: 17px 10px 15px;
}
#profile-links ul {
    list-style: none;
}
#profile-links a {
	display: block;
	color: #fff;
	background: #464646;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
	padding: 4px 17px 4px 5px;
	margin-bottom: 2px;
	-webkit-transition: background 0.2s ease;
	transition: background 0.2s ease;
}
#profile-links a:hover {
	text-decoration: none;
	background: #1985d5;
	-webkit-transition: background 0.2s ease;
	transition: background 0.2s ease;
}
#profile-links a:after {
	content: '';
	position: absolute;
	top: 6px;
	right: 15px;
	opacity: 0;
	width: 7px;
	height: 8px;
	background-position: -49px -113px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#profile-links a:hover:after {
	right: 5px;
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
/* END PROFILE DROPDOWN */



/* BEGIN MAIN NAV BAR */
#nav {
	height: 50px;
	z-index: 10;
}
#nav-main {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-main > li {
	float: left;
	margin-right: 2px;
	position: relative;
}
#nav-main #nav-brandview {
	margin-right: 0;
}
#nav-main > li > a {
	display: block;
	font: 16px Lora, 'Times New Roman', serif;
	color: #141414;
	padding: 16px 0 12px;
	background-color: #f1f1f1;
	position: relative;
	text-align: center;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
}
/* really don't like doing this, very brittle, but the design requires it to get 
	the layout flush on both sides and have everything look consistent spacing-wise
	across browsers. */

/* Without Video Header */
#nav-utah > a { width: 65px; }
#nav-news > a { width: 122px; }
#nav-world > a { width: 124px; }
#nav-sports > a { width: 78px; }
#nav-moneywise > a { width: 114px; }
#nav-opinion > a { width: 88px; }
#nav-faith > a { width: 68px; }
#nav-family > a { width: 81px; }
#nav-obituaries > a { width: 108px; }
#nav-video > a { width: 91px;}
#nav-brandview > a { width: 108px; }

/*  With Video Header
#nav-utah > a { width: 54px; }
#nav-news > a { width: 111px; }
#nav-world > a { width: 111px; }
#nav-sports > a { width: 67px; }
#nav-moneywise > a { width: 103px; }
#nav-opinion > a { width: 79px; }
#nav-faith > a { width: 57px; }
#nav-family > a { width: 68px; }
#nav-obituaries > a { width: 97px; }
#nav-market > a { width: 107px; }
#nav-watch > a { width: 101px; }
#nav-brandview > a { width: 95px; }
*/


#nav-main > li.active > a {
	color: #fff;
	text-decoration: none;
}
#nav-main > li.highlighted > a {
	color: #fff;
	text-decoration: none;
}
#nav-main span {
	position: relative;
}
#nav-main > li > a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
}
#nav-video > a span {
    padding-right: 17px;
}
#nav-video > a span:after {
    content: "";
    position: absolute;
    top: 49%;
    right: 0px;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    background-position: -139px -122px;
}
#nav-video.active > a span:after,
#nav-video.highlighted > a span:after {
    background-position: -127px -122px;
}

#nav-home.highlighted > a, #nav-home a:before { background: #141414; }
#nav-home.highlighted span {
	background-position: -80px -102px;
}
#nav-utah.highlighted > a, #nav-utah a:before { background: #4dbaff; }
#nav-news.highlighted > a, #nav-news a:before { background: #de0818; }
#nav-sports.highlighted > a, #nav-sports a:before { background: #f8941d; }
#nav-moneywise.highlighted > a, #nav-moneywise a:before { background: #00a651; }
#nav-opinion.highlighted > a, #nav-opinion a:before { background: #9e0b0f; }
#nav-faith.highlighted > a, #nav-faith a:before { background: #014a80; }
#nav-family.highlighted > a, #nav-family a:before { background: #662e91; }
#nav-obituaries.highlighted > a, #nav-obituaries a:before { background: #464646; }
#nav-video.highlighted > a, #nav-video a:before { background: #53c2ba; }
#nav-market.highlighted > a, #nav-market a:before { background: #c2c2c2; }
#nav-brandview.highlighted > a, #nav-brandview a:before { background: #9E9E9E; }

#nav-home.active > a, #nav-home a:before { background: #141414; }
#nav-utah.active > a, #nav-utah a:before { background: #4dbaff; }
#nav-news.active > a, #nav-news a:before { background: #de0818; }
#nav-sports.active > a, #nav-sports a:before { background: #f8941d; }
#nav-moneywise.active > a, #nav-moneywise a:before { background: #00a651; }
#nav-opinion.active > a, #nav-opinion a:before { background: #9e0b0f; }
#nav-faith.active > a, #nav-faith a:before { background: #014a80; }
#nav-family.active > a, #nav-family a:before { background: #662e91; }
#nav-obituaries.active > a, #nav-obituaries a:before { background: #464646; }
#nav-market.active > a, #nav-market a:before { background: #c2c2c2; }
#nav-video.active > a, #nav-video a:before { background: #53c2ba; }
#nav-brandview.active > a, #nav-brandview a:before { background: #9E9E9E; }
#nav-watch.active > a, #nav-watch a:before { background: #53c2ba; }
#nav-main > #nav-home > a {
	text-indent: -9999px;
	width: 15px;
	padding: 16px 13px 12px;
}
#nav-home span {
	display: block;
	background-position: -61px -102px;
}
#nav-home:hover span {
	background-position: -80px -102px;
}
.nav-dropdown {
	overflow: hidden;
	top: 100%;
	left: 0;
	position: absolute;
	max-height: 0;
	padding: 0;
	background: #464646;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font: 12px/14px Arial, Helvetica, Verdana;
	z-index: 15000;
	-webkit-box-shadow: 0 3px 2px 0px #444;
	box-shadow: 0 3px 2px 0px #444;
}
/* next declaration is to counteract a more specific styling in regular stylesheet */
#nav .nav-dropdown {
}
.nav-dropdown ul {
	padding: 12px 0;
}
li.active .nav-dropdown {
	border-top: 2px solid #464646;
	max-height: 400px;
    display: none;
	-webkit-transition: max-height 0.4s ease;
	transition: max-height 0.4s ease;
}
li#nav-sports.active .nav-dropdown {
    max-height: 755px;
}
#nav-home.active .nav-dropdown { border-color: #141414; }
#nav-utah.active .nav-dropdown { border-color: #4dbaff; }
#nav-news.active .nav-dropdown { border-color: #de0818; }
#nav-sports.active .nav-dropdown { border-color: #f8941d; }
#nav-moneywise.active .nav-dropdown { border-color: #00a651; }
#nav-opinion.active .nav-dropdown { border-color: #9e0b0f; }
#nav-faith.active .nav-dropdown { border-color: #014a80; }
#nav-family.active .nav-dropdown { border-color: #662e91; }
#nav-obituaries.active .nav-dropdown { border-color: #464646; }
#nav-market.active .nav-dropdown { border-color: #c2c2c2; }
#nav-video.active .nav-dropdown { border-color: #53c2ba; }
#nav-brandview.active .nav-dropdown { border-color: #9E9E9E; }
#nav-watch.active .nav-dropdown { border-color: #53c2ba; }
.nav-dropdown a:hover {
	text-decoration: none;
}
.nav-dropdown li {
	padding: 0 10px;
}
.nav-dropdown li a {
	color: #fff;
	padding: 7px 4px;
	display: block;
	width: 158px;
	background-color: #464646;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.nav-dropdown li a:hover {
	background-color: #1985d5;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
#header .menu-sponsor {
    position: relative;
	display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
    min-width: 160px;
	color: #fff;
	padding: 15px 14px 10px;
	background: #464646;
}
.menu-sponsor span {
	vertical-align: top;
}
.menu-sponsor:hover {
	text-decoration: none;
}
.menu-sponsor img {
    display: block;
    max-width: 100%;
    margin: 10px auto 0;
}
.menu-sponsor img.sj {
    display: inline-block;
    width: 188px;
    margin: 0 0 0 5px;
}

.menu-sponsor img.sjmargin {
    margin-top: 10px;
}

.two-col-menu {
    width: 372px;
}
.two-col-menu ul {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	margin-right: 4px;
}
/* END MAIN NAV BAR */




/* BEGIN WATCH IT NAVIGATION MENU */
#nav-watch .nav-dropdown {
	left: auto;
	right: 0;
	z-index: 9;
}
#nav-watch:hover .nav-dropdown {
	padding-top: 62px;
}
#nav-watch .nav-dropdown:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 62px;
	background-position: center -125px;
}
#nav-watch:hover .nav-dropdown {
	z-index: 10;
}
#nav-watch > a span {
	display: inline-block;
	position: relative;
}
#nav-watch:hover > a span:after {
	background-position: -132px -104px;
}
#nav-watch ul {
	margin: 0 0 12px;
}
#nav-watch ul li {
	padding: 0;
}
#nav-watch ul a {
	position: relative;
	padding: 10px 14px 10px 102px;
	width: 130px;
	min-height: 55px;
	line-height: 16px;
}
#nav-watch ul a:hover {
	background-color: #3a3a3a;
}
#nav-watch ul a span {
	margin-top: 4px;
	text-indent: 0;
	display: block;
	color: #53c2ba;
	-webkit-transition: text-indent 0.2s ease;
	transition: text-indent 0.2s ease;
}
#nav-watch ul a span:after {
	content: '  \0BB';
}
#nav-watch ul a:hover span {
	text-indent: 6px;
	-webkit-transition: text-indent 0.2s ease;
	transition: text-indent 0.2s ease;
}
.watch-title {
	padding: 14px 15px 0;
	color: #fff;
	font: bold 12px/14px Arial, Helvetica, Verdana;
}
.watch-live, .watch-live li a {
	background: #3a3a3a;
}
#nav-watch ul a img {
	position: absolute;
	top: 10px;
	left: 14px;
	max-width: 75px;
	opacity: 0.75;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
#nav-watch ul a:hover img {
	opacity: 1;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
/* END WATCH IT NAVIGATION MENU */




/* BEGIN HAMBURGER NAVIGATION */
.main-nav-hidden #nav-top-button.showing {
	background-position: -29px -45px;
}
.main-nav-hidden #nav-main {
	position: fixed;
	top: 12px;
	opacity: 0;
	left: -9999px;
	margin: 10px 0 0 -507px;
	z-index: 101;
	-webkit-box-shadow: 2px 2px 4px 0px #464646;
	box-shadow: 2px 2px 4px 0px #464646;
	background: #464646;
}
.main-nav-hidden #nav-main.scroll-x {
     margin: 10px 0 0 5px;
 }

.main-nav-hidden #nav-main.hiding {
	/*top: 12px;*/
	/*opacity: 0;*/
	/*left: -9999px !important;*/
	/*-webkit-transition: top 0.3s ease, opacity 0.3s ease, left 0s ease 0.4s;*/
	/*transition: top 0.3s ease, opacity 0.3s ease, left 0s ease 0.4s;*/
}
.main-nav-hidden #nav-main.showing {
	top: 32px;
	opacity: 1;
	left: 50%;
	-webkit-transition: top 0.3s ease, opacity 0.3s ease, left 0s ease;
	transition: top 0.3s ease, opacity 0.3s ease, left 0s ease;
}
.main-nav-hidden #nav-main:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 20px;
	width: 18px;
	height: 11px;
	background-position: -158px -110px;
}
.main-nav-hidden #nav-main #nav-home,
.main-nav-hidden #nav-main #nav-market,
.main-nav-hidden #nav-main #nav-watch,
.main-nav-hidden #nav-main .menu-sponsor,
.main-nav-hidden #nav-main #nav-brandview .nav-dropdown,
.main-nav-hidden #nav-video > a span:after { display: none; }

.main-nav-hidden #nav-main > li {
	display: block;
	margin: 0;
	float: none;
}
.main-nav-hidden #nav-main > li > a {
	width: 152px;
	text-align: left;
	background: #464646;
	color: #fff;
	padding: 10px 35px 10px 14px;
	border-bottom: 1px solid #363636;
	border-top: 1px solid #5e5e5e;
}
.main-nav-hidden #nav-main > li > a:before {
	height: 0;
}
.main-nav-hidden #nav-main > li > a:hover {
	background-color: #363636;
	border-top-color: #464646;
	border-bottom-color: #141414;
}
.main-nav-hidden #nav-main > li.showing > a:after {
	background-position: -35px -192px;
}
.main-nav-hidden #nav-main #nav-utah.showing > a { 
	background: #4dbaff; 
	border-bottom-color: #2b688f;
}
.main-nav-hidden #nav-main #nav-news.showing > a { 
	background: #de0818; 
	border-bottom-color: #7c040d;
}
.main-nav-hidden #nav-main #nav-sports.showing > a { 
	background: #f8941d; 
	border-bottom-color: #8b5310;
}
.main-nav-hidden #nav-main #nav-moneywise.showing > a { 
	background: #00a651; 
	border-bottom-color: #005d2d;
}
.main-nav-hidden #nav .menu-overflow::-webkit-scrollbar {
    width: 12px;
}
.main-nav-hidden #nav .menu-overflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
.main-nav-hidden #nav .menu-overflow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.main-nav-hidden #nav-main #nav-opinion.showing > a { 
	background: #9e0b0f; 
	border-bottom-color: #590608;
}
.main-nav-hidden #nav-main #nav-faith.showing > a { 
	background: #014a80; 
	border-bottom-color: #012948;
}

.main-nav-hidden #nav-main #nav-family.showing > a { 
	background: #662e91; 
	border-bottom-color: #391a51;
}
.main-nav-hidden #nav-main #nav-obituaries.showing > a { 
	background: #464646; 
	border-bottom-color: #272727;
}
.main-nav-hidden #nav-main #nav-main > li.showing > a:after {
	background-position: -35px -192px;
}
.main-nav-hidden #nav-main > li.showing > a b.expand-arrow {
    background-position: -35px -192px;
}

/* added span element instead of pseudo element
since we could not set event handler on pseudo elements */

.main-nav-hidden #nav-main > li span.arrow-wrapper,
.main-nav-hidden #nav-main > li b.expand-arrow {
    display: inline-block;
    position: absolute;
}
.main-nav-hidden #nav-main > li span.arrow-wrapper {
    top: 0;
    right: 0;
    width: 35px;
    height: 40px;
}
.main-nav-hidden #nav-main > li b.expand-arrow {
    top: 9px;
    right: 10px;
    width: 25px;
    height: 23px;
    background-position: 0px -192px;
}

.main-nav-hidden #nav-main > #nav-utah > a {
	border-top: none;
}
.main-nav-hidden #nav-main > #nav-obituaries > a {
	border-bottom: none;
}
/* this is more specific than required for default to
	counteract the calculated max-height rule added */
.main-nav-hidden #nav #nav-main .nav-dropdown {
	position: relative;
	border: none;
	width: auto;
	height: 0;
	opacity: 1;
	max-height: none;
	-webkit-transition: height 0.3s ease;
	transition: height 0.3s ease;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.main-nav-hidden #nav #nav-main .nav-dropdown.brandview {
    width: 152px;
}
.main-nav-hidden #nav .menu-overflow {
	overflow: auto;
}
.main-nav-hidden .two-col-menu ul {
	column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	margin: 0;
	width: auto;
}
.main-nav-hidden .nav-dropdown ul {
	padding: 0;
}
.main-nav-hidden .nav-dropdown li {
	margin: 0;
	padding: 0;
}
.main-nav-hidden .nav-dropdown li a,
.main-nav-hidden .sub-nav-callout a.content-link {
	width: auto;
	padding: 17px 16px 15px;
	border-bottom: 1px solid #5e5e5e;
	color: #b4b4b4;
	background-color: #363636;
}
.main-nav-hidden .nav-dropdown li a:hover {
	background-color: #464646;
}
.main-nav-hidden .nav-dropdown li:last-child a {
	border-bottom: none;
}
/* END HAMBURGER NAVIGATION */

/* BEGIN NATIONAL TOGGLE */

#nav-natl-link {
    -webkit-transition: color 0.2s ease, background-color 0.2s ease;
    transition: color 0.2s ease, background-color 0.2s ease;
}
#nav-natl-link .nav-link {
    text-decoration: none;
}
#nav-natl-link .natl-icon {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 11px;
    background: #B99604;
    background-position: -146px -190px;
}
#nav-natl-link .natl-link-text {
    position: relative;
    display: block;
    float: right;
}
#nav-natl-link .nav-dropdown {
    display:none;
    right: 0;
    left: auto;
    width: 470px;
    max-height: 500px;
    color: #fff;
    font-family: arial,helvetica,sans-serif;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#nav-natl-link .nav-dropdown.visible {
    display: block;
}

#nav-natl-link .nav-dropdown .content-wrapper {
    padding: 5px 15px 25px
}
#nav-natl-link .version,
#nav-natl-link .natl-logo {
    float: left;
}
#nav-natl-link .version {
    display: block;
    margin: 20px 0 0 5px;
    color: #939393;
    font-size: 11px;
}
#nav-natl-link .natl-link {
    float: right;
    padding-top: 19px;
}
#nav-natl-link .natl-link a {
    position: relative;
    padding-right: 16px;
    color: #B99604;
    font-weight: bold;
}

#nav-natl-link .natl-link a:after {
    background-position: -49px -122px;
}
#nav-natl-link .article-list {
    margin: 5px 0 0;
    padding: 0;
    list-style-type: none;
}
#nav-natl-link .article-list .article {
    display: block;
    float: left;
    width: 140px;
    margin-left: 10px;
    padding: 0;
    color: #fff;
}
#nav-natl-link .article-list .article:first-child {
    margin-left: 0;
}
#nav-natl-link .article a {
    display: inline;
    width: auto;
    padding: 0;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-transform: none;
    background: none;
}
#nav-natl-link .article a:after {
    background: none;
}
#nav-natl-link .article .article-image {
    max-width: 100%;
    margin-bottom: 5px;
}
#nav-natl-link:hover {
    background: #464646;
}
#nav-natl-link:hover .natl-link-text {
    color: #fff;
}
#nav-natl-link:hover .nav-dropdown {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#nav-natl-link:hover .natl-link-text:after {
    width: 8px;
    background-position: -58px -120px;
}

/* END NATIONAL TOGGLE */

/* BEGIN BRANDVIEW DROPDOWN */

#nav-brandview .nav-dropdown {
    right: 0;
    left: auto;
    width: 230px;
    color: #fff;
    font-family: arial,helvetica,sans-serif;
}
#nav-brandview.active .nav-dropdown {
    max-height: 600px;
}
#nav-brandview ul.brandview-article-list {
    margin: 15px 15px 0;
    padding: 0 0 20px;
    border-bottom: 2px solid #3C3C3C;
    list-style-type: none;
}
#nav-brandview .article a {
    display: inline;
    width: auto;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 12px;
    text-transform: none;
    background: none;
}
#nav-brandview li.article {
    margin-top: 30px;
    padding: 0;
}
#nav-brandview li.article:first-child {
    margin-top: 0;
}
#nav-brandview span.headline {
    display: block;
    margin-left: 85px;
}
#nav-brandview img.article-image {
    float: left;
    width: 75px;
    height: 52px;
}
#nav-brandview div.logo-wrapper {
    clear: both;
    padding-top: 3px;
    text-align: right;
}
#nav-brandview div.logo-wrapper span {
    font-size: 11px;
    color: #A8A8A8;
}
#nav-brandview img.logo {
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
}
#nav-brandview div.view-all-wrapper {
    height: 32px;
    margin: 0 15px;
    border-top: 1px solid #585858;
    text-align: right;
}
#nav-brandview  a#view-all {
    position: relative;
    padding-right: 15px;
    line-height: 32px;
    font: bold 14px/32px arial, helvetica, sans-serif;
    color: #D6D6D6;
}
#nav-brandview  a#view-all:after {
    content: " ";
    position: absolute;
    top: 3px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #989898;
    border-bottom: 5px solid transparent;
}


/* END BRANDVIEW DROPDOWN */

/* BEGIN GENERIC SUBNAV CALLOUT ITEM */

.sub-nav-callout {
    position: relative;
}
.sub-nav-callout a.content-link,
.main-nav-hidden .sub-nav-callout a.content-link {
    display: block;
    position: relative;
    padding: 10px;
}
.sub-nav-callout:after,
#header .menu-sponsor:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background: #797979;
    -webkit-box-shadow: 0px 3px 7px 0px #000;
    box-shadow: 0px 3px 7px 0px #000;
}
.menu-sponsor:before {
    top: 0;
}
.sub-nav-callout .wrapper {
    display: table;
    width: 100%
}
.sub-nav-callout .cell {
    display: table-cell;
    vertical-align: middle;
}
.sub-nav-callout .cell.left {
    width: 115px;
    padding-left: 5px;
}
.sub-nav-callout .title,
.sub-nav-callout .description {
    display: block;
}
.sub-nav-callout .content-icon {
    max-width: 100%;
}
.sub-nav-callout .title,
.sub-nav-callout .description {
    font: normal 18px/19px arial, helvetica, sans-serif;
    color: #fff;
}
.sub-nav-callout .description {
    width: 190px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 15px;
}

/* Style adjustments for hamburger menu */

.main-nav-hidden .sub-nav-callout:after,
.main-nav-hidden .sub-nav-callout .description {
    display: none;
}
.main-nav-hidden .sub-nav-callout a.content-link {
    padding: 5px;
    background-color: #797979;
}
.main-nav-hidden .sub-nav-callout .content-icon,
.main-nav-hidden .sub-nav-callout .cell.left {
    width: 45px;
}
.main-nav-hidden .sub-nav-callout .title {
    display: inline;
    padding-left: 10px;
    font: normal 14px/15px arial, helvetica, sans-serif;
}

/* END GENERIC SUBNAV CALLOUT ITEM */

/* MISC. */
#nav-top-button, .styled-select, #search-button, #share-icon,
#profile-icon, #nav-natl-link a:after, #nav-home span, #nav-watch > a span:after,
#nav-watch .nav-dropdown:before, .main-nav-hidden #nav-main:after,
.main-nav-hidden #nav-main > li > a:after, #weather-detail:after,
#weather-temp-high:before, #weather-temp-low:before, #share-options:after,
#share-links a:before, #signup-form:before, #profile-dropdown:after,
#profile-links a:after, b.expand-arrow, #nav-natl-link .natl-link-text:after,
#nav-natl-link .natl-icon, #nav-video, #nav-video > a span:after {
	background-image: url('../img/masthead/icon-sprite.png');
	background-repeat: no-repeat;
}
.clear {
	clear: both;
}

 /* /css/dn-page-header.css */ 

/* 
    Document   : dn-page-header.css
    Author     : gm
    Description:
        DN v3 Page header styles
*/
#page_header {
    position: relative;
    display:inline-block;
    margin-bottom:10px;
}
/** site tools */
div.page-head div.tools {
    height:19px;
}
div.page-head div.mast-left,
div.page-head div.mast-right {
    float:left;
    padding-top:6px;
}
div.page-head div.mast-left {
    width:458px;   
}
div.page-head div.mast-right,
div.page-head div.mast-search {
    width:526px;   
}

/** top links */
div.page-head div.tools ul {
    padding:4px 0;
    float:left;
    height:11px;
}
div.page-head div.tools ul li {
    height:11px;
}
div.page-head div.tools ul li div.tiny-arrow {
    margin:3px 3px 3px 0;
}
div.mast-right div.tools ul {
    float:right;
}
div.page-head div.tools ul.tools li.menu {
    width:80px;
    padding-left:8px;
}

div.page-head div.tools ul.tools li.news-tip {
    height:28px;
    width: 93px;
    background-image:url(/img/dn-submit-tip.png);
    background-repeat: no-repeat;
    cursor:pointer;
    margin-top:-10px;
    padding:0px;
    border-right:none;
}
/** header drop menu */
div.page-head div.tools ul.dropmenu {
    top:0;
    left:-2px;
    padding:0;
    width:100px;
}
div.page-head div.tools ul.dropmenu li.menu-item {
    padding:4px 4px 4px 20px;
    border-width:0 2px 2px;
    background-color:#fff;
}
div.page-head div.tools ul.dropmenu li.menu-item:first-child {
    border-width:0;
    padding:0 4px 2px 20px;
    background-color:transparent;
}
div.page-head div.tools ul.dropmenu.visible li.menu-item:first-child {
    border-width:0 2px;
    padding-left:18px;
}
/** share buttons */
div.page-head div.tools ul.tools-share {
    padding:2px 0;
    height:16px;
}
div.tools img.weather-icon {
    float:left;
    height:26px;
}
/** logo */
div.page-head div.mast-logo {
    position:relative;
    width:293px;
    margin:20px 0 25px;    
}
div.mast-logo img.mast-logo { 
    width:293px;
    height:40px;
}
div.mast-logo div.text-label {
    position:absolute;
    height:0;
    left:0;
    top:40px;
    overflow:hidden;
}
div.mast-logo a {
    color:#464646;
    text-decoration:none;
}
div.mast-logo div.text-label:hover {
    text-decoration:underline;
}
/** search */
div.page-head div.mast-search {
    position:relative;
    margin-top:24px;
    height:38px;
    background-color:#f1f1f1;
}
div.mast-search input.search-text,
div.mast-search div.search-control,
div.mast-search div.text-label {
    position:absolute;
    z-index:0;
}
div.mast-search input.search-text {
    top:3px;
    left:3px; 
    padding:7px 0 7px 5px;
    width:300px;
    height:18px;
    color:#464646;
    border:0 solid #f1f1f1;
}
div.mast-search div.search-control,
div.mast-search div.text-label {
    right:0;
}
div.mast-search div.search-control select {
    margin-right:7px;
    width:160px;
    padding:2px 0;
}

div.mast-search div.search-control input.search-button {
    margin:0;
    padding:0;
    width:36px;
    height:38px;
    background:#014881 url(/img/bg-button-36x38-white.png) no-repeat;
    vertical-align:middle;
    border:0 solid;
}

div.mast-search div.search-control input.search-again-button {
    margin:0;
    padding:0;
    width:131px;
    height:38px;
    background:#014881 url(/img/bg-button-searchAgain-131x38.png) no-repeat;
    vertical-align:middle;
    border:0 solid;
}

div.mast-search  div.text-label {
    bottom:-12px;   
}
div.mast-search div.text-label .yahoo {
    color:#FF0033;
}
div.mast-search div.text-label .yahoo.search {
    color:#545454;
}
/** nav **/
div.page-head  div.header-nav {
    position:relative;
    clear:both;
    width:984px;
}
div.page-head  div.header-nav div.tab-label {
    position:absolute;
    color:#fff;
}
div.header-nav div.tab-label.marketplace {
    top:-7px;
    right:0;
    height:25px;
    width:169px;
    font-size:8px;
    background-color:transparent;
}
ul.site-nav li {
    overflow:hidden;
    margin-left:2px;
    height:49px;
    background-color:#f1f1f1;
    border-color:#363636;
    border-width:5px 0 0;
    text-align:center;
}
ul.site-nav li a {
    padding:14px 0 15px;
    display:block;
}
div.header-nav ul.site-nav li.marketplace {
    padding-right:20px;
    text-align:right;
}
ul.site-nav li.marketplace li {
    margin-left:10px;
    padding:16px 0 17px;
    height:16px;
    border-width:0;
}
ul.site-nav li.marketplace li a {
    display:inline;
    padding:0;
}
ul.site-nav li:first-child,
ul.site-nav li.marketplace li:first-child {
    margin-left:0;
}
/** main menu widths */
ul.site-nav li.home {
    background-image:url(/img/icon-home.png);
    background-repeat:no-repeat;
    background-position:5px 13px;
    width:30px;
}
ul.site-nav li.home a {
    height:20px;
}
ul.site-nav li.news {
    width:82px;
}
ul.site-nav li.sports {
    width:84px;
}
/* ul.site-nav li.business {
    width:126px;
} */
ul.site-nav li.moneywise {
    width:130px;
}
ul.site-nav li.opinion {
    width:98px;
}
ul.site-nav li.faith {
    width:74px;
}
/* ul.site-nav li.family-life {
    width:124px;
} */
ul.site-nav li.family {
    width:98px;
}
ul.site-nav li.obituaries {
    width:125px;
}
ul.site-nav li.marketplace {
    width:227px;
}
/** subnav */
div.header-subnav {
    position:relative;
    margin-top:2px;
    padding:0 10px;
    width:964px;
    height:30px;
    background-color:#f1f1f1;
}
div.header-subnav ul.site-subnav {
    float:left;
}
#ad20Sp { float:right; }
div.header-subnav ul.site-subnav li {
    padding:8px;
    height:14px;
    list-style-position:outside;
}
div.header-subnav ul.site-subnav li:first-child {
    padding-left:0;
}
/** removed for special list 
div.header-subnav ul.site-subnav li:last-child {
    padding-right:0;
}
*/
div.header-subnav ul.site-subnav li.label {
    font-weight:bold;
}
div.header-subnav ul.site-subnav.special-section {
    position:absolute;
    top:0;
    right:302px;
    border-color:#fff;
    border-width:0 2px 0 0;
}
div.header-subnav ul.site-subnav.special-section li {
    border-width:0 0 0 2px;
    padding-left:8px;
    border-color:#fff;
    list-style-position:outside;
}
div.header-nav a,
div.header-subnav a {
    color:#464646;
}
div.header-subnav div.dropmenu {
    position:absolute;
    min-width:100%;
    left:0;
    top:30px;
    z-index:10000;
    display:none;
}
div.header-subnav div.dropmenu ul {
    display:block;
    position:relative;
    padding:0 8px;
}
div.header-subnav div.dropmenu ul li {
    list-style-type:none;
    float:none;
}
div.header-subnav div.dropmenu ul li.menu-item {
    height:14px;
    border-color:#fff;
    border-width:1px 0 0;
    color:#fff;
    white-space:nowrap;
    width:100%;
    padding:8px 0;
}
div.header-subnav li.menu {
    background: url(/img/icon-dropdown.png) no-repeat center 23px;
}
div.header-subnav li.menu > a {
    text-decoration: none;
}
div.header-subnav li.menu:hover div.dropmenu {
    display:block;
}
ul#nav-main div.nav-dropdown ul li.nav-image a {
    font-size: 14px;
}
ul#nav-main div.nav-dropdown ul li.nav-image img {
    width: 38px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
}
/* trending widget */
div.subnav-trending {
    position:absolute;
    top:0;
    right:0;
    width:372px;
    height:30px;
}
div.subnav-trending div.trending-label,
div.subnav-trending div.trending-control,
div.subnav-trending div.trending-slider {
    position:absolute;
    overflow:hidden;
    top:0;
    height:30px;
}
div.subnav-trending div.trending-label {
    left:0;
    width:57px;
    line-height:30px;
    padding:0 8px;
    color:#fff;
    background-color:#363636;
    overflow:visible;
}
div.subnav-trending div.trending-label a {
    color:#fff;
    width:57px;
    overflow:hidden;
    display:block;
}
div.trending-label div.pointer {
    position:absolute;
    top:6px;
    right:-9px;
    width:0;
    height:0;
    border:0 solid transparent;
    border-width:9px 0;
    border-left:9px solid #363636;
}
div.subnav-trending div.trending-control {
    width:8px;
    background-color:#d8d8d8;
    height:8px;
    top:2px;
    padding:9px 2px;
}
div.subnav-trending div.trending-control.prev {
    left:85px;
}
div.subnav-trending div.trending-control.next {
    right:2px;
}
div.subnav-trending div.trending-control.active {
    background-color:#20366b;
    cursor:pointer;
}
div.subnav-trending div.trending-control a {
    display:block;
    height:8px;
    width:8px;
    background:transparent url(/img/bg-button-8x8.png) no-repeat right bottom;
    cursor:default;
}
div.subnav-trending div.trending-control.prev a {
    background-position:left bottom;
}
div.subnav-trending div.trending-control.next.active a {
    background-position:right top;
    cursor:pointer;
}
div.subnav-trending div.trending-control.prev.active a {
    background-position:left top;
    cursor:pointer;
}
div.subnav-trending div.trending-slider {
    top:2px;
    left:97px;
    width:253px;
    height:26px;
    line-height:26px;
    border:0 solid #fff;
    border-width:0 4px;
    background-color:#fff;
}
div.trending-slider ul.site-subnav {
    position:absolute;
    top:0;
    left:0;
    width:inherit;
    height:inherit;
    line-height:inherit;
    overflow:hidden;
}
div.trending-slider ul.site-subnav li {
    height:inherit;
    line-height:inherit;
    padding:0 0 0 12px;
    visibility:hidden;
}
div.trending-slider ul.site-subnav li a {
    color:#006ab1;
}
div.trending-slider ul.site-subnav li:first-child {
    visibility:visible;
}
/* subnav ad */
div.header-subnav div.site-subnav.subnav-ad {
    right:10px;
    max-width: 352px;
}
div.header-subnav div.site-subnav.subnav-ad {
    position:absolute;
    max-width: 352px;
    height: 25px;
    top: 2px;
    right: 2px;
    overflow:hidden;
}
#page_header .ribbon-ad {
    position:absolute;
    max-width: 352px;
    height: 25px;
    bottom: 3px;
    right: 22px;
    overflow:hidden;
}
#page_header .ribbon-ad.hidden {
    visibility: hidden;
}

#page_header .ribbon-ad .static-ad-image { width: 300px; height: 25px;}


/** text */
div.page-head div.tools,
div.header-subnav,
div.page-head div.text-label,
div.mast-search input.search-text,
div.search-control select,
div.header-nav div.tab-label div.text-label {
    font-family:arial,helvetica,sans-serif;
}
div.header-nav {
    font-family:georgia,"times new roman",times,serif;
}
div.mast-search div.text-label,
div.header-nav div.tab-label div.text-label {
    font-size:9px;
}
div.mast-logo div.text-label {
    font-size:10px;
}
div.page-head div.tools {
    font-size:11px;
}
div.search-control select {
    font-size:11px;
}
div.trending-slider ul.site-subnav li,
div.subnav-trending div.trending-label {
    font-size:12px;
}
div.mast-search input.search-text,
div.header-subnav {
    font-size:14px;
}
ul.site-nav li.marketplace li {
    font-size:16px;
}
div.header-nav {
    font-size:20px;
}


 /* /css/dn-expanding-ad.css */ 

/* 
    Document   : expanding-ad
    Created on : Feb 16, 2012, 11:15:48 AM
    Author     : gm
    Description:
        DN expanding ad containers
*/
#dn_expanding_ad {
    position: relative;
    width: 984px;
    /*height: 30px;*/
    overflow: hidden;
}
#dn_expanding_ad_content {
    position:absolute;
    display:block;
    text-align: left;
}
#dn_expanding_ad_content img {
    border:0 solid;
}
#dn_expanding_ad_control_expand,
#dn_expanding_ad_control_collapse {
    position: absolute;
    display:none;
    width: 47px;
    height: 13px;
    right: 10px;
    top: 8px;
    background: transparent url(/img/ads/expand-hide.png) no-repeat;
    cursor: pointer;
    text-align: center;
}
#dn_expanding_ad_control_collapse {
    background-position: 0 -13px;
}


 /* /css/dn-content-appearance.css */ 

/* Story header appearance */

div.content-header .appearance {
    padding: 10px 0 8px;
    border-bottom: 1px solid #C1C1C1;
    margin-bottom: 15px;
}


/* Generic category sidebar appearance */

div.content-main div.content-sidebar.appearance {
    width: 190px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #F1F1F1;
    font: bold 12px/12px arial,helvetica,sans-serif;
    color: #464646;
    text-align: center;
}
div.appearance div.inner-wrapper {
    padding: 15px 10px 20px;
}
div.appearance div.header {
    padding: 3px 0;
    background: #464646;
}
div.appearance div.header span {
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    color: #fff;
}
div.appearance div.description {
    color: #464646;
    font-weight: normal;
    text-align: left;
}
div.appearance div.description p {
    line-height: 19px;
}


/* National sidebar appearance */

div.content-main div.content-sidebar.national-sidebar {
    width: 190px;
    padding: 0;
    background-color: #F1F1F1;
    font: bold 12px/12px arial,helvetica,sans-serif;
    color: #464646;
    text-align: center;
}
div.national-sidebar div.inner-wrapper {
    padding: 15px 20px;
}
div.national-sidebar div.header {
    position: relative;
    padding: 5px 0 5px 30px;
    background: #464646;
}
div.national-sidebar div.header span {
    font-size: 13px;
    line-height: 12px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
}
div.national-sidebar div.header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: url('/img/national/national-icons.png') -1px -1px no-repeat;
}
.national-sidebar .header a {
    color: #fff;
    text-decoration: none;
}
div.national-sidebar div.from,
div.national-sidebar div.description {
    margin-bottom: 5px;
}
div.national-sidebar div.description {
    padding-bottom: 5px;
    color: #464646;
    font-weight: normal;
    text-align: left;
}
.national-sidebar .description a {
    color: #c1c1c1;
    text-decoration: none;
}
.national-sidebar .description a:hover {
    color: #919191;
}
div.national-sidebar div.title,
div.national-sidebar ul.article-list li {
    margin-bottom: 15px;
}
div.national-sidebar div.title {
    position: relative;
    margin-top: 10px;
    padding: 5px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    background-color: #BB9A01;
    color: #FFF;
}
div.national-sidebar div.title:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #C1C1C1;
}
div.national-sidebar ul.article-list {
    list-style-type: none;
    text-align: left;
}
div.national-sidebar ul.article-list a {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #464646;
}


/* Generic styles used by number of appearance types */

.appearance.home-queue .apr-icon,
.appearance.home-rotator .apr-icon,
.appearance.section-queue .apr-icon,
.appearance.spotlight .apr-icon,
.appearance.spotlight-main .apr-icon {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    background: url('/img/national/national-icons.png');
    background-repeat: no-repeat;
    background-position: -1px -1px;
}
.appearance.national {
    text-transform: uppercase;
}
.appearance.national .apr-icon {
    display: block;
}
.appearance.home-queue:nth-child(n),
.appearance.home-rotator:nth-child(n),
.appearance.spotlight:nth-child(n),
.appearance.spotlight-main:nth-child(n),
.appearance.section-queue:nth-child(n) {
    filter: none;
}
.appearance.home-queue,
.appearance.home-rotator,
.appearance.spotlight,
.appearance.spotlight-main,
.appearance.section-queue {
    height: 24px;
    font: normal 14px/24px arial,helvetica,sans-serif;
    color: #fff;
    background: rgb(0,0,0);
    background: transparent\9;
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    text-align: center;
    zoom: 1;
}


/* Home rotator and section spotlight common styles */

.appearance.home-rotator,
.appearance.spotlight-main {
    position: relative;
    float: right;
    top: -34px;
    width: 150px;
    height: 24px;
}

.appearance.home-rotator.sponsored {
    width: 110px;
}

/* Section spotlight specific styles */

#main-item,
#featureSidebar .item-header {
    position: relative;
}
.appearance.spotlight {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 132px;
    height: 18px;
    font-size: 10px;
    line-height: 19px;
}
/* This rule works for both more headlines queue and for section spotlight */
.appearance.section-queue .apr-icon,
.appearance.spotlight .apr-icon {
    top: -10px;
    left: 0;
    width: 28px;
    height: 28px;
    background-position: -43px -43px;
}
.appearance.spotlight-main {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
}

/* Recent headlines queue specific styles */

div.home-queue .headline-item {
    position: relative;
}
.appearance.home-queue {
    position: absolute;
    left: 0;
    top: 76px;
    width: 170px;
    font-size: 13px;
}


/* More headlines queue specific styles */

.appearance.section-queue {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 18px;
    font-size: 9px;
    line-height: 19px;
}


/* Mobile Header branding */

.m-appearance.header {
    padding-bottom: 10px;
    border-bottom: 1px solid black;
    margin: 10px;
}
.m-appearance.header img {
    width: 170px;
}

/* Mobile Bottom Branding */

.m-appearance.bottom {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px 0 -1px;
}
.m-appearance.bottom p {
    margin-bottom: 0;
    font: normal 0.8em/1.25em arial, helvetica, sans-serif;
}


/* Appearance specific overrides, grouped by location */

/* HOME QUEUE */
/* National */

.appearance.home-queue.national {
    width: 162px;
    padding-right: 8px;
    text-align: right;
}
.appearance.home-queue.national .apr-icon {
    top: -16px;
    left: 0;
    background-position: -43px -1px;
}

/* SECTION QUEUE */
/* National */

.appearance.section-queue.national {
    width: 113px;
    padding-right: 7px;
    text-align: right;
    text-transform: uppercase;
}

/* HOME ROTATOR & SECTION SPOTLIGHT */
/* National */

.appearance.home-rotator.national,
.appearance.spotlight-main.national {
    width: 170px;
    padding-left: 10px;
    text-align: left;
}
.appearance.home-rotator.national .apr-icon,
.appearance.spotlight-main.national .apr-icon {
    top: -16px;
    right: 0;
    background-position: -85px -1px;
}
.appearance.spotlight.national {
    width: 125px;
    height: 18px;
    padding-right: 7px;
    text-align: right;
}
.appearance.home-rotator.national .apr-icon {
    display: block;
    top: -16px;
    right: 0;
    background-position: -85px -1px;
}

 /* /css/dn-page-rotator.css */ 

#dn_rotator {
    position:relative;
    display:block;
    overflow:hidden;
    margin-bottom:20px;
    height:314px;
}
#dn_rotator div.main-feature {
    margin-bottom:0;
}
#dn_rotator div.main-feature div.feature-main {
    width:402px;
}
/** sidebar **/
#dn_rotator div.feature-sidebar {
    position:relative;
    width:242px;
    padding-top:15px;
    padding-bottom:5px;
    padding-right:10px;
    border-width:0;
    height:295px;
    overflow:hidden;
    background-color:transparent;
    background-image: url('/img/bg-rotator-sidebar-selector-228.png');
    background-repeat:no-repeat;
    background-position:0px 40px;
}
#dn_rotator div.feature-sidebar div.text-label {
    font-size:18px;
    margin-bottom:9px;
}
#dn_rotator  div.feature-sidebar h2.list-item {
    padding-left:10px;
    background:transparent url(/img/bg-list-item.png) no-repeat 0px 4px;
}
#dn_rotator  div.feature-sidebar h2.list-item.selected {
    background-image:none;
}
#dn_rotator  div.feature-sidebar div.area-border {
    position:absolute;
    width:inherit;
    height:0;
}
#dn_rotator  div.feature-sidebar div.area-border.cap {
    border-width:5px 0 0;
    top:0;
}
#dn_rotator  div.feature-sidebar div.area-border.foot {
    border-width:0 0 5px;
    bottom:1px;
}


#dn_rotator div.feature-main h1.feature-headline {
    height:52px;
    width:402px;
    line-height:25px;
    margin-bottom:6px;
    margin-top:-4px;
} 

#dn_rotator div.feature-sidebar h2.feature-headline {
    height:30px;
    line-height:14px;
    overflow:hidden;
}
#dn_rotator div.feature-sidebar div.text-label {
    font-size:18px;
}
#dn_rotator div.feature-sidebar h2.list-item {
    padding-right:4px;
    width:228px;
    margin-bottom:8px;
}
#dn_rotator div.feature-main img.feature-image {
    height:260px;
    width:402px;
    margin-bottom:10px;
}
#dn_rotator div.feature-main {
    height:638px;
}
#dn_rotator ul.rotator-control {
    position:absolute;
    top:44px;
    right:0;
    padding:10px 0 0 10px;
    width:60px;
    height:21px;
}
ul.rotator-control li {
    background-color:#111;
    opacity:0.7;
}
ul.rotator-control li.pause {
    /* background-color:#de0818; */
}
ul.rotator-control li a {
    height:21px;
    width:20px;
    display:block;
    background:transparent url(../img/bg-rotator-control-white.png) no-repeat;
    cursor:pointer;
    opacity:1.0;
}
ul.rotator-control li a:hover {
    background-color:#900;
}
ul.rotator-control li.prev a {
    background-position:top left;
}
ul.rotator-control li.pause a {
    background-position:top right;
}
ul.rotator-control li.play a {
    background-position:bottom right;
}
ul.rotator-control li.next a {
    background-position:bottom left;
}

#dn_rotator div.feature-sidebar h2.feature-headline {
    font-family:arial,helvetica,sans-serif;
}
#dn_rotator div.feature-main h1.feature-headline {
    font-size:22px;
}
#dn_rotator div.feature-sidebar h2.feature-headline {
    font-size:12px;
}



 /* /css/dn-page-section-latest.css */ 

div.content-main div.feature-container.home-queue {
    margin-left: 0;
}
div.content-main div.feature-container.home-queue,
div.content-main div.feature-container.home-queue .feature-header,
div.content-main div.feature-container.home-queue .section-feature {
    width: 100%;
}
div.feature-container div.feature-header.latest div.feature-label {
    background-color:#e1e1e1;
}
div.feature-container div.feature-header.latest div.feature-label a {
    color:#464646;
}
div.section-feature div.headline-item {
    margin-bottom:8px;
    padding-bottom:2px;
    display:inline-block;
    width:inherit;
    border-bottom: 2px solid #E1E1E1;
}
div.section-feature div.headline-item:first-child {
    margin-top:10px;
}
div.section-feature div.headline-item h3.feature-headline {
    font-size:20px;
}
div.section-feature div.headline-item h3.feature-headline a {
    display: block;
    margin-bottom: 10px;
}
div.section-feature div.headline-item div.feature-info p {
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
    line-height:1.0em;
}
div.section-feature div.headline-item img.feature-image {
    margin: 0 20px 5px 0;
    float: left;
}
div.section-feature div.headline-item div.feature-info p.info-timestamp {
    margin-top: 10px;
    float: left;
}
div.section-feature div.headline-item div.feature-info p.info-comments {
    margin: 10px;
    float: right;
}
div.section-feature div.headline-item  p.text-summary {
    font-size: 12px;
    font-family: arial,helvetica,sans-serif;
}
div.section-feature div.headline-item div.feature-info.image,
div.section-feature div.headline-item h3.feature-headline.image {
    display:inline;
}
div.section-feature div.headline-item div.feature-info a.article-type {
    display: block;
    padding: 3px 4px;
    color: white;
    font-size: 11px;
    float: right;
    font-family: arial,helvetica,sans-serif;
    margin: 6px 5px 0 0;
}
div.section-feature.home-queue div.headline-item div.feature-info a.article-type {
    float: left;
    margin-right: 7px;
}
div.section-feature.home-queue div.headline-item div.feature-info p.info-comments {
    margin: 10px 0 10px 10px;
}
div.section-feature.home-queue div.headline-item {
    border-bottom: none;
}
div.feature-container.home-queue .bottom-line {
    position: relative;
    bottom: 0;
    width: 474px;
    height: 2px;
    clear: both;
    margin-left: 190px;
    background: #E1E1E1;
}
div.feature-container.home-queue .bottom-line.extended {
    width: 100%;
    margin-left: 0;
}

/* Font overrides to match new masthead fonts */

div.section-feature div.headline-item h3.feature-headline {
    font: normal 18px/22px georgia,"times new roman",times,serif;
}

 /* /css/brandview/dn-brandview.css */ 

.advertising-logo-wrapper {
    position: relative;
    height: 25px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #B3B3B3;
    background-image: -webkit-gradient(linear, left top, right top, from(#B3B3B3), to(#FFFFFF)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(left, #B3B3B3, #FFFFFF); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(left, #B3B3B3, #FFFFFF); /* Firefox 3.6-15 */
    background-image:         linear-gradient(to right, #B3B3B3, #FFFFFF); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#B3B3B3', endColorstr='#FFFFFF'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#B3B3B3', endColorstr='#FFFFFF')"; /* IE8 */
}
.advertising-logo-wrapper.section {
    height: 32px;
    width: 100%;
    margin-bottom: 10px;
}
.advertising-logo-wrapper .presented,
.advertising-logo-wrapper .brandview {
    display: block;
    color: #DB1B2F;
}
.advertising-logo-wrapper .presented {
    float: right;
    margin-right: 15px;
    font: normal 10px/25px arial,helvetica,sans-serif;
    text-transform: uppercase;
}
.advertising-logo-wrapper .brandview {
    float: left;
    margin: 0 5px 0;
    font: normal 16px/25px arial,helvetica,sans-serif;
}
/* Set color for brandview story byline */
.content-header .info .brandview {
    color: #DB1B2F;
}
.advertising-logo-wrapper .brandview-def {
    display: block;
    float: left;
    margin-top: 2px;
    font: normal 10px/23px arial,helvetica,sans-serif;
    color: #000;
}
.advertising-logo-wrapper .advertising-logo {
    height: 19px;
    padding: 3px 0;
    float: right;
}

/* new desktop article logo bar styles */

.advertising-logo-wrapper.article {
    position: relative;
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";

}
.advertising-logo-wrapper.article .presented,
.advertising-logo-wrapper.article .brandview {
    color: #464646;
}
.advertising-logo-wrapper.article .presented {
    font: normal 16px/50px arial, helvetica, sans-serif;
    text-transform: none;
}
.advertising-logo-wrapper.article .brandview {
    margin: 0;
    font: normal 22px/50px arial, helvetica, sans-serif;
}
.advertising-logo-wrapper.article .advertising-logo {
    height: 44px;
    padding: 3px 0;
    float: right;
}

/* section logo bar styles overrides */

.advertising-logo-wrapper.section {
    height: 32px;
    margin-bottom: 30px;
}
.advertising-logo-wrapper.section .presented {
    font: normal 12px/33px arial,helvetica,sans-serif;
}
.advertising-logo-wrapper.section .brandview-def {
    margin-top: 5px;
    font: normal 12px/26px arial,helvetica,sans-serif;
}
.advertising-logo-wrapper.section .brandview {
    font: normal 18px/33px arial,helvetica,sans-serif;
}
.advertising-logo-wrapper.section .advertising-logo {
    height: 26px;
}

/* article logo bar styles overrides */

.advertising-logo-wrapper.article {
    margin-bottom: 25px;
}

/* article, mobile article and mobile section common styles */

.advertising-logo-wrapper.article span.back-to-section {
    display: block;
    margin-left: 10px;
    float: left;
    font: normal 10px/25px arial,helvetica,sans-serif;
}
.advertising-logo-wrapper.article span.back-to-section a {
    text-transform: capitalize;
}

/* home articles queue logo bar styles overrides */

.advertising-logo-wrapper.home-story-queue {
    margin: 10px 0 12px;
    clear: none;
    float: right;
}
div.feature-info.image .advertising-logo-wrapper.home-story-queue {
    width: 474px;
}

/* related stories widget logo bar styles overrides */

.advertising-logo-wrapper.related-story-widget {
    margin-bottom: 5px;
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}
.advertising-logo-wrapper.related-story-widget .presented,
.advertising-logo-wrapper.related-story-widget .advertising-logo {
    float: left;
}
div.article-related.mobile .advertising-logo-wrapper .advertising-logo {
    height: 25px;
}

/* recommended stories */

div.content-promo.mobile .advertising-logo {
    height: 25px;
}

/* What's this? block text styles */
.advertising-logo-wrapper .what-this-wrapper {
    position:absolute;
    bottom:-11px;
    right:0;
    font-family:arial,helvetica,sans-serif;
    color: #648eac;
    font-size:9px;
    line-height:9px;
    cursor: pointer;
}

/* Styles for queue brandview */

.queue-brandview-wrapper.section-story-queue {
    margin: 7px 0 2px;
    clear: both;
    float: left;
}
.queue-brandview-wrapper .info-sponsored,
.queue-brandview-wrapper .what-this-wrapper,
.queue-brandview-wrapper .label.sponsored {
    margin-right: 7px;
}
.queue-brandview-wrapper .info-sponsored,
.queue-brandview-wrapper .what-this-wrapper {
    float: left;
    margin-top: 10px;
}
.queue-brandview-wrapper .label.sponsored,
.queue-brandview-wrapper span.tooltip-trigger {
    color: #fff;
    background-color:#464646;
}
.queue-brandview-wrapper .label.sponsored {
    float: left;
    display: block;
    padding: 3px 4px;
    font-size: 11px;
    font-family: arial,helvetica,sans-serif;
    margin: 6px 5px 0 0;
}
.queue-brandview-wrapper .what-this-wrapper {
    float: left;
    font: normal 10px/11px arial,helvetica,sans-serif;
    text-align: center;
}
.queue-brandview-wrapper span.tooltip-trigger {
    display: block;
    width: 11px;
    height: 11px;
}

 /* /css/dn-generic-tooltip.css */ 

/* Main wrapper  */
div.tooltip {
    position: absolute;
    width: 240px;
    z-index: 100000;
}

/* Arrow wrapper */

div.tooltip div.tip-top {
    height: 10px;
    margin-bottom: -1px;
    padding-left: 1px;

    /* A small IE7 hack to make the negative margin work */
    zoom: 1;
    position: relative;
}
div.tooltip div.tip-top.left {
    position: static;
    height: 100%;
    width: 10px;
}
div.tooltip div.tip-top.left div.arrow {
    position: absolute;
    top: 38%;
    left: 6px;
}

/* Arrow */

div.tooltip div.arrow {
    height: 0;
    width: 0;
}
div.tooltip div.arrow.point-up {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #464646;
}
div.tooltip div.arrow.point-left {
    border-top: 10px solid transparent;
    border-right: 10px solid #464646;
    border-bottom: 10px solid transparent;
}
div.tooltip div.arrow.left {
    float: left;
}
div.tooltip div.arrow.right {
    float: right;
}

/* Text */

div.tooltip div.tip-text {
    padding: 15px 15px 13px;
    background-color: #464646;
    color: #fff;
    font: normal 12px/18px arial,helvetica,sans-serif;
    -moz-box-shadow:    0 0 15px 2px #BCBDB2;
    -webkit-box-shadow: 0 0 15px 2px #BCBDB2;
    box-shadow:         0 0 15px 2px #BCBDB2;
}
div.tooltip div.tip-text span.title {
    margin-bottom: 5px;
    font: bold 16px/18px arial,helvetica,sans-serif
}
div.tooltip div.tip-text.left {
    float: left;
    margin-left: 15px;
}

 /* /css/dn-page-content-promo.css */ 

/* 
    Document   : dn-page-content-promo.css
    Author     : gm
    Description:
        DN v3 page nums controller
*/
div.content-footer div.content-promo div.feature-content {
    display:inline-block;
}
div.content-footer div.content-promo div.feature-item {
    float:left;
    width:208px;
    margin-left:20px;
}
div.content-footer div.content-promo div.feature-item img.feature-photo,
div.content-footer div.content-promo div.feature-item h3.feature-headline {
    margin-bottom:10px;
}
div.content-footer div.content-promo div.feature-item img,feature-photo {
    width:208px;
    height:142px;
}
div.content-footer div.content-promo div.feature-item:first-child {
    margin-left:0;
}
/** text */
div.content-footer div.content-promo div.feature-item {
    font-family:georgia,"times new roman",serif;
}
div.content-footer div.content-promo div.feature-item,
div.content-footer div.content-promo div.feature-item h3 {
    font-size:15px;
}
div.content-footer div.content-promo div.feature-header {
    font-size:20px;
}

/** featured voices **/

div.voices-promo div.feature-item div.promo-header {
    display:inline-block;
    vertical-align:top;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #e1e1e1;
}
div.voices-promo div.feature-item div.promo-header div.promo-image {
    float:left;
    width:62px;
    height:82px;
}

div.promo-header div.promo-text {
    position:relative;
    margin-left:70px;
    padding-top:30px;
}

div.promo-header div.promo-text div.section-label {
    position:absolute;
    left:0;
    top:0;
    height:12px;
    padding:4px;
    color:#fff;
}

div.voices-promo div.feature-item p {
    margin-bottom:8px;
}

div.voices-promo div.feature-item p.text-author,
div.voices-promo div.feature-item p.text-note {
    margin-bottom:8px;
}

div.voices-promo div.feature-item p.text-note {
    font-style:italic;
}
div.voices-promo div.feature-item p.text-summary {
    height:100px;
}
div.voices-promo div.feature-item ul.promo-tools {
    width:200px;
}

div.voices-promo div.feature-item ul.promo-tools li {
    padding:3px;
    height:12px;
}

div.voices-promo div.feature-item ul.promo-tools li.button-read {
    float:right;
    padding:3px;
    height:12px;
    background-color:#004a80;
    color:#fff;
}

div.voices-promo div.feature-item ul.promo-tools li.button-read a {
    color:#fff;
}

div.voices-promo div.feature-item div.promo-header div.promo-text h3.text-headline,
div.voices-promo div.feature-item p.text-summary {
    font-family:georgia,"times new roman",times,serif;
    
}
div.promo-text div.section-label,
div.voices-promo div.feature-item p.text-author,
div.voices-promo div.feature-item p.text-note,
div.voices-promo div.feature-item ul.promo-tools li {
    font-family:arial,helvetica,sans-serif;
}
div.voices-promo div.feature-item div.promo-header div.promo-text div.text-author {
    font-family:arial,helvetica,sans-serif;
    font-size: 11px;
    padding: 5px 0 0 0;
}

div.voices-promo div.feature-item p.text-note {
    font-size:11px;
}
div.promo-text div.section-label,
div.voices-promo div.feature-item p.text-author,
div.voices-promo div.feature-item ul.promo-tools li {
    font-size:12px;
}

div.voices-promo div.feature-item p.text-summary {
    font-size:13px;
}

div.voices-promo div.feature-item div.promo-header div.promo-text h3.text-headline {
    font-size:12px;
    line-height: 1.3;
}

/* Styles for extended version */

.feature-container.voices-promo.extended {
    margin-left: 0;
    width: 100%;
}
.voices-promo.extended div#featuredVoicesArea {
    padding-top: 10px;
    border-top: 5px solid #464646;
}
.voices-promo.extended .feature-header {
    width: 100%;
}
.voices-promo.extended .feature-header .feature-label {
    background: #464646;
}
.voices-promo.extended .feature-item {
    float: left;
    width: 145px;
    margin-left: 28px;
}
.voices-promo.extended .feature-item.first {
    margin-left: 0;
}
.voices-promo.extended .feature-item div.promo-header {
    border: none;
}
.voices-promo.extended .feature-item div.promo-text {
    clear: both;
    margin-left: 0;
    padding-top: 5px;
}
.voices-promo.extended .feature-item div.promo-text .section-label-wrapper,
.voices-promo.extended .feature-item div.promo-text .text-author {
    display: table-cell;
}
.voices-promo.extended .feature-item div.promo-text .section-label {
    position: static;
}
.voices-promo.extended .feature-item div.promo-header div.promo-text .text-author {
    padding: 5px 0 0 10px;
    font-size: 12px;
    line-height: 16px;
}
.voices-promo.extended .feature-item div.promo-header div.promo-text .text-headline {
    margin-top: 10px;
    font-size: 15px;
}
.voices-promo.extended .feature-item div.promo-header div.promo-image {
    width: auto;
    height: auto;
}

 /* /css/dn-page-section-feature.css */ 

/* 
    Document   : dn-page-section-feature.css
    Author     : gm
    Description:
        DN v3 section feature
*/
div.content-main div.section-sidebar {
    float: left;
    clear: left;
    width: 170px;
    margin-right: 20px;
}
div.content-main div.feature-container {
    width: 474px;
    margin-left: 190px;
    position: relative;
}
div.content-main div.feature-container.section-featured {
    width: 100%;
    margin-left: 0;
    position: relative;
}
div.content-main div.section-feature {
    width:474px;
}
div.feature-container.section-featured div.section-feature {
    width:100%;
}
div.content-main div.section-feature {
    display:inline-block;
    margin-bottom:20px;
    border-width:5px 0 0;
}
div.feature-container.section-featured div.feature-header {
    display: inline-block;
    text-align: right;
    width: 100%;
}
div.feature-container div.feature-header {
    display: inline-block;
    text-align: right;
    width: 474px;
}
div.section-feature div.feature-links ul {
    overflow:hidden;
    clear:left;
}
div.content-main div.section-feature div.feature-image {
    float:left;
    width:145px;
    margin-left: 28px;
}
div.content-main div.section-feature div.feature-image.first {
    margin-left: 0;
}
div.content-main div.section-feature div.feature-stories {
    float:left;
    margin-left:20px;
    width:292px;   
}
div.feature-header div.feature-label {
    float:left;
    padding:4px 8px 0px;
    font-size: 22px;
}
div.feature-header div.feature-label a {
    color: #fff;
}
div.feature-header a.feature-next {
    display: inline-block;
    margin-top: 8px;
}
div.content-main div.section-feature div.feature-links ul.content-list li a {
    color:#464646;
}
div.section-feature div.text-label {
    margin:10px 0 0;
}
div.section-feature div.feature-image h4 {
    margin-top:6px;
}
div.section-feature img.feature-image,
div.section-feature div.feature-stories h4 {
    margin-top:7px;
}
div.section-feature h4 {
    line-height:1.3;
}
div.section-feature div.section-header {
    line-height:1.2;
}
/** text **/
div.section-feature div.feature-links,
div.section-feature div.feature-stories h4 {
    font-family:arial,helvetica,sans-serif;   
}
div.section-feature div.section-header,
div.section-feature div.feature-image h4 {
    font-family:georgia,"times new roman",times,serif;
}
div.section-feature div.feature-links,
div.section-feature div.feature-stories h4 {
    font-size:12px;
}
div.section-feature div.feature-image h4 {
    font-size:15px;
}
div.section-feature div.text-label {
    font-size:18px;
}
div.section-feature div.section-header {
    font-size:32px;
}

 /* /css/dn-widget-wymhm.css */ 

.content-feature.wymhm .item-anchor {
    margin: 0 0 10px 55px;

}

 /* /css/dn-page-footer.css */ 

/* 
    Document   : dn-page-footer.css
    Author     : gm
    Description:
        DN v3 Page footer
*/
#page_footer {
    position: relative;
    display:inline-block;
    margin-bottom:20px;
}
div.page-footer a {
    color:#464646;
}
div.page-footer div.footer-nav,
div.page-footer div.footer-misc {
    background-color:#e1e1e1;
}
div.page-footer div.footer-nav {
    position:relative;
    padding:17px 0;
    margin-bottom:2px;
    height:16px;
}
div.page-footer div.footer-misc {
    padding:8px 0 9px;
    height:12px;
}
div.footer-nav ul {
    height:16px;
}
div.footer-nav ul li {
    padding-left:20px;
}
div.page-footer div.footer-misc {
    text-align:center;
}
div.footer-misc ul {
    height:12px;
}
div.footer-misc ul li {
    padding-left:10px;
}
div.footer-misc ul li:first-child {
    padding-left:0;
}
div.footer-nav div.email-signup-form {
    position:absolute;
    top:10px;
    right:10px;
}
/* Special sections area */
div.page-footer div.footer-sections,
div.footer-sections div.feature-header,
div.footer-sections div.feature-content {
    width:inherit;
    display:inline-block;
}
div.page-footer div.footer-sections {
    position: relative;
    margin-bottom:2px;
}
div.footer-sections div.feature-header {
    padding:0;
    height:30px;
}
div.footer-sections div.feature-content {
    padding:0;
}
div.footer-sections div.feature-header div.text-label {
    float:left;
    background-color:#464646;
    color:#fff;
    height:16px;
    padding:7px 10px;
}
div.footer-sections div.list-column {
    float:left;
    width:162px;
    padding:0 0 0 10px;
    margin: 10px 0 10px 20px;
    background:transparent url(/img/bg-dotted-border-gray-v.png) repeat-y;
}
div.footer-sections div.list-column ul.content-list {
    margin:5px 0 8px 10px;
}
div.footer-sections div.list-column li {
    margin:0 0 4px;
}

/* Text */
div.page-footer div.footer-nav,
div.footer-sections div.feature-header div.text-label {
    font-family:georgia,"times new roman",times,serif;
}
div.page-footer div.footer-misc,
div.footer-sections ul.content-list li {
    font-family:arial,helvetica,sans-serif;
}
div.footer-misc ul li {
    font-size:12px;
}
div.footer-sections ul.content-list li {
    font-size:11px;
}
div.footer-nav ul li,
div.footer-sections div.feature-header div.text-label{
    font-size:16px;
}
div.page-footer div.text-label {
    font-size:14px;
}

/* App links block */

div.page-footer div.app-links-wrapper {
    position: absolute;
    bottom: 50px;
    left: 60px;
}
div.page-footer div.app-links-wrapper .title {
    font: normal 18px/18px arial, helvetica, sans-serif;
}
div.page-footer div.app-links-wrapper .links {
    margin-top: 12px;
}
div.page-footer div.app-links-wrapper img.btn-image {
    vertical-align: middle;
}
div.page-footer div.app-links-wrapper img.android {
    width: 120px;
    height: 43px;
    padding-left: 5px;
}
div.page-footer div.app-links-wrapper img.apple {
    width: 130px;
    height: 38px;
}
div.page-footer div.app-links-wrapper a.download-link {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/* Font overrides to match new masthead fonts */

div.page-footer div.footer-nav {
    font-family:arial,helvetica,sans-serif;
}