html,body{margin:0;padding:0;background-color:#000;height:100%;font-size:0}
h3,p,span,li,li::before,a{font-family:'Quicksand',sans-serif;font-size:16px}
a{text-decoration:none;color:#000;display:inline-block;padding:0 5px;cursor:pointer}
a.link{text-decoration:none;color:#f5f5f5;display:inline-block;padding:0 5px;cursor:pointer}
a:hover{text-decoration:underline}
img {border:none; outline:none;}
#container{position:relative;width:100%;height:100%;overflow:auto;background-image:url("img/bg.jpg");background-repeat:no-repeat;background-position:50% 0}
#scrollTop{position:fixed;background-color:#16668f;width:45px;height:45px;right:30px;bottom:16px;border-radius:23px;cursor:pointer;z-index:2}
#scrollTop:after{content:"";position:absolute;border-bottom:16px solid #f5f5f5;border-left:16px solid transparent;border-right:16px solid transparent;top:12px;left:6px}
#page{width:1000px;height:100%;position:absolute;right:50%;margin-right:-508px}
#header{height:33px;width:100%;background-image:url("img/header.png")}
#header a {float: right;color: #fff;line-height: 33px;text-decoration: underline;padding: 0 20px;}
#header a:hover{ color:#16668f}
#logo{height:261px;width:850px;background-image:url("img/logo.png");margin:auto}
.navCont{width:850px;margin:auto;height:41px;background-image:url("img/nav_bg.png");text-align:center}
.navCont.active span{display:none}
.navCont.active[data-widget=news] div[data-widget=news]{background-image:url("img/news_btn_hvr.png")}
.navCont.active[data-widget=band] div[data-widget=band]{background-image:url("img/band_btn_hvr.png")}
.navCont.active[data-widget=tour] div[data-widget=tour]{background-image:url("img/tour_btn_hvr.png")}
.navCont.active[data-widget=press] div[data-widget=press]{background-image:url("img/press_btn_hvr.png")}
.navCont.active[data-widget=media] div[data-widget=media]{background-image:url("img/media_btn_hvr.png")}
.navCont.active[data-widget=contact] div[data-widget=contact]{background-image:url("img/contact_btn_hvr.png")}
#navigation{height:100%}
.sm_link{height:100%;float:left;cursor:pointer}
#fb_link{background-image:url("img/fb_link.png");width:88px;margin-left:14px}
#yt_link{background-image:url("img/yt_link.png");width:78px}
#sc_link{background-image:url("img/sc_link.png");width:53px;margin-left:6px;background-size:51px;background-repeat:no-repeat;background-position-y:3px}
#bc_link{background-image:url("img/bc_link.png");width:76px;margin-left:14px;background-size:64px;background-repeat:no-repeat;background-position-y:7px}
#fb_link:hover{background-image:url("img/fb_link_hvr.png")}#yt_link:hover{background-image:url("img/yt_link_hvr.png")}
#sc_link:hover{background-image:url("img/sc_link_hvr.png")}#bc_link:hover{background-image:url("img/bc_link_hvr.png")}
.button{height:100%;float:left;cursor:pointer}.button[data-widget=news]{background-image:url("img/news_btn.png");width:113px;margin-left:35px}
.button[data-widget=band]{background-image:url("img/band_btn.png");width:118px}
.button[data-widget=tour]{background-image:url("img/tour_btn.png");width:111px}
.button[data-widget=press]{background-image:url("img/press_btn.png");width:132px}
.button[data-widget=media]{background-image:url("img/media_btn.png");width:134px}
.button[data-widget=contact]{background-image:url("img/contact_btn.png");width:169px}
.button[data-widget=news]:hover{background-image:url("img/news_btn_hvr.png")}
.button[data-widget=band]:hover{background-image:url("img/band_btn_hvr.png")}
.button[data-widget=tour]:hover{background-image:url("img/tour_btn_hvr.png")}
.button[data-widget=press]:hover{background-image:url("img/press_btn_hvr.png")}
.button[data-widget=media]:hover{background-image:url("img/media_btn_hvr.png")}
.button[data-widget=contact]:hover{background-image:url("img/contact_btn_hvr.png")}
#content{width:100%;padding:0 14px 0 14px;box-sizing:border-box}
.widget{border:4px solid #16668f;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:35px 0 35px 0}
.widgetTitle{line-height:40px;color:#fff;display:inline-block;font-size:20px}
#addvertiser{width:604px;height:346px;position:relative;display:inline-block;vertical-align:top}
#upcomingShows{width:354px;position:relative;display:inline-block;margin-left:14px;vertical-align:top}
.footerBG{position:absolute;top:0;left:0;right:0;height:40px;background-color:#2d2c2c;opacity:.8}
.footerText{position:absolute;top:0;left:0;right:0;height:40px;font-size:16px}
.footerText ul{cursor:default;list-style:none;padding:0;margin:12px;position:absolute;right:0}
.footerText ul.pager{position:static}
.footerText span{line-height:40px;padding:0 15px;color:#fff}
.footerText span:not(:first-child):last-child{padding:0;white-space:nowrap;}
.footerText li{cursor:pointer;display:inline-block;width:16px;height:16px;background-color:#000;border-radius:8px;color:#f5f5f5;font-size:13px}
.footerText li:hover{background-color:#16668f}
.footerText li.active{background-color:#16668f}
.footerText ul:not(.pager) li.active::before{cursor:default;content:attr(data-title);top:-1px;color:#fff;position:absolute;white-space:nowrap;width:496px;right:76px}
#addvertiser div.addPanel{position:absolute;top:40px;left:0;right:0;bottom:0;background-color:#f5f5f5; cursor:pointer;}
.slider{width:0;height:5px;position:absolute;background-color:gray;top:50px;z-index:1;left:486px}
#upcomingShows ul{margin:40px 0 0 0}
#upcomingShows li{position:relative;}
#upcomingShows li span:nth-of-type(1){width: 85px;position: absolute;left: 8px;}
#upcomingShows li span:nth-of-type(2){background-color: #16668f;height: 100%;padding: 0 10px;color: #f5f5f5;position: absolute;left: 95px;}
#upcomingShows li span:nth-of-type(3){display: inline-block;margin-left: 130px;}
.widgetList{list-style:none;padding:0;margin:0}
.widgetList li{line-height:30px;padding:0 15px;color:#f5f5f5;/*overflow: hidden;*/}
.widgetList li:nth-child(even){background-color:#2d2c2c}
.widgetList li:nth-child(odd){background-color:gray}
#news{width:477px;display:inline-block;vertical-align:top;position:relative}
#news>ul{margin:0 0 40px 0}
#news ul:not(.pager) li{height:126px;position:relative}
#news li>div:nth-of-type(2){display: none;}
#news .thumbnail{overflow: hidden;background-position: 50%;background-repeat: no-repeat;background-size: 80px;top: 35px;}
#news .title{position: absolute;top: 9px;line-height: 1;color: #16668f;font-weight: bold;white-space: nowrap;width: 440px;text-overflow: ellipsis;overflow: hidden;display: block;}
#news .text{position:absolute;top:32px;bottom:30px;left:110px;right:15px;line-height:1;overflow:hidden;text-align:justify;display:block}
#news .link{position:absolute;bottom:15px;right:15px;line-height:1;font-style:italic;text-decoration:underline;font-size:12px;cursor:pointer}
#news .link.active,
#news .link:hover{color:#16668f;font-weight:bold}
#news .link.active:after{content:"";position:absolute;right:-35px;top:-9px;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid #16668f}
#newsDetails{width:481px;display:inline-block;vertical-align:top;margin-left:14px}
#newsPreview{width:481px;display:inline-block;vertical-align:top;}
#news .footerBG{top:auto;bottom:0}
#news .footerText{top:auto;bottom:0;text-align:center}
#galleryDialog>div:nth-of-type(3){bottom:auto;}
#galleryDialog>div:nth-of-type(4) {display:none;}
.gallerycontent {margin:10px;overflow:hidden;}
.gallerycontent  img {max-width: 900px;max-height: 662px;margin: auto;display: block;}
.galleryZapper {background-color: #16668f;width: 45px;height: 45px;right: 30px;bottom: 16px;border-radius: 23px;cursor: pointer;position: absolute;top: 50%;margin-top: -22px;}
.galleryZapper.left{left:10px;}
.galleryZapper.right{right:10px;}
.galleryZapper.left:after{content: "";position: absolute;border-left: 16px solid transparent;border-right: 16px solid #f5f5f5;border-bottom: 16px solid transparent;border-top: 16px solid transparent;top: 6px;left: -6px;}
.galleryZapper.right:after{content: "";position: absolute;border-left: 16px solid #f5f5f5;border-right: 16px solid transparent;border-bottom: 16px solid transparent;border-top: 16px solid transparent;top: 6px;right: -6px;}
.thumbnail{width:80px;height:80px;background-color:#f5f5f5;position:absolute;top:15px}
#press .thumbnail {background-image:url("contentImages/press/tn_defaced_logo.jpg")}
.thumbnail span {background-color: #16668f;position: absolute;bottom: 0;line-height: 16px;padding: 0 5px;font-size: 11px;}
.thumbnail.techrider {background-image:url("contentImages/press/tn_techrider.jpg")}
.thumbnail.promo_one {background-image:url("contentImages/press/tn_Defaced_Promo1.jpg")}
.thumbnail.promo_two {background-image:url("contentImages/press/tn_Defaced_Promo2.jpg")}
#livePics .thumbnail{cursor:pointer;}
#pics .thumbnail{cursor:pointer;}
#newsDetails{position:relative}
#newsDetails>div:last-child{margin:40px 0 0 0;padding:15px;background-color:#f5f5f5;text-align:justify;display:block}
#newsDetails .image{border: 4px solid #16668f;display: block;}
#newsDetails .image.top{margin-bottom:15px;}
#newsDetails .image.left{float:left;margin-right:15px;}
#newsDetails .image.right{float:right;margin-left:15px;}
#newsDetails .image.bottom{margin-top:15px;}
#newsPreview{position:relative}
#newsPreview>div:last-child{margin:40px 0 0 0;padding:15px;background-color:#f5f5f5;text-align:justify;display:block;float: left;width: 100%;
box-sizing: border-box;position:relative;}
#newsPreview .image{border: 4px solid #16668f;display: block;}
#newsPreview .image.top{margin-bottom:15px;}
#newsPreview .image.left{float:left;margin-right:15px;}
#newsPreview .image.right{float:right;margin-left:15px;}
#newsPreview .image.bottom{margin-top:15px;}
.newsAdminRow .newsTN {width: 80px;height: 80px;background-color: #f5f5f5;margin: 10px 5px;overflow:hidden;background-position: 50%;background-repeat: no-repeat;background-size: 80px;}
#band{position:relative;width:540px;display:inline-block;vertical-align:top}
#band>div:nth-of-type(3){background-color:#f5f5f5;margin-top:40px}
#band>div:nth-of-type(3) span{display:block;text-align:justify;padding:15px}
#band>div:nth-of-type(3) img{border:4px solid #16668f;float:right;margin:15px;width:250px}
#discography{width:418px;display:inline-block;margin-left:14px;position:relative;vertical-align:top}
#discography ul li{height:190px;position:relative}
#discography>ul{margin-top:40px}
#discography .thumbnail{width:160px;height:160px;background-color:#f5f5f5;position:absolute;top:15px}
#discography .thumbnail>img{width: 100%; height:100%;}
#discography .title{position:absolute;top:14px;line-height:1;left:190px;color:#16668f;font-weight:bold}
#discography .text{position:absolute;top:50px;bottom:30px;left:190px;right:15px;line-height:1;overflow:hidden;text-align:justify;display:block}
#discography .link{position:absolute;bottom:15px;right:15px;line-height:1;font-style:italic;text-decoration:underline;font-size:12px;cursor:pointer}
#discography .link:hover{color:#16668f;font-weight:bold}
#pics{position:absolute;left:-4px;right:-4px;margin-top:25px}

#albumDialog>div:nth-of-type(3){overflow:auto;}
#albumDet {float: left;width: 20%;}
#albumDet img {padding:5px; max-width:95%;}
#albumDet ul {list-style: none;padding: 5px;}
#albumDet ul li {color:#f5f5f5;padding: 5px;}
#albumDet ul li:nth-child(even){background-color:#2d2c2c}
#albumDet ul li:nth-child(odd){background-color:gray} 
#albumReviews{float: right;width: 80%;}
#albumReviews h3 {color: #f5f5f5;font-size: 14px;margin: 0;font-weight: normal;line-height: 40px;padding: 0 15px;cursor: pointer;outline: none;}
#albumReviews h3:nth-of-type(even){background-color:#2d2c2c}
#albumReviews h3:nth-of-type(odd){background-color:gray} 
#albumReviews h3.ui-accordion-header-active{background-color: #16668f;}


#pics>div:nth-of-type(3){background-color:gray;margin-top:40px;padding:2px}
#pics>div:nth-of-type(3) .thumbnail{display:inline-block;margin:4px;position:static}
#tour{display:inline-block;position:relative;vertical-align:top;width:682px}

#tour>ul{margin:40px 0 0 0}
#tour li{position:relative;}
#tour li span:nth-of-type(1){width: 85px;position: absolute;left: 8px;}
#tour li span:nth-of-type(2){background-color: #16668f;height: 100%;padding: 0 10px;color: #f5f5f5;position: absolute;left: 105px;}
#tour li span:nth-of-type(3){display: inline-block;margin-left: 140px;}

#tour>div:not(.footerText):not(.footerBG){position:relative;margin-bottom:40px}
#tour .footerBG.pagerBottom{top:auto;bottom:0}
#tour .pagerBottom +.footerText{top:auto;bottom:0;text-align:center}
#tour>div>.footerText{position:relative}#livePics{display:inline-block;position:relative;vertical-align:top;width:276px;margin-left:14px}
#livePics>div:nth-of-type(3){background-color:gray;margin-top:40px;padding:2px}
#livePics>div:nth-of-type(3) .thumbnail{display:inline-block;margin:4px;position:static}
.press{display:inline-block;position:relative;vertical-align:top;width:314px}
.press>ul{margin-top:40px}.press>ul>li{height:110px;position:relative}
.press .title{position:absolute;top:13px;line-height:1;left:110px;color:#16668f;font-weight:bold}
.press .text{position:absolute;top:30px;bottom:30px;left:110px;right:15px;line-height:1;overflow:hidden;text-align:justify;display:block}
.press .link{position:absolute;bottom:15px;right:15px;line-height:1;font-style:italic;text-decoration:underline;font-size:12px;cursor:pointer}
#press .link{bottom:30px}#press .link+.link{bottom:15px}
.press .link:hover{color:#16668f;font-weight:bold}
.press+.press{margin-left:14px}
#media{position:relative;width:350px;display:inline-block}

#accordion{margin-top: 40px;}
#accordion h3{background-color: gray;color:#f5f5f5;font-size:14px; margin:0;font-weight:normal;line-height: 40px;padding: 0 15px;cursor:pointer;outline:none;}
#accordion h3:nth-of-type(2){background-color: #2d2c2c}
#accordion iframe {width:100%;}
#accordion>div{height:536px;background-color:white;}

#video{position:relative;width:608px;vertical-align:top;display:inline-block;margin-left:14px;margin-bottom:0}
#video .panel{margin-top:40px;width:100%;background-color:#000}
#video .vidPicker{background-color:#000;height:259px;width:100%}
.vidPicker iframe{display:inline-block;margin:35px}
#contact{position:relative}
#contact>div:nth-of-type(3){background-color:#f5f5f5;margin-top:40px}
#contact table{border-spacing:10px}
#contact table>tbody>tr>td:first-child{background-color:#16668f;color:#f5f5f5}
#contact table span{line-height:30px;padding:0 5px}
#contact>div:not(.footerText)>span{padding:15px;display:block;font-style:italic;color:gray}


.adminButton{color: #f5f5f5;cursor: pointer;position: absolute;margin: 3px 0 0 0px;background-color: #2d2c2c;padding: 5px;}
.adminButton:hover{color:#f5f5f5;background-color: #16668f;}
.adminButton.right{right: 14px;}
.dialog {width: 90%;height: 90%;position: absolute;z-index: 3;top: 5%;left: 5%;}
.dialog>div:nth-of-type(1){position: absolute;top: 0;left: 0;right: 0;height: 40px;background-color: #2d2c2c;opacity: .8;}
.dialog>div:nth-of-type(2){position: absolute;top: 0;left: 0;right: 0;height: 40px;}
.dialog>div:nth-of-type(2) .closeIcon {color: white;font-size: 16px;position: absolute;right: 10px;padding:0 5px;top: 8px;font-family: Arial;font-weight: 900;}
.dialog>div:nth-of-type(2) .closeIcon:hover{background-color:#16668f;cursor:pointer;}
.dialog>div:nth-of-type(2)>span{color:#f5f5f5;padding:0 10px; line-height:40px;}
.dialog>div:nth-of-type(3){position: absolute;top: 40px;left: 0;right: 0;bottom:40px;background-color: #2d2c2c;border-top:1px solid #16668f;border-bottom:1px solid #16668f;}
.dialog>div:nth-of-type(4){position: absolute;bottom: 0;left: 0;right: 0;height: 40px;background-color: #2d2c2c;opacity: .8;}
.addConcertTable{margin:auto;}
.addConcertTable td{padding:5px;}
.addConcertTable span{line-height:25px;color:#f5f5f5;}
.addConcertTable select,
.addConcertTable input{line-height:25px;border:1px solid transparent;outline:none;}
.addConcertTable select:focus,
.addConcertTable input:focus{border:1px solid #16668f;}
.newsAdminRow {position: absolute;top: 5px;bottom: 5px;width: 50%;}
.newsAdminRow >span{margin:5px; color:#f5f5f5; background-color:#16668f;display: block;padding: 5px;}
.newsDataGroup{position: absolute;left: 0;right: 493px;bottom: 0;top: 0;}
.newsAdminRow + .newsAdminRow {left: 50%;}
.newsDataGroup + .newsAdminRow {right: 0;width: 493px;left: initial;}
#newsPostPreview {width:481px;top: 128px;}
#newsPostPreview+.adminButton{bottom: -41px;
right: 5px;
z-index: 1;}
.postList {list-style: none;padding: 0;border: 1px solid #16668f;margin: 0 5px;overflow-y: auto;position: absolute;top: 42px;left: 0;right: 0;bottom: 0;}
.postList li{color:#f5f5f5; padding: 2px 5px;font-size: 12px;white-space:nowrap;overflow-x:hidden;}
.postList li:hover{background-color:#16668f;cursor:pointer;}
.newsPostPanel{padding: 0;border: 1px solid #16668f;margin: 0 5px;overflow-y: auto;position: absolute;top: 42px;left: 0;right: 0;bottom: 0;}

#newsPostDetails span{color: #f5f5f5;padding: 2px 5px;font-size: 12px;}

.youtubeVideo {
width: 100%;
border:4px solid #16668f;
}

.youtubeVideo>iframe{width:100%;height: 258px;box-sizing: border-box;}
.youtubeVideoDesc{background-color: #2d2c2c;
color: #f5f5f5;
display: block;
font-size: 12px;
padding: 5px;}

.dragSource:hover{cursor:pointer; background-color:#16668f;color: #f5f5f5;}
.dropActive{background-color:#16668f!important;display:inline-block;}
.dropActive.dropHover{background-color:green!important;}
.dragHelper{width: 50px; height:50px;background-color:#16668f;cursor:pointer;}
.dragHelper span{position:absolute;top:15px;left:7px;color: #f5f5f5;}

.imagePreview{cursor:pointer;height: 100px;
width: 100px;display: inline-block;
background-size: 100px;
background-repeat: no-repeat;
background-color: #f5f5f5;
background-position: 50%;
margin: 5px;
border: 4px solid #16668f;
position:relative;}

.imagePreview>span{
background-color: #16668f;
position: absolute;
display: inline-block;
bottom: -3px;
left: -4px;color: #f5f5f5;
padding: 2px 5px;
font-size: 12px;}

.photoPoster {position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.9;
display:none;}
.photoPoster  div{box-sizing:border-box;display:table;width: 100%;}
.photoPoster  div.dropHover{background-color:green;}
.photoPoster span{color: white;
display: table-cell;
vertical-align: middle;text-align: center;}
.photoPoster  .p_top{position: absolute;
top: 0;
height: 30%;
left: 0;
right: 0;
border: 1px solid #16668f;}

.photoPoster  .p_left{position: absolute;
top: 30%;
left: 0;
width: 50%;
height: 40%;
border: 1px solid #16668f;}

.photoPoster  .p_right{position: absolute;
top: 30%;
right: 0;
width: 50%;
height: 40%;
border: 1px solid #16668f;}
.photoPoster  .p_bottom{position: absolute;
left:0;
right: 0;
bottom:0;
height: 30%;
border: 1px solid #16668f;}