/**
 * Form size
 * 600
 */	
#abuse-form .ui-btn-inline, #abuse-form .ui-btn {display:block;}

@media only screen and (min-width:600px) {
	#login.ui-page-active .ui-body {width:50%; margin:0 auto;}
	#contact-form, #abuse-form {width:50%;}
	#abuse-form .ui-btn-inline, #abuse-form .ui-btn {display:inline-block;}
}

/* LOADING BLOCK */
.loadingBlock {height:100%; width:100%; position:fixed; top:0; left:0; z-index:999999; background-color:#203C58;}
.loadingBlock .LoadingMsg {position:fixed; top:50%; left:50%; margin-left:-100px; margin-top:-55px; text-align:center;}
.loadingBlock .LoadingMsg h3 {font-family: Arial, Helvetica, sans-serif;}
	/*$(".ui-content").css({'height': '0'});*/
.loadingBlock #progressbar {background:#fff; height:15px; padding:5px 3px;}
.loadingBlock #progressbar #indicator{width:0; height:15px; text-align:right; background: #b6d572; color: #333;
	background-image: -webkit-gradient(linear,left top,left bottom,from( #b6d572 ),to( #daff91 ));
	background-image: -webkit-linear-gradient( #b6d572,#daff91 );
	background-image: -moz-linear-gradient( #b6d572,#daff91 );
	background-image: -ms-linear-gradient( #b6d572,#daff91 );
	background-image: -o-linear-gradient( #b6d572,#daff91 );
	background-image: linear-gradient( #b6d572,#daff91 );
}
.loadingBlock #progressbar #indicator span{padding:1px 3px 0 3px; display:block; font-size:10px; font-weight: bold; text-shadow: 0 1px 0 #fff;}

/* Drop Down Menu and Search Form */
.searchDiv {padding:0; top:3.14em; width:285px;}
.menuDiv {padding:0;}

/**
 * 540 and lower
 */
@media screen and (max-width : 540px) {
	.searchDiv {top:5.67em !important; width:100% !important;}
}

/**
 * 770 and highter
 */
@media screen and (min-width: 770px) {
	.menuDiv {display:block !important;}
  .js #menu-nav {
    position: relative;
    max-height: none;
  }
  #menu-toggle {
    display: none;
  }
  
  #menu-nav { width: 13em; float:left; /* The size of the fixed block. */}
  /*.ui-content {width:auto; margin:0 0 10px 13em; /* The size of the fixed block. */}
  /*.ui-content .ui-content{margin:0;}*/
  /*.ui-popup .ui-content, #register .ui-content, #subscribe .ui-content {margin:0 0 10px 0; }*/
	#menu-nav .ui-btn-inner, #menu-nav .ui-li-static {font-size: 14px;}

}

/* Tablet Header */
.headerDiv .logo {float:left; width:230px;}
.headerDiv .NavBtns {float:right; width:235px;}

.headerDiv .user-settings .ui-btn-text, .headerDiv .main-menu .ui-btn-text, .headerDiv .search-form .ui-btn-text {/*visibility: hidden;*/ display:none;}
.headerDiv .user-settings, .headerDiv .main-menu, .headerDiv .search-form {margin:0 !important;}

.headerDiv .headerNav.ui-navbar {width:153px; float:right;}

@media screen and (min-width: 770px) {
.headerDiv .headerNav.ui-navbar {width:77px; float:right;}
.headerDiv .headerNav .ui-grid-a >:nth-child(n) {width: 100%;}
.headerDiv .headerNav.ui-block-b{display: none;}
}

.headerDiv .ui-btn .ui-btn-inner { padding-top: 35px !important; font-weight:normal; }
.headerDiv .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }

.headerDiv .ui-btn-icon-top .ui-icon {top:5px;}
.headerDiv.ui-btn-icon-top .ui-btn-inner {padding-bottom: .8em;}
.headerDiv .user-settings .ui-icon { background:  url(http://static.djlmgdigital.com/corp/global/graphics/icons/gear-icon.png) 50% 50% no-repeat; background-size: 25px 24px;}
.headerDiv .main-menu .ui-icon { background:  url(http://static.djlmgdigital.com/corp/global/graphics/icons/menu-icon.png) 50% 50% no-repeat; background-size: 25px 24px;}
.headerDiv .search-form .ui-icon { background:  url(http://static.djlmgdigital.com/corp/global/graphics/icons/search-icon.png) 50% 50% no-repeat; background-size: 25px 25px;}

.headerDiv .sessionWarning .ui-grid-solo .ui-block-a {width:100%;}
.headerDiv .sessionWarning .ui-navbar {width:77px; float:right;}
.headerDiv .sessionWarning .ui-icon { background:  url(http://static.djlmgdigital.com/corp/global/graphics/icons/25x14key.png) 50% 50% no-repeat; background-size: 36px 19px;}
.headerDiv .sessionWarning .login-red .ui-icon { background:  url(http://static.djlmgdigital.com/corp/global/graphics/icons/25x14keyred.png) 50% 50% no-repeat; background-size: 36px 19px;}

.headerDiv .sessionWarning .ui-btn .ui-btn-inner { padding-top: 35px !important; }
.headerDiv .sessionWarning .ui-btn .ui-icon { width: 36px !important; height: 19px !important;}
.headerDiv .sessionWarning .ui-btn-text {position:absolute; top:23px; left:4px; font-size:12px}
.headerDiv .sessionWarning .login-red { border: 1px solid #000; background: linear-gradient(rgb(95, 16, 11), rgb(218, 3, 36)) repeat scroll 0% 0% rgb(95, 16, 11);
}

/**
 * 540 and lower
 */
@media only screen and (max-width : 540px) {
.headerDiv .logo {float:none; width:100%;}
.headerDiv .NavBtns {float:none; width:100%;}
.headerDiv .headerNav.ui-navbar {width: 100%; float: none;}
.headerDiv .sessionWarning .ui-navbar {width: 100%; float: none; clear: both;}
}

/* Newslist Carousel */
.flex-carousel, .flex-carousel-big {position: relative;}

.flex-carousel .carousel {height:154px; margin-bottom:8px; border-radius:0; overflow: hidden;}
.flex-carousel-big .carousel {height:203px; margin-bottom:8px; border-radius:0; overflow: hidden;}

.flex-carousel .divider-head h3, .flex-carousel .ui-li-divider h3,
.flex-carousel-big .divider-head h3, .flex-carousel-big .ui-li-divider h3 {margin:0;}
	
.flex-carousel .slides li { height:150px; width: 180px; position: relative; margin-top:2px; background: #f3f3f3; border: 1px solid #b3b3b3; overflow: hidden; }
.flex-carousel-big .slides li { height:199px; width: 285px; position: relative; background: #f3f3f3; border: 1px solid #b3b3b3; overflow: hidden; }
.flex-carousel .slides li a, .flex-carousel-menu .slides li a, .flex-carousel-big .slides li a {text-decoration: none; color: #000 !important;}
.flex-carousel .slides li .title .ui-li-heading, .flex-carousel-big .slides li .title .ui-li-heading {font-size:.75em; padding:5px;}
.flex-carousel .slides li .titlefloat .ui-li-heading, .flex-carousel-big .slides li .titlefloat .ui-li-heading {font-size:.75em; padding: 3px 5px;}
.flex-carousel .slides li .titlefloat, .flex-carousel-big .slides li .titlefloat {position: absolute; bottom: 0; left: 0; margin:0; width: 100%; overflow:hidden; min-height:15px;  background: #efefef;}
.flex-carousel .slides li.with-img .titlefloat, .flex-carousel-big .slides li .titlefloat {background: rgba(0,0,0,0.7)}
.flex-carousel .slides li.with-img a, .flex-carousel-big .slides li.with-img a  {text-shadow: 0 0px 0 #FFF; color: #fff !important;}
.flex-carousel .slides li.portrait img.storyimg {width: 100%;height:auto;}
.flex-carousel .slides li.landscape img.storyimg {height: 100%;width:auto;}
.flex-carousel .slides li .summary, .flex-carousel-big .slides li .summary {font-size:.75em;padding:10px 5px; text-decoration:none; font-weight: normal;}

.moreNews {text-align: center;}
.flex-carousel .slides .moreNews .title .ui-li-heading, .flex-carousel-big .slides .moreNews .title .ui-li-heading {font-size: .95em !important;}
.flex-carousel-big .slides .moreNews .title .ui-li-heading {margin-top:2em;}
.flex-carousel .slides .moreNews h4 {margin:1em 10px .7em;}
.flex-carousel-big .slides .moreNews h4 {margin:2em 10px 1.5em;}
.separator {border-top:1px solid #b3b3b3; text-align: center;}
.separator div {background:#efefef; color:#666; width:30px; margin:-14px auto 0 auto; padding:3px; text-align:center;}
.flex-carousel .slides li .searchBtn, .flex-carousel-big .slides li .searchBtn {color:#fff !important;}

/* Homepage Columns */
.colwrap {min-height: 1px; /* Required for IE7 */}
.colwrap:after {clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; content: "."; font-size: 0;}
.col2-50-first {float:left; width:49.5%; margin-right:.5%;}
.col2-50-last {float:left; width:49.5%; margin-left:.5%;}
.colwrap .ui-li-heading {white-space:nowrap;}

/**
 * 699 and lower
 */		
@media only screen and (max-width: 699px) {
  .col2-50-first,.col2-50-last {float:none; width:100%; margin:0;}
}

/* Top Stories Carousel */	
	   
.flex-topstories-wrap {margin: 0 auto 15px auto; padding:10px 0; background:#17212b; -moz-box-shadow:  3px 4px 6px 0px #111; -webkit-box-shadow:  3px 4px 6px 0px #111; box-shadow:  3px 4px 5px 0px #111;}
.flex-topstories {border:1px solid #050c16; margin:0 10px;}
.flex-topstories .flexslider {margin:0; background:transparent; border:none; -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow:none;}
.flex-topstories .flexslider .ui-body-f{border:none;}

/**
 * 800
 */	
@media only screen and (min-width:800px) {
	.flex-topstories-wrap {width:75%;}
	.flex-topstories .summary {float:left; width:100%; margin-right:-300px; /* The size of the fixed block. */}
	.flex-topstories .summary div {width:auto; display:block; margin:0 300px 10px 0; padding-left:20px; /* The size of the fixed block. */}
  .flex-topstories .mainImage {float:left; width:300px; /* The size of the fixed block. */}
}
/**
 * 481
 */		
@media only screen and (min-width: 481px) and (max-width: 799px) {
	.flex-topstories-wrap {width:100%;}
	.flex-topstories .summary {float:left; width:100%; margin-right:-50%; /* The size of the fixed block. */}
	.flex-topstories .summary div {width:auto; display:block; margin:0 50% 10px 0; padding-left:20px; /* The size of the fixed block. */}
  .flex-topstories .mainImage {float:left; width:50%; /* The size of the fixed block. */}
}
/**
 * 480 and lower
 */
@media only screen and (max-width : 480px) {
	.flex-topstories-wrap {width:100%;}
	.flex-topstories .summary {width:100%;}
	.flex-topstories .summary div {width:100%; padding-top: 10px;}
  .flex-topstories .mainImage {width:100%;}
}

.flex-topstories .mainImage img {margin-top:5px; -moz-box-shadow:3px 4px 6px 0px #111; -webkit-box-shadow:3px 4px 6px 0px #111; box-shadow:3px 4px 5px 0px #111;}

.flex-topstories .summary .title{font-size:18px; font-weight:bold;}
.flex-topstories .summary .title .ui-link {color: #efefef !important; text-decoration: none;}
.flex-topstories .summary .premiumIcon {display:inline; width:21px !important; height:10px !important;}
.flex-topstories .summary p {margin-top:.6em;}
.flex-topstories .summary p a {color: #efefef !important; font-size: 12px; font-weight: normal !important;}
.flex-topstories .summary p a em {color: #e8b722 !important; font-style: italic; font-weight: bold !important;}

.flex-topstories-controls {margin:0 auto 25px; position:relative;}
.flex-topstories-controls .flex-control-nav {bottom:auto; top:0; height:20px;}
.flex-topstories-controls .flex-control-nav li {height: 20px; padding-top: 3px;		}
.flex-topstories-controls .flex-control-paging li a {background:#7e807f;}
.flex-topstories-controls .flex-control-paging li a.flex-active {background:#e8b722;}

/* In-Article Navigation */
#ArtNav-carousel {background:transparent; border:none;}
#ArtNav-carousel .slides li {background:#fff; padding:5px; height:400px;}

/* tablet gallery pages */

.videoContainerHD .videoFrameHD {width:100%; padding-bottom: 60%; text-align:center; margin: 15px auto 0; display:block; overflow: hidden; position:relative;}
.videoContainerHD .videoFrameHD iframe {width:100%; height:100%; display:block; margin:auto; border:0px none; position:absolute; top:0; left:0;}
.videoContainerHD .videoCaption {margin-bottom:40px;}
.videoContainerHD .share{width:234px; margin: 0 auto 30px;}

.photoContainerHD .photoCount {display:block; float:right; font-size:.65em;}
.photoContainerHD .photoFrameHD {max-height:623px; max-width:738px; min-height:150px; text-align:center; margin: 15px auto 0; display:block; overflow: hidden; position:relative;}
.photoContainerHD .photoFrameHD img {width:auto; max-width:100%; margin:auto; display:block;}
/**
 * 700
 */	
@media only screen and (min-width:700px) and (max-width:1824px) {
	.photoContainerHD .photoFrameHD {max-height:623px;}
}
/**
 * 699 and lower
 */		
@media only screen and (min-width:481px) and (max-width: 699px) {
	.photoContainerHD .photoFrameHD img {max-height:423px;}
}
@media only screen and (max-width: 480px) {
	.photoContainerHD .photoFrameHD img {max-height:323px;}
}

.photoContainerHD .flex-direction-nav a {top:240px;}
/*.photoContainerHD .photoFrameHD .photoNavHD {position:absolute; top:50%; left:0; width:100%;}
.photoContainerHD .photoFrameHD .photoNavHD a {width: 30px; height: 30px; display:block; text-indent: -9999px; background: url(http://static.djlmgdigital.com/corp/global/graphics/flexslider/bg_direction_nav.png) no-repeat 0 0;}
.photoContainerHD .photoFrameHD .photoNavHD .prevPhoto {float:left;}
.photoContainerHD .photoFrameHD .photoNavHD .nextPhoto {float:right;}
.photoContainerHD .photoFrameHD .photoNavHD .prevPhoto a {opacity: 0.8; left: -36px;}
.photoContainerHD .photoFrameHD .photoNavHD .nextPhoto a {opacity: 0.8; background-position: 100% 0; right: -36px;}
.photoContainerHD .photoFrameHD .photoNavHD a:hover {opacity: 1;}*/
.photoContainerHD .photoCaption { margin-bottom:40px;}
.photoContainerHD .photoCaption h3 {margin-bottom:0px;}
.photoContainerHD .share{width:234px; margin: 0 auto 30px;}
	
/*.flex-photogallery {width:100%; margin: 15px auto 0; display:block; overflow: hidden; position:relative;}*/
.flex-photogallery .flexslider {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; border:none; box-shadow:none; background: none;}
/*.flex-photogallery .flexslider li {width:100%;}*/
.flex-photogallery .flexslider img {min-height:250px; display:block; max-width:100%; width:auto; margin: 0 auto; }
	
/* photo latest collapsible */
.flex-photolatest-collapsible {padding-top:0;}
.flex-photolatest-collapsible .ui-collapsible-content {padding-top:5px; padding-bottom:0; margin: 0 -15px;}
.flex-photolatest-collapsible .flexslider {margin:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0; border:none; box-shadow:none;}
.flex-photolatest-collapsible .flex-caption {padding:0; text-align:center;}
.flex-photolatest-collapsible .carousel li {margin-right: 20px;}

.flex-photolatest-collapsible .ui-collapsible-heading {margin:0 -15px;}		
.flex-photolatest-collapsible .ui-corner-bottom {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.flex-photolatest-collapsible .ui-corner-top {border-top-left-radius:0; border-top-right-radius:0;}
.flex-photolatest-collapsible .ui-btn-up-a {background: none #000;}
.flex-photolatest-collapsible .ui-icon-shadow {box-shadow: none;}

/* ArtNav */
#article .ui-content, #articlePreview .ui-content {padding-bottom: 74px;}
#article .fixed-width .ui-listview .ui-li-heading, #articlePreview .fixed-width .ui-listview .ui-li-heading {font-size: 14px; margin:0;}
#article .fixed-width .ui-listview .ui-li-divider .ui-li-heading, #articlePreview .fixed-width .ui-listview .ui-li-divider .ui-li-heading {font-size: 16px; margin:.6em 0;}

#artNav { width:333px; left:auto; right:0;}
#artNav #artNavCarousel {float:right; width:325px; padding:3px; -webkit-box-shadow:0px 0px 5px #333333;
-moz-box-shadow:0px 0px 5px #333333; box-shadow:0px 0px 5px #333333;}
/*#artNav #artNavCarousel.x40 {float:right; width:255px; padding:3px;}*/
#artNav #artNavCarousel .ui-grid-b {position:relative;}
#artNav #artNavCarousel .ui-grid-b .ui-block-a {width: 14% !important;}
#artNav #artNavCarousel .ui-grid-b .ui-block-c {width: 14% !important;}
#artNav #artNavCarousel .ui-grid-b .ui-block-b {width: 72% !important; min-height:66px;}

#artNav #artNavCarousel .ui-btn-up-d {background:none; background-image: none;}
#artNav #artNavCarousel .ui-li-link-alt-left{border-width: 0 1px 0 0; height: 100%; left: 0; margin-top: 0px; padding: 0; position: absolute; top: 0; width: 40px;}
    
#artNav #artNavCarousel .ui-li-link-alt-left .ui-btn { border-bottom-width: 1px; margin: -13px 0 0; overflow: hidden; position: absolute; right: 8px; top: 50%; z-index: -1;}
#artNav #artNavCarousel .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon {margin-top: -10px;}
#artNav #artNavCarousel .ui-grid-b .ui-block-b .ui-li {border-width: 0;}
#artNav #artNavCarousel .ui-grid-b .ui-block-b .ui-btn-active:visited, #artNav #artNavCarousel .ui-grid-b .ui-block-b .ui-btn-active:hover, #artNav #artNavCarousel .ui-grid-b .ui-block-b .ui-btn-active a.ui-link-inherit {color: #333;}
#artNav #artNavCarousel .ui-grid-b .ui-block-b .ui-btn-active {text-shadow: 0 1px 1px #fff;}

#artNav #artNavCarousel .artNavArrow-l{ margin-left:0; margin-right:5px;}
#artNav #artNavCarousel .artNavArrow-r{margin-right:0; margin-left:5px;}

#artNav .nextArt {padding:0 1px; margin:0; border:none; display:block; overflow:auto;}
#artNav .nextArt .storyimg {float:left; margin-right:10px; max-width:80px; height:65px;}
#artNav #artNavCarousel.x40 .nextArt .storyimg {float:none; margin:3px 0 0; height:125px; max-width:150px;}

/*#artNav #artNavCarousel.x40 .ui-grid-b .ui-block-b .ui-btn-up-c{background:none;}*/

#artNav .nextArt h3 {font-size:.750em; display:inline;}
#artNav #artNavCarousel.no-img .nextArt {overflow:visible;}
#artNav #artNavCarousel.no-img .nextArt h3 {display:block; height:65px; margin:0px;}
#artNav #artNavCarousel.no-img .nextArt h3:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; /*margin-right: -0.25em;*/}
#artNav #artNavCarousel.no-img .nextArt h3 div {display: inline-block; vertical-align: middle; width: 100%;}

.articleTxt,.mainStory {/*ui-body-d, .ui-overlay-d*/ border: 1px solid #bbb; color: #333; text-shadow: 0 1px 0 #fff; background:#fff;}